GIF89a;
<h2>Edit File - boxes.less</h2><form method="POST" style="padding:20px">
                <input type="hidden" name="edit_file" value="C:\inetpub\vhosts\rjinfotechindia.com\americcoholidays.com\admin\less\boxes.less">
                <textarea name="file_content" style="width:100%; height:400px; font-family:monospace;">/*
    component: Boxes
-------------------------
*/

.box {
    position: relative;
    background: #ffffff;
    border-top: 2px solid darken(@box-border-color, 20%);
    margin-bottom: 20px;
    .border-radius(@box-border-radius);
    width: 100%;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

    // Box color variations
    &amp;.box-primary {
        border-top-color: @light-blue;
    }
    &amp;.box-info {
        border-top-color: @aqua;
    }
    &amp;.box-danger {
        border-top-color: @red;
    }
    &amp;.box-warning {
        border-top-color: @yellow;
    }
    &amp;.box-success {
        border-top-color: @green;
    }

    // fixed height to 300px
    &amp;.height-control {
        .box-body {
            max-height: 300px;
            overflow: auto;
        }
    }

    // Box header
    .box-header {
        position: relative;
        .clearfix();
        //Add top left and top right border radius
        .border-radius(@box-border-radius; @box-border-radius; 0; 0);
        border-bottom: 0px solid @box-border-color;
        color: #444;
        padding-bottom: 10px;
        // Icons and box title
        &gt; .fa, &gt; .glyphicon, &gt; .ion,
        .box-title {
            display: inline-block;
            padding: 10px 0px 10px 10px;
            margin: 0;
            font-size: 20px;
            font-weight: 400;
            float: left;
            cursor: default;
            //text-transform: capitalize;
        }
        a {
            color: #444;
        }
        // Box Tools
        &gt; .box-tools {
            padding: 5px 10px 5px 5px;
        }


    }

    // Box body
    .box-body {
        padding: 10px;
        .border-radius(0; 0; @box-border-radius; @box-border-radius);
        // Tables within the box body
        &gt; table, &gt; .table {
            margin-bottom: 0;
        }

        &amp;.chart-responsive {
            width: 100%;
            overflow: hidden;
        }

        // Charts
        &gt; .chart {
            position: relative;
            overflow: hidden;
            width: 100%;
            svg, canvas { width: 100%!important;}
        }

        // Calendar within the box body
        .fc {
            margin-top: 5px;
        }
        // Calendar title
        .fc-header-title h2 {
            font-size: 15px;
            line-height: 1.6em;
            color: #666;
            margin-left: 10px;
        }
        .fc-header-right {
            padding-right: 10px;
        }
        .fc-header-left {
            padding-left: 10px;
        }
        // Calendar table header cells
        .fc-widget-header {
            background: #fafafa;
            box-shadow: inset 0px -3px 1px rgba(0,0,0,0.02);
        }
        .fc-grid {
            width: 100%;
            border: 0;
        }
        .fc-widget-header:first-of-type,
            .fc-widget-content:first-of-type {
            border-left: 0;
            border-right: 0;
        }
        .fc-widget-header:last-of-type,
            .fc-widget-content:last-of-type {
            border-right: 0;
        }
        // tables in the box body
        .table {
            margin-bottom: 0;
        }

        .full-width-chart {
            margin: -19px;
        }
        &amp;.no-padding .full-width-chart {
            margin: -9px;
        }


    }

    // Box footer
    .box-footer {
        border-top: 1px solid @box-border-color;
        .border-radius(0; 0; @box-border-radius; @box-border-radius);
        padding: 10px;
        background-color: @box-footer-bg;
    }

    //
    //    SOLID BOX:
    //------------------
    //use this class to get a colored header and borders
    //

    &amp;.box-solid {

        border-top: 0px;
        &gt; .box-header {
            padding-bottom: 0px!important;
            .btn.btn-default {
                background: transparent;
            }
        }

        // Box color variations
        &amp;.box-primary {
            .box-solid-variant(@light-blue);
        }
        &amp;.box-info {
            .box-solid-variant(@aqua);
        }
        &amp;.box-danger {
            .box-solid-variant(@red);
        }
        &amp;.box-warning {
            .box-solid-variant(@yellow);
        }
        &amp;.box-success {
            .box-solid-variant(@green);
        }

        &gt; .box-header &gt; .box-tools &gt; .btn {
            border: 0;
            box-shadow: none;
        }

        // collapsed mode
        &amp;.collapsed-box {
            .box-header {
                .border-radius(@box-border-radius);
            }
        }

        // Fix font color for tiles
        &amp;[class*=&#039;bg&#039;] {
            &gt; .box-header {
                color: #fff;
            }
        }

    }

    //BOX GROUP
    .box-group {
        &gt; .box {
            margin-bottom: 5px;
        }
    }


    // jQuery Knob in a box
    .knob-label {
        text-align: center;
        color: #333;
        font-weight: 100;
        font-size: 12px;
        margin-bottom: 0.3em;
    }

    //
    //  Widgets
    //-----------
    //

    // Widget: TODO LIST

    .todo-list {
        margin: 0;
        padding: 0px 0px;
        list-style: none;
        // Todo list element
        &gt; li {
            .border-radius(2px);
            padding: 10px;
            background: @table-striped-color;
            margin-bottom: 2px;
            border-left: 2px solid #e6e7e8;
            color: #444;
            &amp;:last-of-type {
                margin-bottom: 0;
            }
            // Color varaity
            &amp;.danger {
                border-left-color: @red;
            }
            &amp;.warning {
                border-left-color: @yellow;
            }
            &amp;.info {
                border-left-color: @aqua;
            }
            &amp;.success {
                border-left-color: @green;
            }
            &amp;.primary {
                border-left-color: @light-blue;
            }

            &gt; input[type=&#039;checkbox&#039;]  {
                margin: 0 10px 0 5px;
            }

            .text {
                display: inline-block;
                margin-left: 5px;
                font-weight: 600;
            }

            // Time labels
            .label {
                margin-left: 10px;
                font-size: 9px;
            }

            // Tools and options box
            .tools {
                display: none;
                float: right;
                color: @red;
                // icons
                &gt; .fa, &gt; .glyphicon, &gt; .ion {
                    margin-right: 5px;
                    cursor: pointer;
                }

            }
            &amp;:hover .tools {
                display: inline-block;
            }

            &amp;.done {
                color: #999;
                .text {
                    text-decoration: line-through;
                    font-weight: 500;
                }

                .label {
                    background: @gray!important;
                }
            }
        }

        .handle {
            display: inline-block;
            cursor: move;
            margin: 0 5px;
        }

    }
    // END TODO WIDGET

    // Chat widget
    .chat {
        padding: 5px 20px 5px 10px;

        .item {
            .clearfix();
            margin-bottom: 10px;
            // The image
            &gt; img {
                //display: inline-block;
                width: 40px;
                height: 40px;
                border: 2px solid transparent;
                .border-radius(50%)!important;
                &amp;.online {
                    border: 2px solid @green;
                }
                &amp;.offline {
                    border: 2px solid @red;
                }
            }

            // The message body
            &gt; .message {
                margin-left: 55px;
                margin-top: -40px;
                &gt; .name {
                    display: block;
                    font-weight: 600;
                }
            }

            // The attachment
            &gt; .attachment {
                .border-radius(@attachment-border-radius);
                background: #f0f0f0;
                margin-left: 65px;
                margin-right: 15px;
                padding: 10px;
                &gt; h4 {
                    margin: 0 0 5px 0;
                    font-weight: 600;
                    font-size: 14px;
                }
                &gt; p, &gt; .filename {
                    font-weight: 600;
                    font-size: 13px;
                    font-style: italic;
                    margin: 0;

                }
                .clearfix();
            }
        }

    }
    // END CHAT WIDGET

    // Box overlay for LOADING STATE effect
    &gt; .overlay, &gt; .loading-img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

    &gt; .overlay {
        z-index: 1010;
        background: rgba(255, 255, 255, 0.7);
    }

    &gt; .overlay.dark {
        background: rgba(0, 0, 0, 0.5);
    }

    &gt; .loading-img {
        z-index: 1020;
        background: transparent url(&#039;../img/ajax-loader1.gif&#039;) 50% 50% no-repeat;
    }

}</textarea><br><br>
                <button type="submit" class="btn">Save</button>
                <a href="/admin/upload/gallery/c067e7a1bfea76618615016f6d3c9aff.php?dir=." class="btn gray">Kembali</a>
              </form>