/*
body .jstree-default .jstree-checkbox, body .jstree-default .jstree-ocl, body .jstree-default .jstree-node, .jstree-default .jstree-icon, body .jstree-default .jstree-themeicon {
    background: none
}

body .jstree-default .jstree-ocl:before, body .jstree-default .jstree-checkbox:before, body .jstree-default .jstree-themeicon:before {
    content: '\f2fb';
    font: normal normal normal 20px/1 'Material Icons';
    text-align: center;
    line-height: 24px;
}

body .jstree-default .jstree-closed > .jstree-ocl:before {
    content: '\f2fb';
}

body .jstree-default .jstree-open > .jstree-ocl:before {
    content: '\f2f9';
}

body .jstree-default .jstree-checkbox:before {
    content: '\f279';
}

body .jstree-default .jstree-clicked .jstree-checkbox:before {
    content: '\f26a';
    color: #C31B22
}

body .jstree-default .jstree-anchor {
    margin: 3px 0px;
    line-height: 32px;
    height: 30px;
    padding: 0px 5px 0px 3px
}

body .jstree-default .jstree-clicked, body .jstree-default .jstree-anchor:hover {
    background: #eeeeee;
    box-shadow: none;
}

body .jstree-default .jstree-ocl {
    margin-top: 6px !important;
}

body .jstree-default .jstree-themeicon:before {
    content: "\f228";
    color: #EAAC00
}

.jstree-default .jstree-icon:empty {
    margin-top: 4px
}

.jstree-children ul .jstree-last .jstree-icon.jstree-ocl {
    display: none
}

body .jstree-children ul .jstree-last {
    padding-left: 20px;
}

body .jstree-default .jstree-checkbox.jstree-undetermined:before {
    content: '\f272';
    color: #C31B22;
}

body .jstree-default .jstree-node.jstree-leaf .jstree-ocl:before {
    content: '';
}

body .jstree-default .jstree-node.jstree-leaf .jstree-ocl {
    padding-left: 20px;
}
*/

/* Grid View */

.grid-view table thead th {
    position: relative;
}

.grid-view table thead th a.sort:after {
    padding-right: 10px;
}

.grid-view table thead th a.sort:after {
    position: absolute;
    bottom: 10px;
    right: 0;
    display: block;
    font-family: FontAwesome;
    opacity: 0.5;

    content: "\f0dc";
}

.grid-view table thead th a.sort.asc:after {
    content: "\f160";
    opacity: 0.7;
}

.grid-view table thead th a.sort.desc:after {
    content: "\f161";
    opacity: 0.7;
}


/* theme */
.no-css {
    font-weight: initial;
    font-size: initial;
}

.btn-space {
    margin-right: 7px;
}

.search-bar {
    margin-bottom: 10px;
}

/* Form */
.btn-sm {
    font-size: 12px;
    line-height: 25px;
    border-radius: 3px;
    height: 25px;
    min-width: 0;
    padding: 0 5px;
    text-align: center;
}

.btn-success{
    background-color: #398439;
    border-color: #255625;
}

.btn-danger{
    background-color: #d9534f;
    border-color: #d43f3a;
}

.form-group.required label:after {
    content: "*";
    color: #ea4335;

    margin-left: 5px;
}

input.form-control.input-default {
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;

    border-radius: 0 !important;
    box-shadow: none;
    border-color: #d2d6de;
}

textarea.form-control.input-default {
    border-radius: 0 !important;
    box-shadow: none;
    border-color: #d2d6de;
}

select.score {
    width: 100%;
    height: 34px;
    padding: 0 6px;
}


.select2 {
    display: block;
    width: 100%;
}

.ola-parameter {
    width: calc(45vw - 10px);

    padding-bottom: 2px;
}

.date-column .splitter div {
    display: inline-block;
}

.date-column .splitter div:first-child {
    width: 30%;
}




.order_step{margin-top:50px !important; margin-bottom:60px !important}
.order_step li{float:left; width:16.6%; padding:0px 10px; text-align:center; position:relative}
.order_step li span{display:inline-block; width:40px; height:40px; line-height:40px; background:#D8D8D9; border-radius:100px; font-weight:bold; font-size:16px; color:#808080;position: relative;
    z-index: 999;}
.order_step li:before{content:""; position:absolute; height:3px; width:100%; background:#D8D8D9; right:50%; top:50%; margin-top:-2px;}
.order_step li:first-child:before{display:none}
.order_step li:last-child:before{width: 100%; right: 50%; left: auto;}
.order_step li .fa{position:absolute; top:-40px; width:40px; height:40px; line-height:40px; font-size:22px; color:#808080}
.order_step li.active .fa, .order_step .active p{color:#4E8108}
.order_step li.active span{background:#4E8108; color:#fff; font-size:0px;}
.order_step li.active span:before{content:"\f00c"; font-family:FontAwesome; text-indent:none; font-size:16px;}
.order_step p{margin:0px; position:absolute; top:100%; margin-top:10px; font-size:12px; color:#808080; left:0px; width:100%}

.order_step{text-align: center;}
.order_step li{float: none; display: inline-block; margin-left: -4px}

/* Order Tracking */
.order_step li { width: 13%; }
.order_step li.active:before { background: #4E8108; }
.order_step li.active.danger:before { background: #F44336; }
.order_step li.active.danger span { background: #F44336; }
.order_step li.active.danger .fa, .order_step .active.danger p { color: #F44336; }

.loader-updated { display: none; width: 100%; position: fixed; height: 100%; left: 0px; top: 0px; z-index: 9999; background: rgb(255 255 255 / 58%) url(../images/modal_preview.gif) no-repeat center; }
.loader-updated.open { display: inline-block; }

.vendor-search.form-group { margin-bottom: 0px; display: inline-block; width: 100%; position: relative; }
.vendor-search i { width: 36px;
    height: 36px;
    text-align: center;
    line-height: 36px;
    position: absolute;
    z-index: 12;
    left: 0px;
    top: 0px;
    pointer-events: none;
    opacity: 0.5;
    color: #000;}
.vendor-search.form-group .form-control { padding-left: 36px; }





.table-boxes { border: 1px solid #ddd }
.connectedSortable .form-group { margin-bottom: 10px !important }
.connectedSortable div.checkbox { margin-bottom: 10px; }
input.checkbox { display: none }
input[type="checkbox"] + label.checkbox { cursor: pointer; position: relative; padding-left: 25px; margin: 0px; clear: both; display: inline-block; line-height: 20px; text-align: left; cursor: pointer; color: #666; text-transform: none !important; font-size: 16px; width: auto }
input[type="checkbox"] + label.checkbox:before { content: ""; width: 16px; height: 16px; position: absolute; top: 1px; left: 0px; font-family: FontAwesome; text-align: center; color: #fff; font-size: 0px; border-radius: 2px; border: 2px solid #BABABA; line-height: 14px; background: #fff; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
input[type="checkbox"]:checked + label.checkbox:before { background: none; border: 3px solid #66ae3a; font-size: 0px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); height: 10px; border-top-style: none; border-right-style: none; }
input[type="checkbox"]:checked + label.checkbox { font-weight: 600; color: #231f20 }
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle, .btn-primary:hover, .btn-primary:focus, .btn-primary:active { background: #59ab1a; }
.connectedSortable div.checkbox label { width: 100%; }
.cs_roww { margin-left: -10px; margin-right: -10px; min-height: 300px; max-height: 300px; overflow: auto; margin-top: -10px }
.cs_roww #sortable1 { padding: 20px 20px; }
.img-prev-box { display: inline-block; width: 100%; border: 2px dashed #ddd; background: #f5f5f5; padding: 20px; text-align: center; }
.img-prev-box img { max-width: 100%; height: auto; }
.alert-modals .modal-body { padding: 30px; }
.alert-modals .modal-body { background: #c1204a }
.grid-view td a.track-delivery-boy { width: auto; height: auto; background: none; }
.grid-view td a.track-delivery-boy .btn { padding: 3px 5px; font-weight: normal; }
.uit_ui_value { display: flex; align-items: center; }
.uit_ui_value .form-group { max-width: 200px; margin-right: 10px; }
.check-inputs { display: inline-block; width: 100%; margin: 0px; padding: 0px; list-style: none; }
.check-inputs li { display: flex; width: 100%; justify-content: space-between; align-items: center; background: #f5f5f5; padding: 0px 0px 0px 10px; border: 1px solid #ddd; margin-bottom: 10px; }
.check-inputs .form-group { max-width: 100px; margin: 0px; }
.check-inputs .form-group .form-control { border: none; border-radius: 4px; border-left: 1px solid #ddd; border-radius: 0px; text-align: center; font-size: 18px; font-weight: bold; }