@font-face {
  font-family: "Cabin";
  font-style: normal;
  font-weight: normal;
  src: url("/_fontsNext/cabin/Cabin-Regular-Resolve.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("/_fontsNext/cabin/Cabin-Regular-Resolve.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
@font-face {
  font-family: "Cabin Bold";
  font-style: normal;
  font-weight: bold;
  src: url("/_fontsNext/cabin/Cabin-Bold-Resolve.woff2") format("woff2"),
    /* Chrome 26+, Opera 23+, Firefox 39+ */
      url("/_fontsNext/cabin/Cabin-Bold-Resolve.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}


button:focus {outline: none;}
select > option:disabled {color: #dddddd;}

.btnr {background-color: #ffffff; color: #BDBDBD; border: 2px #BDBDBD solid;}
.btnr:disabled {cursor: not-allowed;}
.btnr:hover:not(:disabled), .btnr:focus:not(:disabled), .btnr:active:not(:disabled) {background-color: #ffffff !important; color: #BDBDBD !important; border: 2px #697B87 solid !important; box-shadow: 0px 0px 4px 2px rgba(189,189,189,0.5) !important;}

.btnr_comm {background-color: #677D8A; color: #ffffff; border: 2px #677D8A solid;}
.btnr_comm:disabled {cursor: not-allowed;}
.btnr_comm:hover:not(:disabled), .btnr_del:focus:not(:disabled), .btnr_del:active:not(:disabled) {background-color: #677D8A !important; color: #ffffff !important; border: 2px #677D8A solid !important; box-shadow: 0px 0px 4px 2px rgba(103,125,138,0.5) !important;}

.btnr_del {background-color: #F77850; color: #ffffff; border: 2px #F77850 solid;}
.btnr_del:disabled {cursor: not-allowed;}
.btnr_del:hover:not(:disabled), .btnr_del:focus:not(:disabled), .btnr_del:active:not(:disabled) {background-color: #F77850 !important; color: #ffffff !important; border: 2px #F77850 solid !important; box-shadow: 0px 0px 4px 2px rgba(247,120,80,0.5) !important;}

.btnr_save {background-color: #27A5EF;color: #ffffff;border: 2px #28A5EF solid;}
.btnr_save:disabled {cursor: not-allowed;}
.btnr_save:hover:not(:disabled), .btnr_save:focus:not(:disabled), .btnr_save:active:not(:disabled) {background-color: #28A5EF !important; color: #ffffff !important; border: 2px #28A5EF solid !important; box-shadow: 0px 0px 4px 2px rgba(40,165,239,0.5) !important;}

b {font-family: 'Cabin Bold';}
.bold {font-family: 'Cabin Bold';}

body {font-family: 'Cabin' !important;font-size: 11pt;color: #6b7c89; }

.border-3-black {border: 3px black solid !important;}

.lnk1 {text-decoration: underline; color: #66B0FF; cursor: pointer;}
.lnk1:hover {text-decoration: none;}

.lnk2 {text-decoration: underline; color: #aaaaaa; cursor: pointer;}
.lnk2:hover {text-decoration: none;}

.lnk3 {cursor: pointer;}
.lnk3:hover {text-decoration: underline;}

.bg-orange { background-color: #f1a23d; }
.bg-gray-light { background-color: #dddddd; }
.bg-gray-dark { background-color: #777777; }

.btn-my-gray {background-color: #C0C0C0; color: #ffffff;}
.btn-my-orange {background-color: #FEA444; color: #ffffff;}
.btn-my-green {background-color: #74B844; color: #ffffff;}
.btn-my-greendark {background-color: #238259; color: #ffffff;}
.btn-my:hover {color: #ffffff;}
.btn-primary {background-color: #6b7c89 !important; border-color: #6b7c89 !important}
.btn-primary:focus, .btn-primary:active {border-color: #687884 !important; box-shadow: 0 0 0 0.2rem rgba(108, 124, 141, 0.5) !important}
.btn-link {font-family: Cabin Bold; background-color: #d2d8dc; opacity: 0.6 !important;}
.btn-link.selected {}
.btn-link:hover {background-color: #d2d8dc; opacity: 1 !important;}
.btn-link.active {background-color: #6b7c89; color: white; opacity: 1 !important;}

.table {color: #6b7c89 !important}

.arrow_rot {color: #777777; -webkit-transform: rotate(0deg); position: relative; left: 0px; top: 0px; transition: all 300ms linear;}
.arrow_rot.down {color: #4B95EC; -webkit-transform: rotate(90deg); position: relative; left: -5px; top: 5px; transition: all 300ms linear;}

.cl-gray-light {color: #dddddd;}
.cl-gray-light2 {color: #b5bec3;}
.cl-gray-light3 {color: #97a3ac;}
.cl-gray-light4 {color: #e6e6e6;}
.cl-gray-dark {color: #777777;}
.cl-green1 {color: #38BA8A;}
.cl-green2 {color: #528C46;}
.cl-green3 {color: #9EFB4E;}
.cl-red1 {color: #ff0000;}
.cl-red2 {color: #F63874;}
.cl-red3 {color: #C2291C;}
.cl-red4 {color: #D2493F;}
.cl-blue1 {color: #8494C5;}
.cl-blue2 {color: #479AE0;}
.cl-blue3 {color: #72C1F2}
.cl-orange1 {color: #F19D2B;}
.cl-orange2 {color: #E68000;}
.cl-orange3 {color: #F77850;}
.cl-black {color: #000000;}

.bg-cl-gray-light {background-color: #dddddd;}
.bg-cl-red2 { background-color: #F63874 !important; }
.bg-cl-green1 { background-color: #38BA8A !important; }
.bg-cl-orange1 { background-color: #F19D2B !important; }

.cl-red-a700 {color: #D50000;}

.cl-usr-status0 {color: #757575;}
.cl-usr-status1 {color: #536DFE;}
.cl-usr-status2 {color: #00BFA5;}
.cl-usr-status3 {color: #D81B60;}

.fl_l {float: left;}
.fl_r {float: right;}

.address_radio			{border: 3px dotted #EDEFF1; padding: 5px; margin: 0px 10px 0px 0px;}
.address_radio.sel		{background-color: #EDEFF1; border: 3px solid #EDEFF1;}

.button-lock {position: absolute; top: -5px; right: -5px}
.link-lock {position: absolute; top: -3px; right: -20px}

.orderDots {cursor: pointer; background-image: url(../_pictures/other.svg); width: 10px; height: 30px; background-repeat: no-repeat; background-position: -9px; background-size: 26px;}
.orderDotsMove {cursor: move; background-image: url(../_pictures/grid.svg); float: right; width: 24px; height: 30px; background-repeat: no-repeat; background-position: 0px; background-size: 20px;}
.orderDotsMove:active {border: 2px #FF7043 solid; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}

.orderStatus_small2 {position: relative; cursor: pointer; width: 17px; height: 20px; top: -5px; left: -2px; background-repeat: no-repeat; background-size: 17px; color: white; background-position: center; z-index: 2; padding: 5px 0px 0px 6px;}
.orderStatus_small {position: relative; cursor: pointer; width: 15px; height: 18px; background-repeat: no-repeat; background-size: 15px; color: white; padding-top: 10px; background-position: center; z-index: 2; margin-left: 15px;}
.orderStatus {position: relative; cursor: pointer; width: 35px; height: 38px; background-repeat: no-repeat; background-size: 35px; color: white; padding-top: 13px; background-position: center; z-index: 2; margin-left: 4px;}
.orderStatusIsNew {position: absolute; width: 15px; height: 15px; background-size: 10px; background-image: url(../_pictures/order_is_new.png); background-repeat: no-repeat; left: 20px; top: -5px;}
.orderStatus888 {background-image: url('../_pictures/clipboard888.svg');}
.orderStatus999 {background-image: url('../_pictures/clipboard999.svg');}
.orderStatus0 {background-image: url('../_pictures/clipboard0.svg');}
.orderStatus10 {background-image: url('../_pictures/clipboard10.svg');}
.orderStatus20 {background-image: url('../_pictures/clipboard20.svg');}
.orderStatus30 {background-image: url('../_pictures/clipboard30.svg');}
.orderStatus35 {background-image: url('../_pictures/clipboard35.svg');}
.orderStatus40 {background-image: url('../_pictures/clipboard40.svg');}
.orderStatus50 {background-image: url('../_pictures/clipboard50.svg');}
.orderStatus60 {background-image: url('../_pictures/clipboard60.svg');}
.orderStatus70 {background-image: url('../_pictures/clipboard70.svg');}
.orderStatus73 {background-image: url('../_pictures/clipboard73.svg');}
.orderStatus75 {background-image: url('../_pictures/clipboard75.svg');}
.orderStatus80 {background-image: url('../_pictures/clipboard80.svg');}
.orderStatus90 {background-image: url('../_pictures/clipboard90.svg');}
.orderStatus100 {background-image: url('../_pictures/clipboard100.svg');}
.orderStatus110 {background-image: url('../_pictures/clipboard110.svg');}
.orderStatus120 {background-image: url('../_pictures/clipboard120.svg');}

.order_order {width: 20px; height: 20px; padding-top: 1px; color: white; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}

.lorry-img {height: 36px;}
.item-img {max-height: 45px;max-width: 75px; mix-blend-mode: multiply;}
.item-img2 {max-height: 35px;max-width: 45px; mix-blend-mode: multiply;}
@media (max-width: 991px) {
	.item-img {max-height: 45px;max-width: 55px; mix-blend-mode: multiply;}
}	

.ok-img {height: 18px;}
.ok-img2 {height: 14px;}
.fire-img {height: 22px;}
.call-img {height: 30px;}
.clipboard-img {height: 35px;}
.patient-img {height: 35px;}

.btn-sm-new {padding: 2px; white-space: nowrap;}

.div_content {border-radius: 10px; padding: 10px; padding-right: 5px; border: 1px #28A745 solid; height: 160px;}
.div_content > div {width: 100%; box-sizing: border-box; height: 100%; overflow-y: auto; overflow-x: hidden;}
.div_content_line {float: left; clear: both; height: 20px; margin-bottom: 10px; white-space: nowrap;}

.chck_oc_div {float: left; width: 13px; margin-top: 3px;}
.oc {display: block; height: 20px; width: 10px; position: relative; top: 0px; float: left;}
.oc2 {display: block; height: 20px; width: 10px; position: relative; top: 0px; float: right;}

.zero_0 {margin-left: auto; margin-right: auto; height: 0px; clear: both;}
.zero_5 {margin-left: auto; margin-right: auto; height: 5px; clear: both;}
.zero_10 {margin-left: auto; margin-right: auto; height: 10px; clear: both;}
.zero_20 {margin-left: auto; margin-right: auto; height: 20px; clear: both;}
.zero_50 {margin-left: auto; margin-right: auto; height: 50px; clear: both;}

.usr-status {width: 50px;height: 50px;color: white;text-align: center;font-weight: bold;background-color: gray;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0;}
.usr-status span {line-height: 50px;}
.usr-status.pic {background-color:unset;border-width: 2px;border-style: solid; border-color: transparent}

.usr-status.st0 {box-shadow: 0 0 0 4px #757575;}
.usr-status.st1 {box-shadow: 0 0 0 4px #536DFE;}
.usr-status.st2 {box-shadow: 0 0 0 4px #00BFA5;}
.usr-status.st3 {box-shadow: 0 0 0 4px #D81B60;}
.usr-status.st999 {box-shadow: 0 0 0 4px #FF7043;} /*Personal off*/

.usr-status.pic2 {width: 60px; height: 60px;}

.usr-shortname {width: 44px;height: 44px;color: white;text-align: center;font-weight: bold;background-color: #97a4ac;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;margin: 0;}
.usr-shortname span {line-height: 44px;}

.td-status-circle {padding-right: 0;position: relative;width: 2.9rem;}
.status-line {width: 3px;height: 100%;background-color: #dddddd;margin-left: 6px;margin-top: 0px;margin-right: auto;/* clear: both; */top: 25px;position: absolute;}
.status-circle-wrap { border-width: 8px 0; border-color: white; border-style: solid; position: absolute; z-index: 2; overflow: auto; top: 6px;}
.status-circle {width: 14px;height: 14px;margin-top: 0;-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius: 10px;background-color: white;}
.status-circle.st0 {border: 3px #BDBDBD solid;}
.status-circle.st10 {border: 3px #BDBDBD solid;}
.status-circle.st20 {border: 3px #BDBDBD solid;}
.status-circle.st30 {border: 3px #BDBDBD solid;}
.status-circle.st35 {border: 3px #BDBDBD solid;}
.status-circle.st40 {border: 3px #795548 solid;}
.status-circle.st50 {border: 3px #2196F3 solid;}
.status-circle.st60 {border: 3px #D81B60 solid;}
.status-circle.st70 {border: 3px #3F51B5 solid;}
.status-circle.st73 {border: 3px #7B1FA2 solid;}
.status-circle.st75 {border: 3px #00C853 solid;}
.status-circle.st80 {border: 3px #00C853 solid;}
.status-circle.st90 {border: 3px #D50000 solid;}
.status-circle.st100 {border: 3px #00C853 solid;}
.status-circle.st110 {border: 3px #D50000 solid;}
.status-circle.st120 {border: 3px #212121 solid;}

.filter-button {min-width: 4.5rem; background-color: #edeff1; border-radius: 0.3rem; color: #6b7c89; cursor: pointer;}
/*.filter-button:hover {background-color: #6b7c89; color: white;}*/
.filter-button.active {background-color: #6b7c89; color: white;}
.filter-button-name {text-align: center; line-height: 16pt; font-size: 10pt !important;}
.filter-button-count {width: 100%; text-align: center; line-height: 11pt; padding-top: 5px !important;}

.form-control {border-color: #d1d8dc;border-width: 2px;}
.form-control.error {border-color: #dc3545;border-width: 2px;}
.inputContainer {position: relative;padding: 5px 0 1.3rem 0;overflow: auto;}
.inputContainer .form-control{color: #677d8a;padding-left: 1rem;box-sizing: border-box;}
.inputContainer .form-control:focus, .form-control:focus{border: 2px solid #28A5EF;box-shadow: none;}

.inputContainer.label-top .input-label {top: -0.2rem;font-size: 0.8rem;left: 0.75rem;padding: 0 5px; color: #677d8a}
.inputContainer.label-top.focused .input-label {color: #28A5EF;}
.inputContainer .input-label {position:absolute;top: 0.85rem;left: 1rem;font-size: 1rem;background-color: white;transition: all 0.2s;color: b3bec4;}
.inputContainer .input-error {color: #dc3545;position: absolute;top: 2.8rem;left: 0.70rem;background-color: white;padding: 0 5px;font-size: 70%;}
.inputContainer .input-helper {color: #677d8a;position: absolute;top: 2.8rem;left: 0.75rem;background-color: white;padding: 0 5px;font-size: 70%;}
.inputContainer.textarea .input-error {top: unset; bottom: 0.2rem;}
.inputContainer.textarea .input-helper {top: unset; bottom: 0.2rem;}

.inputContainer select {-webkit-appearance:none;cursor: pointer;background-image: url('../_pictures/angle-down-solid.svg');background-repeat: no-repeat;background-size: 0.8rem;background-position: center right 10px;}
.inputContainer .select-arrow {position: absolute;top: 1.1rem;right: 0.7rem; cursor: pointer}

.input-error-alone {color: #dc3545; margin-left: 10px; float: left; font-size: 70%}
.input-help-alone {color: #677d8a; margin-left: 10px; float: left; font-size: 70%}

.search-content {border-color: #e6e6e6;border-style: solid;border-width: 1px;margin-right: 0.7rem;border-radius: 7px;padding: 0 0.2rem 0 1rem;background-color: white;color: #d2d8dc;}
.search-content .form-control {}
.search-content i {margin: 0.5rem 0.5rem 0 0;}

.search-content .form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #d2d8dc; opacity: 1; /* Firefox */}
.search-content .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #d2d8dc;}
.search-content .form-control::-ms-input-placeholder { /* Microsoft Edge */  color: #d2d8dc;}

.search-mob {width: 120px;}
.scroll-tab {min-height: 410px; max-height: 410px}
.scroll-tab-mob {min-height: 280px; max-height: 280px;}

.dropdown-white {background-color: white}

/*-----------------------------------------------
|   Main Menu Hide Icon
-----------------------------------------------*/
.point {width: 25px; height: 20px; margin: 0px 0px 0px 0px; cursor: pointer; float:left;}
.mobile-header .point {margin: 0px 0px 0px 0px;}

.point:hover .point1, .point:hover .point2, .point:hover .point3 {width: 25px; opacity: 1;}
.point1 {float: right; width: 12px; height: 2px; clear: both; margin-top: 0px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
.point2 {float: right; width: 25px; height: 2px; clear: both; margin-top: 6px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
.point3 {float: right; width: 18px; height: 2px; clear: both; margin-top: 6px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}

@media (max-width: 991px) {
	.dot-point {width: 25px; height: 18px; margin: 0px 0px 0px 10px; cursor: pointer; float:left;}
	.dot-point:hover .dot-point1, .dot-point:hover .dot-point2, .dot-point:hover .dot-point3 {opacity: 1;}
	.dot-point1 {border-radius: 5px; float: left; width: 3px; height: 3px;  margin-top: 8px; margin-left: 0px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
	.dot-point2 {border-radius: 5px; float: left; width: 3px; height: 3px;  margin-top: 8px; margin-left: 6px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
	.dot-point3 {border-radius: 5px; float: left; width: 3px; height: 3px;  margin-top: 8px; margin-left: 6px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
}

@media (min-width: 992px) 
{
	.dot-point {width: 25px; height: 18px; margin: 0px 10px 0px 0px; cursor: pointer; float:left;}
	.dot-point:hover .dot-point1, .dot-point:hover .dot-point2, .dot-point:hover .dot-point3 {opacity: 1;}
	.dot-point1 {border-radius: 5px; float: right; width: 3px; height: 3px; clear: both; margin-bottom: 6px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
	.dot-point2 {border-radius: 5px; float: right; width: 3px; height: 3px; clear: both; margin-bottom: 6px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
	.dot-point3 {border-radius: 5px; float: right; width: 3px; height: 3px; clear: both; margin-bottom: 0px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear;}
}

.sidebar.minimized .point1 {float: left; transition: all 200ms linear;}
.sidebar.minimized .point2 {float: left; transition: all 200ms linear;}
.sidebar.minimized .point3 {float: left; transition: all 200ms linear;}

.mobile-header .point1 {float: left; transition: all 200ms linear;}
.mobile-header .point2 {float: left; transition: all 200ms linear;}
.mobile-header .point3 {float: left; transition: all 200ms linear;}

.mobile-header .collapsed .point1 {float: right; transition: all 200ms linear;}
.mobile-header .collapsed .point2 {float: right; transition: all 200ms linear;}
.mobile-header .collapsed .point3 {float: right; transition: all 200ms linear;}

.left .point1 {float: left; transition: all 200ms linear;}
.left .point2 {float: left; transition: all 200ms linear;}
.left .point3 {float: left; transition: all 200ms linear;}

.pointx {width: 25px; height: 18px; margin-top: 10px; cursor: pointer; float:right;}
.pointx:hover .pointx1, .pointx:hover .pointx3 {width: 25px; opacity: 1;}
.pointx1 {position: absolute; float: none; width: 20px; height: 2px; clear: both; margin-bottom:  0px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear; transform: rotate(45deg);}
.pointx3 {position: absolute; float: none; width: 20px; height: 2px; clear: both; margin-bottom: 0px; background-color: #eeeeee; opacity: 0.5; transition: all 200ms linear; transform: rotate(135deg);}


/*-----------------------------------------------
|   Login screen elements
-----------------------------------------------*/
.auth_overlay		{ height: 100%; text-align: center; display: flex; position: relative; }
.auth_form			{ width: 100%; position: relative; z-index: 1; }
.auth_bg_color		{ background-color: #efeff5; }

/*-----------------------------------------------
|   Backgrounds elements
-----------------------------------------------*/
.bg-card-gradient-blue	{ background-image: -o-linear-gradient(135deg, #1970e2, #4695ff); background-image: linear-gradient(-45deg, #1970e2, #4695ff); background-position: center; }
.bg-holder							{ position: absolute; width: 100%; min-height: 100%; top: 0; left: 0; background-size: cover; background-position: center; overflow: hidden; will-change: transform, opacity, filter;	-webkit-backface-visibility: hidden; backface-visibility: hidden; background-repeat: no-repeat; z-index: 0; }
.bg-auth-card-shape			{	background-position: 0% 100%; }
.bg-auth-circle-shape		{ position: absolute;	right: -140px;	top: -82px;}
.bg-auth-circle-shape-2	{ position: absolute; left: -80px; bottom: -39px; }
.bg-auth-circle-shape,.bg-auth-circle-shape-2 {display: none;}

@media (min-width: 992px) { .bg-auth-circle-shape,.bg-auth-circle-shape-2 {display: block;}}

/*-----------------------------------------------
|   Font Sizes
-----------------------------------------------*/
.hh9 {font-size: 17pt !important;}
.hh10 {font-size: 16pt !important;}
.hh11 {font-size: 15pt !important;}
.hh12 {font-size: 14pt !important;}
.hh13 {font-size: 13pt !important;}
.hh14 {font-size: 12pt !important;}
.hh15 {font-size: 11pt !important;}
.hh16 {font-size: 10pt !important;}
.hh17 {font-size: 9pt !important;}
.hh18 {font-size: 8pt !important;}
.hh19 {font-size: 7pt !important;}
.hh20 {font-size: 6pt !important;}

@media (min-width: 576px) {

}

@media (min-width: 768px) {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1540px) {

}

/*-----------------------------------------------
|   Font weight
-----------------------------------------------*/
.font-weight-thin				{ font-weight: 100 !important; }
.font-weight-extra-light		{ font-weight: 200 !important; }
.font-weight-medium				{ font-weight: 500 !important; }
.font-weight-semi-bold			{ font-weight: 600 !important; }
.font-weight-extra-bold			{ font-weight: 800 !important; }
.font-weight-black				{ font-weight: 900 !important; }

.form-group_left				{ text-align: left !important; }

/*-----------------------------------------------
|   Custom heights
-----------------------------------------------*/
.h-1-em			{height: 1em;}
.h-2-em			{height: 2em;}
.h-3-em			{height: 3em;}
.h-4-em			{height: 4em;}
.h-5-em			{height: 5em;}
.h-6-em			{height: 6em;}
.h-7-em			{height: 7em;}
.h-8-em			{height: 8em;}
.h-9-em			{height: 9em;}
.h-10-em		{height: 10em;}

/*-----------------------------------------------
|   Custom opacities
-----------------------------------------------*/
.opct-100		{opacity: 1;}
.opct-90		{opacity: 0.9;}
.opct-80		{opacity: 0.8;}
.opct-70		{opacity: 0.7;}
.opct-60		{opacity: 0.6;}
.opct-50		{opacity: 0.5;}
.opct-40		{opacity: 0.4;}
.opct-30		{opacity: 0.3;}
.opct-20		{opacity: 0.2;}
.opct-10		{opacity: 0.1;}

/*-----------------------------------------------
|   Custom border opacity
-----------------------------------------------*/
.border-bottom-white-opacity-25	{border-bottom: 2px solid rgba(255,255,255,0.25) !important;}
.border-top-white-opacity-25	{border-top: 2px solid rgba(255,255,255,0.25) !important;}

/*-----------------------------------------------
|   Custom border height
-----------------------------------------------*/
.bw-1	{border-width: 1px !important;}
.bw-2	{border-width: 2px !important;}
.bw-3	{border-width: 3px !important;}

/*-----------------------------------------------
|   Layout
-----------------------------------------------*/
.bg-color	{background-color: rgb(237,242,248);}

.layout-right { position: fixed; margin-top: 1.5rem !important; min-height: calc(100vh - 1rem); transition: padding 0.1s linear}
@media (max-width: 1209px) {.layout-right { margin-top: 0rem !important; padding-left: 0rem; padding-right: 0rem;  margin-bottom: 0rem !important;}}
@media (min-width: 1210px) and (max-width: 1366px) {.layout-right { padding-left: 17.5rem; padding-right: 2rem; }}
@media (min-width: 1367px) and (max-width: 1599px) {.layout-right { padding-left: 19.5rem; padding-right: 2rem; }}
@media (min-width: 1600px) {.layout-right { padding-left: 21rem; padding-right: 2rem; }}

@media (max-width: 1209px) 
{
	.desktop-header { display: none !important;}
}
@media (min-width: 1210px) 
{
	.mobile-header { display: none !important;}
	.layout-right.collapsed { padding-left: 0rem; padding-right: 0rem; }
	.layout-right.minimized { padding-left: 8.5rem; padding-right: 2rem; }
	.layout-right.maximized_tmp { padding-left: 8.5rem; padding-right: 2rem; }
}

.mobile-header .logo-main {width: 120px; margin: 0px 0px 0px 20px;}

.sidebar {width: 100%; margin-bottom: 2rem; margin-left: 2rem; position: fixed; top: 0; bottom: 0; left: 0; z-index: 10; margin-top: 1.5rem; color: white; min-height: 400px; overflow: hidden; border-radius: 7px!important}
@media (max-width: 1209px) { .sidebar { margin-top: 0rem;	margin-left: 0rem; max-width: 14rem!important; transition: all 0.5s ease}}
@media (min-width: 1210px) and (max-width: 1366px) { .sidebar { max-width: 14rem !important;}}
@media (min-width: 1367px) and (max-width: 1599px) { .sidebar { max-width: 16rem !important;}}
@media (min-width: 1600px) { .sidebar { max-width: 17.5rem !important;}}


.sidebar.minimized { max-width: 4.7rem !important; width: 100%; margin-bottom: 2rem; margin-left: 2rem; position: fixed; top: 0; bottom: 0; left: 0; z-index: 1; margin-top: 1.5rem; color: white; min-height: 400px; overflow: hidden; transition: width 0.1s;}
.sidebar a{ color: white; }

.sidebar .logo-main {width: 120px; margin: 6px 0px 0px 20px;}

.sidebar.minimized .logo-main { display: none !important;}
.sidebar .logo { font-size: 1.6rem; }
.sidebar .nav-link span { font-size: 1rem; }
.sidebar.minimized .nav-link span { display: none !important; }
.sidebar .dropdown-toggle:after { float:right; margin-right: 0rem; margin-top: 0.6rem; }
.sidebar .nav-item.dropdown .dropdown-toggle:after { display: none;}
.sidebar .dropdown-menu {position: relative !important; padding: 1rem 0;margin: 0;width: 100%;overflow: hidden;transform: unset !important;top: unset !important;left: unset !important;min-width: unset !important;border-radius: 0 !important;}
.sidebar .dropdown-item {color: rgb(255,255,255);width: 88%;margin-left: 1rem;border-radius: 8px;margin-top: 1px;/* background-color: rgba(230, 74, 25, 0.5); */}
.sidebar .nav-link { position: relative; opacity: 0.9; overflow: hidden; }
.sidebar .fas.fa-angle-right.float-none.float-lg-right.fa-sm {position: absolute;top: 50%;right: 0.5rem;transform: translate(-50%, -50%);transition: transform .8s;transition-timing-function: cubic-bezier(0.42, 0, 0, 1.02);}
.sidebar .fas.fa-angle-right.float-none.float-lg-right.fa-sm.down {transform: translate(-0.3rem, -0.4rem) rotate(90deg);}
/*.sidebar.collapsed .nav-item { display: none !important; }*/
.sidebar.collapsed #sidebarToggleHolder { position: absolute !important; color: #858791 !important; left: 0; top: 0; padding: 10px; z-index: 999; }
.sidebar .fa.fa-angle-right.dropdown{position: absolute;top: 50%;right: 0.5rem;transform: translate(-50%, -50%);transition: transform .8s;transition-timing-function: cubic-bezier(0.42, 0, 0, 1.02);}
.sidebar .fa.fa-angle-right.dropdown.down{transform: translate(-0.3rem, -0.4rem) rotate(90deg);}

.sidebar .sidebar-menu-top, .mobile-header-dark { background-color: rgb(97,97,97); }
.mobile-header-dark {height: 70px;}
.sidebar-menu-top {height: 70px; padding: 20px 0px 0px 0px;}

@media (max-width: 991px) {
	.mobile-header-dark {height: 42px;}
	.sidebar-menu-top {height: 42px; padding: 6px 0px 0px 0px;}
}	

.sidebar .sidebar-menu-top-text {color: rgb(255,255,255); }
.sidebar .nav-item.dropdown .dropdown-item:before{ font-family: 'Cabin'; font-weight:900; font-size: 0.2rem; vertical-align: 50%; margin-right: 7px; }
.sidebar .sidebar-menu-hospice-text {color: rgb(255,255,255); opacity: 0.6;  font-size: 0.93333rem; text-align: left; padding-left: 28px !important;}
.sidebar.minimized .sidebar-menu-hospice-text {display: none !important;}
.sidebar .module-selector.dropdown-menu { background-color: rgb(201,102,61) !important; }
.sidebar .module-selector .dropdown-item { color: rgb(255,255,255); width: 88%; margin-left: 1rem;  border-radius: 8px; margin-top: 1px; background-color: rgb(201,102,61); }
.sidebar .hospice-selector .dropdown-item {padding-left: 0.8rem; font-size: 0.93333rem;color: rgb(255,255,255);width: 100%;margin-left: 0rem;border-radius: 8px;margin-top: 1px;/* background-color: rgb(201,102,61); */}
.sidebar .sidebar-menu-module-main {color: rgb(255,255,255); font-size: 1.30rem; text-align: left; padding-left: 28px !important;}


.sidebar.minimized .sidebar-menu-module-main {display: none !important;}
.sidebar .nav-link {color: rgb(255,255,255); font-size: 1rem; opacity: 0.7;}
.sidebar .nav-link:hover, .sidebar .nav-link.active {opacity: 1;}
.sidebar .toggle-holder-left {color: rgb(255,255,255);}
.layout-right .toggle-holder-mobile {color: rgb(0,0,0);}
.layout-right .top-menu-popup-head  { background-color: rgb(249,132,79) !important; }
.layout-right .top-menu-user-head  { background-color: rgb(249,132,79) !important; }
.layout-right .top-menu-popup-grid  { background-color: rgb(255,255,255) !important; }
.sidebar.minimized .prevent-menu-click {display: none !important;}

.side-menu .nav-item  {min-height:32px;}
.sidebar.minimized .nav-link  {width:2.6rem;}
.sidebar .hospice-selector .dropdown-item:hover {background-color:  #444444 !important;}


@media (max-width: 1209px) { .sidebar.mobile-hid .nav-item {display: none !important;}}
@media (max-width: 1209px) { .sidebar.mobile-hid #sidebarToggleHolder { position: absolute !important; color: #858791 !important; left: 0; top: 0; margin: 10px; z-index: 999; }}

.sidebar.collapsed .logo #title { display: none; }

@media (max-width: 1209px) { .sidebar.mobile-hid .logo #title { display: none; }}

.sidebar.collapsed #sidebarToggleHolder { float: none !important;	display: none; }

@media (max-width: 1209px) { .sidebar.mobile-hid #sidebarToggleHolder { float: none !important; }}

.sidebar.collapsed { width: 0 !important; position: fixed; left:-14rem; transition: all 0.5s ease}

@media (max-width: 1209px) {	.sidebar.mobile-hid {width: 0 !important;}}

.sidebar #sidebarToggleHolder{font-size: 20px !important;margin: 7px 5px;opacity: 0.5;margin-top: 11px;}
.sidebar #sidebarToggleHolder:hover{opacity: 0.8; }		
#sidebarToggleHolder2{ font-size: 20px !important; margin: 7px 5px;	opacity: 0.5;  display:none; }
#sidebarToggleHolder2:hover {opacity: 0.8;}
#sidebarToggleHolder2.collapsed{ display:block;}
#sidebarToggle {position:relative;top: 7px;}
.MySettingMenu {left: unset !important;right: 10px !important;position: absolute;transform: translate3d(10px, 48px, 0px) !important;}
#MySettingMenu1 {transform: translate3d(102px, 48px, 0px) !important;}

.top-header-mobile1 {height: 50px; animation: mymove 0.1s; z-index: 1} 
.top-header-mobile2 {height: 50px; animation: mymove 0.1s;} 
@keyframes mymove {
  from {visibility: none; height: 4px;}
  to {height: 50px;}
}
 
.dropdown-menu { border:0px !important; box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}
/*-----------------------------------------------
|   Design for DISPATCH module
-----------------------------------------------*/
.layout-dispatch .sidebar  { background-color: #FF7043 !important;}
.layout-dispatch .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-dispatch .sidebar .navigator-menu {background-color: #FF7043 !important;}
.layout-dispatch .sidebar .dropdown-item:hover, .layout-dispatch .sidebar .dropdown-item.active { background-color: rgba(230, 74, 25, 0.5); }
.layout-dispatch .sidebar .nav-link:hover, .layout-dispatch .sidebar .nav-link.active {background-color: rgba(230, 74, 25, 0.5);}	
.layout-dispatch .sidebar .sidebar-menu-bottom { background-color: #FF7043; }

/*-----------------------------------------------
|   Design for MANAGER module
-----------------------------------------------*/
.layout-manager .sidebar { background-color: #536DFE !important; }
.layout-manager .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-manager .sidebar .navigator-menu { background-color: #536DFE !important; }
.layout-manager .sidebar .dropdown-item:hover, .layout-manager .sidebar .dropdown-item.active { background-color: rgba(48, 63, 159, 0.5);}
.layout-manager .sidebar .nav-link:hover, .layout-manager .sidebar .nav-link.active {background-color: rgba(48, 63, 159, 0.5);}	
.layout-manager .sidebar .sidebar-menu-bottom { background-color: #536DFE; }

/*-----------------------------------------------
|   Design for ASSETS module
-----------------------------------------------*/
.layout-assets .sidebar { background-color: #0097A7 !important; }
.layout-assets .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-assets .sidebar .navigator-menu { background-color: #0097A7 !important; }
.layout-assets .sidebar .dropdown-item:hover, .layout-assets .sidebar .dropdown-item.active{ background-color: rgba(0, 96, 100, 0.5); }
.layout-assets .sidebar .nav-link:hover, .layout-assets .sidebar .nav-link.active{background-color: rgba(0, 96, 100, 0.5);}	
.layout-assets .sidebar .sidebar-menu-bottom { background-color: #0097A7; }

/*-----------------------------------------------
|   Design for TEAM module
-----------------------------------------------*/
.layout-team .sidebar { background-color: #9575CD !important; }
.layout-team .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-team .sidebar .navigator-menu { background-color: #9575CD !important; }
.layout-team .sidebar .dropdown-item:hover, .layout-team .sidebar .dropdown-item.active { background-color: rgba(81, 45, 168, 0.5); }
.layout-team .sidebar .nav-link:hover, .layout-team .sidebar .nav-link.active {background-color: rgba(81, 45, 168, 0.5);}	
.layout-team .sidebar .sidebar-menu-bottom { background-color: #9575CD; }

/*-----------------------------------------------
|   Design for NURSE module
-----------------------------------------------*/
.layout-nurse .sidebar { background-color: #FF5252 !important; }
.layout-nurse .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-nurse .sidebar .navigator-menu { background-color: #FF5252 !important; }
.layout-nurse .sidebar .dropdown-item:hover, .layout-nurse .sidebar .dropdown-item.active{ background-color: rgba(211, 47, 47, 0.5); }
.layout-nurse .sidebar .nav-link:hover, .layout-nurse .sidebar .nav-link.active {background-color: rgba(211, 47, 47, 0.5);}	
.layout-nurse .sidebar .sidebar-menu-bottom { background-color: #FF5252; }

/*-----------------------------------------------
|   Design for TECHNICIAN module
-----------------------------------------------*/
.layout-technician .sidebar { background-color: #8D6E63 !important; }
.layout-technician .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-technician .sidebar .navigator-menu { background-color: #8D6E63 !important; }
.layout-technician .sidebar .dropdown-item:hover, .layout-technician .sidebar .dropdown-item.active{ background-color: rgba(93, 64, 55, 0.5); }
.layout-technician .sidebar .nav-link:hover, .layout-technician .sidebar .nav-link.active {background-color: rgba(93, 64, 55, 0.5);}	
.layout-technician .sidebar .sidebar-menu-bottom { background-color: #8D6E63; }

/*-----------------------------------------------
|   Design for SETUP module
-----------------------------------------------*/
.layout-system .sidebar { background-color: #90A4AE !important; }
.layout-system .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-system .sidebar .navigator-menu { background-color: #90A4AE !important; }
.layout-system .sidebar .dropdown-item:hover, .layout-system .sidebar .dropdown-item.active{ background-color: rgba(69, 90, 100, 0.5); }
.layout-system .sidebar .nav-link:hover, .layout-system .sidebar .nav-link.active {background-color: rgba(69, 90, 100, 0.5);}	
.layout-system .sidebar .sidebar-menu-bottom { background-color: #90A4AE; }

/*-----------------------------------------------
|   Design for PROVIDER module
-----------------------------------------------*/
.layout-provider .sidebar { background-color: #2196F3 !important; }
.layout-provider .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-provider .sidebar .navigator-menu { background-color: #2196F3 !important; }
.layout-provider .sidebar .dropdown-item:hover, .layout-provider .sidebar .dropdown-item.active{background-color: rgba(25, 118, 210, 0.5);}
.layout-provider .sidebar .nav-link:hover, .layout-provider .sidebar .nav-link.active {background-color: rgba(25, 118, 210, 0.5);}	
.layout-provider .sidebar .sidebar-menu-bottom { background-color: #2196F3; }

/*-----------------------------------------------
|   Design for INSIGHT module
-----------------------------------------------*/
.layout-insight .sidebar { background-color: #C0CA33 !important; }
.layout-insight .sidebar .dropdown-menu {background-color: #616161 !important;}
.layout-insight .sidebar .navigator-menu { background-color: #C0CA33 !important; }
.layout-insight .sidebar .dropdown-item:hover, .layout-insight .sidebar .dropdown-item.active{ background-color: rgba(130, 119, 23, 0.5); }
.layout-insight .sidebar .nav-link:hover, .layout-insight .sidebar .nav-link.active {background-color: rgba(130, 119, 23, 0.5);}	
.layout-insight .sidebar .sidebar-menu-bottom { background-color: #C0CA33; }

/*-----------------------------------------------
|   Top menu breadcrumbs
-----------------------------------------------*/
.breadcrumb_ic {margin: 0px 10px 0px 10px;}
.breadcrumb {display: inline; background: none; margin-bottom: 0px;}
.breadcrumb span {color: inherit;font-size: 1.0rem;bottom: 0;cursor: default;}
.breadcrumb span:not(:first-child):before {content: " • ";}
.breadcrumb span:last-child:not(:first-child) {font-weight: normal;}
.breadcrumb span:hover {}

/*-----------------------------------------------
|   Top menu search box
-----------------------------------------------*/
.top-menu-search {position: absolute;  z-index: 2; min-width: 240px; top: 0px; left:-100px; background: white}
.top-menu-search .search-icon {width: 38px; text-align: center;}
.top-menu-search .search-box-right { display:inline;  width: 200px; height: 50px; border-radius: 0px 8px 8px 0px; }
.top-menu-search .search-box-left:focus, .search-box-right:focus {box-shadow: none;}
.search-icon-wrapper {display: flex; justify-content: center; align-items: center; cursor: pointer; background: #fff; color: #b3bec4; border-radius: 8px 0px 0px 8px;}
.top-menu-search.searchbox-extended {opacity: 1;  z-index: 2; top: 30px; transition: all 200ms ease 0s}
.top-menu-search.searchbox-collapsed {opacity: 0; z-index: -1; top: 100px; transition: all 200ms ease 0s}
.top-menu-search .search-box-right::-webkit-input-placeholder {font-size: 0.9rem; color: #C3C1CF; position: relative; top: -1px;}
.top-menu-search .search-box-right:-ms-input-placeholder {font-size: 0.9rem; color: #C3C1CF; position: relative; top: -1px;}
.top-menu-search .search-box-right::placeholder {font-size: 0.9rem; color: #C3C1CF; position: relative; top: -1px;}
.top-menu-search .dropdown-menu {position: absolute; left: -38px !important; width: 240px;}

@media (max-width: 991px) {
	.top-menu-desktop { display: none !important;}
}	

/*-----------------------------------------------
|   List Items Add
-----------------------------------------------*/
.itemadd-main {width: 370px; height: 125px; float: left; margin: 0px 10px 10px 0px; border: 1px #e6e6e6 solid; padding: 10px;}
.itemadd-main-left {width: 80px; height: 100%; float: left;}
.itemadd-main-right {width: 268px; height: 100%; float: left; overflow: hidden;}

.itemadd-main-mob {width: 310px; height: 125px; float: left; margin: 0px 10px 10px 0px; border: 1px #e6e6e6 solid; padding: 10px;}
.itemadd-main-left-mob {width: 80px; height: 100%; float: left;}
.itemadd-main-right-mob {width: 208px; height: 100%; float: left; overflow: hidden;}

/*-----------------------------------------------
|   List table
-----------------------------------------------*/
.table-list tr:not(.selected):not(:last-child) {border-bottom: 1px #edeff1 solid;}
.border-bt tr:not(:last-child) {border-bottom: 1px #edeff1 solid;}
.border-bt2 tr {border-bottom: 1px #edeff1 solid;}

.table-list tr.selected td:first-child {border-radius: 6px 0 0 6px;}
.table-list tr.selected td:last-child {border-radius: 0 6px 6px 0;}
.table-list tr.selected td {background-color: #edeff1;}
.table-list td.table-img {height: 40px !important;width: 100px; max-width: 100px;margin: 0 !important;}
@media (max-width: 991px) {
	.table-list td.table-img {height: 40px !important;width: 70px; max-width: 70px;margin: 0 !important;}
}	

.table-list td.table-circle {height: 50px;width: 50px;margin: 0 !important;}
.table-list td {cursor: pointer;}
.table-list tr.dropover td {background-color: #edeff1;}

/*-----------------------------------------------
|   Password validation
-----------------------------------------------*/
div.pass_validation				{padding-left: 32px;line-height: 20px;}
div.pass_validation.green		{background-image: url('../_picturesNext/green_yes.png');background-repeat: no-repeat;color: green;}
div.pass_validation.red			{color: red;}

/*-----------------------------------------------
|   Spinner position
-----------------------------------------------*/
.spinner { display: block; position: fixed; z-index: 1000; top: 10%; right: 50%;}
.spinner.spinner-table {position: absolute;top: 50%;right: 50%;margin-top: -20px;margin-right: -20px;}


/*-----------------------------------------------
|   Spinner size
-----------------------------------------------*/
.spinner-border-sm { width: 1.5rem; height: 1.5rem; border: 0.2em solid currentColor; border-right-color: transparent; border-radius: 50%; -webkit-animation: spinner-border .75s linear infinite; animation: spinner-border .75s linear infinite;}

/*-----------------------------------------------
|   Top bar icons
-----------------------------------------------*/
.topbar-icon {position: relative; display: flex; align-items: center; align-self: center; justify-content: center;  height: 38px; width: 38px;  border-radius: 50%; cursor: pointer; background: #fff; color: #b3bec4;}
.topbar-icon-big {display: flex; align-items: center; align-self: center; justify-content: center;  height: 55px; width: 55px;  border-radius: 50%; cursor: pointer; background: #fff; color: #b3bec4;}
.topbar-icon .badge {width: 18px; height:18px;  position: absolute; top: -2px !important; left: 25px !important; font-size: 0.7rem; border-radius: 50%; background: #c13f3b; color: white; display: inline-flex; align-items: center; justify-content:center; padding: 0px;}

/*-----------------------------------------------
|   Badges
-----------------------------------------------*/
.badge-sm {cursor: pointer; width: 13px; height:13px; font-size: 0.6rem; border-radius: 50%; display: inline-flex; align-items: center; justify-content:center; padding: 0px;}
.card-header .badge-sm {background: #d2d8dc;}

/*-----------------------------------------------
|   Top bar popup - grid
-----------------------------------------------*/
.top-menu-popup-head	{ min-width: 300px; position: relative; margin: 0; padding: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 1rem 1rem; min-height: 70px; background-image:url(../_pictures/lines.png); }
.top-menu-popup-title	{ font-size: 1.4rem; font-weight: 500; text-align: center; color: #000; margin: 0; padding: 0; color: white; }
.top-menu-popup-grid	{ max-width: 300px; display: flex; align-items: flex-start; flex-wrap: wrap; }
.top-menu-popup-grid .top-menu-popup-item {  display: flex; width: 50%; min-height: 120px; flex-direction: column; justify-content: center; align-items: center;  padding: 1rem;  border-right: 1px solid #ebedf2;  border-bottom: 1px solid #ebedf2; }

/*@media (max-width: 921px) {
	.top-menu-popup-grid .top-menu-popup-item { display: flex; width: 100%; min-height: 80px;  flex-direction: column;  justify-content: center;  align-items: center;  padding: 1rem;  border-right: 1px solid #ebedf2;  border-bottom: 1px solid #ebedf2; }			 
}	 */

.top-menu-popup-grid .top-menu-popup-item .top-menu-popup-item-icon {display: inline-block;  text-align: center; margin-bottom: 0.5rem; }
.top-menu-popup-grid .top-menu-popup-item .top-menu-popup-item-icon i { font-size: 2rem; color: #74788d; opacity: 0.7; }	
.top-menu-popup-grid .top-menu-popup-item .top-menu-popup-item-title { display: inline-block; text-align: center; font-size: 1.1rem; font-weight: 500; color: #48465b; }
.top-menu-popup-grid .top-menu-popup-item .top-menu-popup-item-desc { margin-top: 0.25rem; display: inline-block; text-align: center; font-size: 0.9rem; font-weight: 300; color: #74788d; }
.top-menu-popup-grid .top-menu-popup-item:hover {transition: all 0.4s; text-decoration: none; box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); text-transform: none; }
.top-menu-popup-grid .top-menu-popup-item:hover .top-menu-popup-item-icon i { opacity: 1; color: #5578eb;}

/*-----------------------------------------------
|   Top bar user details
-----------------------------------------------*/
.top-menu-user-head {background-image:url(../_pictures/lines.png); min-width:300px; position: relative; margin: 0; display: flex; flex-direction: column; align-items: center; justify-content: center; background-repeat: no-repeat; background-size: cover; background-position: center; padding: 1rem 1rem; min-height: 70px; margin-bottom: 35px; }
.top-menu-user-head .top-menu-user-head-wrapper { left: 0; right: 0; position: absolute; display: flex; align-items: stretch; height: 100%; bottom: -35px; padding: 0 1.75rem; }
.top-menu-user-head .top-menu-user-head-pict { display: flex;  align-items: center;  padding-right: 1rem; }
.top-menu-user-head .top-menu-user-head-wrapper .top-menu-user-head-pict img { border-radius: 50%; max-height: 55px; max-width: 55px; }		  
.top-menu-user-head .top-menu-user-head__details { display: flex; flex-direction: column; }			  
.top-menu-user-head .top-menu-user-head-name { display: flex; align-items: flex-end; font-size: 1.2rem; height: 50%; font-weight: 500; padding-bottom: 0.25rem; color: #ffffff; }
.top-menu-user-head-position {padding-top: 0.25rem; display: flex; height: 50%; align-items: flex-start; font-size: 0.9rem; font-weight: 400; color: #74788d; }			  
.top-menu-user-list { margin: 0px; padding: 0px; padding-bottom: 1rem; padding-top: 1.5rem; list-style: none; border: 0;}
.top-menu-user-icon i { font-size: 1.5rem; color: #74788d; opacity: 0.7; margin-right: 0.5rem; }	
.top-menu-user-item {  color: #48465b; text-decoration: none; display: flex; width: 100%;  padding-left: 2rem; padding-top: 0.5rem; padding-bottom: 0.5rem; }
.top-menu-user-item:hover {transition: all 0.4s; text-decoration: none; box-shadow: 0px 0px 50px 0px rgba(82, 63, 105, 0.15); text-transform: none; }

/*-----------------------------------------------
|   Side-Menu
-----------------------------------------------*/
ul.side-menu {list-style: none;margin: 0;padding: 1rem 1rem 0 1rem;}
ul.side-menu li {margin-bottom: 1.2rem;clear: both;overflow: auto;}
ul.side-menu li a {border-radius: 15px;/* float: left; */}
ul.side-menu li a.sub {padding-right: 1.5rem !important;}
ul.side-menu li .dropdown-menu {padding-left: 2.3rem;box-sizing: border-box;}
ul.side-menu li .dropdown-menu .dropdown-item {
    margin: 0.5rem 0 0 0 !important;
    background-color: transparent;
    width: 100%;
}
ul.side-menu li .icon-cont {float: left; width: 2.2rem;overflow: hidden;}
.sidebar.minimized ul.side-menu li .icon-cont {float: none;}

/*-----------------------------------------------
|   Default cursor
-----------------------------------------------*/
.cursor-default { cursor: default !important;}

/*-----------------------------------------------
|   Custom scroolbar
-----------------------------------------------*/
::-webkit-scrollbar { width: 7px; height: 7px; }
::-webkit-scrollbar-track {background: #f1f1f1;}
::-webkit-scrollbar-thumb {background: #888; border-radius: 30px;}
::-webkit-scrollbar-thumb:hover {background: #666;}

/*-----------------------------------------------
|   Flass for enable scroling in cards
-----------------------------------------------*/
.scroll {overflow-y: auto;}

/*-----------------------------------------------
|   Sub Menu Item
-----------------------------------------------*/
.submenuitem {position: absolute; z-index: 1000;}
.submenuitem_detail {position: fixed; z-index: 1000;}

/*-----------------------------------------------
|   Home page cards
-----------------------------------------------*/
.card-1 {height: calc(100vh - 3.5rem - 70px) !important;}
@media (max-width: 991px) {.card-1 {height: calc(100vh - 4.5rem) !important;}}

.card-1 {height: calc(100vh - 3.5rem - 70px);}
.card-1 .card-header {background-color: #f9fafe;/* height: 3rem; */}
.card-1 .card-header a { color: inherit; opacity: 0.6; text-decoration: none;}
.card-1 .card-header a:hover { color: inherit; opacity: 1.0; text-decoration: none;}
.card-1 .card-body a {text-decoration: none; opacity: 0.6;}
.card-1 .card-body a:hover {text-decoration: none; opacity: 0.9;}
.card-1 {border-radius: 7px !important;}
.card-1 .card-header {border-top-left-radius: 7px !important; border-top-right-radius: 7px !important;}

/*-----------------------------------------------
|   Home page user tabs
-----------------------------------------------*/
.tabs-1 .nav-link				{border: 0;position:relative; height: 37px; opacity: 1;background-color: #f9fafe;}
.tabs-1 .nav-link:hover:after	{content: ""; background-color: #677D8A; opacity: 0.2; height: 5px; width: 100%; padding: 0px; position: absolute; top: 32px; left: 0px; border-radius: 6px;}
.tabs-1 .nav-link.active		{border: 0;position:relative; height: 37px; opacity: 1;background-color: #f9fafe;}
.tabs-1 .nav-link.active:after	{content: ""; background-color: #677D8A; opacity: 1; height: 5px; width: 100%; padding: 0px; position: absolute; top: 32px; left: 0px; border-radius: 6px;}

.tabs-1 .nav-link {padding-left: 16px; padding-right: 16px;}
@media (max-width: 601px) {
	.tabs-1 .nav-link {padding-left: 8px; padding-right: 8px;}
}	

.tabs-2 .nav-link						{border: 0; position: relative; height: 37px; opacity: 1; background-color: #f9fafe; color: #94A4AD; font-size: 13pt; padding-top: 2px !important;}
.tabs-2 .nav-link:hover					{color: #94A4AD;}
.tabs-2 .nav-link:hover:after			{}
.tabs-2 .nav-link.active				{border: 0; position: relative; height: 37px; opacity: 1; background-color: #f9fafe; color: #29A4EF;}
.tabs-2 .nav-link.active:after			{content: ""; background-color: #29A4EF; opacity: 1; height: 5px; width: 100%; padding: 0px; position: absolute; top: 32px; left: 0px; border-radius: 6px;}
.tabs-2 .nav-link .circle				{width: 26px; height: 26px; color: white; float: left; text-align: center; background-color: #94A4AD; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.tabs-2 .nav-link:hover .circle			{}
.tabs-2 .nav-link.active .circle		{background-color: #29A4EF;}
.tabs-2 .nav-link.active:after .circle	{background-color: #29A4EF;}


/*.tabs-1 .nav-link				{border: 0;position:relative; height: 37px; opacity: 1;}
.tabs-1 .nav-link.active		{border: 0;position:relative; height: 37px; opacity: 1; background-color: #f9fafe;}
.tabs-1 .nav-link:hover:after	{content: ""; background-color: #677D8A; opacity: 1; height: 5px; width: 100%; padding: 0px; position: absolute; top: 32px; left: 0px; border-radius: 6px;}*/

/*-----------------------------------------------
|   Home page page loading
-----------------------------------------------*/
.pageLoading			{width: 100%;height: 100%; background-color: white; z-index: 100; position: absolute; display:none;}
.pageLoading.show		{display: block;}
.pageLoading .spinner	{top: 50%;}
.loading {width: 100%;height: 100%;background-color: rgba(255, 255, 255, 0.50);z-index: 100;position: absolute;}
.loading .spinner {position: absolute;top: 50%;}

/*-----------------------------------------------
|   Maps
-----------------------------------------------*/
.map-truck {width: 60px;height: 30px;background-size: 60px;color: white;text-align: center;line-height: 24px;font-family: 'Cabin Bold';}
.map-truck.st0 {background-image: url(../_pictures/map-truck0.svg);}
.map-truck.st1 {background-image: url(../_pictures/map-truck1.svg);}
.map-truck.st2 {background-image: url(../_pictures/map-truck2.svg);}
.map-truck.st3 {background-image: url(../_pictures/map-truck3.svg);}
.map-truck.st4 {background-image: url(../_pictures/map-truck4.svg);}
.map-truck-name {line-height: 30px;padding: 0 25px 0 0;font-size: 16px;text-align: center;display: block;overflow: hidden;height: 30px;}
.map-order {background-image: url(../_pictures/map-order.png);width: 30px;height: 50px;background-size: 100%;color: white;text-align: center;line-height: 30px;font-family: 'Cabin Bold';}
.map-order-type {line-height: 29px;font-size: 18px;}
.map-office {background-image: url(../_pictures/map-home.svg);width: 50px;height: 50px;background-size: 50px;position:relative}
.map-office-vehicle-cnt {position: absolute;right: -6px;top: -6px;font-family: 'Cabin Bold';color:white;background-image: linear-gradient(#8e9cf3, #5f74ef);border-radius: 50%;width: 20px;height: 20px;text-align: center;line-height: 20px;}
.map-office-vehicle-cnt.hide {display:none}
.map-btn-layer {width: 40px;height: 40;border-radius: 50%;background: white;border: none;box-shadow: 0px 0px 9px -5px grey;margin-right: 10px;}
.map-order-marker-drag {width: 10px;height: 10px;position: fixed;background-color: transparent;z-index: 20000;display:none;cursor:move}
.cluster_marker > img {width: 30px; height: 50px}
.cluster_marker span {font-family: 'Cabin Bold';line-height: 28px;font-size: 17px;}

.ord-st-clr-0 {background-image: url(../_pictures/map-order-st0.svg);}
.ord-st-clr-10 {background-image: url(../_pictures/map-order-st10.svg);}
.ord-st-clr-20 {background-image: url(../_pictures/map-order-st20.svg);}
.ord-st-clr-30 {background-image: url(../_pictures/map-order-st30.svg);}
.ord-st-clr-35 {background-image: url(../_pictures/map-order-st35.svg);}
.ord-st-clr-40 {background-image: url(../_pictures/map-order-st40.svg);}
.ord-st-clr-50 {background-image: url(../_pictures/map-order-st50.svg);}
.ord-st-clr-60 {background-image: url(../_pictures/map-order-st60.svg);}
.ord-st-clr-70 {background-image: url(../_pictures/map-order-st70.svg);}
.ord-st-clr-73 {background-image: url(../_pictures/map-order-st73.svg);}
.ord-st-clr-75 {background-image: url(../_pictures/map-order-st75.svg);}
.ord-st-clr-80 {background-image: url(../_pictures/map-order-st80.svg);}
.ord-st-clr-90 {background-image: url(../_pictures/map-order-st90.svg);}
.ord-st-clr-100 {background-image: url(../_pictures/map-order-st100.svg);}
.ord-st-clr-110 {background-image: url(../_pictures/map-order-st110.svg);}
.ord-st-clr-120 {background-image: url(../_pictures/map-order-st120.svg);}

div.trackvehicle_car_pos					{height: 25px; width: 25px; background-repeat: no-repeat; background-size: 100%}
div.trackvehicle_car_pos.e					{background-image: url(../_pictures/mappos_e.png);}
div.trackvehicle_car_pos.n					{background-image: url(../_pictures/mappos_n.png);}
div.trackvehicle_car_pos.ne					{background-image: url(../_pictures/mappos_ne.png);}
div.trackvehicle_car_pos.nw					{background-image: url(../_pictures/mappos_nw.png);}
div.trackvehicle_car_pos.s					{background-image: url(../_pictures/mappos_s.png);}
div.trackvehicle_car_pos.se					{background-image: url(../_pictures/mappos_se.png);}
div.trackvehicle_car_pos.sw					{background-image: url(../_pictures/mappos_sw.png);}
div.trackvehicle_car_pos.w					{background-image: url(../_pictures/mappos_w.png);}

/*-----------------------------------------------
|   React Bootstrap fix
-----------------------------------------------*/
.dropdown-toggle::after {margin-left: 20px;}
.noarrow.dropdown-toggle::after		{border:none;margin-left: 0px;}
.cursor-pointer						{cursor: pointer;}
form								{margin-block-end: 0}
.zIndex0							{z-index:0 !important;}

.modal								{}
.modal-dialog						{}
.modal-header						{background-color: #f9fafe; border-bottom: 0px;}
.modal-title						{}
.modal-content						{}
.modal-body							{}

.radio_roy_track_main				{float: left; cursor: pointer;}
.radio_roy_track					{width: 18px; height: 18px; float: left; border: 4px #B7AEAB solid; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.radio_roy_trackXX					{width: 18px; height: 18px; float: left; border: 4px #B7AEAB solid; background-repeat: no-repeat; background-size: 16px; background-position: 2px 4px; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.radio_roy_track_label				{float: left; margin-left: 10px;}

.order_status						{width: 20px; height: 20px; float: left; -moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;}
.order_status_lbl					{float: left; margin: 3px 0px 0px 5px;}
.order_status_isnew					{width: 8px; height: 8px; float: right; border: 1px solid white; background-color: #191262; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;}
.noselectable						{-webkit-touch-callout: none; /* iOS Safari */-webkit-user-select: none; /* Safari */-khtml-user-select: none; /* Konqueror HTML */-moz-user-select: none; /* Firefox */-ms-user-select: none; /* Internet Explorer/Edge */user-select: none; /* Non-prefixed version, currentlysupported by Chrome and Opera */}
.index-2.modal						{z-index: 1070 !important;}
.index-2.modal-backdrop				{z-index: 1060 !important;}
.index-3.modal						{z-index: 1090 !important;}
.index-3.modal-backdrop				{z-index: 1080 !important;}
.index-4.modal						{z-index: 1110 !important;}
.index-4.modal-backdrop				{z-index: 1100 !important;}
.index-5.modal						{z-index: 1120 !important;}
.index-5.modal-backdrop				{z-index: 1110 !important;}
.index-6.modal						{z-index: 1140 !important;}
.index-6.modal-backdrop				{z-index: 1130 !important;}
.index-1000.modal					{z-index: 10000 !important;}
.index-1000.modal-backdrop			{z-index: 10000 !important;}

.text_hovering2:hover				{text-decoration: underline;cursor: pointer;}

.myDropdown							{text-align: left;}
.myDropdown::after					{border: none;}
.myDropdown span.dropdown			{position: absolute;right: 0;transform: translateY(-50%);height: 18px;top: 50%;right: 1rem;}
.myDropdown.btn-outline-secondary	{border-color: #e6e6e6;}
.myDropdown.btn-outline-secondary:hover	{background-color: #6b7c89;}

.dropdown-item:active {background-color: #6b7c89; color: white !important;}

.sort-dropdown-item {padding-left: 26px; padding-right: 20px;}
.sort-dropdown-item-divider {width: 100%; height: 1px; border-bottom: 1px #edeff1 solid; margin: 5px 0px 5px 0px; padding: 0px;}
.sort-dropdown-item-pref {width: 14px; float: left; position: absolute; left: 7px; margin-top: 2px;}

.submenu-dropdown-item-pref {width: 16px; float: left; position: absolute; left: 7px; margin-top: 4px;}
/*-----------------------------------------------
|   Datepicker
-----------------------------------------------*/
.datepicker												{background-image: url('../_pictures/datepicker.png');background-repeat: no-repeat;background-position: right 6px center; background-size: auto 62%;  cursor: pointer;}
.form-control[readonly].datepicker						{background-color:white}
.datepicker_wrap										{float:left;position: relative;overflow: visible;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.datepicker_popup										{font-size:14px;position: absolute;background-color: #29abe2;padding: 10px 0px 10px 10px;border: 1px solid #676666;z-index: 3;width: 232px;text-align: center;transform: translateY(-8px);}
.date_day												{height: 30px;width: 30px;float: left;line-height: 30px;cursor: pointer;border: 1px solid gray;border-width: 0 1px 1px 0px; background-color: white;}
.date_day:first-child									{border-width: 0 1px 1px 1px;}
.date_head .date_day									{border-width: 0 0 1px 0;cursor: default;background-color: transparent;padding-right: 1px;color: white;}
.date_day.today											{background-color: #ff5e00;color: white;}
.date_day.selected										{background-color: #0071bc !important;color: white;}
.date_day.disabled										{color: #b3b3b3;cursor: default;}
.date_lctrl												{background-image: url('../_pictures/left.png');float: left;width: 14px;height: 20px;background-size: auto 20px; cursor: pointer;}
.date_rctrl												{background-image: url('../_pictures/right.png');float: right;width: 14px;height: 20px;background-size: auto 20px;margin-right:10px; cursor: pointer;}
.date_month_year_name									{margin: 0 20px;line-height: 20px;height: 20px;font-size: 18px;color:white;}
.date_month_year_name > div								{margin: auto;display: table;}
.date_month_year_name span:first-child					{margin-left: 0;}
.date_month_year_name span								{float: left;margin-left: 7px;position: relative;overflow: visible;display: block;cursor: pointer;}
.date_month_year_name span select						{z-index:2;position: absolute;top: 0;left: 0;display:none;outline: none;}
a.date_clear											{color: white; cursor: pointer; text-decoration: underline;}
a.date_clear:hover										{text-decoration: none; color: white;}

/* safari style */
.safari .datepicker_wrap > input						{height: auto}
/* ie11 style */
.internet_explorer.v11_0	.datepicker_wrap > input	{line-height: 24px}

/*-----------------------------------------------
|  Timepicker
-----------------------------------------------*/
.timepicker											{background-image: url('../_pictures/pickericon.png');background-repeat: no-repeat;background-position: right 5px center;background-size: auto 70%;cursor: pointer;}
.form-control[readonly].timepicker					{background-color: white;}
.picker_wrap										{float:left;position: relative;overflow: visible;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.picker_popup										{position: absolute;background-color: #29abe2;padding: 10px 10px 10px 10px;border: 1px solid #676666;z-index: 3;width: 232px;text-align: center;}
.picker_popup.withSec								{width: 327px;}
.picker_popup > div									{float:left;}
.picker_button										{width: 32px;background-color: #999999;display: block;color: white;height: 20px;font-weight: bold;font-size: 16px;}
input.picker_input:focus								{box-shadow: none !important;border: 1px solid gray !important;}
.picker_button										{width: 40px;background-color: #999999;display: block;color: white;height: 20px;font-weight: bold;font-size: 16px;border: 1px solid gray;box-sizing: border-box;border-width: 1px 1px 0 1px;cursor: pointer;}
.picker_button:last-child							{border-width: 0 1px 1px 1px;}
input.picker_input									{width: 40px;border: 1px solid gray;box-sizing: border-box;height: 30px;text-align: center;font-size: 12px;}
.picker_sepdiv										{width: 54px;text-align: center;line-height: 70px;height: 70px;font-weight: bold;font-size: 20px;color: white;}
.picker_popup > div > select						{margin: 20px 0 0 10px;box-sizing: border-box;border: 1px solid gray;border-radius: 2px;height: 30px;}
.pickup_hours, .pickup_minutes, .pickup_seconds		{width: 84px;margin-top: 10px;}
.pickup_hours > span,
.pickup_minutes > span,
.pickup_seconds > span								{display: block;float: left;background: #0071bc;margin: 0 4px 4px 0;width: 24px;color: white;height: 24px;line-height: 24px;cursor: pointer;}
.pickup_minutes										{margin-left: 10px}
.pickup_seconds										{margin-left: 10px}
.picker_hr_cont										{margin-left: 20px}
input.AMPM											{margin: 20px 0 0 10px !important;border: 1px solid gray;background-color: white;height: 30px;width: 45px;cursor: pointer;}
.time_clear											{color: white;}
.time_clear_cont									{padding-right: 36px;width: 100%;box-sizing: border-box;padding-top: 5px;}
.time_clear_lnk										{color: white; cursor: pointer; text-decoration: underline;}
.time_clear_lnk:hover								{text-decoration: none; color: white;}

/* general style */
.picker_wrap > input								{margin:0; box-sizing: border-box;height: 37px; line-height: 18px;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
/* safari style */
.safari .picker_wrap > input						{height: auto}
/* ie11 style */
.internet_explorer.v11_0	.picker_wrap > input	{line-height: 24px}

/*-----------------------------------------------
|  Radiobutton
-----------------------------------------------*/
div.radiobutton										{cursor: pointer; float:left; -webkit-user-select: none; /* Chrome/Safari */  -moz-user-select: none; /* Firefox */-ms-user-select: none; /* IE10+ */ 	/* Rules below not implemented in browsers yet */	-o-user-select: none;	user-select: none; margin-right: 5px}
div.radio_chck										{float: left;background-color: #ffffff;border: #bbbcbe 2px solid;-moz-border-radius: 20px;-webkit-border-radius: 50%;border-radius: 50%;box-sizing: border-box;}
div.radio_lb										{padding-left: 2px;}
.active > div.radio_chck > div.radio_chck_point		{background-color: #bbbcbe;border-radius: 50%;position: relative;top: 15%;height: 70%;width: 70%;left: 15%;}
div.radiobutton.disabled div.radio_lb				{color: #d0d0d0;}
div.radiobutton.active.disabled > div.radio_chck > div.radio_chck_point {background-color: rgba(237, 239, 241, 1);}
div.radiobutton.disabled div.radio_chck				{border-color: rgba(237, 239, 241, 1);}

/*-----------------------------------------------
|  Checkbox
-----------------------------------------------*/
.checkbox_cont				{float: left;}
.checkbox					{border-width: 3px;border-style: solid;border-radius: 4px;cursor: pointer;background-size: 13px;background-repeat: no-repeat;float: left;background-position: 0px -100px;}

.checkbox.blue				{border-color: #5b99d9;}
.checkbox.blue.step1		{background-image: url(../_pictures/ok_blue.svg);background-position: center;background-size: 80%;}
.checkbox.blue.step2		{background-image: url(../_pictures/close_blue.svg);background-position: center;background-size: 80%;}

.checkbox.red				{border-color: #E76A92;}
.checkbox.red.step1			{background-image: url(../_pictures/ok_red.svg);background-position: center;background-size: 80%;}
.checkbox.red.step2			{background-image: url(../_pictures/close_red.svg);background-position: center;background-size: 80%;}

.checkbox.gray				{border-color: #677D8A;}
.checkbox.gray.step1		{background-image: url(../_pictures/ok_gray.svg);background-position: center;background-size: 80%;}
.checkbox.gray.step2		{background-image: url(../_pictures/close_gray.svg);background-position: center;background-size: 80%;}

.checkbox.gray_light		{border-color: #d1d8dc;}
.checkbox.gray_light.step1	{background-image: url(../_pictures/ok_gray_light.svg);background-position: center;background-size: 80%;}
.checkbox.gray_light.step2	{background-image: url(../_pictures/close_gray_light.svg);background-position: center;background-size: 80%;}

.checkbox_lbl				{cursor: pointer;}
.checkbox.disabled			{background-color: #e2e2e2;}

/*-----------------------------------------------
|  Fileupload
-----------------------------------------------*/
.fileuploader				{}
.progress-bar-info			{padding: 2px 0; color: gray}


::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: red;
  opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: red;
}

::-ms-input-placeholder { /* Microsoft Edge */
  color: red;
}


/*-----------------------------------------------
|  tooltips
-----------------------------------------------*/
.tooltip { position: absolute; z-index: 1070; display: block; margin: 0; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.8rem; word-wrap: break-word; opacity: 0;}
.tooltip.show { opacity: 0.9; z-index: 1000000}
.tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem;}
.bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #ffffff; }
.bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #ffffff; }
.bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #ffffff;}
.bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #ffffff;}
.tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #6c757d; text-align: center; background-color: #ffffff; border-radius: 0.25rem;  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);}


/*-----------------------------------------------
|  btn Horizontal scroll
-----------------------------------------------*/
.btn-h-scroll {font-size: 0.8rem; color: white; font-family: Cabin Bold; opacity: 0.6 !important; background-color: #6b7c89; padding: 0px; width: 20px !important; outline: none !important; box-shadow: none !important;-webkit-box-shadow: none !important;}
.btn-h-scroll:hover {color: white; opacity: 1 !important;}
.btn-h-scroll.selected {}

/*-----------------------------------------------
|  Horizontal scrollbar
-----------------------------------------------*/
.h-scroll-internal{ height: 100%; display: inline-block;}
.h-scroll-middle {width: inherit; position: relative !important; float: left; width: 100%;  margin: 1px; overflow: auto; white-space: nowrap; }
.left-fading {position: fixed !important; width:100%;z-index: -1;}
.fade-left {pointer-events: none;position: fixed !important; height: 45px; z-index: 0; width:10%;  background: #f9fafe;  -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
.fade-right {-webkit-mask-image: -webkit-gradient(linear, 80% top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}

#scroll-left {width: 50px; height: 115px; background-color: #f9fafe; position: fixed; float: left; -webkit-mask-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}
#scroll-right {width: 50px; height: 115px; background-color: #f9fafe; position: fixed; float: right; -webkit-mask-image: -webkit-gradient(linear, right top, left top, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));}

/*-----------------------------------------------
|  Visibility for small screen
-----------------------------------------------*/
.dropbox_min_width { min-width: 200px;}

@media (max-width: 601px) {
	.hide-on-small { display: none !important;}
	.dropbox_min_width { min-width: 120px;}
}	

/*-----------------------------------------------
|  Card header tabs
-----------------------------------------------*/
.card-header-tabs .nav-item {padding-bottom: 2px;}

/*-----------------------------------------------
|  Fade background of layout-right
-----------------------------------------------*/
.fade_background {top: 0;left: 0;width: 100vw;height: 100vh;position: fixed;z-index: 1040;background-color: #000;}
.fade_background.hide { opacity: 0; z-index: -20;transition: all 0.3s;}
.fade_background.show { opacity: 0.5; z-index: 1040;transition: all 0.3s}


/*-----------------------------------------------
|  Module selector circles
-----------------------------------------------*/
.module-circle { height: 16px; border-radius:50%; width: 16px; display: inline-flex; position: relative; left: -0.3rem; top: 3px;}
.module-circle.circle-active {border: 2px solid white;position: relative; left: -0.3rem; top: 5px;} 
.module-circle.layout-dispatch { background-color: #FF7043 !important; }
.module-circle.layout-dispatch { background-color: #FF7043 !important; }
.module-circle.layout-manager { background-color: #536DFE !important; }
.module-circle.layout-assets { background-color: #0097A7 !important; }
.module-circle.layout-team { background-color: #9575CD !important; }
.module-circle.layout-nurse { background-color: #FF5252 !important; }
.module-circle.layout-technician { background-color: #8D6E63 !important; }
.module-circle.layout-system { background-color: #90A4AE !important; }
.module-circle.layout-provider { background-color: #2196F3 !important; }
.module-circle.layout-insight { background-color: #C0CA33 !important; }