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;}

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

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

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


.ui-autocomplete {z-index: 9999;}
table tr.weekend {background-color:#ccc !important;color:#ff0000;}


    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;}


.table tbody tr.web { background-color:#cfeddf;}
.table tbody tr.web.alt { background-color: #bdedd6; }

.table tbody tr.web.nopaid { background-color: #ff8181;color:#fff; }

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;
}

.sked-tape__event { background-color: #a4d0bc; border: 1px solid #628273; }
.sked-tape__event.returned { background-color: #00875a; border:1px solid #096d4c; }
.sked-tape__event.late { background-color: #ee4141; border: 1px solid #d73333; }
    .sked-tape__event:hover { background-color: #e74030 !important; border: 1px solid #c63131; }

.sked-tape__grid > li.alternate {
    background-color:rgba(86, 74, 74, 0.10);
    background-image: linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px), linear-gradient(to right, #E5E5E5 1px, #E5E5E5 1px);
}
.sked-tape__grid > li.weekend {
    background-color: rgba(195, 226, 155, 0.54);
}
.sked-tape__grid > li.alternate.weekend {
    background-color: rgba(195, 226, 155, 0.44);
}
.sked-tape {height:600px;overflow-y:scroll;}
.sked-tape__dates {position:absolute;top:0;left:0;z-index:10;}
.sked-tape__hours {position:absolute;top:24px;left:0;z-index:10;}
.sked-tape__timeline-wrap {padding-top: 48px;}
.sked-tape__intersection {background:rgba(255, 106, 0, 0.55);}

.marked {
    color: red;
}

.servicelist option{
    color: red;
}