textarea {min-height:150px;}

.bar-controls {margin:5px 0;}

.modal-xl {width:75%;}
.modal-xxl {width:90%;}
.img-preview {max-height:200px;margin-bottom:10px;}
.img-list {max-height:50px;}
.small-box .img-list {max-height:80px;}
.small-box h4 {font-weight:bold;}

.submenu li {border-top:1px solid #eee;}
li ul.list-unstyled {margin-left:15px;}

.spec-list .col-sm-6:nth-child(2n+1) {clear:both;}
.small-box-footer a {color:#fff;}
#catlist-menu li a.active {font-weight:bold;}

.order-total th, order-total td {font-size:24px;}

.login-box, .register-box {margin: 0 auto;padding: 7% 0;}

.select2-container .select2-selection--single {height: 30px;}
.select2-container--default .select2-selection--single {border-radius: 0;}

.colorpicker-2x .colorpicker-saturation {width: 200px;height: 200px;}

.colorpicker-2x .colorpicker-hue,
.colorpicker-2x .colorpicker-alpha {width: 30px;height: 200px;}

.colorpicker-2x .colorpicker-color,
.colorpicker-2x .colorpicker-color div {height: 30px;}

.gray {color:#ccc;}
.img-select-active {height:15px;}
.img-select {height:32px;}

.fa-trash {color:#ff0000;}
.totaltopay {color:#00A65A;}

.sidebar-menu > li > a > .fa, .sidebar-menu > li > a > .glyphicon, .sidebar-menu > li > a > .ion {width: 1.25em !important;}
.sidebar-menu .treeview-menu > li > a > .fa, .sidebar-menu .treeview-menu > li > a > .glyphicon, .sidebar-menu .treeview-menu > li > a > .ion {width: 1.25em !important;}

table tr.weekend {background-color:#ccc !important;color:#ff0000;}

/* funkyradio */
.funkyradio div {
    clear: both;
    overflow: hidden;
}

.funkyradio label {
    width: 100%;
    border-radius: 3px;
    border: 1px solid #D1D3D4;
    font-weight: normal;
}

.funkyradio input[type="radio"]:empty,
.funkyradio input[type="checkbox"]:empty {
    display: none;
}

    .funkyradio input[type="radio"]:empty ~ label,
    .funkyradio input[type="checkbox"]:empty ~ label {
        position: relative;
        line-height: 2.5em;
        text-indent: 3.25em;
        margin-top: .2em;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
    }

        /*.funkyradio input[type="radio"]:empty ~ label:before,
        .funkyradio input[type="checkbox"]:empty ~ label:before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }*/
        .funkyradio input[type="radio"]:empty ~ label .before,
        .funkyradio input[type="checkbox"]:empty ~ label .before {
            position: absolute;
            display: block;
            top: 0;
            bottom: 0;
            left: 0;
            content: '';
            width: 2.5em;
            background: #D1D3D4;
            border-radius: 3px 0 0 3px;
        }

.funkyradio input[type="radio"]:hover:not(:checked) ~ label,
.funkyradio input[type="checkbox"]:hover:not(:checked) ~ label {
    color: #888;
}

    /*.funkyradio input[type="radio"]:hover:not(:checked) ~ label:before,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label:before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
    }*/
    .funkyradio input[type="radio"]:hover:not(:checked) ~ label .before,
    .funkyradio input[type="checkbox"]:hover:not(:checked) ~ label .before {
        content: '\2714';
        text-indent: .9em;
        color: #C2C2C2;
    }

.funkyradio input[type="radio"]:checked ~ label,
.funkyradio input[type="checkbox"]:checked ~ label {
    color: #777;
}

    .funkyradio input[type="radio"]:checked ~ label .before,
    .funkyradio input[type="checkbox"]:checked ~ label .before {
        content: '\2714';
        text-indent: .9em;
        color: #333;
        background-color: #ccc;
    }
    .funkyradio input[type="radio"]:checked ~ label .before:before,
    .funkyradio input[type="checkbox"]:checked ~ label .before:before {
        content: '\2714';
        text-indent: .9em;
    }

.funkyradio input[type="radio"]:focus ~ label:before,
.funkyradio input[type="checkbox"]:focus ~ label:before {
    box-shadow: 0 0 0 3px #999;
}

.funkyradio-default input[type="radio"]:checked ~ label:before,
.funkyradio-default input[type="checkbox"]:checked ~ label:before,
.funkyradio-default input[type="radio"]:checked ~ label .before,
.funkyradio-default input[type="checkbox"]:checked ~ label .before{
    color: #333;
    background-color: #ccc;
}

.funkyradio-primary input[type="radio"]:checked ~ label:before,
.funkyradio-primary input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #337ab7;
}

.funkyradio-success input[type="radio"]:checked ~ label:before,
.funkyradio-success input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5cb85c;
}

.funkyradio-danger input[type="radio"]:checked ~ label:before,
.funkyradio-danger input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #d9534f;
}

.funkyradio-warning input[type="radio"]:checked ~ label:before,
.funkyradio-warning input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #f0ad4e;
}

.funkyradio-info input[type="radio"]:checked ~ label:before,
.funkyradio-info input[type="checkbox"]:checked ~ label:before {
    color: #fff;
    background-color: #5bc0de;
}

/* fine funkyradio */

    pre {font-family: inherit;width:100%;background-color:transparent;color:inherit;font-size:inherit;border:none;padding:0;
		overflow:auto;display:table-cell;table-layout: fixed;white-space: pre-line;word-wrap: break-word;word-break: keep-all;}

.main-header .sidebar-toggle:before {content: "" !important;}
input[type=range] {
    /*removes default webkit styles*/
    -webkit-appearance: none;
    
    /*fix for FF unable to apply focus style bug */
    border: 1px solid white;
    
    /*required for proper track sizing in FF*/
    /*width: 300px;*/
}
input[type=range]::-webkit-slider-runnable-track {
    /*width: 300px;*/
    height: 10px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-webkit-slider-thumb {
    -webkit-appearance: none;
    border: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #3C8DBC;
    margin-top: -8px;
}
input[type=range]:focus {
    outline: none;
}
input[type=range]:focus::-webkit-slider-runnable-track {
    background: #ccc;
}

input[type=range]::-moz-range-track {
    /*width: 300px;*/
    height: 10px;
    background: #ddd;
    border: none;
    border-radius: 3px;
}
input[type=range]::-moz-range-thumb {
    border: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #3C8DBC;
}

/*hide the outline behind the border*/
input[type=range]:-moz-focusring{
    outline: 1px solid white;
    outline-offset: -1px;
}

input[type=range]::-ms-track {
    /*width: 300px;*/
    height: 10px;
    
    /*remove bg colour from the track, we'll use ms-fill-lower and ms-fill-upper instead */
    background: transparent;
    
    /*leave room for the larger thumb to overflow with a transparent border */
    border-color: transparent;
    border-width: 6px 0;

    /*remove default tick marks*/
    color: transparent;
}
input[type=range]::-ms-fill-lower {
    background: #777;
    border-radius: 10px;
}
input[type=range]::-ms-fill-upper {
    background: #ddd;
    border-radius: 10px;
}
input[type=range]::-ms-thumb {
    border: none;
    height: 24px;
    width: 24px;
    border-radius: 50%;
    background: #3C8DBC;
}
input[type=range]:focus::-ms-fill-lower {
    background: #888;
}
input[type=range]:focus::-ms-fill-upper {
    background: #ccc;
}