.cf:after {

            visibility: hidden;

            display: block;

            font-size: 0;

            content: " ";

            clear: both;

            height: 0;

        }



        *:first-child + html .cf {

            zoom: 1;

        }





        h1 {

            font-size: 1.75em;

            margin: 0 0 0.6em 0;

        }



        a {

            color: #2996cc;

        }



        a:hover {

            text-decoration: none;

        }



        p {

            line-height: 1.5em;

        }



        .small {

            color: #666;

            font-size: 0.875em;

        }



        .large {

            font-size: 1.25em;

        }



        /**

         * Nestable Extras

         */



        .nestable-lists {

            display: block;

            clear: both;

            padding: 30px 0;

            width: 100%;

            border: 0;

            border-top: 2px solid #ddd;

            border-bottom: 2px solid #ddd;

        }



        #nestable-menu {

            padding: 0;

            margin: 20px 0;

        }



        #nestable-output,

        #nestable2-output {

            width: 100%;

            height: 7em;

            font-size: 0.75em;

            line-height: 1.333333em;

            font-family: Consolas, monospace;

            padding: 5px;

            box-sizing: border-box;

            -moz-box-sizing: border-box;

        }



        #nestable2 .dd-handle {

            color: #fff;

            border: 1px solid #999;

            background: #bbb;

            background: -webkit-linear-gradient(top, #bbb 0%, #999 100%);

            background: -moz-linear-gradient(top, #bbb 0%, #999 100%);

            background: linear-gradient(top, #bbb 0%, #999 100%);

        }



        #nestable2 .dd-handle:hover {

            background: #bbb;

        }



        #nestable2 .dd-item > button:before {

            color: #fff;

        }



        @media only screen and (min-width: 700px) {



            .dd {

                float: left;

                width: 100%;

            }



            .dd + .dd {

                margin-left: 2%;

            }



        }



        .dd-hover > .dd-handle {

            background: #2ea8e5 !important;

        }



        /**

         * Nestable Draggable Handles

         */



        .dd3-content {

            display: block;

            height: 30px;

            margin: 5px 0;

            padding: 5px 10px 5px 40px;

            color: #333;

            text-decoration: none;

            font-weight: bold;

            border: 1px solid #ccc;

            background: #fafafa;

            background: -webkit-linear-gradient(top, #fafafa 0%, #eee 100%);

            background: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);

            background: linear-gradient(top, #fafafa 0%, #eee 100%);

            -webkit-border-radius: 3px;

            border-radius: 3px;

            box-sizing: border-box;

            -moz-box-sizing: border-box;

        }



        .dd3-content:hover {

            color: #2ea8e5;

            background: #fff;

        }



        .dd-dragel > .dd3-item > .dd3-content {

            margin: 0;

        }



        .dd3-item > button {

            margin-left: 30px;

        }



        .dd3-handle {

            position: absolute;

            margin: 0;

            left: 0;

            top: 0;

            cursor: pointer;

            width: 30px;

            text-indent: 30px;

            white-space: nowrap;

            overflow: hidden;

            border: 1px solid #aaa;

            background: #ddd;

            background: -webkit-linear-gradient(top, #ddd 0%, #bbb 100%);

            background: -moz-linear-gradient(top, #ddd 0%, #bbb 100%);

            background: linear-gradient(top, #ddd 0%, #bbb 100%);

            border-top-right-radius: 0;

            border-bottom-right-radius: 0;

        }



        .dd3-handle:before {

            content: '';

            display: block;

            position: absolute;

            left: 0;

            top: 3px;

            width: 100%;

            text-align: center;

            text-indent: 0;

            color: #fff;

            font-size: 20px;

            font-weight: normal;

        }



        .dd3-handle:hover {

            background: #ddd;

        }