/*---------------------------------------checkbox---------------------------------------------------*/
.checkbox { padding-left: 20px; }
.checkbox label { display: inline-block; color: #000; position: relative; padding-left: 1px; margin: 0px 35px 2px 0px; float:left }
.checkbox label::before { content: ""; display: inline-block; position: absolute; width: 17px; top: 2px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 2px; background-color: #fff; box-shadow: 0 0 0 0 rgba(142,142,142,0.70); cursor: pointer; -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; }
.checkbox label::after { display: inline-block; position: absolute; width: 16px; height: 16px; left: 0; top: 0; margin-left: -20px; padding-left: 3px; padding-top: 1px; font-size: 11px; color: #555555; }
.checkbox input[type="checkbox"] { opacity: 0; z-index: 1; position: absolute; height: 0px; line-height: 0px;}
.checkbox input[type="checkbox"]:focus + label::before{outline: solid 2px #f1a104 !important; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }
.checkbox input[type="checkbox"]:checked + label::after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-style: normal; text-decoration: inherit; color: #fff; font-size: 11px; padding-right: 0.5em; position: absolute; top: 1px; left: 0; }
.checkbox input[type="checkbox"]:disabled + label{opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + label::before{background-color: #eeeeee; cursor: not-allowed;}
.checkbox.checkbox-circle label::before{border-radius: 50%;}
.checkbox.checkbox-inline {margin-top: 0;}
.checkbox.checkbox-single label {height: 17px;}
.checkbox-primary input[type="checkbox"]:checked + label::before{background-color: #ffffff; border-color: #333;}
.checkbox-primary input[type="checkbox"]:checked + label::after{color: #333;}
.checkbox-normal input[type="checkbox"]:checked + label::before{background-color: #eee; border-color: #ddd;}
.checkbox-normal input[type="checkbox"]:checked + label::after{color: #333;}
.checkbox-danger input[type="checkbox"]:checked + label::before{background-color: #d9534f; border-color: #d9534f;}
.checkbox-danger input[type="checkbox"]:checked + label::after{color: #fff;}
.checkbox-info input[type="checkbox"]:checked + label::before{background-color: #5bc0de; border-color: #5bc0de;}
.checkbox-info input[type="checkbox"]:checked + label::after{color: #fff;}
.checkbox-warning input[type="checkbox"]:checked + label::before{ background-color: #f0ad4e; border-color: #f0ad4e;}
.checkbox-warning input[type="checkbox"]:checked + label::after{ color: #fff;}
.checkbox-success input[type="checkbox"]:checked + label::before{ background-color: #5cb85c; border-color: #5cb85c;}
.checkbox-success input[type="checkbox"]:checked + label::after{ color: #fff;}

/*double input checkbox*/
.checkbox input[type="checkbox"]:focus + input + label::before{outline: solid 2px #f1a104 !important; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); animation: pulse 1.25s cubic-bezier(0.66, 0, 0, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }
.checkbox input[type="checkbox"]:checked + input + label::after{font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f00c"; font-style: normal; text-decoration: inherit; color: #fff; font-size: 11px; padding-right: 0.5em; position: absolute; top: 1px; left: 0; }
.checkbox input[type="checkbox"]:disabled + input + label{opacity: 0.65;}
.checkbox input[type="checkbox"]:disabled + input + label::before { background-color: #eeeeee; cursor: not-allowed;}
.checkbox-primary input[type="checkbox"]:checked + input + label::before{background-color: #fff; border-color: #555;}
.checkbox-primary input[type="checkbox"]:checked + input + label::after{color: #555;}
/*---------------------------------------checkbox---------------------------------------------------*/
.radio { padding-left: 20px; }
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] { position: absolute; margin-left: -20px; margin-top: 4px \9; }
.radio label{display: inline-block; position: relative; padding-left: 1px; margin: 0px 35px 2px 0px; color: #000; }
.radio label::before{content: ""; display: inline-block; position: absolute; top: 2px; width: 17px; height: 17px; left: 0; margin-left: -20px; border: 1px solid #cccccc; border-radius: 50%; background-color: #fff; -webkit-transition: border 0.15s ease-in-out; -o-transition: border 0.15s ease-in-out; transition: border 0.15s ease-in-out; box-shadow: 0 0 0 0 rgba(142,142,142,0.70); cursor: pointer; -webkit-animation: none; -moz-animation: none; -ms-animation: none; animation: none; }
.radio label::after{display: inline-block; position: absolute; content: " "; width: 11px; height: 11px; left: 3px; top: 5px; margin-left: -20px; border-radius: 50%; background-color: #333; -webkit-transform: scale(0, 0); -ms-transform: scale(0, 0); -o-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -moz-transition: -moz-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); -o-transition: -o-transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); }
.radio input[type="radio"]{opacity: 0; z-index: 1;}
.radio input[type="radio"]:focus + label::before{outline: solid 2px #f1a104 !important; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }
.radio input[type="radio"]:checked + label::after{-webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
/*------------input in lable------------*/
.radio label.foc::before{outline: solid 2px #f1a104 !important; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; -webkit-animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); -moz-animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); -ms-animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); animation: pulse 1s cubic-bezier(0.66, 0, 0, 1); -webkit-animation-iteration-count: 1; -moz-animation-iteration-count: 1; -o-animation-iteration-count: 1; animation-iteration-count: 1; }
    .radio label.foc::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }

.radio label.check::after { -webkit-transform: scale(1, 1); -ms-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); }
    /*------------input in lable------------*/
.radio input[type="radio"]:disabled + label{opacity: 0.65;}
.radio input[type="radio"]:disabled + label::before{cursor: not-allowed;}
.radio.radio-single{ display: block; clear: both;}
.radio.radio-single label { color: #000; height: 17px; clear: right !important; display: block; margin-bottom:5px;}
.radio-primary input[type="radio"] + label::after{background-color:#333;}
.radio-primary input[type="radio"]:checked + label::before{border-color: #333;}
.radio-primary input[type="radio"]:checked + label::after {background-color: #333;}
/*------------input in lable------------*/
.radio-primary label.check::before { border-color: #333; }
.radio-primary label.check::after { background-color: #333; }
/*------------input in lable------------*/
.radio-danger input[type="radio"] + label::after{background-color: #d9534f;}
.radio-danger input[type="radio"]:checked + label::before{border-color: #d9534f;}
.radio-danger input[type="radio"]:checked + label::after{background-color: #d9534f;}
.radio-info input[type="radio"] + label::after{background-color: #5bc0de;}
.radio-info input[type="radio"]:checked + label::before{border-color: #5bc0de;}
.radio-info input[type="radio"]:checked + label::after{background-color: #5bc0de;}
.radio-warning input[type="radio"] + label::after{background-color: #f0ad4e;}
.radio-warning input[type="radio"]:checked + label::before{border-color: #f0ad4e;}
.radio-warning input[type="radio"]:checked + label::after{background-color: #f0ad4e;}
.radio-success input[type="radio"] + label::after{background-color: #5cb85c;}
.radio-success input[type="radio"]:checked + label::before{border-color: #5cb85c;}
.radio-success input[type="radio"]:checked + label::after{background-color: #5cb85c;}
.radio.radio-single span{float: left}

@-webkit-keyframes pulse {
to{-webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -moz-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -ms-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -o-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); }
}

@-moz-keyframes pulse{
to{-webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -moz-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -ms-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -o-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); }
}

@-ms-keyframes pulse{
to{-webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -moz-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -ms-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -o-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); }
}

@-o-keyframes pulse{
to{-webkit-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -moz-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -ms-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); -o-box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); box-shadow: 0 0 0 15px rgba(232, 76, 61, 0); }
}
/*---------------------------radio-------------------------------------*/

/*------Material Design Form Start-----------------*/
button, input{ overflow: visible; }
.material { margin-top: 5px; margin-bottom: 15px; }
.material .select_material { position: relative; }
.material .select_material::before, .select_material::after { content: ""; position: absolute; pointer-events: none; }
.material .select_material::before { width: 26px; height:30px; right: 0px; top: 0; bottom: 0px; border-radius: 3px 3px 0px 0; background: #d0d0d0; z-index: 1 }
.material .select_material::after { content: "\f0d7"; font-family: "Font Awesome 5 Free"; font-weight: 900; height: 1em; font-size: 21px; line-height: 1; right: 7px; color: #333; top: 15px; margin-top: -.5em; z-index: 2 }
.material input[type=text],
.material input[type=mail],
.material input[type=password],
.material input[type=search],
.material input[type=tel],
.material input[type=email],
.material input[type=number],
.material input[type=time],
.material input[type=date],
.material input[type=file] { height: 30px; }
.material select { width: 100%; font-size: 14px; height: 30px; padding: 0.125rem 0rem 0.0625rem; background: none; border: none; line-height: 2.2; box-shadow: none; cursor: pointer; }
.material .control-label { position: relative; top: 1.75rem; pointer-events: none; padding-left: 0.125rem; z-index: 1; color: #555; font-size: 1em; font-weight: 600; -webkit-transition: all 0.28s ease; -ms-transition: all 0.28s ease; -moz-transition: all 0.28s ease; -o-transition: all 0.28s ease; transition: all 0.28s ease; left: 0px; text-align: left; width: 100%; }
.material .bar { position: relative; border-bottom: 1px solid #b7b6b6; display: block; float: left; width: 100%; }
.material .bar::before { content: ''; height: 2px; width: 0; left: 50%; bottom: -.125rem; position: absolute; background: #f1a104; -webkit-transition: left 0.28s ease, width 0.28s ease; transition: left 0.28s ease, width 0.28s ease; z-index: 2; }
.material input[type=text],
.material input[type=mail],
.material input[type=password],
.material input[type=search],
.material input[type=tel],
.material input[type=email],
.material input[type=time],
.material input[type=number],
.material input[type=date],
.material input[type=file],
.material textarea { display: block; background: transparent; padding: 0.125rem 0.125rem 0.0625rem; font-size: 1em; border-width: 0; border-color: transparent; line-height: 1.9; width: 100%; -webkit-transition: all 0.28s ease; transition: all 0.28s ease; box-shadow: none; text-align: left; }
.input-group-addon {position: absolute;color: #333;font-size: 1em;font-weight: 600;right: 15px;width: 26px;height: 30px;top: 22px;bottom: 0px;border-radius: 3px 3px 0px 0;background: #d0d0d0;text-align: center;line-height: 30px;
-webkit-transition: all 0.28s ease;-ms-transition: all 0.28s ease;-moz-transition: all 0.28s ease;-o-transition: all 0.28s ease;transition: all 0.28s ease;}
.input-group-addon a{color:#333;}
.input-group-addon a:hover{color:#333;}
.material .ta_h { height: 30px }
.material select,
.material input[type=text]:focus,
.material input[type=mail]:focus,
.material input[type=password]:focus,
.material input[type=search]:focus,
.material input[type=tel]:focus,
.material input[type=mail]:focus,
.material input[type=time]:focus,
.material input[type=date]:focus,
.material input[type=file]:focus,
.material input[type=number]:focus,
.material input[type=text].form-file,
.material input[type=mail].form-file,
.material input[type=password].form-file,
.material input[type=search].form-file,
.material input[type=tel].form-file,
.material input[type=mail].form-file,
.material input[type=time].form-file,
.material input[type=date].form-file,
.material input[type=number].form-file,
.material input[type=file].form-file,
.material input[type=text].has-value,
.material input[type=mail].has-value,
.material input[type=password].has-value,
.material input[type=search].has-value,
.material input[type=tel].has-value,
.material input[type=mail].has-value,
.material input[type=time].has-value,
.material input[type=date].has-value,
.material input[type=file].has-value,
.material input[type=number].has-value,
.material input[type=text].fix-value,
.material input[type=mail].fix-value,
.material input[type=password].fix-value,
.material input[type=search].fix-value,
.material input[type=tel].fix-value,
.material input[type=mail].fix-value,
.material input[type=number].fix-value,
.material input[type=time].fix-value,
.material input[type=date].fix-value,
.material input[type=file].fix-value,
.material textarea:focus,
.material textarea.form-file,
.material textarea.has-value, .material textarea.fix-value { color: #333; }
.control-label_focus > .control-label { font-size: .92em !important; color: #000 !important; top: 0rem !important; }
div .has-value > .control-label, div .fix-value > .control-label { font-size: .92em !important; color: #000 !important; top: 0rem !important; }
.material select:focus, .material input:focus, .material textarea:focus { outline: none; }
.material select:focus ~ .control-label, .material input:focus ~ .control-label, .material textarea:focus ~ .control-label { color: #000; font-weight: 600 }
.material select:focus ~ .bar::before, .material input:focus ~ .bar::before, .material textarea:focus ~ .bar::before { width: 100%; left: 0; }
.material input[type=text]:read-only, .material input[type=text]:read-only, .material input[type=search]:read-only, .material input[type=email]:read-only, .material input[type=password]:read-only, .material input[type=tel]:read-only, .material input[type=time]:read-only, .material input[type=date]:read-only, .material input[type=file]:disabled, .material input[type=number]:read-only, .material textarea:read-only, .material input[type=radio]:disabled, .material input[type=checkbox]:disabled { cursor: not-allowed !important }
.material .radio input[type=radio]:disabled:focus + label::before, .material .checkbox input[type=checkbox]:disabled:focus + label::before { outline: none !important; animation:none !important;}
.disabled, .disabled + label, .disabled label { color: #bdbdbd !important; }
.radio-primary input[type="radio"].disabled:checked + label::before, .radio-primary input[type="radio"].disabled:checked + label::after, .disabled input[type="radio"]:checked + label::before, .disabled input[type="radio"]:checked + label::after { opacity: 0.6; }
.btn-outline-secondary.focus, .btn-outline-secondary:focus, .task_icon_baging:focus, .row_filter .form-control:focus, .search_icon_btn_tome:focus, .reset_icon_btn_tome:focus { box-shadow: 0 0 0 0.2rem rgba(241, 161, 4, .7); }
.material ::-webkit-input-placeholder { /* WebKit browsers */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; opacity: 0; transition: all ease-in-out .3s }
.material textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #444; opacity: 0; transition: all ease-in-out .3s }

.material input:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #444; opacity: 1; }
.material input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; opacity: 1; }
.material input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; opacity: 1; }
.material input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #444; opacity: 1; }
.material textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #444; opacity: 1; }
.material textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #444; opacity: 1; }
.material textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #444; opacity: 1; }
.material textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #444; opacity: 1; }

.material .active_placeholder::-webkit-input-placeholder { opacity: 1 !important; color: #999 }
.material .active_placeholder:-moz-placeholder { opacity: 1 !important; color: #999 }
.material .active_placeholder::-moz-placeholder { opacity: 1 !important; color: #999 }
.material .active_placeholder:-ms-input-placeholder { opacity: 1 !important; color: #999 }

.material .input-group-prepend .input-group-text, .material .input-group-append .input-group-text { padding: 0.300rem .70rem; border-radius: 1px 1px; border-bottom: none; }
.material .input-group-prepend + .form-control, .material .input-group-append + .form-control { width: 1% !important }
.material .input-group-prepend .input-group-text { border-radius: 4px 0px 0px 0px !important; }
.material .input-group-append .input-group-text { border-radius: 0px 4px 0px 0px !important; }

.error { font-size: 11px; color: #ff0000; float: left }
.material input:disabled, .material input[type=file]:disabled ~ .file-name, .material select:disabled, .material .select_dis::before, .material textarea:disabled, div .has-disable > .control-label, div .has-disable > .bar{ cursor: not-allowed !important;}
.material .select_dis::before { background: #b7b7b7; }


.material input[type=file] { opacity: 0; z-index: 9; float: left !important; width: 100% !important; height: 30px; position: absolute; }
.material .uploadContainer { position: relative; cursor: pointer; float: left; width: 100%; height: 30px; padding-top: 3px; }
/*.material .uploadContainer::before { width: 31px; height: 31px; right: 0px; top: 0px; bottom: 0px; border-radius: 50%; background: #d0d0d0; z-index: 1; content: ""; position: absolute; pointer-events: none; }*/
.material .uploadContainer::after { content: "\f0c6"; font-family: "Font Awesome 5 Free"; font-weight: 900; font-size: 19px; line-height: 1; right: 8px; color: #333; z-index: 2; position: absolute; top: 6px; }
.has-disable .uploadContainer::before { background: #b7b7b7 !important; }
.material .file-name { padding-left: 0.125rem; z-index: 1; color: #000; font-size: 14px; font-weight: 500; margin-top: 0.35rem; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left; width: 100%; padding-right: 28px; padding-bottom: .20px; cursor: pointer; }
/*------Material Design Form End-----------------*/

/*--------------------loading---section-----------------------*/
.loadingdivcls { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 888; }
.loadingdivcls span { position: absolute; z-index: 999; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); width: 100px; height: 100px; background: rgba(255,255,255,1); -o-border-radius: 5px; -ms-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 3px solid #e8e3e3 }
.loadingdivcls span img { position: absolute; z-index: 999; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
/*--------------------loading---section-----------------------*/

/*--multiselect--*/
.mls_relbox { position: relative; float: left; width: 100%; }
.mls_dropbox { position: absolute; width: 100%; left: 0px; top: 31px; background: #eee; border-radius: 0px 0px 5px 5px; max-height: 134px; overflow-y: auto; padding: 5px 5px; border: 1px solid #ccc; display: none; }
/*-custome-*/
.mls_customerelbox { position: relative; float: left; width: 100%; }
.mls_dropbox_costome { position: absolute; width: 100%; left: 0px; top: 31px; background: #fff; border-radius: 0px 0px 0px 0px; max-height: 230px; overflow-y: auto; padding: 0px; border: 1px solid #4a4a4a; display: none; z-index: 888; box-shadow: 0px 0px 4px 0px rgba(0,0,0,.3); }
.customedrop { position: absolute; padding: 1px 0px; top: 0px; z-index: 77; color: #333; font-size: 20px; height: 30px; text-align: center; cursor: pointer; width: 26px; right: 0px; border-radius: 3px 3px 0px 0; background: #d0d0d0; }
.mls_dropbox_costome .checkbox { padding-left: 0px; }
.mls_dropbox_costome table tr:hover, .mls_dropbox_costome table tr:focus, .mls_dropbox_costome table tr:hover td label { background: #1e90ff; color: #fff; }
.mls_dropbox_costome table { width: 100%; }
.mls_dropbox_costome table td label { padding: 0px 0px 3px 27px; height: auto !important; margin: 2px 0px; margin-bottom: 1px; box-shadow: 0px 1px 1px 0px rgba(0,0,0,.15); width: 100%; }
.mls_dropbox_costome table td label::before, .mls_dropbox_costome table td input[type="checkbox"]:checked + label::after { left: 27px }

.multi_chek { float: left; width: 100%; }
.selected_option { width: 100%; border-radius: 5px; background: #fff; border: 1px solid #ccc; margin-top: 30px; float: left; }
.slc_object { float: left; background: #e9ecef; color: #000; width: auto; position: relative; border: 1px solid #dedede; padding: 0px 6px; font-size: 1em; margin: -13px 0px 5px 16px; z-index: 555; border-radius: 5px; font-weight: bold; line-height: 23px; }
.noofuser { background: #d0d0d0; color: #333; padding: 1px 1px; height: 20px; line-height: 17px; width: 29px; float: right; text-align: center; border-radius: 2px; margin: 2px 2px 2px 10px; font-size: 17px; font-weight: bold; }
.sls_object_list { float: left; box-sizing: border-box; height: 150px; overflow-y: auto; width: 100%; }
.cls_object { float: left; border-radius: 4px; border: 1px solid #dedede; padding: 3px 24px 3px 3px; font-size: .85em; margin: 3px 5px; position: relative; font-weight: 600; background: #f7f7f7; }
.multiselect_object_remove { position: absolute; right: 1px; top: 2px; color: #da0505; font-size: 14px; cursor: pointer; border: 1px solid #da0505; border-radius: 50%; width: 18px; height: 18px; text-align: center; padding: 1px 0px 0px 0px; }
.multi_search { position: absolute; padding: 5px 0px; top: 0px; z-index: 77; color: #333; font-size: 15px; height: 30px; text-align: center; cursor: pointer; width: 26px; right: 0px; border-radius: 3px 3px 0px 0; background: #d0d0d0; }
.searchId{position:absolute;right:24px;top:26px;font-size: 17px;}
.remainchar, .uploadfilter { float: left; color: #000; font-size: 12px; font-weight: 600 }
.remainchar .badge, .uploadfilter .badge { font-weight: 600; padding: 4px 4px; border-radius: 3px; background-color: #e6e6e6; color: #000; font-size: 90%; }
/*-----------date---------*/
.date_input { background: transparent !important; z-index: 2; position: relative; cursor: pointer; }
.input_date_icon { position: absolute; right: 0px; bottom: 0px; color: #333; font-size: 25px; z-index: 1; font-weight: 900; }


.addoninput input[type='text'] {padding-right:68px}
.addoninput .input-append { top: 18px; position: absolute; right: 15px; }
.addoninput .input-append .btn { border-radius: 0px 3px 0px 0px; border: 1px solid #b7b6b6; background: #d0d0d0; font-weight: 600; color: #000; }


.addtext input[type='text'] { padding-left: 68px; padding-right:50px; }
.addtext .input-prepend { top: -3px; position: absolute; left: 14px; }
.addtext .input-text { align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 600; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem 0rem 0rem 0.25rem; }
.addtext .input-apppend { top: -3px; position: absolute; right: 14px; }
.addtext .btcheck { align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0rem 0.25rem 0.25rem 0rem; cursor:pointer }


/*custom select*/
.selectal-group { font-family: arial; font-size: 18px; line-height: 1.2; -webkit-user-select: none; /* Safari */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* IE10+/Edge */ user-select: none; /* Standard */ display: inline-block; }
.arrow-down::after { font-family: FontAwesome; content: "\f107"; }
.arrow-up::after { content: "\f106"; font-family: FontAwesome; }
.selectal-hidden { visibility: hidden; }
.selectal-dropdown { position: absolute; background-color: white; cursor: pointer; border: 0.5px solid lightgrey; }
.selectal-dropdown-option { margin: 0; padding: 5px; }
.selectal-dropdown-option:first-child { border-top: 0; }
.selectal-dropdown-option:last-child { border-bottom: 0; }
.selectal-dropdown-option:hover { color: white; background: #3399ff; }
.selectal-btn { background-color: white; cursor: pointer; border: 0.5px solid lightgrey; border-radius: 5px; display: flex; flex-flow: row nowrap; justify-content: space-between; }
.selectal-btn p { padding: 5px; margin: 0; }
.selectal-btn span { padding: 5px; outline: 0.5px solid rgba(0, 0, 0, 0); border: 0.5px solid rgba(0, 0, 0, 0); }
.selectal-btn:hover { border-color: #0096fa; }
.selectal-btn:hover span { color: #0096fa; }
.selectal-btn:hover p { color: #0096fa; }
.selectal-selected-item { display: flex; align-items: center; }
[class^=arrow-] { display: flex; align-items: center; }
/*custom select*/

/*the container must be positioned relative:*/
.custom-select1 { position: relative; font-family: Arial; }
.custom-select1 select { display: none; /*hide original SELECT element:*/ }
.select-selected { background-color:transparent; }

/*style the arrow inside the select element:*/
.select-selected:after { position: absolute; content: ""; top: 14px; right: 10px; width: 0; height: 0; border: 6px solid transparent; border-color: #fff transparent transparent transparent; }
/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after { border-color: transparent transparent #fff transparent; top: 7px; }
/*style the items (options), including the selected item:*/
.select-items div, .select-selected { color: #000; padding: 2px 3px; border: none; cursor: pointer; user-select: none; }
.select-selected { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; height: 30px; padding-right:30px; }
/*style items (options):*/
.select-items { background-color: #fff; top: 100%; left: 0; right: 0; z-index: 99; border: 1px solid #000; padding: 0px 0px; position:absolute; }
/*hide the items when the select box is closed:*/
.select-hide { display: none; }
.select-items div:hover, .same-as-selected { background-color: #1e90ff; color: #fff !important; }
/*custom select*/

/* Add isdisabled class on all readnoly/disabeled html tag */
.material input.isdisabled ~ .bar::before, .material input.isdisabled ~ .bar::before, .material select.isdisabled ~ .bar::before, .material select.isdisabled ~ .bar::before, .material textarea.isdisabled ~ .bar::before, .material textarea.isdisabled ~ .bar::before { width: 0px !important }
.material input[type="radio"].isdisabled + label::before, .material input[type="radio"].isdisabled + label::before, .material input[type="checkbox"].isdisabled + label::before, .material input[type="checkbox"].isdisabled + label::before {outline: none !important}
/*--------heigcontrast theme-----*/
.heigcontrast div .has-value > .control-label, .heigcontrast div .fix-value > .control-label, .heigcontrast .checkbox label, .heigcontrast .radio label { color: #ffff00 !important; }
.heigcontrast .radio-primary input[type="radio"]:checked + label::after { background-color: #404040; }
.heigcontrast .radio-primary input[type="radio"]:checked + label::before { border-color: #404040; }
.heigcontrast .checkbox-primary input[type="checkbox"]:checked + label::before { background-color: #ffff00; border-color: #ffff00; }
.heigcontrast .material .control-label { color: #ffff00; }
.heigcontrast .material .uploadContainer::before { background: #000000; }
.heigcontrast .material .uploadContainer::after { color: #ffff00; }
.heigcontrast .material input[type=text], .heigcontrast .material input[type=mail], .heigcontrast .material input[type=password], .heigcontrast .material input[type=search], .heigcontrast .material input[type=tel], .heigcontrast .material input[type=email], .heigcontrast .material input[type=time], .heigcontrast .material input[type=date], .heigcontrast .material input[type=file], .heigcontrast .material textarea { color: #ffff00; }
.heigcontrast .material ::-webkit-input-placeholder { /* WebKit browsers */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material textarea::-webkit-input-placeholder { /* WebKit browsers */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material textarea::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material textarea:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffff00; opacity: 0; transition: all ease-in-out .3s }
.heigcontrast .material input:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #ffff00; opacity: 1; }
.heigcontrast .material input:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffff00; opacity: 1; }
.heigcontrast .material input:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffff00; opacity: 1; }
.heigcontrast .material input:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffff00; opacity: 1; }
.heigcontrast .material textarea:focus::-webkit-input-placeholder { /* WebKit browsers */ color: #ffff00; opacity: 1; }
.heigcontrast .material textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #ffff00; opacity: 1; }
.heigcontrast .material textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ffff00; opacity: 1; }
.heigcontrast .material textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ffff00; opacity: 1; }
.heigcontrast .material .active_placeholder::-webkit-input-placeholder { opacity: 1 !important; color: #fff }
.heigcontrast .material .active_placeholder:-moz-placeholder { opacity: 1 !important; color: #fff }
.heigcontrast .material .active_placeholder::-moz-placeholder { opacity: 1 !important; color: #fff }
.heigcontrast .material .active_placeholder:-ms-input-placeholder { opacity: 1 !important; color: #fff }
.heigcontrast .material .file-name { color: #ffff00; }
.heigcontrast .remainchar, .heigcontrast .uploadfilter { color: #ff0 !important; }
.heigcontrast .remainchar .badge, .heigcontrast .uploadfilter .badge { background-color: #ffff00 !important; }
.heigcontrast .customedrop { color: #ff0; background: #000000; }
.heigcontrast .theme_light, .heigcontrast .theme_light:hover, .heigcontrast .theme_blue:focus, .heigcontrast .theme_blue:active { border: solid 2px #ff0; color: #ff0; background:transparent}
.heigcontrast .addoninput .input-append .btn { background: #ffff00 !important; color: #000 !important; border: 1px solid #b7b6b6 !important }


@media print {
.form_box { border: 1px solid #eee; }
.radio label, .radio label::before, .radio label::after { display: inline-block !important; }
.radio label::before { background: #fff !important; -webkit-print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; }
.radio-primary input[type="radio"]:checked + label::after { background-color: #1d629f !important; }
.material input, .material textarea { background: transparent !important; }
.material .select_material::before { -webkit-print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; background: #d0d0d0 !important; }
.material .select_material::after { color: #333 !important }
.material .select_dis::before { background: #b7b7b7 !important; -webkit-print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; }
.material .uploadContainer::before { -webkit-print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; background: #164086 !important; }
.material .uploadContainer::after { color: #333 !important; }
.material .bar { border-bottom: none !important; position: relative !important; height: 1px !important; background: #b7b6b6 !important; -webkit-print-color-adjust: exact !important; printer-colors: exact !important; color-adjust: exact !important; }
.errorShow { display: none !important }
.material input[type=file] { height: 0px !important; }
.radio-primary input[type="radio"]:checked + label::before { border-color: #333 !important; }
.radio-primary input[type="radio"]:checked + label::after { background-color: #333 !important; }
.input_date_icon { color: #333 !important; }
.addoninput .input-append .btn { border: .5px solid #000 !important; color: #000 !important; bottom: 0px !important; } 
/*@-moz-document url-prefix() {

}*/ 

}