@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900');

body {
	overflow-x: hidden !important;
	font-family: 'Roboto', sans-serif;
	-webkit-font-smoothing: antialiased;
	min-height: 100%;
	background-color: transparent;
}
/* body{
	font-style: normal;
    font-variant-ligatures: normal;
    font-variant-caps: normal;
    font-variant-numeric: normal;
    font-variant-east-asian: normal;
    font-weight: normal;
    font-stretch: normal;
    font-size: 14px;
    line-height: 16px;
    font-family: Roboto, sans-serif;
} */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Roboto', sans-serif;
}

.header .logo {
	float: left;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
	width: 220px;
	font-family: 'Roboto', cursive;
	font-weight: 500;
	height: 50px;
	display: block;
}
/* body {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f5f5f5;
} */
#main-view {
	overflow-y: auto !important;
}

.laxy-box {
	min-height: 100%;
	max-height: 550px;
	overflow: auto;
}

.email-input {

}

body.fixed .navbar {
	left: 0;
	right: 0;
	top: 0px;
}

.header .logo {
	float: left;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
	width: 100%;
	font-family: 'Roboto', cursive;
	font-weight: 500;
	height: 50px;
	display: none !important;
}

.job-panel-tab-window .nav-tabs{
	    background-color: #fff !important;
}

blockquote {
	margin-bottom: 10px;
	border-left-color: #bbb;
}

form {
	margin-top: 10px;
}

.fixed-header {
	position: fixed !important;
	top: 0;
}

.divider {
	width: 102%;
	height: 1px;
	background-color: #9f9f9f;
	margin: 10px 0 10px -10px;
}

.margin-top-20 {
	margin-top: 20px;
}

.form-signin input[type="text"] {
	font-size: 16px;
	height: auto;
	margin-bottom: 15px;
	padding: 7px 9px;
}

.font-family-monospace {
	font-family: monospace;
}

.ml-355 {
	margin-left: 355px !important;
}

.ml-3 {
	margin-left: 3px !important;
}
/* .row {
    margin-left: 0px;
    margin-top: 10px;
    overflow: scroll;
} */
.label {
	width: 90px;
	display: inline-block;
}

/* toggle button */
.bs-glyphicons {
	padding-left: 0;
	padding-bottom: 1px;
	margin-bottom: 20px;
	list-style: none;
	overflow: hidden;
}

.bs-glyphicons li {
	float: left;
	width: 25%;
	height: 115px;
	padding: 10px;
	margin: 0 -1px -1px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align: center;
	border: 1px solid #ddd;
}

.bs-glyphicons .glyphicon {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 24px;
}

.bs-glyphicons .glyphicon-class {
	display: block;
	text-align: center;
	word-wrap: break-word; /* Help out IE10+ with class names */
}

.bs-glyphicons li:hover {
	background-color: rgba(86, 61, 124, .1);
}

.pull-right {
	float: right;
}

.pull-left {
	float: left;
}

.bs-search-icon {
	top: 0px !important;
	right: 135px !important;
}

@media ( min-width : 768px) {
	.bs-glyphicons li {
		width: 12.5%;
	}
}

.header .navbar .sidebar-toggle {
	float: left;
	padding: 9px 5px;
	margin-top: 8px;
	margin-right: 0;
	margin-bottom: 8px;
	margin-left: 5px;
	background-color: transparent;
	background-image: none;
	border: 1px solid transparent;
	-webkit-border-radius: 0 !important;
	-moz-border-radius: 0 !important;
	border-radius: 0 !important;
}

.login-div-colr {
	background-color: #ffc423;
}

.dispCenter {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.div-center {
	margin-left: auto;
	margin-right: auto;
}

.width-25p {
	width: 25% !important;
}

.width-35p {
	width: 35% !important;
}

.width-70p {
	width: 70% !important;
}

.width-73p {
	width: 73% !important;
}

.min-width-25p {
	min-width: 25% !important;
}

.login-background {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: url("../assets/img/mcd-bg.jpg") no-repeat center center;
	background-size: cover;
	will-change: transform;
	z-index: -1;
}

.right-side>.content-header {
	/* margin-top: 40px; */
	margin-top: 0;
}

.moveBar-left {
	margin-left: 50px !important;
	-webkit-transition: margin-left 0.3s ease;
	transition: margin-left 0.3s ease;
}

.moveBar-right {
	margin-left: 220px !important;
	-webkit-transition: margin-left 0.5s ease;
	transition: margin-left 0.5s ease;
}

@media screen and (max-width: 992px) {
	.moveBar-left {
		margin-left: 0px !important;
		-webkit-transition: margin-left 0.3s ease;
		transition: margin-left 0.3s ease;
	}
	.moveBar-right {
		margin-left: 220px !important;
		-webkit-transition: margin-left 0.5s ease;
		transition: margin-left 0.5s ease;
	}
}

.bg-mcD {
	background-color: #f2f2f2 !important;
	/**  #ffc423 kamal s login page yello change*/
	border-radius: 7px;
}

/* .lngFrm-control-input {
	border-radius: 4px !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	display: inline;
	width: 60%;
} */

/* .lbl-margn {
	margin-left: 43px;
} */
.bg-White {
	background-color: #fff !important;
}

.btn-mar {
	margin-left: 70%;
}

.black-line {
	position: relative;
	top: -1px;
	width: 100%;
	height: 2px;
	background-color: #160d06;
}

.blue-line { /**kamal s Seperator line**/
	position: relative;
	top: -1px;
	width: 100%;
	height: 2px;
	background-color: #1c468d;
}

.img-profile {
	margin: 0 -25px 0 8px;
	width: 25%;
	height: auto;
}

.img-header {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	/*width: 60%;*/
	height: auto;
}

.navbar-nav {
	margin: 0 !important;
}

.margin-content {
	margin-top: 55px;
}

.logo-display {
	display: inline-block;
}

.disp-inline-block {
	display: inline-block !important;
}

.disp-block {
	display: block !important;
}

.disp-table-cell {
	display: table-cell;
}
/* .logo-position {
	padding: 10px 25px;
	/*width: 40%;
}*/


.bg-color {
	background: #d9d9d9;
}

.lngFrm-control-input {
	border-radius: 4px !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	display: inline;
	width: 60%;
	position: relative;
	left: 36%;
}

.lbl-margn {
	margin-left: 0%;
	position: relative;
	float: right;
	right: 65%;
	margin-top: 2%;
}

.bg-White {
	background-color: #fff !important;
}

.btn-mar {
	margin-left: 76%;
}

.ic-user {
	background: url("../assets/img/ic_users.png") no-repeat;
}

.ic-store {
	background: url("../assets/img/ic_store.png") no-repeat;
}

.ic-blackspot {
	background: url("../assets/img/ic_blkspt.png") no-repeat;
}

.ic-geocode {
	background: url("../assets/img/ic_geocode.png") no-repeat;
}

.ic-pass {
	background: url("../assets/img/ic_password.png") no-repeat center center;
	background-size: 15px 15px;
}

.ic-disable {
	background: url("../assets/img/ic_disable.png") no-repeat center center;
	background-size: 15px 15px;
}

.ic-enable {
	background: url("../assets/img/ic_enable.png") no-repeat center center;
	background-size: 15px 15px;
}

.ic-edit {
	background: url("../assets/img/ic_edit.png") no-repeat center center;
	background-size: 15px 15px;
}

.ic-view {
	background: url("../assets/img/ic_view.png") no-repeat center center;
	background-size: 15px 15px;
}

.ic-duplicate {
	background: url("../assets/img/ic_duplicate.png") no-repeat center
		center;
	background-size: 15px 15px;
}

.icons-table {
	width: 23px;
	height: 23px;
	vertical-align: middle;
	display: inline-block;
}

.icons {
	width: 23px;
	height: 23px;
	vertical-align: bottom;
	display: inline-block;
}

.search-input {
	width: 30%;
	background-color: rgba(0, 0, 0, 0.1);
	height: 35px;
	border: 0;
	border-radius: 5px !important;
	margin: 5px 10px 5px 5px;
}

.input-fields {
	background-color: rgba(0, 0, 0, 0.1);
	height: 35px;
	border: 0;
	border-radius: 5px !important;
	margin: 0 0 15px 0;
}

/* .right-inner-addon {
	position: relative;
}

.right-inner-addon input {
	padding-right: 30px;
}

.right-inner-addon i {
	position: absolute;
	right: 125px;
	padding: 10px 12px;
	pointer-events: none;
	margin: 5px 10px 0 0;
	color: #999999;
} */
.padding-10, .p-10 {
	padding: 10px !important;
}

.p-4, .padding-4 {
	padding: 4px !important;
}

.p-5, .padding-5 {
	padding: 5px !important;
}

.p-6, .padding-6 {
	padding: 6px !important;
}
.p-7, .padding-7 {
	padding: 7px !important;
}
.dd-margin {
	margin-top: -15px;
	margin-right: 10px;
}

.trans-img-btn {
	background: transparent;
	border: 0;
}

.modal-backdrop {
	position: inherit !important;
	z-index: -1 !important;
}

.modal {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1040;
	display: none;
	overflow: auto;
	background: rgba(0, 0, 0, 0.5);
}

.modal-header {
	min-height: 16.428571429px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
}

.modal-header.no-border-bottom {
	border-bottom: 0px solid transparent;
}

.text-right {
	text-align: right !important;
}

.mr-24 {
	margin-right: 24px !important;
}

.mr-2 {
	margin-right: 2px !important;
}

.ml-144 {
	margin-left: 144px !important;
}

.modal-footer {
	padding: 0px 20px 20px;
	margin-top: 0px !important;
	text-align: right;
	border-top: 0px solid #e5e5e5 !important;
}

.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #900;
	text-shadow: 0 1px 0 #fff;
	opacity: 1;
	filter: alpha(opacity = 20);
}

.modal-body-padding {
	padding: 5px 20px 20px !important;
}

.content-background {
	background: #f9f9f9;
}

#tel-gas-custom-drop{
    width: 49% !important;
    margin: 0 4% 2% 1% !important;
}

@media screen and (min-width: 768px) {
	/* .navbar-nav>li>a {
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	} */
	.dialog-70 {
		width: 70%;
	}
	.dialog-50 {
		width: 50%;
	}
	.dialog-30 {
		width: 30%;
	}
	.carousel-indicators {
		bottom: 0px;
	}
}

.padding-verticle {
	padding: 11px 0px;
}

.z-depth-1030 {
	z-index: 1030;
}

.z-depth {
	z-index: 999;
}

.z-depth-1up {
	z-index: 1;
}
.z-depth-2up {
	z-index: 2;
}
.z-depth-3up {
	z-index: 3;
}
.z-depth-4up {
	z-index: 4;
}
.mt-15 {
	margin-top: 15px !important;
}

.mt-20 {
	margin-top: 20px !important;
}

.mt-5 {
	margin-top: 5px !important;
}

.m-3, .margin-3 {
	margin: 3px;
}

.mt-7 {
	margin-top: 7px !important;
}

.mt-9 {
	margin-top: 9px;
}
.tg-custom-reset-button{
	margin: 5px 0 0 -6% !important;
    height: 100% !important;
}
.mb-20 {
	margin-bottom: 20px !important;
}

.mt-50 {
	margin-top: 0px;
}

.mt-40 {
	margin-top: 40px !important;
}

.mt-40m {
	margin-top: -40px !important;
}

.mt-50p {
	margin-top: 50% !important;
}

.mr-1m {
	margin-right: -1px;
}

.mr-10 {
	margin-right: 10px;
}

.mr-8 {
	margin-right: 8px !important;
}

.mr-15 {
	margin-right: 15px !important;
}

.mr-16 {
	margin-right: 16px !important;
}

.mt-2 {
	margin-top: 2px !important;
}

.mt-3 {
	margin-top: 3px !important;
}

.mt-25 {
	margin-top: 25px;
}

.mt-0 {
	margin-top: 0 !important;
}

.mb-0 {
	margin-bottom: 0;
}

.mb-10 {
	margin-bottom: 10px !important;
}

.ats-switch.switch-small {
	min-width: 67px !important;
}

.cal-posi {
	position: absolute;
	right: 25px;
	top: 35px;
	color: #828282;
	font-size: 1.550em;
}

.table-cal-posi {
	position: relative;
	left: 92%;
	top: -5px;
	color: #828282;
	font-size: 1.550em;
}

.table-date-field {
	background-color: transparent;
	height: 35px;
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #747474;
	margin: 0 0 -20px 0;
	box-shadow: none;
	cursor: auto !important;
}

.verti-center-grid {
	vertical-align: baseline !important;
}
/* @media screen and (min-width: 320px) and (max-width: 767px)
 { */
.bs-search-icon {
	top: 75px !important;
	right: 0 !important;
}

.btn-mar {
	margin-left: 60%;
}

.header .logo {
	float: none !important;
	font-size: 20px;
	line-height: 50px;
	text-align: center;
	padding: 0 10px;
	width: 100%;
	font-family: 'Roboto', cursive;
	font-weight: 500;
	height: 50px;
	display: block !important;
	position: fixed;
}

.lbl-margn {
	margin-left: 0;
	position: relative;
	float: none;
	right: 0;
	margin-top: 2%;
}

.lngFrm-control-input {
	border-radius: 4px !important;
	background-color: rgba(0, 0, 0, 0.05) !important;
	display: inline;
	width: 100%;
	position: relative;
	left: 0;
	margin-bottom: 10px;
}

.mt-50 {
	margin-top: 100px;
}
/* 	body.fixed .navbar {
    left: 0;
    right: 0;
    top: 50px;
	} */
.black-line {
	position: relative;
	top: 50px;
	width: 100%;
	height: 2px;
	background-color: #160d06;
}
/* .margin-content {
		margin-top: 0;
	} */
.logo-display {
	display: none;
}

.padding-verticle {
	padding: 0 !important;
}

.row-offcanvas-left {
	left: 0;
	width: 50px; /*added V2*/
	-webkit-transition: width 0.5s ease, left 0.5s ease;
	transition: width 0.5s ease, left 0.5s ease;
}

.row-offcanvas-left.active {
	left: 0;
	width: 220px; /*added V2*/
	-webkit-transition: width 0.5s ease, left 0.5s ease;
	transition: width 0.5s ease, left 0.5s ease;
}

.left-side {
	position: absolute;
	width: 220px;
	top: 100px;
	/* left: -220px; //removed V2 */
	left: 0;
	-webkit-transition: width 0.5s ease, left 0.5s ease;
	transition: width 0.5s ease, left 0.5s ease;
}
/* .search-input {
		width: 93%;
    background-color: rgba(0, 0, 0, 0.1);
    height: 35px;
    border: 0;
    border-radius: 5px!important;
    margin: 5px 10px 5px 5px;
	}
	.right-inner-addon {
		position: relative;
	}
	.right-inner-addon input {
		padding-right: 30px;
	}
	.right-inner-addon i {
		position: absolute;
		right: 0px;
		top: 40px;
		padding: 10px 12px;
		pointer-events: none;
		margin: 5px 10px 0 0;
		color: #999999;
	} */
.dd-margin {
	margin-top: -55px;
	margin-right: 10px;
}

/* } */
@media screen and (min-width: 992px) {
	.left-side {
		position: absolute;
		/* width: 220px; //removed V2 */
		width: 50px;
		top: 50px;
		left: 0;
		-webkit-transition: width 0.3s ease, left 0.5s ease;
		transition: width 0.3s ease, left 0.5s ease;
	}
	.left-side {
		position: absolute;
		width: 220px;
		top: 50px;
		left: 0;
		-webkit-transition: width 0.3s ease, left 0.5s ease;
		transition: width 0.3s ease, left 0.5s ease;
	}
	.row-offcanvas-left.active {
		left: 0;
		-webkit-transition: width 0.3s ease, left 0.5s ease;
		transition: width 0.3s ease, left 0.5s ease;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.left-side {
		position: absolute;
		/*width: 220px; //removed V2 */
		width: 50px;
		top: 50px;
		/*left: -220px; //removed V2 */
		left: 0px;
		-webkit-transition: width 0.3s ease, left 0.5s ease;
		transition: width 0.3s ease, left 0.5s ease;
	}
	.row-offcanvas-left.active {
		left: 0;
		width: 220px; /* Added V2*/
		-webkit-transition: width 0.3s ease, left 0.5s ease;
		transition: width 0.3s ease, left 0.5s ease;
	}
}

@media screen and (min-width: 768px) and (max-width: 2652px) {
	/* .logo-position {
		padding: 10px 25px;
		width: 40%;
	} */

	.padding-verticle {
		padding: 11px 0px;
	}

	.margin-content {
		margin-top: 55px;
	}

	.lngFrm-control-input {
		border-radius: 4px !important;
		background-color: rgba(0, 0, 0, 0.05) !important;
		display: inline;
		/* width: 100%; */
		position: relative;
		/* left: 36%; */
	}

	.btn-mar {
		/* margin-left: 0; */
	}
}

@media ( max-width : 767px) {
	.navbar-nav .open .dropdown-menu {
		position: absolute !important;
		float: none;
		width: auto;
		margin-top: 2px;
		background-color: transparent;
		border: 0;
		box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5);
	}
	.padding-verticle {
		padding: 0;
	}
}

.custom-preloader {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.3);
	color: #900;
	height: 100%;
	z-index: 9999;
	width: 100%;
	padding-top: 20%;
	/* padding-left: 50%; */
	top: 0;
}

.tableTextDisabled {
	text-decoration: line-through;
	color: graytext;
	/* cursor: not-allowed; */
}

#storeErrorMsg {
	color: red;
	text-align: center;
}

.grid-header-name {
	text-transform: uppercase;
	margin: 0 0 0 10px;
}

.toggle-box {
	background-color: #f39c12;
	display: inline-block;
	padding: 4px 4px 4px 8px;
	text-transform: uppercase;
	border: 1px solid #d58512;
	border-radius: 4px;
}

.min-height-grid {
	min-height: 100%;
	height: 600px;
}

.mt-1m {
	margin-top: -1px;
}

.mt-8m {
	margin-top: -8px !important;
}

.mt-8 {
	margin-top: 8px !important;
}

.verti-center {
	vertical-align: middle !important;
}

.verti-bottom {
	vertical-align: bottom !important;
}

.verti-text-bottom {
	vertical-align: text-bottom !important;
}

.verti-top {
	vertical-align: top !important;
}

.map-size {
	width: 100%;
	height: 100%;
}

.mb-0 {
	margin-bottom: 0;
}

.m-0 {
	margin: 0 0 0 0 !important;
}

.map-position {
	position: relative;
}

.autogrid-btn {
	position: absolute;
	top: 10px;
	right: 10px;
}

.map-bottom-bar {
	position: absolute;
	width: 90%;
	margin-left: 5%;
	margin-right: auto;
	bottom: 5px;
}

.bottom-block {
	background-color: #900;
	border-radius: 5px;
	margin-left: auto;
	margin-right: auto;
	color: #fff;
	margin: 5px;
	padding: 5px 0 5px 10px;
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.4);
}

.textbox-padding {
	padding: 2px 7px;
	width: 100px;
	color: #fff;
}

.padding-dist {
	padding: 12px 15px 12px 15px;
}

.inline-display {
	display: inline-block;
}

.textbox-ico-posi {
	position: relative;
	right: 25px;
}

.text-uppercase {
	text-transform: uppercase;
}

.text-capitalize {
	text-transform: capitalize;
}

.text-lowercase {
	text-transform: lowercase;
}

.txt-bolder {
	font-weight: 600 !important;
}

.txt-bold {
	font-weight: 500 !important;
}

.txt-light {
	font-weight: 400 !important;
}

.padding-8-lr {
	padding: 0 8px;
}

.autogrid-box {
	display: block;
	position: absolute;
	right: 10px;
	top: 50px;
	width: 200px;
	height: 195px;
	z-index: 99;
	padding: 10px;
	background: #f39c12;
	border: 1px solid rgb(204, 204, 204);
	box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	color: #555;
	cursor: default;
	background-color: #fff;
	border: none;
	border-bottom-color: transparent;
}

.nav-tabs-custom {
	/* margin-bottom: 20px; */
	background: #f39c12;
	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
}

.txt-color-white {
	color: #fff;
}

.no-border {
	border: none !important;
}

.time-txt {
	width: 85px;
	text-align: center;
}

.drive-icon-posi {
	vertical-align: initial;
	font-size: 2em;
}

.auto-inputbox {
	display: inline-block;
	width: 83%;
}

#fixed {
	/*  height: 100%; */
	float: left;
	position: relative;
	width: 100%;
	/*  overflow: auto; */
}

.error-msg {
	text-align: center;
	color: #850a05;
}

.btn-upld-grp {
	border-bottom-left-radius: 0;
	border-top-left-radius: 0;
	width: 100px;
}

.width-50p {
	width: 50%;
}

.width-49p {
	width: 49% !important;
}

.width-280 {
	width: 280px !important;
}

.width-355 {
	width: 355px !important;
}

.width-45 {
	width: 45px !important;
}

.width-60p {
	width: 60% !important;
}

.width-55p {
	width: 55% !important;
}

.width-62p {
	width: 62% !important;
}

.width-80p {
	width: 80% !important;
}

.width-130p {
	width: 130% !important;
}

.left-margin15 {
	margin-left: 15px;
}

.curser-pointer {
	cursor: pointer;
}
/* JS Tree	*/
.disable-pointer, .disable-pointer>.jstree-anchor, .disable-pointer>.jstree-hovered
	{
	pointer-events: none;
}

.no_checkbox>i.jstree-checkbox {
	display: none;
}

.inactive-module {
	/* color:red; */
	opacity: 0.5;
	font-style: italic;
}

.active-module {
	/* color:blue; */
	opacity: 1;
}

.cursor-auto {
	cursor: auto;
}

.color_red {
	color: red;
}

.center_align {
	text-align: center;
}

.maxWidth-100 {
	max-width: 100px;
	width: 100px;
}

.maxWidth-70 {
	max-with: 70px;
	width: 70px;
}

.maxWidth-150 {
	max-width: 150px;
	width: 150px;
}

.maxWidth-194 {
	max-width: 194px;
	width: 194px;
}

.width-19p {
	width: 19%;
}

.mar-left-22p {
	margin-left: 22%;
}

.mr-0 {
	margin-right: 0 !important;
}

.ml-15 {
	margin-left: 15px !important;
}

.ml-15m {
	margin-left: -15px !important;
}

.ml-6m {
	margin-left: -6px !important;
}

.ml-10 {
	margin-left: 10px !important;
}

.ml-5 {
	margin-left: 5px !important;
}

.input-fieldDark .selectize-dropdown {
	background: #505050 !important;
	border: none;
	color: #fff;
	text-align: left;
}

.input-fieldDark .selectize-dropdown .active {
	background: #757575 !important;
	border: none;
}

.input-fieldDark .ui-select-choices-row:hover {
	background: #757575 !important;
}

.input-fieldDark .selectize-input>* {
	float: left;
	color: #fff;
}

.langDropdown {
	width: 40%;
	background-color: rgba(0, 0, 0, 0.1);
	height: 35px;
	border: 0;
	border-radius: 5px !important;
	margin: -11% 10% 4% 28%;
}

/* .input-group-btn:last-child>.btn {  kamal Added For Upload Brouse button UI*
border-top-left-radius: 3px !important;
border-bottom-left-radius: 3px !important;
} */

/* Amit Tambade */
/* .right-inner-addon {
    position: relative;
    width: 60%;
    left: 5px;
    float: right!important;
}
.search-block {
    position: relative;
}
.search-block i{
	color: #999999;
	margin: 5px 10px 0 0;
	padding: 10px 12px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
}
.search-block input{
    padding-right: 0px;
    background-color: rgba(0, 0, 0, 0.1);
    height: 35px;
    border: 0;
    border-radius: 5px !important;
    margin: 5px 10px 5px 5px;
} */
.mt-50 {
	margin-top: 50px;
}

.left-side {
	position: absolute;
	width: 220px;
	/*  width: 50px; */
	top: 50px;
	/* left: -220px;  //removed V2 */
	left: 0;
	-webkit-transition: width 0.5s ease, left 0.5s ease;
	transition: width 0.5s ease, left 0.5s ease;
}

.left-side.collapse-left {
	position: absolute;
	/*  width: 220px;   //removed V2 */
	width: 50px;
	top: 50px;
	/* left: -220px;  //removed V2 */
	left: 0;
	-webkit-transition: width 0.5s ease, left 0.5s ease;
	transition: width 0.5s ease, left 0.5s ease;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	body.fixed .navbar {
		left: 0;
		right: 0;
		top: 0;
	}
	.left-side.collapse-left {
		position: absolute;
		width: 0;
		top: 50px;
		left: 0;
		-webkit-transition: width 0.5s ease, left 0.5s ease;
		transition: width 0.5s ease, left 0.5s ease;
	}
}
/* .right-inner-addon {
	    position: relative;
	    left: 20px;
	    width: 45vw;
	    float: left!important;
	}
	.right-inner-addon i {
		color: #999999;
		margin: 5px 10px 0 0;
		padding: 10px 12px;
		pointer-events: none;
	    position: absolute;
	    right: 0;
	    top: 0;
	}
	.right-inner-addon input {
		padding-right: 0px;
	} */
/* } */
.mt-10 {
	margin-top: 10px;
}

.snooze-text-margin {
	margin: -7% -114% 0 4%;
}

.mt-10m {
	margin-top: -10px !important;
}

h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.mb-2m {
	margin-bottom: -2px;
}

.mb-4m {
	margin-bottom: -4px;
}
/* .right-inner-addon i {
    color: #999999;
	margin: 5px 10px 0 0;
	padding: 10px 12px;
	pointer-events: none;
    position: absolute;
    right: 0;
    top: 0;
}
.search-input-user {
   	 width: 100%;
    min-width: 135px;
    max-width: 400px;
    background-color: rgba(0, 0, 0, 0.1);
    height: 35px;
    border: 0;
    border-radius: 5px !important;
    margin: 5px 10px 5px 5px;
} */
.padding-vertical-10 {
	padding-top: 10px;
	padding-bottom: 10px;
}
/* .skin-blue .navbar {
	background: rgba(17,255,232,1);
	background: -moz-linear-gradient(left, rgba(17,255,232,1) 0%, rgba(37,152,141,1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17,255,232,1)), color-stop(100%, rgba(37,152,141,1)));
	background: -webkit-linear-gradient(left, rgba(17,255,232,1) 0%, rgba(37,152,141,1) 100%);
	background: -o-linear-gradient(left, rgba(17,255,232,1) 0%, rgba(37,152,141,1) 100%);
	background: -ms-linear-gradient(left, rgba(17,255,232,1) 0%, rgba(37,152,141,1) 100%);
	background: linear-gradient(to right, rgba(17,255,232,1) 0%, rgba(37,152,141,1) 100%);
	-webkit-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
	-ms-box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
	box-shadow: 0px 5px 10px -2px rgba(0,0,0,0.5);
} */
.skin-black .text-primary {
	color: #ed1c24 !important;
}

.skin-black .sidebar>.menu-block .sidebar-menu>li {
	border-top: 0px solid #333;
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.skin-black .sidebar>.menu-block .sidebar-menu>li:first-of-type {
	border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.skin-black .sidebar>.menu-block .sidebar-menu>li:first-of-type>a {
	border-top: 0px solid #333;
}

.skin-black .sidebar>.menu-block .sidebar-menu>li>a {
	margin-right: 1px;
	height: 42px;
}
/* .skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover,
.skin-black .sidebar > .menu-block .sidebar-menu > li.active > a {
  color: #f6f6f6;
  background: rgba(255, 255, 255, 0.05);
} */
.skin-black .sidebar>.menu-block .sidebar-menu>li>.treeview-menu {
	margin: 0 1px;
	background: rgba(255, 255, 255, 0.2);
}

.sidebar .menu-block .sidebar-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sidebar .menu-block .sidebar-menu>li {
	margin: 0;
	padding: 0;
}

.sidebar .menu-block .sidebar-menu>li>a {
	padding: 10px 5px 10px 15px;
	display: block;
}

.sidebar .menu-block .sidebar-menu>li>a>.fa, .sidebar .menu-block .sidebar-menu>li>a>.glyphicon,
	.sidebar .menu-block .sidebar-menu>li>a>.ion {
	width: 20px;
}

.sidebar .menu-block .sidebar-menu .treeview-menu {
	display: none;
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar .menu-block .sidebar-menu .treeview-menu.show:before {
	display: block !important;
	height: auto !important;
	-webkit-transition: height 0.5s linear;
	-moz-transition: height 0.5s linear;
	-ms-transition: height 0.5s linear;
	-o-transition: height 0.5s linear;
	transition: height 0.5s linear;
}

.sidebar .menu-block .sidebar-menu .treeview-menu.hide:before {
	display: none !important;
	height: 0 !important;
	delay: display 0.2s !important;
	-webkit-transition: all 0.5s linear;
	-moz-transition: all 0.5s linear;
	-ms-transition: all 0.5s linear;
	-o-transition: all 0.5s linear;
	transition: all 0.5s linear;
}

.sidebar .menu-block .sidebar-menu .treeview-menu>li {
	margin: 0;
	padding-left: 30px;
}

.sidebar .menu-block .sidebar-menu .treeview-menu>li>a {
	padding: 13px 5px 10px 15px;
	display: block;
	font-size: 14px;
	margin: 0px 0px;
	height: 42px;
}

.sidebar .menu-block .sidebar-menu .treeview-menu>li>a>.fa, .sidebar .menu-block .sidebar-menu .treeview-menu>li>a>.glyphicon,
	.sidebar .menu-block .sidebar-menu .treeview-menu>li>a>.ion {
	width: 20px;
}

.btn-shadow {
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px
		rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.skin-black .navbar .sidebar-toggle .icon-bar {
	background: #8b8b8b;
}

.skin-black .navbar .nav a {
	color: #fff;
}
/* .skin-blue .left-side {
    background: #019688;
} */
.skin-black .sidebar>.menu-block {
	height: calc(100vh - 55px);
	overflow-y: auto;
	overflow-x: hidden;
}

.sidebar .menu-block .sidebar-menu .treeview-menu>li>a .sub-txt.sideBar-txt-close
	{
	display: inline-block;
	overflow: hidden;
	opacity: 1;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	transition: opacity 0.1s ease, transform 0.1s ease;
	-webkit-transition: opacity 0.1s ease, transform 0.1s ease;
	transition-delay: 0.8s;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
}

.sidebar .menu-block .sidebar-menu .treeview-menu>li>a .sub-txt.sideBar-txt-close
	{
	display: inline-block;
	opacity: 0;
	overflow: hidden;
	-webkit-transform: translate3d(-25px, 0, 0);
	-moz-transform: translate3d(-25px, 0, 0);
	-o-transform: translate3d(-25px, 0, 0);
	-ms-transform: translate3d(-25px, 0, 0);
	transform: translate3d(-25px, 0, 0);
	transition: opacity 0.1s ease, transform 0.1s ease;
	-webkit-transition: opacity 0.1s ease, transform 0.1s ease;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
}

.skin-black .sidebar>.menu-block .sidebar-menu>li>a {
	color: #fff !important;
}

.skin-black .sidebar>.menu-block .sidebar-menu>li>a:hover {
	color: #ed1c24 !important;
	filter: brightness(300%);
}

.skin-black .sidebar>.menu-block .sidebar-menu>li.active>a {
	color: #fff !important;
	background: #ed1c24 !important;
	filter: brightness(100%) !important;
}

.skin-black .sidebar>.menu-block .sidebar-menu>li.active>a:hover {
	color: #fff !important;
	background: #ed1c24 !important;
	filter: brightness(100%) !important;
}

/* .min-height-grid {
	min-height: 100%;
    height: 82.52vh;
} */
.skin-teal .btn.btn-theme {
	color: #fff;
	background-color: #019688;
	border-color: #019688;
}

.skin-teal .btn.btn-theme:hover, .skin-teal .btn.btn-theme:active,
	.skin-teal .btn.btn-theme.hover {
	color: #000;
	border-color: #13ffea;
	background-color: #13ffea;
}

/* .icons {
    width: 20px;
    height: 20px;
    vertical-align: top;
    display: inline-block;
} */
/* .skin-black .sidebar > .menu-block .sidebar-menu > li > a > .ic-user{
    background: url("../assets/ic_user.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover > .ic-user, .skin-black .sidebar > .menu-block .sidebar-menu > li.active > a > .ic-user{
	background: url("../assets/ic_user.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a > .ic-asset-track{
    background: url("../assets/ic-asset-track.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover > .ic-asset-track, .skin-black .sidebar > .menu-block .sidebar-menu > li.active > a > .ic-asset-track{
	background: url("../assets/ic-asset-track_selected.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a > .ic-history{
    background: url("../assets/ic-history.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover > .ic-history, .skin-black .sidebar > .menu-block .sidebar-menu > li.active > a > .ic-assetReport{
	background: url("../assets/ic-history_selected.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a > .ic-assetReport{
    background: url("../assets/ic_assetReport.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover > .ic-assetReport, .skin-black .sidebar > .menu-block .sidebar-menu > li.active > a > .ic-assetReport{
	background: url("../assets/ic_assetReport_selected.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a > .ic-jobs{
    background: url("../assets/ic-jobs.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover > .ic-jobs, .skin-black .sidebar > .menu-block .sidebar-menu > li.active > a > .ic-jobs{
	background: url("../assets/ic-jobs_selected.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a > .ic-videos{
    background: url("../assets/ic-videos.svg") no-repeat;
}
.skin-black .sidebar > .menu-block .sidebar-menu > li > a:hover > .ic-videos, .skin-black .sidebar > .menu-block .sidebar-menu > li.active > a > .ic-videos{
	background: url("../assets/ic-videos_selected.svg") no-repeat;
} */
@media ( max-width : 767px) {
	.table-responsive {
		overflow-x: auto;
		border: 0px solid transparent !important;
	}
}

.app-title {
	font-weight: 600;
	letter-spacing: 3px;
	padding: 5px 0;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.app-title {
		font-weight: 600;
		letter-spacing: 2px;
		padding: 5px 0;
	}
}
/* .logo-position {
    padding: 10px 25px;
    display: inline-block;
} */
.logo-position {
	padding: 10px 15px;
	display: inline-table !important;
}

.btn-header {
	background-color: transparent;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
	color: #019688;
	font-weight: 600;
}

.tableTextDisabled {
	text-decoration: none;
	color: graytext;
	/* cursor: not-allowed; */
}

.btn-activate {
	color: green;
}

.btn-deactivate {
	color: red;
}

.btn-chnPassword {
	color: #539ef5;
}

.mv-2 {
	margin-bottom: 2px !important;
	margin-top: 2px !important;
}

.mv-3 {
	margin-bottom: 3px;
	margin-top: 3px;
}
.mv-30 {
	margin-bottom: 30px !important;
	margin-top: 30px !important;
}
.mv-4 {
	margin-bottom: 4px;
	margin-top: 4px;
}

.mv-5 {
	margin-bottom: 5px !important;
	margin-top: 5px !important;
}

.mv-6 {
	margin-bottom: 6px;
	margin-top: 6px;
}

.mv-10 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}

.mv-12 {
	margin-top: 12px !important;
	margin-bottom: 12px !important;
}

.mv-13 {
	margin-top: 13px !important;
	margin-bottom: 13px !important;
}

.mv-15 {
	margin-top: 15px;
	margin-bottom: 15px;
}

.mv-15m {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

.height-600 {
	height: 600px !important;
}

.min-height-92vh {
	min-height: 100%;
	height: 92vh;
}

.min-height-90vh {
	height: calc(100vh - 55px);
}

.min-height-30vh {
	min-height: 30vh;
}

.min-height-30 {
	min-height: 30px !important;
}

.min-height-83vh {
	height: 83vh;
}

.min-height-240 {
	min-height: 240px;
}

.assetTracker {
	line-height: normal;
	text-transform: uppercase;
	text-align: center;
}

.dis-mob {
	display: none;
}

.dis-desk {
	display: flex;
}

.dis-flex {
	display: flex;
}

@media screen and (min-width: 320px) and (max-width: 576px) {
	.dis-mob {
		display: block;
	}
	.dis-desk {
		display: none;
	}
	/* .logo-position {
    	padding: 4px 25px;
    	display: inline-block;
	} */
}

.resourceList {
	position: absolute;
	top: 55px;
	right: 0;
	background: transparent;
	padding-left: 20px;
	padding-right: 0;
	overflow-y: auto;
	overflow-x: hidden;
	padding-top: 6px;
}
/* .searchBlock{
	position: absolute;
    top: 3px;
    right: -16px;
    background: transparent;
    padding-left: 20px;
    overflow: auto;
    padding-top: 6px;
} */
.search-resource-addon {
	position: absolute;
	top: 10px;
	right: 15px;
	padding-right: 0;
	padding-left: 33px;
}

.search-resource-addon i {
	color: #999999;
	margin: 12px 10px;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	/* border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent; */
}

.search-resource-addon input, .search-resource-addon input:focus {
	height: 42px;
	border: 0px solid;
	width: 100%;
	padding-right: 30px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.39);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.39);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.39);
}

.text-avatar {
	width: 56px;
	height: 56px;
	line-height: 56px;
	border-radius: 50%;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	background-color: #000;
}

.img-avatar {
	width: 56px;
	height: 56px;
	line-height: normal;
	border-radius: 50%;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	padding: 5px;
	overflow: hidden;
	background-color: #fff;
	border: 2px solid red;
}

.list-block {
	max-height: 82vh;
	overflow-y: auto;
}

.resource-block-details {
	display: inline-block;
	vertical-align: top;
}

.m-5 {
	margin: 5px !important;
}

.no-margin-bottom {
	margin-bottom: 0 !important;
}

.no-margin-left {
	margin-left: 0 !important;
}

.no-margin-right {
	margin-right: 0 !important;
}

.no-margin-top {
	margin-top: 0 !important;
}

.history-resource {
	position: relative;
	background: #fff;
	/* padding: 15px; */
}

.resource-block {
	position: relative;
	background: #fff;
	padding: 0 12px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transform: scale(1);
	z-index: 0;
	transition: all .1s ease-in;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}

.resource-block:hover, .resource-block:focus, .resource-block:active,
	.resource-block.active {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	transform: scale(1.05);
	cursor: pointer;
	right: -5px;
	z-index: 1;
	transition: all .1s ease-in;
}

.no-margin {
	margin: 0 !important;
}

.mr-5 {
	margin-right: 5px !important;
}
/* .login-input, .login-input[disabled]{
	background: transparent;
    box-shadow: none;
    border-radius: 0px!important;
    border-width: 0;
    border-bottom: 2px solid #939193!important;
    margin-top: 20px;
    text-align: center;
    border-bottom: 0 solid #eee;
} */
.login-input:focus {
	border-color: #019688 !important;
	outline: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.input-search, .input-search[disabled] {
	background: transparent;
	box-shadow: none;
	border-radius: 0px !important;
	border: none;
	text-align: left;
	border-bottom: 2px solid !important;
	border-bottom-color: #939193;
}

.skin-black .input-search:focus {
	border-bottom-color: #ed1c24 !important;
	outline: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.divCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.skin-black a {
	color: #ed1c24 !important;
}

.skin-black a[disabled] {
	pointer-events: none !important;
}

.skin-black a:hover, .skin-black a.active, .skin-black a:active,
	.skin-black a:focus {
	outline: none;
	text-decoration: none;
	color: #ed1c24 !important;
	text-decoration: underline;
}

.btn.btn-black {
	background-color: #000;
	border-color: #000;
	color: #fff;
	border-radius: 25px !important;
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.btn.btn-black:active, .btn.btn-black:hover, .btn.btn-black:focus {
	background-color: rgba(0, 0, 0, 0.7);
	border-color: rgba(0, 0, 0, 0.7);
}

.branding-inst {
	font-size: 12px;
	color: #999;
}

.bg-at {
	background-color: #ffffff !important;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.copyright-text {
	margin: 30px 0 10px 0;
	font-size: smaller;
	color: #aaa;
}
/* .icons.ic-jobs{
    background: url("../assets/ic-jobs.svg") no-repeat;
} */
.icon-jobs {
	width: 20px;
	height: 20px;
	display: inline-block;
	margin-bottom: -5px;
	background-color: #019688;
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-image: url(../assets/ic-jobs.svg);
	-ms-mask-repeat: no-repeat;
	-ms-mask-size: contain;
	-ms-image: url(../assets/ic-jobs.svg);
	-moz-mask-repeat: no-repeat;
	-moz-mask-size: contain;
	-moz-mask-image: url(../assets/ic-jobs.svg);
	-o-mask-repeat: no-repeat;
	-o-mask-size: contain;
	-o-mask-image: url(../assets/ic-jobs.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-image: url(../assets/ic-jobs.svg);
}

.login-page{
	position: relative;
    display: flex;
    width: 100%;
    height: 100vh;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    align-items: center;
}


.form-box {
	width: 420px;
    height: fit-content;
}

.hidden-xxs {
	display: inline-table !important;
}

@media only screen and (min-width: 320px) and (max-width: 576px) {
	.form-box {
		width: 90%;
		height: fit-content;
	}
	.hidden-xxs {
		display: none !important
	}
}

.w-600 {
	width: 600px !important;
}

.divider {
	width: 100%;
	height: 1px;
	background-color: #9f9f9f;
	margin: 10px 0;
}

.skin-black .close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #ed1c24 !important;
	text-shadow: none !important;
	opacity: 1;
	filter: alpha(opacity = 20);
}

.skin-black .job-close {
	float: right;
	font-size: 32px;
	font-weight: bold;
	line-height: 1;
	color: #ed1c24 !important; /*
    text-shadow: 0 1px 0 #fff; */
	opacity: 1;
	z-index: 1;
	background: transparent;
	border: none;
	filter: alpha(opacity = 20);
}

.listPanel-open {
	position: absolute;
	top: 0;
	right: 16px;
	/* z-index: 1; */
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s ease-in-out;
	-moz-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}

.listPanel-close {
	position: absolute;
	top: 0;
	right: -384px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s ease-in-out;
	-moz-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}

.listPanel-open-dn {
	position: absolute;
	top: 30px;
	right: 30px;
	/* z-index: 1; */
	padding-bottom: 10px;
	background-color: #fff;
	-webkit-transition: top 0.25s;
	-moz-transition: top 0.25s;
	transition: top 0.25s;
}

.listPanel-close-up {
	position: absolute;
	top: -15px;
	right: 30px;
	/* z-index: 1; */
	padding-bottom: 10px;
	background-color: #fff;
	-webkit-transition: top 0.25s;
	-moz-transition: top 0.25s;
	transition: top 0.25s;
}

.listPanel-closeTrack {
	position: absolute;
	top: 0;
	right: -284px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.listPanel-main {
	position: absolute;
	top: -55px;
	right: 16px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.listPanel-main-close {
	position: absolute;
	top: -55px;
	right: -24%;
	z-index: 9999;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.listPanel-history-close {
	position: absolute;
	top: -55px;
	right: -32%;
	z-index: 9999;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.listPanel-route {
	position: absolute;
	top: -4px;
	right: 18px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.listPanel-route-close {
	position: absolute;
	top: -4px;
	right: -32%;
	z-index: 9999;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	.listPanel-main-close {
		position: absolute;
		top: 50;
		right: -32%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
	.listPanel-history-close {
		position: absolute;
		top: -55px;
		right: -32%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	.listPanel-main-close {
		position: absolute;
		top: 50;
		right: -40%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
	.listPanel-history-close {
		position: absolute;
		top: -55px;
		right: -40%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
}

@media only screen and (min-width: 577px) and (max-width: 767px) {
	.listPanel-main-close {
		position: absolute;
		top: 50;
		right: -81%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
	.listPanel-history-close {
		position: absolute;
		top: -55px;
		right: -81%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
}

@media only screen and (min-width: 320px) and (max-width: 576px) {
	.listPanel-main-close {
		position: absolute;
		top: 50;
		right: -81%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
	.listPanel-history-close {
		position: absolute;
		top: -55px;
		right: -81%;
		z-index: 9999;
		padding: 0;
		background-color: #fff;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0);
		-webkit-transition: right 0.5s;
		-moz-transition: right 0.5s;
		transition: right 0.5s;
	}
}

.assetHistorty-search, .assetHistorty-search:focus {
	background-color: #fff;
	border-radius: 0 !important;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.ph-0 {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.ph-3 {
	padding-left: 3px !important;
	padding-right: 3px !important;
}

.ph-5 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

.ph-10 {
	padding-left: 10px !important;
	padding-right: 10px !important;
}
.ph-12 {
	padding-left: 12px !important;
	padding-right: 12px !important;
}
.ph-13 {
	padding-left: 13px !important;
	padding-right: 13px !important;
}
.ph-14 {
	padding-left: 14px !important;
	padding-right: 14px !important;
}

.ph-15 {
	padding-left: 15px !important;
	padding-right: 15px !important;
}

.ph-20 {
	padding-left: 20px !important;
	padding-right: 20px !important;
}

.pv-0 {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}
.pv-12 {
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.pv-13 {
	padding-top: 13px !important;
	padding-bottom: 13px !important;
}

.pv-15 {
	padding-top: 15px !important;
	padding-bottom: 15px !important;
}

.pv-20 {
	padding-top: 20px !important;
	padding-bottom: 20px !important;
}

.pv-28 {
	padding-top: 28px !important;
	padding-bottom: 28px !important;
}

.pv-9 {
	padding-top: 9px !important;
	padding-bottom: 9px !important;
}

.geofencing-text {
	background-color: #ccc;
	color: #555;
	font-size: 12px;
	padding: 5px 15px;
}

.input-group-btn:last-child>.btn.btn-theme.btn-file {
	/* border-radius: 3px !important; */

}

.fileUpload-name {
	display: inline-block;
	background-color: transparent !important;
	border: 1px solid transparent;
	color: #fff !important;
	box-shadow: none;
	/* height: 35px;
    max-width: 48%; */
}

.m-10 {
	margin: 10px !important;
}

.show-dataStrip {
	background-color: #019688;
	color: #fff;
}

.skin-black .show-dataStrip {
	background-color: #ed1c24 !important;
	color: #fff;
}

.background-reporting {
	background-color: #00655B !important;
	color: #fff !important;
}

.background-transparent {
	background: transparent !important;
}

.datePicker-reporting {
	outline: none !important;
	border: 1px solid #009688 !important;
	background-color: transparent;
	color: #019688;
	border-radius: 3px !important;
}

.datePicker-reporting:focus, .datePicker-reporting:hover {
	outline: none !important;
	border: 1px solid #009688 !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
}

.datePicker {
	outline: none !important;
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
	border-radius: 3px !important;
}

.datePicker:focus, .datePicker:hover {
	outline: none !important;
	border: 1px solid #fff !important;
	box-shadow: none;
	-webkit-box-shadow: none;
	-ms-box-shadow: none;
}

.pl-10 {
	padding-left: 10px !important;
}

.pl-20 {
	padding-left: 20px !important;
}

.pl-25 {
	padding-left: 25px !important;
}

.pr-10 {
	padding-right: 10px;
}

.pr-15 {
	padding-right: 15px !important;
}

.pr-20p {
	padding-right: 20% !important;
}

.pr-22 {
	padding-right: 22px !important;
}

.pr-45 {
	padding-right: 45px !important;
}

.pl-15 {
	padding-left: 15px !important;
}

.pl-18 {
	padding-left: 18px !important;
}

.pl-170 {
	padding-left: 170px;
}

/* Removes the spin button */
input[type="date"]::-webkit-inner-spin-button {
	display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
	color: rgba(0, 0, 0, 0);
	width: 18px;
	height: 18px;
	background: url(../assets/img/monthly-calendar.png) no-repeat;
}
/* Removes the spin button */
.datePicker-reporting input[type="date"]::-webkit-inner-spin-button {
	display: none;
}

.datePicker-reporting input[type="date"]::-webkit-calendar-picker-indicator
	{
	color: rgba(0, 0, 0, 0);
	width: 18px;
	height: 18px;
	background: url(../assets/img/ic-calendar.png) no-repeat;
}
/* .datePicker{
	width: auto;
    margin: 10px 0px;
    border: 1px solid rgb(255, 255, 255);
    background-color: transparent;
    color: rgb(255, 255, 255);
    display: inline-block;
    border-radius: 3px !important;
} */
.btn.btn-theme-reverse {
	color: #000;
	background-color: #13ffea;
	border-color: #13ffea;
}

.btn.btn-theme-reverse:hover, .btn.btn-theme-reverse:active, .btn.btn-theme-reverse.hover
	{
	color: #fff;
	border-color: #019688;
	background-color: #019688;
}

.mb-15 {
	margin-bottom: 15px !important;
}

.mb-18 {
	margin-bottom: 18px;
}

.mb-5 {
	margin-bottom: 5px !important;
}

.p-15, .padding-15 {
	padding: 15px !important;
}

.p-20, .padding-20 {
	padding: 20px;
}

.p-2, .padding-2 {
	padding: 2px !important;
}

.p-30, .padding-30 {
	padding: 30px !important;
}

.pt-10 {
	padding-top: 10px !important;
}

.pt-12 {
	padding-top: 12px !important;
}

.pt-15 {
	padding-top: 15px !important;
}

.pt-25 {
	padding-top: 25px;
}

.pb-15, .padding-bottom-15 {
	padding-bottom: 15px !important;
}

.pb-16, .padding-bottom-16 {
	padding-bottom: 16px !important;
}


.pb-10, .padding-bottom-10 {
	padding-bottom: 10px !important;
}

.pb-5, .padding-bottom-5 {
	padding-bottom: 5px !important;
}

.pb-3, .padding-bottom-3 {
	padding-bottom: 3px !important;
}

.pv-10 {
	padding-top: 10px !important;
	padding-bottom: 10px !important;
}

.no-padding-right {
	padding-right: 0 !important;
}

.no-padding-bottom {
	padding-bottom: 0 !important;
}

.no-padding-top {
	padding-top: 0 !important;
}
/* Remove padding */
.no-padding {
	padding: 0px !important;
}

.p-0-10 {
	padding: 0px 10px !important;
}

.p-6-12 {
	padding: 6px 12px;
}

.trips-overflow {
	height: 57vh;
	overflow: auto;
}

.offline {
	opacity: 0.1;
}

.group-btn {
	border-top-right-radius: 3px !important;
	border-bottom-right-radius: 3px !important;
}

.hideOnMob {
	display: block;
}

.showOnMob {
	display: none;
}

@media only screen and (min-width: 320px) and (max-width: 576px) {
	/* .search-resource-addon{
	    right: auto;
	    padding: 0 30px 0 30px;
	    text-align: center;
	    width: 100vw;
	}
	.search-resource-addon i{
	    right: 30px;
	}*/
	.mob-search-resource-addon {
		position: absolute;
		top: 10px;
		right: 0;
		left: 0;
		padding-right: 0;
		padding-left: 0;
		margin: 0 auto;
		width: 90%;
	}
	.mob-search-resource-addon input, .mob-search-resource-addon input:focus
		{
		height: 42px;
		border: 0px solid;
		width: 100%;
		padding-right: 30px;
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.39);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.39);
		box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.39);
	}
	.mob-search-resource-addon i {
		color: #999999;
		margin: 12px 10px;
		pointer-events: none;
		position: absolute;
		right: 15px;
		top: 2px;
	}
	.mob-resourceList {
		position: absolute;
		bottom: 10px;
		background: transparent;
		padding-left: 20px;
		padding-right: 0;
		overflow-y: hidden;
		overflow-x: auto;
		display: -webkit-inline-box;
		padding-top: 6px;
		width: 90%;
		display: flex;
	}
	.mob-resourceBlock {
		position: relative;
		background: #fff;
		padding: 10px;
		display: table;
		width: 240px;
		-webkit-box-shadow: 2px -3px 6px -1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 2px -3px 6px -1px rgba(0, 0, 0, 0.4);
		box-shadow: 2px -3px 6px -1px rgba(0, 0, 0, 0.4);
		transform: scale(1);
		z-index: 0;
		transition: all .1s ease-in;
		cursor: pointer;
	}
	.mob-resourceBlock:hover, .mob-resourceBlock:focus, .mob-resourceBlock:active,
		.mob-resourceBlock.active {
		-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
		transform: scale(1.05);
		cursor: pointer;
		z-index: 1;
		transition: all .1s ease-in;
	}
	.hideOnMob {
		display: none;
	}
	.showOnMob {
		display: flex;
		display: -webkit-inline-box;
	}
}

@media only screen and (min-width: 320px) and (max-width: 480px) {
	.search-block {
		position: relative;
		width: 90%;
	}
}

.collapse-btn {
	position: absolute;
	top: 0;
	right: 100%;
	padding: 15px 20px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.collapse-btn-list {
	position: absolute;
	top: 0;
	right: 115%;
	padding: 15px 20px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.collapse-btn-up {
	position: absolute;
	top: 100.1%;
	right: 3px;
	/* z-index: 9999; */
	padding: 15px 20px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
}

.icon-btn {
	background: transparent;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
}

.custom-preloader {
	position: fixed;
	background-color: rgba(0, 0, 0, 0.3);
	color: #ed1c24 !important;
	height: 100%;
	z-index: 9999;
	width: 100%;
	padding-top: 20%;
}

.loader {
	position: relative;
	margin: 0 auto;
	width: 100px;
}

.loader:before {
	content: '';
	display: block;
	padding-top: 100%;
}

.circular {
	-webkit-animation: rotate 2s linear infinite;
	animation: rotate 2s linear infinite;
	height: 100%;
	-webkit-transform-origin: center center;
	transform-origin: center center;
	width: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}

.path {
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	-webkit-animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out
		infinite;
	animation: dash 1.5s ease-in-out infinite, color 6s ease-in-out infinite;
	stroke-linecap: round;
}

@-webkit-keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@keyframes rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}

@-webkit-keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray:89, 200;
		stroke-dashoffset: -124px;
	}
}


@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}

	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}

	100% {
		stroke-dasharray:89, 200;
		stroke-dashoffset: -124px;
	}
}

@-webkit-keyframes color {
	100%, 0% {
		stroke: #d62d20;
	}
	40% {
		stroke: #0057e7;
	}
	66% {
		stroke:#008744;
	}

	80%,90% {
		stroke:#ffa700;
	}
}

@keyframes color {
	100%, 0% {
		stroke: #d62d20;
	}
	40% {
		stroke: #0057e7;
	}
	66% {
		stroke:#008744;
	}

	80%,90% {
		stroke:#ffa700;
	}
}
.hideTable {
	display: block;
}

.showCard {
	display: none;
}

.listContainer {
	overflow: hidden;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	-o-column-count: 3;
	column-count: 3;
}

.col-xsx-3 {
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
	float: left;
	width: 33.33333333%;
}

.box {
	margin-bottom: 10px !important;
}

@media only screen and (min-width: 601px) and (max-width:680px) {
	.listContainer {
		overflow: hidden;
		-webkit-column-count: 2;
		-moz-column-count: 2;
		-o-column-count: 2;
		column-count: 2;
	}
	.col-xsx-3 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		width: 50%;
	}
}

@media only screen and (min-width: 320px) and (max-width:600px) {
	.listContainer {
		overflow: hidden;
		-webkit-column-count: 1;
		-moz-column-count: 1;
		-o-column-count: 1;
		column-count: 1;
	}
	.col-xsx-3 {
		position: relative;
		min-height: 1px;
		padding-right: 15px;
		padding-left: 15px;
		float: left;
		width: 100%;
	}
}

.userTitle {
	margin: 5px 0;
	font-weight: 600;
}

.labelClass {
	margin: 0;
	color: #666;
}

.mh-10m {
	margin-left: -10px !important;
	margin-right: -10px !important;
}

.mh-15m {
	margin-left: -15px;
	margin-right: -15px;
}

.nav-tabs {
	border-bottom: 0px solid transparent;
	background-color: #ddd;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.nav-tabs>li {
	float: none;
	margin-bottom: -1px;
	width: 32%;
}

.nav>li {
	position: relative;
	display: inline-block;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus
	{
	color: #fff;
	cursor: pointer;
	background-color: #019688;
	border: none;
	margin: -2px;
	border-bottom-color: transparent;
	border-radius: 0;
}

.skin-black .nav-tabs>li.active>a, .skin-black .nav-tabs>li.active>a:hover,
	.skin-black .nav-tabs>li.active>a:focus {
	color: #fff !important;
	cursor: pointer;
	background-color: #ed1c24 !important;
	border: none;
	margin: -2px;
	border-bottom-color: transparent;
	border-radius: 0;
}

.nav>li>a {
	color: #333;
	font-weight: 500;
}

.btn-select-field {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding-right: 35px;
	position: relative;
	cursor: pointer;
}

.btn-select-field:focus {
	border: 1px solid;
	border-color: #ed1c24 !important;
	cursor: pointer;
}

.btn-select {
	margin-top: 0.4em;
	font-size: 0.8em;
	position: absolute;
	right: 14px;
}

.btn.btn-file {
	height: 34px !important;
}

.skin-black .left-side {
	background: #333;
	top: 0 !important;
}

.skin-black .navbar {
	background-color: #f9f9f9;
	border-bottom: 1px solid #f9f9f9;
}
/* .skin-black .sidebar > .menu-block .sidebar-menu > li:first-of-type {
    border-top: 1px solid #fff3;
} */
.skin-teal .card {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 15px 0;
	padding: 0 15px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	border-radius: 5px;
	color: rgba(0, 0, 0, .87);
	background: #fff;
}

.skin-teal .card .card-header {
	float: left;
	text-align: center;
	margin: -20px 15px 30px;
	border-radius: 3px;
	padding: 5px;
	max-height: 70px;
	width: 140px;
	background: #019688;
	box-shadow: 0 12px 20px -10px rgba(1, 150, 136, 0.28), 0 4px 20px 0px
		rgba(1, 150, 136, 0.12), 0 7px 8px -5px rgba(1, 150, 136, 0.2);
}

.skin-black .card {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 5px 0;
	padding: 0 15px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	border-radius: 5px;
	color: rgba(0, 0, 0, .87);
	background-color: #fff;
}

.skin-black .card .card-header {
	float: left;
	text-align: center;
	margin: -20px 15px 30px;
	border-radius: 3px;
	padding: 5px;
	max-height: 70px;
	width: auto;
	background: #f0f0f0;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.skin-black .card .card-header.teal {
	background: #019688;
	padding: 14px 20px;
	color: #fff;
	height: 50px;
	font-size: 18px;
}
/* .card .card-header.teal{
	background: #019688;
    box-shadow: 0 12px 20px -10px rgba(1, 150, 136, 0.28), 0 4px 20px 0px rgba(1, 150, 136, 0.12), 0 7px 8px -5px rgba(1, 150, 136, 0.2);
} */
.sideBar-txt-open, .sub-menuExist.sideBar-txt-open {
	display: inline-block;
	overflow: hidden;
	opacity: 1;
	-webkit-transform: translate3d(0px, 0, 0);
	-moz-transform: translate3d(0px, 0, 0);
	-o-transform: translate3d(0px, 0, 0);
	-ms-transform: translate3d(0px, 0, 0);
	transform: translate3d(0px, 0, 0);
	transition: opacity 0.1s ease, transform 0.1s ease;
	-webkit-transition: opacity 0.1s ease, transform 0.1s ease;
	transition-delay: 0.3s;
	-webkit-transition-delay: 0.3s;
	-moz-transition-delay: 0.3s;
}

.sideBar-txt-close, .sub-menuExist.sideBar-txt-close {
	display: inline-block;
	opacity: 0;
	overflow: hidden;
	-webkit-transform: translate3d(-25px, 0, 0);
	-moz-transform: translate3d(-25px, 0, 0);
	-o-transform: translate3d(-25px, 0, 0);
	-ms-transform: translate3d(-25px, 0, 0);
	transform: translate3d(-25px, 0, 0);
	transition: opacity 0.1s ease, transform 0.1s ease;
	-webkit-transition: opacity 0.1s ease, transform 0.1s ease;
	transition-delay: 0s;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
}

.txt {
	margin-left: 10px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	vertical-align: sub;
	line-height: 1;
	max-width: 160px;
	padding: 1px;
	max-width: 160px;
	width: 80% !important;
}

.sub-txt {
	/* display: inline-table;
	vertical-align: super; */
	text-overflow: ellipsis;
	overflow: hidden;
	width: 130px;
	height: 1.2em;
	white-space: nowrap;
}
/* .sub-txt:hover, .sub-txt:focus{
	color:#ff6369;
} */
/* .sidebar .menu-block .sidebar-menu .treeview-menu > li:hover, .sidebar .menu-block .sidebar-menu .treeview-menu > li:focus{
	color:#ff6369 !important;
} */
.icon-position {
	position: absolute;
	right: 10px;
	margin: 0 !important;
	transform: rotate(0deg);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.icon-position.icon-transform {
	transform: rotate(0deg);
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn.btn-white, .btn.btn-white:focus {
	background-color: #FFFFFF;
	color: #999999;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px
		rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn-round {
	border-radius: 50px !important;
}

@media only screen and (min-width: 320px) and (max-width:680px) {
	.hideTable {
		display: none;
	}
	.showCard {
		display: block;
	}
}

.btn.btn-red {
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
	color: #fff;
	outline: none;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px
		rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-red:hover, .btn.btn-red:active, .btn.btn-red.hover {
	outline: none;
	background-color: #ed1c24 !important;
	filter: hue-rotate(30deg);
}

.btn.btn-red-outline {
	background-color: #fff;
	border-color: #ed1c24 !important;
	color: #ed1c24 !important;
	outline: none;
}

.btn.btn-red-outline:hover, .btn.btn-red-outline:active, .btn.btn-red-outline.hover
	{
	background-color: #eee;
	color: #ed1c24 !important;
	outline: none;
}

.btn.btn-green-outline {
	background-color: #fff;
	border-color: #008000;
	color: #008000;
	outline: none;
}

.btn.btn-green-outline:hover, .btn.btn-green-outline:active, .btn.btn-green-outline.hover
	{
	background-color: #eee;
	color: #008000;
	outline: none;
}
.btn.btn-green {
	background-color: #008000;
	border-color: #008000;
	color: #fff;
	outline: none;
}

.btn.btn-green:hover, .btn.btn-green:active, .btn.btn-green.hover
	{
	background-color: #008000;
	color: #fff;
	outline: none;
}

.heigt-100vh {
	height: 100vh;
	overflow-y: auto;
}

.max-heigt-100vh {
	max-height: 100vh;
	overflow-y: auto;
}

.max-heigt-90vh {
	max-height: 90vh;
	overflow-y: auto;
}

.max-heigt-80vh {
	max-height: 80vh;
	overflow-y: auto;
}

.max-heigt-81vh {
	max-height: calc(100vh - 71px);
	overflow-y: auto;
}

.max-heigt-82vh {
	max-height: calc(100vh - 115px);
	overflow-y: auto;
}

.height-115 {
	height: calc(100vh - 115px);
	overflow-y: auto;
}

.height-105 {
	height: calc(100vh - 105px);
	overflow-y: auto;
}

.max-heigt-84vh {
	max-height: 84vh;
	overflow-y: auto;
}

.max-heigt-86vh {
	max-height: 86vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-87vh {
	max-height: calc(100vh - 67px);
	overflow-y: auto;
}

.max-heigt-83vh {
	max-height: 83vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-79vh {
	max-height: 79vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-76vh {
	max-height: calc(100vh - 259px);
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-75vh {
	max-height: 75vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-72vh {
	max-height: 72vh;
	overflow-y: auto;
}

.max-heigt-74vh {
	max-height: 74vh;
	overflow-y: auto;
}

.max-heigt-77vh {
	max-height: 77vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-69vh {
	max-height: 69vh;
	overflow-y: auto;
}

.max-heigt-67vh {
	max-height: 67vh;
	overflow-y: auto;
}

.max-heigt-61vh {
	max-height: 61vh;
	overflow-y: auto;
}

.max-heigt-52vh {
	max-height: 52vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-49vh {
	max-height: 49vh;
	overflow-y: auto;
}

.max-heigt-46vh {
	max-height: 46vh;
	overflow-y: auto;
}

.heigt-67vh {
	height: 67vh;
	overflow-y: auto;
}

.heigt-75vh {
	height: 75vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.heigt-79vh {
	height: 79vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.heigt-34 {
	height: 34px !important;
}

.heigt-42 {
	height: 42px !important;
}

.height-100p {
	height: 100% !important;
}

a.skin-red {
	color: #ed1c24 !important;
}

a.skin-red:hover, a.skin-red:focus {
	color: #ed1c24 !important;
	text-decoration: underline;
}

.access {
	background: #e6e6e6;
	padding: 3px 10px;
	border-radius: 30px;
	color: #666;
	margin: 0 5px 5px 0;
}

.skin-black .btn.btn-theme-outline {
	background-color: transparent;
	border-color: #ed1c24 !important;
	color: #ed1c24 !important;
	outline: none;
}

.skin-black .btn.btn-theme-outline.disabled {
	background-color: #ddd !important;
	border-color: #666 !important;
	color: #666 !important;
}

.btn-margin {
	margin: 10px 5px 0 0;
}

.skin-black .btn.btn-theme-outline:hover, .skin-black .btn.btn-theme-outline:active,
	.skin-black .btn.btn-theme-outline.hover {
	background-color: #eee3 !important;
	color: #ed1c24 !important;
	outline: none;
}

label.form-label {
	min-width: 146px;
	display: inline-block;
	margin: 5px;
	font-weight: bold;
}

label.form-label.width-25 {
	min-width: 25%;
	display: inline-block;
	margin: 5px;
	font-weight: bold;
}

.form-input {
	display: flex !important;
}

@media only screen and (max-width: 768px) {
	.form-input {
		display: block !important;
	}
}

.m-2, .margin-2 {
	margin: 2px !important;
}

.input-field {
	background-color: #f2f2f2;
	border: 1px solid #f2f2f2;
	box-shadow: none;
}

.input-field:focus {
	border-color: #ed1c24 !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.input-field-config {
	background-color: transparent;
	border: 1px solid transparent;
	box-shadow: none;
}

.input-field-config:focus {
	border-color: transparent !important;
	outline: none;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.max-widhth-65p {
	max-width: 65% !important;
}

.max-widhth-77p {
	max-width: 77% !important;
}

.max-widhth-76p {
	max-width: 76% !important;
}

.max-widhth-59p {
	max-width: 59% !important;
}

.max-widhth-92p {
	max-width: 92% !important;
}

.width-140p {
	width: 140% !important;
}
.width-140 {
	width: 140px !important;
}

.width-90p {
	width: 90% !important;
}

.width-84p {
	width: 84% !important;
}

.width-100p {
	width: 100% !important;
}

.width-99p {
	width: 99% !important;
}

.width-25p {
	width: 25% !important;
}

.width-32p {
	width: 32% !important;
}

.width-75p {
	width: 75% !important;
}

.width-30p {
	width: 30% !important;
}

.width-40 {
	width: 40px !important;
}

.width-30 {
	width: 30px !important;
}

.listPanel-30p {
	width: 30% !important;
}

.width-20p {
	width: 20% !important;
}

.width-13p {
	width: 13% !important;
}

.width-12p {
	width: 12% !important;
}

.width-10p {
	width: 10% !important;
}

.width-11p {
	width: 11% !important;
}

.width-9p {
	width: 9% !important;
}

.width-7p {
	width: 7% !important;
}
.width-5p {
	width: 5% !important;
}
.login-field {
	position: relative;
	display: inline-block;
	width: 100%;
}

tags-input .tags, tags-input .tags.focused {
	background: transparent;
	border: 1px solid transparent;
	outline: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

tags-input .tags .input {
	background-color: #f2f2f2;
	margin: 0;
	height: 34px;
	padding: 16px 14px;
	border-radius: 0px;
}

tags-input .tags .tag-item {
	color: #666;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 30px;
	height: 34px;
	padding: 3px 10px 3px 20px;
}

tags-input .tags .tag-item .remove-button {
	color: #ed1c24 !important;
}

.company-tags {
	position: relative;
	display: inline-block;
	width: 100%;
}

.company-tags tags-input .tags {
	background: transparent;
	border-width: 0;
	border-bottom: 2px solid #939193;
	outline: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.company-tags tags-input .tags.focused {
	background: transparent;
	border-width: 0;
	border-bottom: 2px solid #019688 !important;
	outline: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
	padding: 0;
}

.company-tags tags-input .tags .input {
	background-color: #fff;
	width: 100%;
	margin: 0;
	height: 34px;
	padding: 16px 14px;
	border-radius: 0px;
}

.company-tags tags-input .tags .tag-item {
	color: #666;
	background: #fff;
	border: 1px solid #fff;
	border-radius: 30px;
	height: 34px;
	padding: 3px 10px 3px 20px;
}

.company-tags tags-input .tags .tag-item .remove-button {
	color: #019688;
}

.form-select select {
	width: 100%;
	height: 34px;
	border: 1px solid transparent;
	background: #f2f2f2 url(../assets/ic_arrow_down.png) no-repeat;
	background-size: 20px;
	background-position: right 5px center;
	padding: 6px 25px 6px 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	-webkit-appearance: none;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.form-configSet select {
	width: 100%;
	height: 34px;
	border: 1px solid transparent;
	background: transparent url(../assets/ic_arrow_down_config.png)
		no-repeat;
	background-size: 20px;
	background-position: right 10px center;
	padding: 6px 12px;
	-webkit-appearance: none;
	font-weight: 600;
	-moz-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	color: #ff6600;
}

.btn-35 {
	width: 35px;
	height: 35px;
	padding: 7px 6px;
}

.btn-39 {
	width: 39px;
	height: 39px;
}

.skin-black .form-control:focus {
	border-color: #ed1c24 !important;
	box-shadow: none;
}

.skin-black .btn.btn-theme {
	color: #fff;
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
}

.btn.btn-dista {
	color: #fff;
	background-color: rgb(253, 120, 38) !important;
	border-color: rgb(253, 120, 38) !important;
}

.btn.btn-dista:hover, .btn.btn-dista:active, .btn.btn-dista.active {
	color: #fff;
	border-color: rgb(239, 63, 63) !important;
	background-color: rgb(239, 63, 63) !important;
}

.btn.btn-dista[disabled] {
	background-color: #ddd !important;
	border-color: #ddd !important;
	color: #666;
}

.skin-black .btn.btn-theme[disabled] {
	/* color: #ccc; */
	background-color: #ddd !important;
	border-color: #ddd !important;
	color: #666;
}

.skin-black .btn.btn-theme[disabled].active {
	color: #ccc;
	background-color: #ddd;
	border-color: #ed1c24 !important;
	color: #666;
	opacity: 0.4;
}

.skin-black .btn.btn-theme:hover, .skin-black .btn.btn-theme:active,
	.skin-black .btn.btn-theme.active {
	color: #fff;
	border-color: #ed1c24 !important;
	background-color: #ed1c24 !important;
	filter: grayscale(40%);
}

.btn.btn-text-theme {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	color: #ed1c24 !important;
	font-weight: 500;
	outline: none;
}

.btn.btn-text-theme[disabled] {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	color: #ed1c24 !important;
	font-weight: 500;
	outline: none;
	opacity: 0.5;
}

.btn.btn-text-theme:hover, .btn.btn-text-theme:active, .btn.btn-text-theme.active
	{
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
	color: #ed1c24 !important;
	font-weight: 600;
	outline: none;
	text-decoration: none;
}

.btn.btn-text {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	color: #333;
	font-weight: 500;
	outline: none;
}

.btn.btn-text[disabled] {
	background-color: transparent;
	border-color: transparent;
	box-shadow: none;
	color: #a0a0a0;
	font-weight: 500;
	outline: none;
}

.btn.btn-text:hover, .skin-black .btn.btn-text:active, .skin-black .btn.btn-text.active
	{
	border-color: transparent;
	background-color: transparent;
	box-shadow: none;
	color: #ed1c24 !important;
	font-weight: 500;
	outline: none;
}

.skin-black .btn.btn-theme-select {
	background-color: #f2f2f2 !important;
	border-radius: 0;
	outline: none;
	border: 1px solid transparent;
	box-shadow: none;
}

.skin-black .btn.btn-theme-select:hover, .skin-black .btn.btn-theme-select:active,
	.skin-black .btn.btn-theme-select.hover, .skin-black .btn.btn-theme-select:focus
	{
	background-color: #f2f2f2 !important;
	outline: none;
	border-radius: 0px;
	border: 1px solid #ed1c24 !important;
	box-shadow: none;
}

.skin-black .btn.btn-theme.teal {
	color: #fff;
	background-color: #019688;
	border-color: #019688;
}

.skin-black .btn.btn-theme.teal:hover, .skin-black .btn.btn-theme.teal:active,
	.skin-black .btn.btn-theme.teal.hover {
	color: #fff;
	border-color: #019688;
	background-color: #019688;
}

.skin-black .login-input, .skin-black .login-input[disabled] {
	background: transparent;
	box-shadow: none;
	border-radius: 0px !important;
	border-width: 0;
	border-bottom: 2px solid #939193 !important;
	margin-top: 20px;
	text-align: center;
}

.skin-black .login-input:focus, .skin-black .login-input:hover {
	border-color: #ed1c24 !important;
	outline: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.skin-black #dista.login-input:focus {
	border-color: #019688 !important;
	outline: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.skin-black .pagination {
	display: inline-block;
	padding-left: 0;
	margin: 0 !important;
	border-radius: 4px;
}

.skin-black .pagination>.active>a, .skin-black .pagination>.active>span,
	.skin-black .pagination>.active>a:hover, .skin-black .pagination>.active>span:hover,
	.skin-black .pagination>.active>a:focus, .skin-black .pagination>.active>span:focus
	{
	z-index: 2;
	color: #fff !important;
	cursor: default;
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
	text-decoration: none;
}

.skin-black .pagination>li>a:hover, .skin-black .pagination>li>span:hover,
	.skin-black .pagination>li>a:focus, .skin-black .pagination>li>span:focus
	{
	background-color: #eee;
	text-decoration: none;
}

.cursor-pointer {
	cursor: pointer;
}

.mt-65 {
	margin-top: 65px !important;
}

.column-width16 {
	width: 16%;
}

.column-width20 {
	width: 20%;
}

.column-width25 {
	width: 25%;
}

.entityDisabled, .ui-select-choices-row.disabled {
	opacity: 0.5 !important;
	font-style: italic !important;
	color: #666 !important;
	cursor: not-allowed !important;
}

.margin5 {
	margin-left: 5px !important;
	margin-rigth: 5px !important;
}

.map-width-300m {
	width: calc(100% - 300px) !important;
}

.map-width-400m {
	width: calc(100% - 400px) !important;
}

.map-height82vh {
	height: 82vh !important;
	overflow: auto;
}

.map-height90vh {
	height: 91.7vh !important;
	overflow: auto;
}

.map-height91vh {
	height: -moz-calc(100vh - 75px);
	height: -webkit-calc(100vh - 75px);
	height: calc(100vh - 75px);
	overflow: auto;
}

.map-height-70 {
	height: -moz-calc(100vh - 70px);
	height: -webkit-calc(100vh - 70px);
	height: calc(100vh - 70px);
	overflow: auto;
}

.map-height-101 {
	height: -moz-calc(100vh - 101px);
	height: -webkit-calc(100vh - 1010px);
	height: calc(100vh - 101px);
	overflow: auto;
}

.map-height94vh {
	height: 94vh !important;
}

.map-height84-2vh {
	height: 84.21vh !important;
	overflow: auto;
}

.map-height85vh {
	height: calc(100vh - 95px) !important;
	overflow: hidden auto;
}

.map-height97vh {
	height: calc(100vh - 112px) !important;
	overflow: auto;
}

.map-height83 {
	height: 83vh !important;
	overflow: auto;
}

.map-height-150 {
	height: calc(100vh - 150px) !important;
	overflow: auto;
}


.panel-height99vh {
	height: 100vh !important;
	/* overflow: auto;  */
}

.panel-ht99vh {
	height: 99vh !important;
	/* overflow: auto;  */
}

.panel-ht100p {
	height: 100% !important;
}

.panel-height99-7vh {
	height: 99.7vh !important;
	/* overflow: auto;  */
}
/* Skin-black red = #ed1c24 !important */
.table {
	width: 100%;
	margin-bottom: 0 !important;
}

#storeSelector.dropdown-menu {
	left: initial !important;
	right: 15px !important;
	width: 100% !important;
	z-index: 9999 !important;
}

.uib-datepicker-popup.dropdown-menu {
	color: #666 !important;
	padding: 0;
}

.uib-datepicker-popup .btn.btn-default {
	background-color: #fdfdfd;
	color: #666;
	border-color: #fff;
	border-bottom-color: #fff;
	box-shadow: none;
}

.uib-datepicker-popup .btn.btn-default.btn-info {
	background-color: #fff;
	color: #666;
	border-color: #ed1c24 !important;
	border-bottom-color: #ed1c24 !important;
	box-shadow: none;
}

.uib-datepicker-popup .btn.btn-default.btn-info.active {
	background-color: #ed1c24 !important;
	color: #fff;
	border-color: #ed1c24 !important;
	border-bottom-color: #ed1c24 !important;
	box-shadow: none;
}

.uib-datepicker-popup .btn.btn-default.btn-info.active:hover {
	background-color: #fff;
	color: #666;
	border-color: #ed1c24 !important;
	border-bottom-color: #ed1c24 !important;
	box-shadow: none;
}

.uib-datepicker-popup .btn.btn-default.btn-info:hover {
	background-color: #fff;
	border-color: #ed1c24 !important;
	border-bottom-color: #ed1c24 !important;
	box-shadow: none;
}

.sub-menuExist {
	width: 80%;
	max-width: 162px;
	padding-right: 5px;
}

.mt-0_1em {
	margin-top: 0.1em;
}

.uib-datepicker-popup .btn.btn-default.btn-info.active .text-info,
	.uib-datepicker-popup .btn.btn-default.btn-info.active .text-info:hover,
	.uib-datepicker-popup .btn.btn-default.btn-info.active:hover .text-info
	{
	color: #fff !important;
}

.dateInput, .dateInput:focus, .dateInput:hover, .dateInput[readonly] {
	padding-left: 45px;
	background-color: transparent;
	color: #fff;
	cursor: pointer;
	border-color: #fff !important;
}

.skin-black .btn.btn-icon {
	color: #fff;
	background-color: transparent;
	border-color: transparent;
}

.skin-black .btn.btn-icon[disabled] {
	background-color: transparent;
	border-color: transparent;
	color: #666;
}

.skin-black .btn.btn-icon:hover, .skin-black .btn.btn-icon:active,
	.skin-black .btn.btn-icon.hover {
	color: #fff;
	border-color: transparent;
	background-color: transparent;
}

.skin-black .btn.icon-btn {
	background: transparent;
	border: transparent;
	box-shadow: none;
	color: #666 !important;
}
.skin-black .btn.icon-btn.border {
	background: transparent;
	border: 1px solid #666;
	box-shadow: none;
	color: #666 !important;
}

.skin-black .btn.icon-btn:hover {
	outline: none;
	color: #666 !important;
	text-decoration: none;
	background-color: #f2f2f2;
}
.skin-black .btn.icon-btn:hover.border {
	outline: none;
	color: #666 !important;
	border: 1px solid #d3d3d3;
	text-decoration: none;
	background-color: #f2f2f2;
}

.userEnabled, .ui-select-choices-row.disabled {
	color: #333 !important;
	cursor: default;
	opacity: unset;
}

.userDisabled, .ui-select-choices-row.disabled {
	opacity: 0.5 !important;
	font-style: italic !important;
	color: #666 !important;
	cursor: not-allowed !important;
}

.userDeleted {
	opacity: 0.5;
	font-style: italic;
	color: #666 !important;
	text-decoration: line-through !important;
	cursor: not-allowed;
	pointer-events: none !important;
}

.btn-date {
	position: absolute;
	top: 0;
	right: 0;
	outline: none;
	color: #666 !important;
	background-color: transparent;
	border-color: transparent;
}

.date-btn {
	position: absolute;
	top: 0;
	left: 0;
	outline: none;
	color: #666;
	background-color: transparent;
	border-color: transparent;
}

.input-group-date {
	position: relative;
	display: inline-table !important;
	border-collapse: separate;
}

.inputDate, .inputDate:focus, .inputDate:hover, .inputDate[readonly] {
	padding-left: 45px;
	background-color: #eee;
	color: #666;
	cursor: pointer;
	box-shadow: none;
	border-color: #eee !important;
}

.text-info, .text-info:hover {
	color: #ed1c24 !important;
	font-weight: 800;
}
/*.uib-datepicker-popup .btn.btn-default.btn-info .text-info:hover{
	color: #ed1c24 !important;
}
 .text-info{
    color: #ed1c24 !important;
}
.text-info:hover {
    color: #666!important;
} */
/*.btn.btn-sm.uib-clear, .btn.btn-sm.uib-datepicker-current, .btn.btn-sm.uib-close{
	display:none;
} */
/* Custom Scroll Bar */
#customBar::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	border-radius: 10px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

#customBar::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #0000000a;
	border-radius: 10px;
}

#customBar::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgba(85, 85, 85, 0.3);
}
/* Custom Scroll Bar */
/* Custom Scroll Bar Dark */
#customBarDark::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	border-radius: 10px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

#customBarDark::-webkit-scrollbar {
	width: 8px;
	height: 8px;
	background-color: #0000000a;
	border-radius: 10px;
}

#customBarDark::-webkit-scrollbar-thumb {
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgba(255, 255, 255, 0.3);
}
/* Custom Scroll Bar */
.divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #eee !important;
	margin-bottom: 5px;
}

.grey-divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #555 !important;
	margin-bottom: 5px;
}

.grey-divider-top {
	padding-top: 5px;
	border-top: 1px solid #555 !important;
	margin-top: 5px;
}

.marker-info-content.storeBg {
	/* background-color: #d1d1d1; */

}

.marker-info-content.assetBg {
	/* background-color: #e0e0e0; */

}

.marker-info-content.customerBg {
	/* background-color: #f0f0f0; */

}

.marker-info-content.divider-bottom:last-child {
	padding-bottom: 0;
	border-bottom: none !important;
	margin-bottom: 0;
}

.margin-interlockGrid {
	margin: 10px -10px 0 -10px;
}

.divider-top {
	padding-top: 5px;
	border-top: 1px solid #eee !important;
	margin-top: 5px;
}

.dotted-divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px dotted #333 !important;
	margin-bottom: 5px;
}

.divider-dotted-top {
	padding-top: 5px;
	border-top: 1px dotted #333 !important;
	margin-top: 5px;
}

.dotted-divider-theme-bottom {
	padding-bottom: 5px;
	border-bottom: 1px dotted;
	border-bottom-color: #ed1c24 !important;
	margin-bottom: 5px;
}

.dotted-divider-theme-top {
	padding-top: 5px;
	border-top: 1px dotted;
	border-top-color: #ed1c24 !important;
	margin-top: 5px;
}

.divider-theme-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid;
	border-bottom-color: #ed1c24 !important;
	margin-bottom: 5px;
}

.divider-theme-top {
	padding-top: 5px;
	border-top: 1px solid;
	border-top-color: #ed1c24 !important;
	margin-top: 5px;
}

.skin-black .dotted-divider-top {
	padding-top: 5px;
	border-top: 1px dotted;
	border-top-color: #ed1c24 !important;
	margin-top: 5px;
}

.mb-60 {
	margin-bottom: 60px !important;
}

.mb-6 {
	margin-bottom: 6px !important;
}

.bottom-nav {
	position: absolute;
	bottom: 1px;
	width: 100%;
	background-color: #fff;
	padding-bottom: 10px;
}

.storetreeBlock {
	position: absolute;
	background: #fff;
	width: 92%;
	max-height: 90vh;
	/* overflow-y: auto; */
	z-index: 999;
	padding: 10px;
	margin: 3px 5px 5px 0;
	top: 40px;
	left: 15px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.storetreeBlock-right {
	position: absolute;
	background: #fff;
	z-index: 1;
	padding: 10px;
	margin: 5px auto;
	top: 14%;
	/* top: 22%; */
	right: 15px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.storetreeBlock-liveTrack {
	position: absolute;
	background: #fff;
	width: 120%;
	max-height: 90vh;
	z-index: 1;
	padding: 10px;
	margin: 3px 5px 5px 0;
	top: 40px;
	left: -70px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.top-47-left-76-width-100p {
	top: 47px !important;
	left: -76px !important;
	width: 100% !important;
}

.top-25m {
	top: -25px;
}

.flexible-display {
	display: inline-flex;
}

.counter-badge {
	display: inline-block;
	min-width: 10px;
	padding: 3px 7px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #ed1c24 !important;
	border-radius: 10px;
	position: relative;
	left: -25px;
	bottom: -20px;
}

.regex-notes {
	margin: 0 2% 0 0;
}

.tree-pt-50 {
	padding-top: 50px !important;
}

.tree-div {
	padding: 8px 12px;
	height: 37px;
	margin-bottom: 15px;
}

.accessIcon {
	width: 34px;
	height: 34px;
	display: inline-block;
	border-radius: 50%;
	margin: 5px;
	background: #eee;
	padding: 5px 7px;
	border: 2px solid #eee;
}

.full-circle {
	border: 2px solid;
	border-color: #ed1c24 !important;
}

.width-22p {
	width: 22%;
}

.apiDiv {
	width: 100%;
	margin-bottom: 15px;
	height: 34px;
	border: 1px solid transparent;
	background: #ffffff;
	padding: 6px 12px 6px 0px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
/* [type="radio"]:checked,
[type="radio"]:not(:checked) {
    position: absolute;
    /*left: -9999px;*/
/*}
[type="radio"]:checked + label,
[type="radio"]:not(:checked) + label
{
    position: relative;
    padding-left: 10px;
    padding-right: 15px;
    cursor: pointer;
    line-height: 20px;
    display: inline-block;
    color: #666;
}
[type="radio"]:checked + label:before,
[type="radio"]:not(:checked) + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ddd;
    border-radius: 100%;
    background: #fff;
}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
    content: '';
    width: 12px;
    height: 12px;
    background: #ed1c24 !important;
    position: absolute;
    top: 3px;
    left: 3px;
    border-radius: 100%;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
input[type="radio"]:not(:checked) + label:after {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
input[type="radio"]:checked + label:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
} */
.radio-margin {
	margin: 7px 0 15px 0;
}

.searchBtn {
	position: absolute;
	right: 15px;
	top: 0;
	z-index: 9999;
}

.listMapButton {
	position: absolute;
	top: 8px;
	right: 25%;
	padding: 1px 9px 1px 9px;
	/* z-index: 1; */
	background-color: #fff;
	border-radius: 2px;
	webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

.listViewButton {
	padding: 1px 9px 0px 9px;
	z-index: 1;
	background-color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 991px) {
	/* .listMapButton{
		position: absolute;
	    top: 8px;
	    left: 420px;
	    right: auto;
	    padding: 1px 9px 1px 9px;
	    z-index: 1;
	    background-color: #fff;
	    border-radius: 2px;
	    webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	} */
	.listMapButton {
		position: absolute;
		top: 56px;
		right: 101%;
		padding: 1px 9px 1px 9px;
		/* z-index: 1; */
		background-color: #fff;
		border-radius: 2px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	}
	.left-60 {
		/* left: 10px !important;
		-webkit-transition: left .3s ease;
		-moz-transition: left .3s ease;
		transition: left .3s ease; */

	}
	.showListView {
		display: none;
	}
}

@media screen and (min-width: 992px) {
	/* .listMapButton{
		position: absolute;
		position: absolute;
    top: 56px;
    right: 101%;
	    top: 8px;
	    right: 40%;
	    padding: 1px 9px 1px 9px;
	    z-index: 1;
	    background-color: #fff;
	    border-radius: 2px;
	    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.4);
	} */
	.listMapButton {
		position: absolute;
		top: 56px;
		right: 101%;
		padding: 1px 9px 1px 9px;
		/* z-index: 1; */
		background-color: #fff;
		border-radius: 2px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	}
	.showListView {
		display: inline-flex;
	}
	.left-60 {
		/* left: 60px !important;
		-webkit-transition: left .3s ease;
		-moz-transition: left .3s ease;
		transition: left .3s ease; */

	}
	.left-230 {
		/* left: 230px !important;
		-webkit-transition: left .3s ease;
		-moz-transition: left .3s ease;
		transition: left .3s ease; */

	}
}

.pd-15 {
	padding-top: 15px;
}

.accessTag {
	color: #666;
	background: #f2f2f2;
	border: 1px solid #f2f2f2;
	border-radius: 30px;
	height: 34px;
	padding: 5px 20px 5px 16px;
	margin-right: 10px;
	display: block;
	position: relative;
	min-width: fit-content;
	float: left;
}

.accessTag .closeBtn {
	color: #ed1c24 !important;
	cursor: pointer;
	padding: 0 6px;
	font-weight: 800;
	display: block;
	position: absolute;
	top: 6px;
	right: 0;
}

.removeAccessNoHover {
	background: transparent;
	border: 1px dotted transparent;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.removeAccessHover {
	background: rgba(237, 28, 36, 0.03);
	margin: 5px 0px;
	padding: 15px 15px 0 15px;
	border: 1px dotted #ed1c24 !important;
	border-radius: 50px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.no-padding-left {
	padding-left: 0 !important;
}

.table.tree-grid tr.tree-grid-row.level-2 td, .table.tree-grid tr.tree-grid-row.level-1 td
	{
	border-top: 1px solid transparent !important;
}

.table.tree-grid tr.tree-grid-row.level-3 td {
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid #ddd !important;
}

.table.tree-grid tr.tree-grid-row.level-3 td.no-table-border {
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
}

.tree-grid .level-2 .indented {
	position: relative;
	left: 30px !important;
}

.tree-grid .level-3 .indented {
	position: relative;
	left: 60px !important;
}

.no-table-border {
	border-top: 1px solid transparent !important;
	border-bottom: 1px solid transparent !important;
}
/* .skin-admin */
.verticle-divider {
	border-left: 1px dotted #ff6600;
}

.skin-black .verticle-divider {
	border-left: 1px dotted #ed1c24 !important;
}

.skin-black .theme-border-top {
	border-top: 1px solid #ed1c24 !important;
}

.skin-black legend {
	display: block;
	width: auto;
	padding: 0 15px;
	margin-bottom: 20px;
	font-size: 16px;
	line-height: normal;
	color: #333;
	border: 0;
	border-bottom: none;
}

.skin-black fieldset {
	border-top: 1px solid #cacaca;
}

.menuIcon-input {
	display: inline-block;
	width: inherit;
}

.widthInherit {
	width: inherit !important;
}

.th-height-51 {
	height: 51px !important;
}

.header-input-select {
	display: inline-block !important;
	min-width: 200px;
}

.config-input-select {
	display: inline-block;
	min-width: 385px;
}
/* Collapsible Search */
#collapseSearch.searchBtn {
	position: absolute;
	right: 15px;
	top: 10px;
}

#collapseSearch input {
	outline: none;
}

#collapseSearch input::-webkit-search-decoration, #collapseSearch input::-webkit-search-cancel-button
	{
	display: none;
}

#collapseSearch input[type=search] {
	background: #fff url(../assets/fa-search.png) no-repeat;
	background-size: 14px;
	background-position: right 10px center;
	border: solid 1px #fff;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
	padding: 6px 32px 6px 0;
	width: 1px;
	float: right;
	color: #999999;
	cursor: pointer;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px
		rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}

#collapseSearch input[type=search]:focus {
	width: 220px;
	background-color: #fff;
	border-color: #ed1c24 !important;
	color: #999999;
	cursor: auto;
	padding-left: 10px;
	-webkit-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	-moz-box-shadow: 0 0 5px rgba(109, 207, 246, .5);
	box-shadow: 0 0 5px rgba(109, 207, 246, .5);
}

#collapseSearch input[type=search]:hover {
	background-color: #fff;
}

#collapseSearch input:-moz-placeholder {
	color: #999;
}

#collapseSearch input::-webkit-input-placeholder {
	color: #999;
}
/* Collapsible Search */
.formConfig-list {
	display: inline-block;
	width: 92%;
	margin-left: 10px;
}

/* Radio Checkbox */
.checkbox {
	padding-left: 20px;
}

.checkbox label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	outline: none;
	padding-left: 5px;
}

.checkbox label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 17px;
	height: 17px;
	left: 0;
	margin-left: -20px;
	border: 1px solid #666;
	border-radius: 3px;
	outline: none;
	background-color: transparent;
	-webkit-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	-o-transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
	transition: border 0.15s ease-in-out, color 0.15s ease-in-out;
}

.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;
	outline: none;
}

.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	opacity: 0;
	z-index: 1;
	cursor: pointer;
}

.checkbox input[type="checkbox"]:focus+label::before, .checkbox input[type="radio"]:focus+label::before
	{
	/* outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;  */
	outline: 0 !important;
}

.checkbox input[type="checkbox"]:checked+label::after, .checkbox input[type="radio"]:checked+label::after
	{
	font-family: "FontAwesome";
	content: "\f00c";
}

.checkbox input[type="checkbox"]:indeterminate+label::after, .checkbox input[type="radio"]:indeterminate+label::after
	{
	display: block;
	content: "";
	width: 10px;
	height: 3px;
	background-color: #555555;
	border-radius: 2px;
	margin-left: -16.5px;
	margin-top: 7px;
}

.checkbox input[type="checkbox"]:disabled, .checkbox input[type="radio"]:disabled
	{
	cursor: not-allowed;
}

.checkbox input[type="checkbox"]:disabled+label, .checkbox input[type="radio"]:disabled+label
	{
	opacity: 0.65;
}

.checkbox input[type="checkbox"]:disabled+label::before, .checkbox input[type="radio"]:disabled+label::before
	{
	background-color: #eeeeee;
	cursor: not-allowed;
}

.checkbox.checkbox-circle label::before {
	border-radius: 50%;
}

.checkbox.checkbox-inline {
	margin-top: 0;
}

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

.checkbox-primary input[type="checkbox"]:checked+label::after,
	.checkbox-primary input[type="radio"]:checked+label::after {
	color: #fff;
}

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

.checkbox-danger input[type="checkbox"]:checked+label::after,
	.checkbox-danger input[type="radio"]:checked+label::after {
	color: #fff;
}

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

.checkbox-info input[type="checkbox"]:checked+label::after,
	.checkbox-info input[type="radio"]:checked+label::after {
	color: #fff;
}

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

.checkbox-warning input[type="checkbox"]:checked+label::after,
	.checkbox-warning input[type="radio"]:checked+label::after {
	color: #fff;
}

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

.checkbox-success input[type="checkbox"]:checked+label::after,
	.checkbox-success input[type="radio"]:checked+label::after {
	color: #fff;
}

.skin-black .checkbox-theme input[type="checkbox"]:checked+label::before,
	.skin-black .checkbox-theme input[type="radio"]:checked+label::before {
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
}

.skin-black .checkbox-theme input[type="checkbox"]:checked+label::after,
	.skin-black .checkbox-theme input[type="radio"]:checked+label::after {
	color: #fff;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::before,
	.checkbox-primary input[type="radio"]:indeterminate+label::before {
	background-color: #337ab7;
	border-color: #337ab7;
}

.checkbox-primary input[type="checkbox"]:indeterminate+label::after,
	.checkbox-primary input[type="radio"]:indeterminate+label::after {
	background-color: #fff;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::before,
	.checkbox-danger input[type="radio"]:indeterminate+label::before {
	background-color: #d9534f;
	border-color: #d9534f;
}

.checkbox-danger input[type="checkbox"]:indeterminate+label::after,
	.checkbox-danger input[type="radio"]:indeterminate+label::after {
	background-color: #fff;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::before,
	.checkbox-info input[type="radio"]:indeterminate+label::before {
	background-color: #5bc0de;
	border-color: #5bc0de;
}

.checkbox-info input[type="checkbox"]:indeterminate+label::after,
	.checkbox-info input[type="radio"]:indeterminate+label::after {
	background-color: #fff;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::before,
	.checkbox-warning input[type="radio"]:indeterminate+label::before {
	background-color: #f0ad4e;
	border-color: #f0ad4e;
}

.checkbox-warning input[type="checkbox"]:indeterminate+label::after,
	.checkbox-warning input[type="radio"]:indeterminate+label::after {
	background-color: #fff;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::before,
	.checkbox-success input[type="radio"]:indeterminate+label::before {
	background-color: #5cb85c;
	border-color: #5cb85c;
}

.checkbox-success input[type="checkbox"]:indeterminate+label::after,
	.checkbox-success input[type="radio"]:indeterminate+label::after {
	background-color: #fff;
}

.skin-black .checkbox-theme input[type="checkbox"]:indeterminate+label::before,
	.skin-black .checkbox-theme input[type="radio"]:indeterminate+label::before
	{
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
}

.skin-black .checkbox-theme input[type="checkbox"]:indeterminate+label::after,
	.skin-black .checkbox-theme input[type="radio"]:indeterminate+label::after
	{
	background-color: #fff;
}

.radio {
	padding-left: 20px;
}

.radio label {
	display: inline-block;
	vertical-align: middle;
	position: relative;
	padding-left: 5px;
}

.radio label::before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 16px;
	height: 16px;
	left: 1px;
	top: 1px;
	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;
}

.radio label::after {
	display: inline-block;
	position: absolute;
	content: " ";
	width: 10px;
	height: 10px;
	left: 4px;
	top: 4px;
	margin-left: -20px;
	border-radius: 50%;
	background-color: #555555;
	-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;
	cursor: pointer;
}

.radio input[type="radio"]:focus+label::before {
	/* outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;  */
	outline: 0 !important;
}

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

.radio input[type="radio"]:disabled {
	cursor: not-allowed;
}

.radio input[type="radio"]:disabled+label {
	opacity: 0.65;
}

.radio input[type="radio"]:disabled+label::before {
	cursor: not-allowed;
}

.radio.radio-inline {
	/* margin-top: 8px; */
	margin-top: 0;
	height: 34px;
	vertical-align: middle;
	display: table-cell;
	outline: none;
}

.radio-primary input[type="radio"]+label::after {
	background-color: #337ab7;
}

.radio-primary input[type="radio"]:checked+label::before {
	border-color: #337ab7;
}

.radio-primary input[type="radio"]:checked+label::after {
	background-color: #337ab7;
}

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

.skin-black .radio-theme input[type="radio"]+label::after {
	background-color: #ed1c24 !important;
}

.skin-black .radio-theme input[type="radio"]:checked+label::before {
	border-color: #ed1c24 !important;
}

.skin-black .radio-theme input[type="radio"]:checked+label::after {
	background-color: #ed1c24 !important;
}

input[type="checkbox"].styled:checked+label:after, input[type="radio"].styled:checked+label:after
	{
	font-family: 'FontAwesome';
	content: "\f00c";
}

input[type="checkbox"] .styled:checked+label::before, input[type="radio"] .styled:checked+label::before
	{
	color: #fff;
}

input[type="checkbox"] .styled:checked+label::after, input[type="radio"] .styled:checked+label::after
	{
	color: #fff;
}

/* Radio Checkbox */
/*ngJsTree - Mrin*/
/* Image Classes Starts */
.jstree-default .jstree-checkbox {
	background-position: -164px -4px;
	float: right;
}

.radiobtn.jstree-default .jstree-checkbox {
	background-position: -165px -69px;
	float: right;
}

.radiobtn.jstree-default .jstree-checkbox:hover {
	background-position: -165px -69px;
}

.radiobtn.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
	.radiobtn.jstree-default .jstree-checked>.jstree-checkbox {
	background-position: -196px -69px;
}

.radiobtn.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
	.radiobtn.jstree-default .jstree-checked>.jstree-checkbox:hover {
	background-position: -196px -69px;
}
/* Image Classes Starts */

/* Masking Classes Starts */
/* .jstree-icon.jstree-checkbox {
	-webkit-mask: url("../../app/assets/ngJsTree/32px.svg") !important;
	-webkit-mask-position: -164px -4px !important;
	mask-image: url("../../app/assets/ngJsTree/32px.svg") !important;
	mask: url("../../app/assets/ngJsTree/32px.svg") !important;
	mask-position: -164px -4px !important;
	background-image: none !important;
	background-color: #ed1c24 !important;
	float: right;
}

.jstree-anchor.jstree-clicked>.jstree-checkbox {
	-webkit-mask-position: -228px -36px !important;
	mask-position: -228px -36px !important;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
	.jstree-default .jstree-checked>.jstree-checkbox {
	-webkit-mask-position: -228px -4px !important;
	mask-position: -228px -4px !important;
}

.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
	.jstree-default .jstree-checked>.jstree-checkbox:hover {
	-webkit-mask-position: -228px -36px !important;
	mask-position: -228px -36px !important;
}

.radiobtn.jstree-default .jstree-checkbox {
	-webkit-mask-position: -165px -69px !important;
	mask-position: -165px -69px !important;
	float: right;
}

.radiobtn.jstree-default .jstree-checkbox:hover {
	-webkit-mask-position: -165px -69px !important;
	mask-position: -165px -69px !important;
}

.radiobtn.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox,
	.radiobtn.jstree-default .jstree-checked>.jstree-checkbox {
	-webkit-mask-position: -197px -69px !important;
	mask-position: -197px -69px !important;
}

.radiobtn.jstree-default.jstree-checkbox-selection .jstree-clicked>.jstree-checkbox:hover,
	.radiobtn.jstree-default .jstree-checked>.jstree-checkbox:hover {
	-webkit-mask-position: -197px -69px !important;
	mask-position: -197px -69px !important;
} */
/* Masking Classes Ends */
.jstree-default .jstree-anchor {
	line-height: 24px;
	width: 95%;
	height: auto;
	white-space: normal;
	color: #333 !important;
}

.jstree-default .jstree-anchor>.jstree-undetermined {
	-webkit-mask-position: -196px -4px !important;
	mask-position: -196px -4px !important;
}

.jstree-default .jstree-node {
	margin-left: 15px !important;
}

/*ngJsTree - Mrin*/
.theme-color {
	color: #c7101a !important;
}
/*toggle*/
input[name=showGrid] {
	height: 0;
	width: 0;
	visibility: hidden;
}

label[for=switch] {
	text-indent: -9999px;
	height: 22px;
	width: 48px;
	background: grey;
	display: block;
	border-radius: 100px;
	position: relative;
}

label[for=switch]:after {
	content: '';
	position: absolute;
	top: 1px;
	left: 1px;
	height: 20px;
	width: 20px;
	background: #fff;
	border-radius: 90px;
	transition: 0.2s;
}

label[for=switch]:hover:after {
	width: 21px;
}

input:checked+label[for=switch] {
	background: #bada55;
}

input:checked+label[for=switch]:after {
	right: (100%- 5px);
	transform: translate(125%);
}

.horizontal_dotted_line {
	border-bottom: 1px dotted black;
	width: 80%;
	margin-top: 10px;
	margin-left: -5%;
}

.horizontal_dotted_line-width-100 {
	border-bottom: 1px dotted black;
	width: 100%;
	margin-top: 10px;
}

.black-text {
	color: #000000 !important;
}

.orange-text {
	color: #ff6600 !important;
}

.btn.btn-orange {
	background-color: #ff6600;
	border-color: #ff6600;
	color: #fff;
	outline: none;
	box-shadow: 0 2px 2px 0 rgba(153, 153, 153, 0.14), 0 3px 1px -2px
		rgba(153, 153, 153, 0.2), 0 1px 5px 0 rgba(153, 153, 153, 0.12);
}

.btn.btn-orange:hover, .btn.btn-orange:active, .btn.btn-orange.hover {
	outline: none;
	background-color: #ff6600;
}

.btn.btn-orange-outline {
	background-color: #fff;
	border-color: #ff6600;
	color: #ff6600;
	outline: none;
}

.btn.btn-orange-outline:hover, .btn.btn-orange-outline:active, .btn.btn-orange-outline.hover
	{
	background-color: #eee;
	color: #ff6600;
	outline: none;
}

.btn.btn-fileUpload {
	position: relative;
}

.btn.btn-fileUpload input[type="file"] {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	height: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.img-mainLogo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 5px;
	height: 60px;
	background-color: #fafafa;
}

.img-squareLogo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 5px;
	max-height: 60px;
	background-color: #fafafa;
}

.img-appLogo {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 5px;
	height: 100%;
	background-color: #fafafa;
}

.m-15 {
	margin: 15px !important;
}
/* .toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
} */
.toast-top-right {
	top: inherit !important;
	bottom: 0 !important;
	right: 0 !important;
	width: 100%;
}

#toast-container .toast {
	opacity: 1 !important;
}

#toast-container.toast-top-right .toast {
	width: 96%;
	/* width: 50%; */
	margin-left: auto;
	margin-right: auto;
}

.modal-success {
	background: #ededed;
	color: #00a65a;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.modal-warning {
	background: #ededed;
	color: #f3a01e;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.modal-danger {
	background: #ededed;
	color: #d9534f;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.text-white {
	color: #fff !important;
}

.text-warning {
	color: #f3a01e !important;
}

.btn.btn-warning-text {
	background-color: #fafafa;
	border-color: #f3a01e;
	color: #f3a01e;
}

.btn.btn-warning:hover, .btn.btn-warning:active, .btn.btn-warning:focus,
	.btn.btn-warning.hover {
	background-color: #fafafa;
	border-color: #f3a01e;
	color: #f3a01e;
}

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

.btn.btn-danger-text:hover, .btn.btn-danger-text:active, .btn.btn-danger-text:focus,
	.btn.btn-danger-text.hover {
	background-color: #fafafa;
	border-color: #d9534f;
	color: #d9534f;
}

.text-success {
	color: #00a65a !important;
}

.btn.btn-success-text {
	background-color: #fafafa;
	border-color: #00a65a;
	color: #00a65a;
}

.btn.btn-success-text:hover, .btn.btn-success-text:active, .btn.btn-success-text:focus,
	.btn.btn-success-text.hover {
	background-color: #fafafa;
	border-color: #00a65a;
	color: #00a65a;
}

.eavToolBar {
	font-size: 20px;
	letter-spacing: .005em;
	box-sizing: border-box;
	font-weight: 400;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	justify-content: space-around;
	width: 100%;
	background-color: #eaeaea;
}

.eavToolBar i {
	width: 40px;
	height: 40px;
	padding: 10px;
	text-align: center;
	margin: 5px;
	border-radius: 50%;
	cursor: pointer;
}

.eavToolBar i:hover {
	background-color: #ed1c24 !important;
	color: #fff;
}

.eav-close {
	position: absolute;
	opacity: 1;
	top: -10px;
	border: 1px solid transparent;
	background-color: transparent;
	right: -2px;
	z-index: 1;
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #ed1c24 !important;
}

.eav-inputsfield {
	padding: 6px 12px;
	border: 1px dotted #bbb;
	list-style-type: none;
	border-radius: 6px;
	background-color: #f9f9f9;
	margin: 5px;
}

.eav-inputsfield:hover, .eav-inputsfield:focus {
	border: 1px dotted #ed1c24 !important;
	background-color: rgba(237, 28, 36, 0.05);
}

.field-bg {
	background-color: #f9f9f9;
	border-radius: 5px;
	padding: 6px 12px;
	list-style-type: none;
}

.btn.btn-link {
	font-weight: normal;
	color: #ed1c24 !important;
	cursor: pointer;
	border-radius: 0;
}

.pv-5 {
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}
.pv-6 {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
.pv-3 {
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.pt-4 {
	padding-top: 4px !important;
}

.pv-7 {
	padding-top: 7px !important;
	padding-bottom: 7px !important;
}

.pv-8 {
	padding-top: 8px !important;
	padding-bottom: 8px !important;
}

.pt-7 {
	padding-top: 7px !important;
}

.navbar-form {
	width: -webkit-fill-available !important;
	padding: 0 !important;
}

.pl-12 {
	padding-left: 12px !important;
}

.pl-4 {
	padding-left: 4px !important;
}

.breakWords {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
	line-height: 1.4;
}

.jstree-default .jstree-clicked {
	background: transparent;
	border-radius: 2px;
	box-shadow: none;
}

.jstree-default .jstree-search {
	font-style: italic;
	color: #ed1c24 !important;
	font-weight: bold;
}
/* .jstree-default .jstree-clicked {
    background: transparent;
    border-radius: 2px;
    box-shadow: none;
    white-space: normal;
    line-height: normal;
    margin: 4px 1px;
} */
.jstree-default .jstree-hovered, .jstree-default .jstree-clicked:hover {
	background: #fafafa;
	border-radius: 2px;
	box-shadow: none;
}

.subModulesSelect {
	margin: 10px 0;
	padding: 15px;
	background-color: #fafafa;
	border-radius: 6px;
}

.pd-left-right-16 {
	padding-left: 16%;
	padding-right: 16%;
}

.progress_bar_loader {
	width: 300px;
	height: 50px;
}

.hirar {
	width: 250px;
}

.hirar-div {
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
	padding-right: 20px;
}

.hirar-sprite {
	width: 15px;
	height: 30px;
	background-image: url(/app/assets/ngJsTree/bg-sprite.png);
}

.v-line {
	background-position: 24px 0;
}

.hirar-position {
	position: relative;
	left: 20px;
}

.hirar-sprite01 {
	width: 210px;
	height: 30px;
	background-image: url(/app/assets/ngJsTree/bg-sprite.png);
}

.v-line01 {
	background-position: -84px 0;
	position: relative;
	left: -115px;
}

.hirar-inline {
	display: inline-table;
	margin: 0 10px 0 0;
	width: 210px !important;
}

.moveUp30p {
	position: relative;
	top: -30px;
}

.progress_bar_loader>svg {
	width: 100%;
	display: block;
}

.ml-40 {
	margin-left: 40px !important;
}

.ml-60 {
	margin-left: 60px !important;
}

.bootstrap-select.btn-group .dropdown-toggle .caret {
	top: 10%;
	right: 10px;
}

.caret {
	display: inline-block;
	width: 25px;
	height: 25px;
	color: #f2f2f2;
	background: #f2f2f2 url(../assets/ic_arrow_down.png) no-repeat
		!important;
	background-size: 20px !important;
	background-position: 0;
	margin-left: 2px;
	vertical-align: middle;
	border-top: 4px solid #f2f2f2;
	border-right: 4px solid #f2f2f2;
	border-left: 4px solid #f2f2f2;
	border-color: #f2f2f2;
}

.selectize-control.single .selectize-input {
	border-color: transparent;
}

.selectize-control.single .selectize-input {
	height: 34px;
	margin-top: -1px;
	margin-left: 0;
	background-color: rgba(0, 0, 0, 0);
	background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0));
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0)),
		to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0));
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0),
		rgba(0, 0, 0, 0));
	background-repeat: no-repeat;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fffefefe',
		endColorstr='#fff2f2f2', GradientType=0);
	-webkit-box-shadow: none;
	box-shadow: none;
}

.selectize-input.selectize-focus {
	border-color: #ed1c24 !important;
}

.selectize-dropdown {
	position: absolute;
	z-index: 10;
	margin: -3px 0 0 0;
	background: #ffffff;
	border: 1px solid #b8b8b8;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.ui-select-choices-row {
	padding: 0 !important;
}

.ui-select-choices-row:hover {
	background-color: #fff;
}
/* .ui-select-choices-row:hover {
    background-color: #fef8f8;
} */
.ui-select-bootstrap .ui-select-choices-row.active>span {
	color: #262626;
	text-decoration: none;
	outline: 0;
	background-color: #f2f2f2;
}

.btn-password {
	position: absolute;
	top: 0;
	right: 20px;
	width: 34px;
	height: 34px;
}

@media screen and (max-width: 768px) {
	.btn-password {
		position: absolute;
		top: 30px;
		right: 5px;
		width: 34px;
		height: 34px;
	}
}

.square-logo {
	width: 50px;
	height: 50px;
	padding: 3px;
}

.main-logo {
	height: 45px;
	padding: 5px 5px 5px 5px;
	width: 165px;
	float: left;
	/*  margin-left: auto;
    margin-right: auto; */
}

.font-10 {
	font-size: 10px !important;
}

.font-11 {
	font-size: 11px !important;
}

.font-12 {
	font-size: 12px !important;
}

.font-13 {
	font-size: 13px !important;
}

.font-14 {
	font-size: 14px !important;
}

.font-15 {
	font-size: 15px !important;
}

.font-16 {
	font-size: 16px !important;
}

.font-17 {
	font-size: 17px !important;
}

.font-18 {
	font-size: 18px !important;
}

.font-24 {
	font-size: 24px !important;
}

.font-20 {
	font-size: 20px !important;
}

.font-28 {
	font-size: 28px !important;
}
.font-36 {
	font-size: 36px !important;
}
.showOrderPanel {
	width: 73% !important;
	position: relative;
	display: table;
	overflow-x: hidden;
	padding-right: 15px;
	padding-left: 15px;
	transition: width 0.3s ease;
}

.hideOrderPanel {
	width: 100% !important;
	position: relative;
	display: table;
	overflow-x: hidden;
	padding-right: 15px;
	padding-left: 15px;
	transition: width 0.3s ease;
}
/* .order-panel{
	width: 25%;
    height: 90vh;
    overflow-y: auto;
    background-color: #fff;
    display: table;
    padding: 15px 0 15px 15px;
    position: relative;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
} */
/* .table>tbody>tr>td:last-child{
	border-bottom: 1px solid #ddd;
} */
.order-panel {
	width: 365px;
	height: 83vh;
	overflow-y: auto;
	background-color: #fff;
	display: table;
	padding: 27px 0 15px 10px;
	position: absolute;
	top: 100px;
	float: right;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

/* .job-details-board{
	width: 400px;
    height: calc(100% - (165px + 28px + 20px + 55px));
    overflow-y: auto;
    background-color: #fff;
    display: table;
    position: absolute;
    top: 268px;
    float: right;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
} */
.job-details-board {
	width: 400px;
	overflow-y: auto;
	background-color: #fff;
	display: table;
	position: absolute;
	float: right;
	z-index: 4;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.job-details-board.max-height-open {
	max-height: calc(100% - 375px);
	top: 375px;
}

.job-details-board.max-height-openLive {
	max-height: calc(100% - 298px);
	top: 298px;
}

.job-details-board.max-height-closed {
	max-height: calc(100% - 110px);
	top: 110px;
}

.job-details-board.max-height-openDelivered {
	max-height: calc(100% - 375px);
	top: 375px;
}

.job-details-board.max-height-closedDelivered {
	max-height: calc(100% - 110px);
	top: 110px;
}

.job-details-board.statusBgRed {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}

.job-details-board.statusBgGreen {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.job-details-board.open {
	right: 10px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.job-details-board.close {
	right: -400px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.job-details-board .close-btn-position {
	position: absolute;
	top: 0;
	right: 0;
}

.job-details-board .jobStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.job-details-board .jobStatus.statusRed {
	background: #ed1c24;
	color: white;
}

.job-details-board .jobStatus.statusGreen {
	background: #11c105;
	color: white;
}

.job-details-board .jobStatus.statusInst {
	background: #cfd8dc;
	color: #333;
}

/* .store-details-board{
	width: 400px;
    overflow-y: auto;
    background-color: #fff;
    display: table;
    position: absolute;
    top: 268px;
    float: right;
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.14);
}
 */
.store-details-board {
	width: 400px;
	overflow-y: auto;
	background-color: #fff;
	display: table;
	position: absolute;
	z-index:4;
	float: right;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.store-details-board.max-height-open {
	max-height: calc(100% - 375px);
	top: 375px;
}

.store-details-board.max-height-openLive {
	max-height: calc(100% - 298px);
	top: 298px;
}

.store-details-board.max-height-closed {
	max-height: calc(100% - 110px);
	top: 110px;
}

.store-details-board.max-height-openDelivered {
	max-height: calc(100% - 375px);
	top: 375px;
}

.store-details-board.max-height-closedDelivered {
	max-height: calc(100% - 110px);
	top: 110px;
}

#store-details .openFilter {
	max-height: calc(100vh - 465px);
	overflow-y: auto;
}

#store-details .openFilter-delivered {
	max-height: calc(100vh - 369px);
	overflow-y: auto;
}

.store-details-board.statusBgRed {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}

.store-details-board.statusBgGreen {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.store-details-board.open {
	right: 10px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.store-details-board.close {
	right: -400px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.store-details-board .close-btn-position {
	position: absolute;
	top: 0;
	right: 0;
}

.store-details-board .storeStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.store-details-board .storeStatus.open {
	background: #ed1c24;
	color: white;
}

.store-details-board .storeStatus.closed {
	background: #11c105;
	color: white;
}

.asset-details-board {
	width: 400px;
	/* height: calc(100% - (165px + 28px + 20px + 55px)); */
	overflow-y: auto;
	background-color: #fff;
	display: table;
	position: absolute;
	z-index: 4;
	float: right;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.asset-details-board.max-height-open {
	max-height: calc(100% - 365px);
	top: 365px;
}

.asset-details-board.max-height-openLive {
	max-height: calc(100% - 298px);
	top: 298px;
}

.asset-details-board.max-height-closed {
	max-height: calc(100% - 110px);
	top: 110px;
}

.asset-details-board.max-height-openDelivered {
	max-height: calc(100% - 365px);
	top: 365px;
}

.asset-details-board.max-height-closedDelivered {
	max-height: calc(100% - 105px);
	top: 105px;
}

.asset-details-board.statusBgRed {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}

.asset-details-board.statusBgGreen {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.asset-details-board.open {
	right: 10px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.asset-details-board.close {
	right: -400px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.asset-details-board .close-btn-position {
	position: absolute;
	top: 0;
	right: 0;
}

.asset-details-board .assetStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.asset-details-board .assetStatus.statusRed {
	background: #ed1c24;
	color: white;
}

.asset-details-board .assetStatus.statusGreen {
	background: #11c105;
	color: white;
}

.asset-details-board .assetStatus.statusInst {
	background: #cfd8dc;
	color: #333;
}

.order-panel-sub {
	width: 350px;
	height: 76vh;
	overflow-y: auto;
	background-color: #f2f2f2;
	display: table;
	position: absolute;
	float: right;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

.order-panel-sub-small {
	width: 350px;
	height: 45vh;
	overflow-y: auto;
	background-color: #f2f2f2;
	display: table;
	position: absolute;
	float: right;
	border-bottom: 1px solid #e7e7e7;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

.order-panel.openPan {
	right: 0;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.order-panel.closePan {
	right: -400px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.close-btn-position {
	position: absolute;
	top: -10px;
	/* right: 6px; */
}
/* .close-btn-position{
	position: absolute;
	top: 6px;
	right: 6px;
	z-index: 1;
} */
@media screen and (min-width: 640px) and (max-width: 991px) {
	.showOrderPanel {
		width: 70% !important;
		position: relative;
		display: table;
		overflow-x: hidden;
		padding-right: 15px;
		padding-left: 15px;
		transition: width 0.3s ease;
	}
	.order-panel {
		width: 370px;
		height: 83vh;
		overflow-y: auto;
		background-color: #fff;
		display: table;
		padding: 15px 0 15px 15px;
		position: absolute;
		top: 100px;
		float: right;
		box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	}
	.listViewButton {
		padding: 1px 9px 1px 9px;
		z-index: 1;
		background-color: #fff;
		border-radius: 2px;
		-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
		box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	}
	.logo-position {
		padding: 10px 5px;
		display: inline-table;
	}
	.header-input-select {
		display: inline-block;
		min-width: 160px;
		max-width: 170px;
	}
}

.div-container {
	display: -webkit-inline-box;
	width: 100%;
	overflow-x: hidden;
}

.select-text {
	display: inline-block;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 90%;
	overflow: hidden;
}
/* .popover{
	max-width: 300px!important;
    max-width: 355px;
    width: 320px;
} */
.job-content {
	display: inline-block;
	width: 60%;
}

.customer-content {
	display: inline-block;
	width: 75%;
}

.job-label {
	display: inline-block;
	vertical-align: top;
	width: 37%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.customer-label {
	display: inline-block;
	vertical-align: top;
	width: 22%;
}
/* .caret {
    display: inline-block;
    width: 15px;
    height: 15px;
    background: rgba(242, 242, 242, 0) url(../../../app/assets/ic_arrow_down.png) no-repeat!important;
    background-size: 15px!important;
    background-position: 0px 0px;
    margin-left: 2px;
    vertical-align: middle;
} */
.header .navbar {
	height: 55px;
	margin-bottom: 0;
	margin-left: 0;
}

.abs-ml-10pc-mt-n35pc {
	position: absolute !important;
	/*margin-left: 10% !important;*/
	margin-top: -35% !important;
}

.orderDetails.table>tbody>tr>td {
	padding: 8px;
	line-height: 1.428571429;
	vertical-align: top;
	border-top: 1px solid transparent !important;
}

.skin-black .treeview-menu>li.active, .skin-black .treeview-menu>li.active>a
	{
	color: #fff;
	background-color: #ed1c24 !important;
	filter: brightness(0%);
}

.skin-black .treeview-menu>li>a:hover {
	/* color: #ff6369; */
	color: #ed1c24 !important;
	filter: brightness(300%);
}
/* .skin-black .treeview-menu > li.active > a svg path, .skin-black .treeview-menu > li > a:hover svg path{
   fill: #ff6369!important;
   transition-delay: 0s !important;
} */
.skin-black .treeview-menu>li>a:hover svg path {
	fill: #ed1c24 !important;
	/* fill: #ff6369!important; */
	transition-delay: 0s !important;
}

.skin-black .treeview-menu>li:not(.active ) a:hover svg path,
	.skin-black .sidebar>.menu-block .sidebar-menu>li:not(.active ) >a:hover svg path
	{
	fill: #ed1c24 !important;
	transition-delay: 0s !important;
}

.skin-black .treeview-menu>li a:hover svg path, .skin-black .sidebar>.menu-block .sidebar-menu>li>a:hover svg path
	{
	fill: #ed1c24 !important;
	transition-delay: 0s !important;
}

.skin-black .treeview-menu>li a svg path, .skin-black .sidebar>.menu-block .sidebar-menu>li>a svg path
	{
	fill: #fff;
	transition-delay: 0s !important;
}

.skin-black .treeview-menu>li.active a:hover svg path, .skin-black .treeview-menu>li.active a svg path,
	.skin-black .sidebar>.menu-block .sidebar-menu>li.active>a svg path {
	fill: #fff !important;
	transition-delay: 0s !important;
}

.skin-black .sidebar>.menu-block .sidebar-menu>li.active>a:hover svg path
	{
	fill: #fff !important;
	transition-delay: 0s !important;
}
/* .skin-black .sidebar > .menu-block .sidebar-menu > li:first-of-type */
.btn-margin-job {
	margin: 3px 5px 0 0;
}

.google_chart_class svg {
	width: 100%;
	height: 100%;
}

.google_chart_class {
	width: 100%;
	height: 91%;
}

.donut_chart_class {
	width: 100%;
	height: 100%;
}
/* .table_google_chart_class {
   	width: 1200px;
    height: 400px;
    overflow: auto;
} */
svg {
	width: 19px;
	height: 19px;
}

svg.sidebar-svg {
	width: 14px;
	height: 14px;
}

svg.reporting-status-svg {
	width: 16px;
	height: 16px;
}

svg.storedashboard-svg {
	width: 18px;
	height: 18px;
}

svg.jobsboard-svg {
	width: 14px;
	height: 14px;
}

svg.imageavtar-svg {
	width: 56px;
	height: 56px;
}

svg.white {
	fill: #fff !important;
}

svg.grey {
	fill: #aaa !important;
}

svg.donut-grey {
	fill: #808080 !important;
}

svg.dark {
	fill: #444 !important;
}

svg.red {
	fill: #ed1c24 !important;
}

svg.blue500{
	fill: #266DE4;
}

.btn.btn-theme-icon-round[disabled] svg.white {
	fill: #c6c6c6;
}

svg.theme {
	fill: #ed1c24 !important;
}

/* svg path {
	fill: #fff !important;
	transition-delay: 0s !important;
} */
svg.header-svg {
	width: 20px;
	height: 20px;
}

svg.padlock-svg {
	width: 150px;
	height: 150px;
}

.gird-box {
	background-color: #fafafa;
	border: 1px dotted #ed1c24 !important;
	border-radius: 3px;
	padding: 5px;
}

.clear-both {
	clear: both !important;
	float: none !important;
}

.totalDistanceStrip {
	background-color: #666;
	color: #fff;
	padding: 10px 15px;
	vertical-align: middle;
}

.selected-level {
	margin-top: 10px;
	vertical-align: middle;
	display: inline-block;
	padding: 5px 10px;
	white-space: nowrap;
	width: 100%;
	text-overflow: ellipsis;
	overflow: hidden;
}

.max-width-100 {
	max-width: 100px;
}

.max-width-100p {
	max-width: 100% !important;
}

#dateTimPicker.dropdown-menu {
	min-width: 280px !important;
	right: auto;
	left: 15px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.col-option {
		width: 97% !important;
	}
}

.table-divider-bottom {
	padding-bottom: 5px;
	border-bottom: 2px solid #bbb !important;
	margin-bottom: 5px;
}

.crud-btns {
	position: absolute;
	bottom: 0;
}

.dynamic-error-message {
	/* visibility: hidden; */
	color: #ff0000 !important;
	font-size: 12px !important;
	float: left !important;
}

.mh-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.mh-15 {
	margin-left: 15px !important;
	margin-right: 15px !important;
}

.mh-20 {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

.abs-ml-n51pc-mt-n75pc {
	position: absolute !important;
	margin-left: -52% !important;
	margin-top: -63% !important;
}

.black {
	position: relative;
	display: table-cell;
	vertical-align: middle;
	width: 100vw;
	height: 50px;
	background-color: #000;
	color: #fff;
}

.black:before {
	content: "";
	position: absolute;
	top: 60px;
	right: 15%;
	background-color: orange;
	padding-bottom: 33%;
	width: 23%;
	transform-origin: 0 0;
	transform: rotate(-55deg) skewX(35deg);
}

.black-status {
	background-color: #000;
	color: #fff;
	padding: 10px;
}

.black-status.position {
	position: absolute;
	top: 70px;
	right: 10px;
	z-index: 1;
}

.position-relative {
	position: relative;
}

.logo-strip-div {
	max-width: 25%;
	height: 60px;
}

.logo-padding-strip {
	padding: 0 !important;
}

@media screen and (min-width:320px) and (max-width:576px) {
	.logo-padding-strip {
		padding: 2% !important;
	}
}

.stripTracker {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.max-height180px {
	max-height: 180px !important;
	overflow-y: auto;
}

.storetreeBlock-dynamic {
	position: absolute;
	background: #fff;
	width: 92%;
	z-index: 999;
	padding: 10px;
	margin: 3px 5px 5px 0;
	top: 40px;
	left: 15px;
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
}

.header {
	z-index: 5 !important;
	background-color: #f9f9f9 !important;
}

.jstree-default .jstree-themeicon-custom {
	background-size: 18px 18px !important;
}

.float-input {
	background-color: transparent;
	box-shadow: none;
	border: none;
}

.verticle-divider-right {
	border-right: 1px dotted;
	border-right-color: #ed1c24 !important;
}

.overflow-auto {
	overflow: auto !important;
}

.one-line {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.search-overlay{
	width: 100vw;
    height: 99vh;
    opacity: 0.8;
    z-index: 4;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
	.right-side {
		margin-left: 50px;
		-webkit-transition: margin-left 0.5s ease;
		transition: margin-left 0.5s ease;
	}
}

@media screen and (max-width: 767px) {
	.right-side {
		margin-left: 0;
		-webkit-transition: margin-left 0.5s ease;
		transition: margin-left 0.5s ease;
	}
}

.disp-inline {
	display: inline;
}

.overflowX-hidden {
	overflow-x: hidden !important;
}

.width-400 {
	width: 400px !important;
}

.rDashboard-panel-width {
	width: 320px !important;
}

@media screen and (min-width: 320px) and (max-width: 991px) {
	.rDashboard-panel-width {
		width: 320px !important;
	}
}

.pr-8 {
	padding-right: 8px !important;
}

.width-410 {
	width: 410px !important;
}

.width-450 {
	width: 450px !important;
}

.width-550 {
	width: 550px !important;
}

.width-500 {
	width: 500px !important;
}

.width-300 {
	width: 300px !important;
}

.width-200 {
	width: 200px !important;
}

.width-175 {
	width: 175px !important;
}

.width-150 {
	width: 150px !important;
}

.wh-30 {
	width: 30px !important;
	height: 30px !important;
}

.m-8, .margin-8 {
	margin: 8px;
}

.ml-3m {
	margin-left: -3px !important;
}

.ml-4m {
	margin-left: -4px !important;
}

.svg-avatar {
	width: 56px;
	height: 56px;
	line-height: normal;
	border-radius: 50%;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	padding: 0;
	overflow: hidden;
}

.pt-5 {
	padding-top: 5px !important;
}

.max-heigt-73vh {
	max-height: 73vh;
	overflow-y: auto;
}

.width-81p {
	width: 81% !important;
}

.padding-8-20 {
	padding: 8px 20px !important;
}

.max-width-500 {
	max-width: 500px !important;
}

.max-width-560 {
	max-width: 560px;
}

.skin-black .navbar .nav>li>a:hover, .skin-black .navbar .nav>li>a:focus,
	.skin-black .navbar .nav .open>a, .skin-black .navbar .nav .open>a:hover
	{
	background: #f9f9f9 !important;
}

.nav .open>a, .nav .open>a:hover, .nav .open>a:focus {
	background-color: #f9f9f9;
	border-color: #f9f9f9;
}

.navbar-nav>li>.dropdown-menu {
	margin-top: 10px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	background-color: black;
}

.navbar-nav>li>.dropdown-menu:before {
	content: "";
	position: absolute;
	right: 13px;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent black transparent;
}

.navbar-nav>li>.dropdown-menu>li>a, .dropdown-menu>li>a {
	color: #f2f2f2 !important;
	text-decoration: none;
	background-color: black;
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2)
}

.navbar-nav>li>.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #fff;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.navbar-nav>li>.dropdown-menu>li>.btn-select-field {
	color: #f2f2f2 !important;
	text-decoration: none;
	background-color: black;
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2)
}

.navbar-nav>li>.dropdown-menu>li>a:hover, .navbar-nav>li>.dropdown-menu>li>a:focus
	{
	color: #fff;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.btn.btn-theme-icon-round, .btn.btn-theme-icon-round:hover, .btn.btn-theme-icon-round:active
	{
	background-color: #ed1c24 !important;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding: 6px 0 0 0;
}

.btn.btn-theme-icon-round[disabled] {
	background-color: #c6c6c6 !important;
}

.btn.btn-theme-icon-round.grey, .btn.btn-theme-icon-round:hover.grey,
	.btn.btn-theme-icon-round:active.grey {
	background-color: #e6e6e6 !important;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 5px 0 0 0;
}

.btn.btn-theme-icon-round.transparent {
	background-color: #f9f9f9 !important;
	color: #ed1c24 !important;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 5px 0 0 0;
	outline: none;
}

.btn.btn-theme-icon-round:hover.transparent, .btn.btn-theme-icon-round:active.transparent,
	.btn.btn-theme-icon-round.active.transparent {
	background-color: #ed1c24 !important;
	color: #fff !important;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 5px 0 0 0;
	outline: none;
}

.btn.btn-theme-icon-round:hover.transparent svg.theme, .btn.btn-theme-icon-round:active.transparent svg.theme,
	.btn.btn-theme-icon-round.active.transparent svg.theme {
	fill: #fff !important;
}

.btn.btn-theme-icon-round.kala, .btn.btn-theme-icon-round:hover.kala,
	.btn.btn-theme-icon-round:active.kala {
	background-color: black !important;
	border-radius: 50%;
	width: 36px;
	height: 36px;
	padding: 5px 0 0 0;
}

.edit-gridbox {
	position: absolute;
	top: 10px;
	left: 65px;
	background-color: black;
	border-radius: 5px;
}

.playerbox {
	position: absolute;
	padding: 10px;
	bottom: 10px;
	left: 25px;
	background-color: black;
	border-radius: 5px;
	z-index: 2;
}

.box-shadow {
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	
}

.border-white-right {
	border-right: 1px solid #fff;
	margin-right: 10px;
}

.border-grey-right {
	border-right: 1px solid #dadada;
}

.border-grey-left {
	border-left: 1px solid #dadada;
}

.border-grey-left:after {
	content: "";
	position: absolute;
	top: 40%;
	left: 27.5%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent #ffffff;
}

.border-grey-left:before {
	content: "";
	position: absolute;
	top: 40%;
	left: 28%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0px 5px 5px;
	border-color: transparent transparent transparent #dadada;
}

.text-disabled {
	color: #999;
}

.bg-grey {
	background-color: #f2f2f2 !important;
}

.bg-lighter-grey {
	background-color: #fafafa !important;
}

.bg-theme {
	background-color: #ed1c24 !important;
}

.text-theme {
	color: #ed1c24 !important;
}

.btn.btn-theme-heatmap {
	background-color: black;
	border: 1px solid;
	border-color: #ed1c24 !important;
	color: #fff;
}

.btn-theme-heatmap-clicked {
	background-color: black;
	border: 1px solid #adff2f !important;
	color: #fff;
}

.btn.btn-theme-heatmap:hover, .btn.btn-theme-heatmap:active, .btn.btn-theme-heatmap.active
	{
	background-color: #ed1c24 !important;
	border: 1px solid #ed1c24 !important;
	color: #fff;
}

.padding-5-11 {
	padding: 5px 11px;
}

.card-width-close {
	width: 100% !important;
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
}

.card-width-open {
	width: 71% !important;
	-webkit-transition: width 0.5s ease;
	transition: width 0.5s ease;
}
/* .assignRole{
	padding: 6px 12px;
    height: 34px;
    border: 1px solid #f2f2f2;
}
.assignRole:hover, .assignRole:focus, .assignRole:active{
	padding: 6px 12px;
    height: 34px;
    border: 1px solid #ed1c24 !important;
} */
.skin-black .ui-select-multiple.ui-select-bootstrap {
	padding: 3px 12px 6px 12px !important;
	/* height: 34px !important; */
	border: 1px solid;
	border-color: transparent;
}

.skin-black .ui-select-multiple.ui-select-bootstrap:hover, .skin-black .ui-select-multiple.ui-select-bootstrap:focus
	{
	border-color: #ed1c24 !important;
}

.selectize-dropdown .active {
	color: #495c68;
	background-color: #f2f2f2;
}

.tooltip.no-opacity {
	opacity: 1;
}

.tooltip.tooltip-white .tooltip-inner {
	color: #000 !important;
	background-color: #fff !important;
	border: 1px solid #f2f2f2 !important;
}

.reset-pass-back-btn {
	font-size: 17px;
}

.tooltip.tooltip-white .tooltip-arrow {
	border-top-color: #fff !important;
}

.switch-theme {
	margin: 5px 10px 10px;
}

.switch-theme input[type="checkbox"] {
	display: none;
}

.switch-theme label {
	position: relative;
	display: block;
	width: 30px;
	height: 12px;
	background: #999;
	border-radius: 15px;
	transition: all 250ms ease;
}

.switch-theme label:before {
	content: "";
	position: absolute;
	width: 18px;
	height: 18px;
	background: #f2f2f2;
	border-radius: 50%;
	box-shadow: 2px 2px 15px #555;
	top: -3px;
	left: -4px;
	transition: all 200ms ease-in-out;
	cursor: pointer;
}

.switch-theme input[type="checkbox"]:checked+label {
	background: #ed1c24 !important;
}

.switch-theme input[type="checkbox"]:checked+label:before {
	left: 14px;
	background: #ffffff;
}

.resource-blockStore {
	position: relative;
	background: #fff;
	padding: 0 12px;
	-webkit-box-shadow: none;
	-moz-box-shadow: -3px 6px 6px -1px rgba(0, 0, 0, 0.4);
	box-shadow: none;
	transform: scale(1);
	z-index: 0;
	transition: all .1s ease-in;
	cursor: pointer;
	border-bottom: 2px solid #c8c8c8;
	padding-bottom: 10px !important;
}

.resource-blockStore:hover, .resource-blockStore:focus {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	transform: scale(1.05) translate(-15px, 0);
	cursor: pointer;
	right: -5px;
	z-index: 1;
	transition: all .1s ease-in;
}

.resource-blockStore:active, .resource-blockStore.active {
	background-color: #f9f9f9;
}

.store-grid-block {
	position: relative;
	background: #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transform: scale(1);
	z-index: 0;
	transition: all .1s ease-in;
	cursor: pointer;	
	padding: 15px;
    margin: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
}

.store-grid-block:hover, .store-grid-block:focus {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	transform: scale(1.05) translate(-5px, 2px);
	cursor: pointer;
	z-index: 1;
	transition: all .1s ease-in;
}

.store-grid-block:active, .store-grid-block.active {
	background-color: #f9f9f9;
}

.gridColor {
	width: 15px;
	height: 15px;
	border-radius: 50%;
}

.text-width {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	max-width: 58px;
}

.txt-color-gray {
	color: #828282;
}

.edit-gridbox-white {
	position: absolute;
	top: 10px;
	left: 50px;
	background-color: white;
	border-radius: 5px;
}

.rotet-rider-img {
	-ms-transform: rotate(90deg); /* IE 9 */
	-webkit-transform: rotate(90deg); /* Safari 3-8 */
	transform: rotate(90deg);
}

.legend-text {
	color: #515151;
	font-size: 11px;
}

.close-btn-top-1 {
	top: -1px !important;
}

.order-pane-header-img {
	position: relative;
	width: 350px;
	height: 14px;
	background: url("/app/assets/serrations.png") repeat-x;
	border-left: 1px solid #e7e7e7;
	border-right: 1px solid #e7e7e7;
}

.show-rider-history {
	margin-left: 100px;
	color: #8b8b91;
	font-weight: 100;
	text-transform: initial !important;
}

.profile-name-position {
	display: table;
	/* vertical-align: bottom; */
	height: 200px;
}

.profile-name-position .placement-bottom {
	display: table-cell;
	width: 100%;
	vertical-align: bottom;
}

.profile-img {
	font-size: 200px;
	line-height: 0.8;
	opacity: 0.2;
}

.assetPlayer .rzslider .rz-pointer {
	top: -4px;
	z-index: 3;
	width: 13px;
	height: 13px;
	cursor: pointer;
	background-color: #fff;
	border-radius: 16px;
}

.assetPlayer .rzslider .rz-pointer:after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 9px;
	height: 9px;
	background: #ed1c24 !important;
	border-radius: 25px;
	content: '';
}

.assetPlayer .rzslider .rz-selection {
	z-index: 2;
	background: #ed1c24 !important;
	border-radius: 2px;
}

.assetPlayer .rzslider .rz-bar {
	left: 0;
	z-index: 1;
	width: 100%;
	height: 4px;
	background: #666;
	border-radius: 2px;
}

.assetPlayer .rzslider .rz-bubble {
	bottom: 16px;
	padding: 1px 3px;
	color: #fff;
	cursor: default;
}

.assetPlayer .rzslider .rz-bubble.rz-limit {
	color: #fff;
}

.assetPlayer .rzslider {
	margin: 35px 0 0 0 !important;
}

.pt-35 {
	padding-top: 35px !important;
}

.pt-3 {
	padding-top: 3px !important;
}

.max-heigt-58vh {
	max-height: 58vh;
	overflow-y: auto;
}

.max-heigt-200 {
	max-height: 200px;
	overflow-y: auto;
}

.ui-select-multiple.ui-select-bootstrap input.ui-select-search {
	/* min-width: 100% !important; */
	width: auto !important;
	display: inline-block;
}
/*infobox css*/
.infobox {
	box-shadow: 2px 2px 1px #888888;
	cursor: pointer;
	line-height: 14px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width: 180px;
	height: auto;
	background: #fff;
	padding: 10px;
	/*padding-left: 23px;*/
	font-size: 11px;
}

.min-height-500 {
	min-height: 500px !important;
}

@media ( max-width : 767px) {
	.navbar-nav .open .dropdown-menu {
		position: absolute !important;
		background-color: #000;
		right: 0 !important;
		left: auto !important;
	}
}

@media ( min-width : 768px) {
	.navbar-nav>li>a {
		padding-top: 10px !important;
		padding-bottom: 10px !important;
	}
}

.heigt-82vh {
	height: 82vh;
	overflow-y: auto;
}

.max-heigt-89vh {
	max-height: calc(100vh - 72px);
	overflow-y: auto;
}

.max-heigt-85vh {
	max-height: 85vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.metabase fieldset {
	padding: 10px;
	margin: 0 5px;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.metabase legend {
	display: block;
	width: auto;
	padding: 0 10px;
	margin-bottom: 0;
	font-size: 12px;
	line-height: normal;
	color: #ccc;
	border: none;
	border-bottom: none;
	text-transform: uppercase;
}

.metabase .dropdown-menu>li>a:hover, .metabase .dropdown-menu>li>a:focus
	{
	color: #fff !important;
	text-decoration: none;
	background-color: #343434;
}

.metabase .dropdown-menu {
	background-color: #000;
}
/* Do Not DELETE */
/* .toast-success {
  background-color: #dedede;
   border: 1px solid #00b500!important;
  box-shadow: none !important;
}
.toast-success .toast-close-button{
	color: #00b500!important;
}
.toast-success .toast-message{
	color: #00b500 !important;
	font-weight: 500;
}
#toast-container .toast.toast-success {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo3RDU0QjJGMTA3MjA2ODExODIyQUU3Qzg0RUY2QUQxRSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCRTFEOEE1RjBEN0UxMUU4QkZFNEIzOTBGMjA4MTY0OCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCRTFEOEE1RTBEN0UxMUU4QkZFNEIzOTBGMjA4MTY0OCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6N0Q1NEIyRjEwNzIwNjgxMTgyMkFFN0M4NEVGNkFEMUUiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6N0Q1NEIyRjEwNzIwNjgxMTgyMkFFN0M4NEVGNkFEMUUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz64ssnQAAABuUlEQVR42qyUTShEYRSGzx13xk8Ktyzkd6VkoSxExkJWVnZYyGZ2FsrOQiGUIgsSJclGKVayVBZqkljciJ2FEtGIzOSnO9f75dxMd+7fmO+tp2bOvfe8ne875yjxlzhF41EyTINcNAYmQSkYB4vkJ5NIi2ikd+kU8nl1CCyBMlAARkExBZVCMFBcH5eAWVtMJC8Knl/xrKAF1Ntin+CLcpCXQbVDrAKUyzJ4dDm2PlkGF+DOIS46SZNhkAQHDvFasCbDQOjYJd4PJmQYtHk8mwGDfgaq7X8jaAatoAd0+Hy/za18BMQqSPO9JewGdWCdk0ZyaBLx7rwtlgLLfISG+jvQtAp6KX+dgRvutHuwEuLhaSc5EmtkGJyDmHXJoqRnSQYNbCIqqRG/hcEHmOYLyleFPO3fvH1Vq01PJFWQZlTuKsMyeALXEgxSvAGqwJvYvqGMNRyTcBeXfDydQBfVZE7yKV9OPgqDPVAJNpxWxf4/kpo8uQneAN08ZIdOq2KT22sqYPJdMAce2CjMZ5/8WxVm1keiZQdAk0fiV0684FmaaWZVYGkEbPHgCL3z6N/ylO6AqyAl/ggwAG0IXMkuTyN1AAAAAElFTkSuQmCC') !important;
}

.toast-error {
  background-color: #dedede !important;
  border: 1px solid #ed1c24 !important;
  box-shadow: none !important;
}
.toast-error .toast-close-button{
	color: #ed1c24 !important;
}
.toast-error .toast-message{
	color: #ed1c24 !important;
	font-weight: 500;
}
#toast-container .toast.toast-error {
  background-image:  url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMWEyZjA3ZC0xNWVkLWQ0NGUtOTkxNS1hMmZlYzgxODUwZWEiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTI0N0FFQkIwRDcwMTFFODk5NzZEMEI1ODdGNjU5NDIiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTI0N0FFQkEwRDcwMTFFODk5NzZEMEI1ODdGNjU5NDIiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YTFhMmYwN2QtMTVlZC1kNDRlLTk5MTUtYTJmZWM4MTg1MGVhIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmExYTJmMDdkLTE1ZWQtZDQ0ZS05OTE1LWEyZmVjODE4NTBlYSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PqZ7j1EAAAGRSURBVHjarJW/L0NRFMf7nipD/UiUGoSFRCLESBis/AFmxB8g8U9gacwk0snKxtIYWDpUo2kYLETp8hJUonjB9yWnyc3Lue+cJ07ySW97z/ec+6PnXMcbGk0orQPsgnewCb41oqQy+Ag4BLP0fRqsgDtJ6ArzYyAHro3ggS3QbznysZpjHFEgSoNhMAHmwZRyh1fgHFTBPXgDZ+EEz6BHCPRFn+2C3wvoDR9RmyAqgAxREHwd7g7SgigPXom84NutvWTTzGNJaUVxEgwa4+xfEjQE34xlzFmDS9AURAOWMWdNLkH9HxPUuQS1GEfUL/jWuARlQZSNccllrtkVFTtoLahP8C1yCYLq/KC2bKuDHfAjtIpPs9KTof5xDJYjxBuKv/4RxWILbZtWyJkPxgnf4hNot6IquQT2IsQ+YVvEPri0vQct6wIXYNJyvrZeVAFz4Y7gWsp8EdwwcylL8FuwxLUbN6JQghftRHGpp2AGPMTtph6tahU8MvNPYI1262ne5CjrpETrxmUeKBpk4leAAQDhvlHxlowgsAAAAABJRU5ErkJggg==') !important;
}

.toast-info {
  background-color: #dedede;
  border: 1px solid #13abd7!important;
  box-shadow: none !important;
}
.toast-info .toast-close-button{
	color: #13abd7!important;
}
.toast-info .toast-message{
	color: #13abd7 !important;
	font-weight: 500;
}
#toast-container .toast.toast-info {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDplYzlmZTExYy02ZjNjLTdkNDEtYjI1NC1kNmFiMGQ4MmVjNWUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MzkyNENEQTcwRDdDMTFFOEEyQTFBQkEwMTU0RkVFNTciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzkyNENEQTYwRDdDMTFFOEEyQTFBQkEwMTU0RkVFNTciIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6ZWM5ZmUxMWMtNmYzYy03ZDQxLWIyNTQtZDZhYjBkODJlYzVlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmVjOWZlMTFjLTZmM2MtN2Q0MS1iMjU0LWQ2YWIwZDgyZWM1ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pual9I8AAAITSURBVHjarJYxaBNhFMfvjohBBBULQiehBDqkxcUiCmJ1kNo4SIODdqmOHUVQqIsOhbq6KnRwCgUR2tqhERXbwUwKSiVDOpS6KKGtkmLC9ff87ivfXXK579QH/+9+5N59H+99j/fiHi99cZS5wdM3+RRcBC7BOfhY8HsdrgJleA6udPhW7RpzABs79+ECfKjzx/vcgBeBafhD9ABP/RDSXbSKrqvN295HlUXX0Hs0FX3vOWF7gmZQ1klvB9Aj9NQITw7wdTgP0aQOzQzT4J9oJ8HnFnqs99UpusDyIHwXbfyVRe5mAP4U46PhDnxFpyijLijRuEBHKqeGViz8Zc+DbO5fBs7EVIjJUlETwG+4aOE/yHKVA9yb4YNjU3SE5VmCT5RvSIrOpaiULVRP4T8kVdSbUBWa11gk7Dz80cJfdEKqKGMZ8juWdbQBv7ZLkZvxgtq2MS+Gu9kvSVHVMkV/wX5NUrSUoipSsluWUGdRw/n/1pK9JUWf0XOLkFsGNy38X6CK7kXSh74lhNxncC4hRdvwPbNdb6JxtNsl5ItoAb1EhS5+UpW3g74VatfLaEyNw9jwR6S/JFTRK1SKtmvtMQ+f5/nmH6pImufZuIkmJr1+GEkTfKu6Zyo7rCL4Mztih77J/SynYZ5uj3rpfw8G0FGYCebmO3z7Q4aYzQFJLEOfvzXOKCxz5SRMa/clO809AQYAmw2qcVNku0QAAAAASUVORK5CYII=') !important;
}

.toast-warning {
  background-color: #dedede;
  border: 1px solid #ffcc00!important;
  box-shadow: none !important;
}
.toast-warning .toast-close-button{
	color: #ffcc00!important;
}
.toast-warning .toast-message{
	color: #ffcc00 !important;
	font-weight: 500;
}
#toast-container .toast.toast-warning {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQyIDc5LjE2MDkyNCwgMjAxNy8wNy8xMy0wMTowNjozOSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphZjRlZTdkMi01MzY2LTUwNDktYjI1NC0yNGJhYmQ4M2QxNGUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTlCMUI1RUUwRDdFMTFFOEExMDc4Q0YwQzJDNjFEOEQiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTlCMUI1RUQwRDdFMTFFOEExMDc4Q0YwQzJDNjFEOEQiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6YWY0ZWU3ZDItNTM2Ni01MDQ5LWIyNTQtMjRiYWJkODNkMTRlIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOmFmNGVlN2QyLTUzNjYtNTA0OS1iMjU0LTI0YmFiZDgzZDE0ZSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pn8OFIwAAAJCSURBVHjapNZLSFRRHMfxe6fRqEwLIyiCCCEsRAhNe0BaEPQmCqFoEYg9NiomSrULolwUhPZYBD0ggooKkqDaFJUEbYJeRCEGhkGbsNBKrfH7x59xGeaee0cPfOByH+d/zv/8z5nxUwM9XhZtBhL4GfcDP9VZEOe9RWhDmX2D9ziCt1EfJr2h/qh3FuAFnqAF/7AJXViFd+4AfuToL+Al7uIEcjSbKbiMCtfHiYjO16IaV9RZMYpwEY+wELvda3DHGdymfxuLUZP23FJ2D60KOpjtDA5gGj4EOrdOfujaZvYbX3E02xTNVr5PolH3urEMJXile804jUNKV+wAx/EaeSjXvWf4iF480D1LzVLcx5m4AZagFuc1wv/rFfJdPW5gPdbECXAO17Ea82JswpnYgbMalO8KsEV5thTsz+II2YU3yEddWADbQB04hb2YmtbJ38D1SHq5K1VtUpApQBP+oA+bM4yyKHBdnOF5JXJV1sfSN9pclWGDSq4kJBVdGsS6kOdfdF7Zri/Fp/EZ2LSeY76jc09TnxVxMNrZdBPt4ylagZ24pDSFtccalR3ZtxzvHUQnlmNrQqflNdVxoePDb0jpus/xnh0ve1Tu7bYGwzprrqrMwtqwqmxQ6zQ9onS3W59JpalfB5crQI46jtOG8H3sB2eserZhn6Y1x5tcs8EexkqruCRZtU31UMFa9cPuT7BzW6NfOgCtYGqSXm6+/d5W6WjeGFjIiTZf+2EDnvqpgc/Bh3nK9WTaSPBvzagAAwBLwHnxB8i3AQAAAABJRU5ErkJggg==') !important;
} */
/* Do Not DELETE */
.duration-position {
	position: absolute;
	left: 40%;
	bottom: 20px;
	color: black;
	background: white;
	margin: 0;
	padding: 6px 12px;
	min-width: 100px;
	border-radius: 25px;
}

.save-grid-modal {
	position: absolute;
	top: 26px;
	left: 1px;
	background-color: black;
	border-radius: 10px;
	opacity: 0.8;
	width: 350px;
}

.map_marker_container {
	position: absolute;
	cursor: pointer;
	/* width: 50px;
	height: 50px; */
}

.map_marker_transition {
	transition: all 0.5s ease-out;
}

.moving_marker_image {
	top: 0px;
	position: relative;
}

.marker_popup {
	width: auto;
	height: auto;
	background-color: black;
	right: 35px;
	bottom: 70px;
	position: relative;
	padding: 3px;
	min-width: 100px;
	max-width: 210px;
}

.highlight_text {
	background-color: yellow;
	width: auto;
}

.skin-black .jobDash, .skin-black .jobDash[disabled] {
	background: transparent;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom: 2px solid #939193 !important;
	margin-left: 15px;
	margin-right: 15px;
	padding: 0;
	width: 91%;
}

.skin-black .jobDash:hover, .skin-black .jobDash:focus {
	background: transparent;
	border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
	border-bottom: 2px solid;
	border-bottom-color: #ed1c24 !important;
}

.jobDash .input-field {
	background-color: transparent;
	border: none;
	box-shadow: none;
}

.jobDash .selectize-control.single .selectize-input:after {
	position: absolute;
	top: 40%;
	right: 5px;
	width: 20px;
	height: 20px;
	background: url(/app/assets/fa-search.png) no-repeat;
	background-position: 0px 0px;
	border: none;
}

.jobDash .selectize-input.selectize-focus {
	border-color: transparent !important
}

.table>tbody>tr:last-child {
	border-bottom: 1px solid #ddd;
}
.min-w-56 {
	min-width: 56px !important;
}
.minWidth-275 {
	min-width: 275px;
}
.minWidth-275 {
	min-width: 275px;
}
.save-dropdown {
	width: 300px;
	height: auto;
	padding: 15px;
	background: black;
	color: white;
	border-radius: 5px;
	position: absolute;
	right: 15px;
	top: 115%;
	z-index: 1;
}

.save-dropdown:before {
	content: "";
	position: absolute;
	right: 20px;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent black transparent;
}

.skin-black .save-input, .skin-black .save-input[disabled] {
	background: transparent;
	box-shadow: none;
	border-radius: 0px !important;
	border-width: 0;
	border-bottom: 2px solid #939193 !important;
	text-align: left;
}

.skin-black .save-input:focus, .skin-black .save-input:hover {
	border-color: #ed1c24 !important;
	outline: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	box-shadow: none;
}

.margin3-0-10-0 {
	margin: 3px 0 10px 0;
}

.min-width150 {
	min-width: 150px;
}


.min-width202 {
	min-width: 202px;
}

.yaxis .ui-select-match-item.btn.btn-primary {
	color: #fff;
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
}

.yaxis .ui-select-match-item.btn.btn-primary .close {
	color: #fff !important;
}

.skin-black .datetimepicker table tr td.active.active {
	background-color: #ed1c24 !important;
	background-image: none !important;
}

.skin-black .datetimepicker table tr td span.active.active {
	background-color: #ed1c24 !important;
	background-image: none !important;
}

.skin-black .datetimepicker table tr td span.active.active, .skin-black .datetimepicker table tr td span.active:hover.active
	{
	background-color: #ed1c24 !important;
	background-image: none !important;
}

.infoWindow {
	position: absolute;
	top: 10px;
	left: 65px;
	background-color: black;
	border-radius: 5px;
}

.infoWindow:before {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 45%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: black transparent transparent transparent;
}

.infoWindow .btn-close {
	font-size: 18px;
	background: transparent;
	color: #ed1c24 !important;
}

.position-inherit {
	position: inherit;
}

.metabaseReport.dropdown {
	position: absolute;
	top: 100px;
	right: 20px;
	z-index: 1;
}

.metabaseReportAdd.dropdown {
	position: absolute;
	top: 26%;
	right: 1%;
	z-index: 1;
}
/* .metabaseReport.dropdown{
	position: absolute;
    top: 28%;
    right: 45px;
    z-index: 1;
} */
.metabaseReport .dropdown-menu {
	background-color: #000;
	right: 0;
	left: auto;
}

.metabaseReport .dropdown-menu>li>a:hover, .metabaseReport .dropdown-menu>li>a:focus
	{
	color: #fff;
	text-decoration: none;
	background-color: #343434;
}

.jobStatus-txt {
	margin-top: 4px !important;
	border-radius: 3px;
	padding: 2px 8px;
	font: 10px;
	font-weight: bold;
}

.jobStatus-txt.statusRed {
	background: red;
	color: white;
}

.jobStatus-txt.statusGreen {
	background: #2EB676;
	color: white;
}

.job-status-red {
	background: red;
	color: white;
	padding: 8px 4px;
	border-radius: 5px;
}

.width-360 {
	width: 360px !important;
}

.pd-1pc {
	padding: 1% !important;
}

.pd-2pc {
	padding: 2% !important;
}

.date-picker {
	right: 0;
	left: auto;
}

.width-105p {
	width: 105% !important;
}

.text-grey {
	color: #646464 !important;
}

#reportsDashboard .google_chart_class {
	width: 100%;
	min-height: 350px;
	height: auto;
	margin-bottom: 15px;
}
/* .nonTable.google_chart_class {
   	width: 100%;
    min-height: 350px;
    height: auto;
    margin-bottom: 15px;
} */
.ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice
	{
	background-color: #fff !important;
}

.filter-dropdown {
	width: 521px;
	height: auto;
	padding: 15px;
	background: black;
	color: white;
	border-radius: 5px;
	position: absolute;
	right: 2px;
	top: 115%;
	z-index: 1;
}

.filter-dropdown:before {
	content: "";
	position: absolute;
	right: 8px;
	top: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent black transparent;
}

.metabaseReportAdd .filter-dropdown:before {
	content: "";
	position: absolute;
	right: 117px;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent black transparent;
}

.filter-dropdown .dropdown-menu {
	left: 0;
}

.filter-dropdown .divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #333 !important;
	margin-bottom: 5px;
}

.widthAuto {
	width: auto !important;
}

.text-small {
	color: #999;
}

.asset-heatmap-button {
	position: absolute;
	right: 24px;
	top: 12px;
}

.asset-heatmap-calender {
	color: black !important;
	background: white !important;
}

.max-heigt-65vh {
	max-height: 65vh;
	overflow-y: auto;
}

.width-15p {
	width: 15% !important;
}

.ml-25 {
	margin-left: 25px !important;
}

.mv-7 {
	margin-bottom: 7px !important;
	margin-top: 7px !important;
}

.mv-8 {
	margin-bottom: 8px !important;
	margin-top: 8px !important;
}

.sorting-block {
	position: relative;
	background: #fff;
	padding: 0 12px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	transform: scale(1);
	z-index: 0;
	transition: all .1s ease-in;
	cursor: pointer;
	border-bottom: 1px solid #eee;
}

.sorting-block:hover, .sorting-block:focus, .sorting-block:active,
	.sorting-block.active {
	-webkit-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 8px 1px rgba(0, 0, 0, 0.4);
	/* transform: scale(1.05); */
	cursor: pointer;
	/* right: -5px; */
	z-index: 1;
	transition: all .1s ease-in;
}

.pickme .sorting-block {
	position: relative;
	background: #f2f2f2;
	padding: 0 12px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/* transform: scale(1); */
	z-index: 0;
	transition: all .1s ease-in;
	cursor: pointer;
	border: none !important;
}

.pickme .sorting-block:hover, .pickme .sorting-block:focus, .pickme .sorting-block:active,
	.pickme .sorting-block.active {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/* transform: scale(1.05); */
	cursor: move;
	/* right: -5px; */
	z-index: 1;
	transition: all .1s ease-in;
}

.max-heigt-33vh {
	max-height: 33vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-35vh {
	max-height: 35vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.two-line {
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.three-line {
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 3;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.disp-table {
	display: table;
}

.disp-inline-table {
	display: inline-table;
}

.disp-table-cell {
	display: table-cell;
}

.wh-34 {
	width: 34px !important;
	height: 34px !important;
}

.wh-100p {
	width: 100% !important;
	height: 100% !important;
}

.wh-40 {
	width: 40px !important;
	height: 40px !important;
}

.border-radius-4 {
	border-radius: 4px;
}
.border-radius-50p{
	border-radius: 50%;
}
.instruction-assetHeatmap {
	color: #ed1c24 !important;
	position: absolute;
	right: 120%;
	text-shadow: 1px 1px #ccc;
}

.map-height58vh {
	height: 58vh !important;
	overflow: auto;
}

.pac-container {
	z-index: 1060 !important;
}

.pac-container {
	min-width: 300px !important;
}

.info-div-pos {
	position: relative;
	top: -27px;
	left: 56px;
}

.btn-clear-filter {
	padding: 0px;
	background: none;
	border: none;
}

.no-wrap {
	white-space: nowrap;
}

.skin-black .btn.btn-theme-round-outline {
	color: #ed1c24 !important;
	background-color: #fff;
	border-color: #ed1c24 !important;
	border-radius: 50px;
}

.skin-black .btn.btn-theme-round-outline[disabled].active {
	background-color: #ddd;
	border-color: #ed1c24 !important;
	color: #666;
	border-radius: 50px;
	opacity: 0.4;
}

.skin-black .btn.btn-theme-round-outline[disabled] {
	background-color: #ddd;
	border-color: #ddd;
	color: #666;
	border-radius: 50px;
}

.skin-black .btn.btn-theme-round-outline:hover, .skin-black .btn.btn-theme-round-outline:active,
	.skin-black .btn.btn-theme-round-outline.active {
	color: #fff;
	border-color: #ed1c24 !important;
	background-color: #ed1c24 !important;
	border-radius: 50px;
}

/* New Menu */
.backdrop-main-side {
	width: 100%;
	height: calc(100vh - 55px);
	position: absolute;
	top: 55px !important;
	z-index: 4;
	background-color: rgba(0, 0, 0, 0.3);
}

body.fixed .left-side-main {
	position: fixed;
}

.skin-black .left-side-main {
	background: #333;
	top: 0px !important;
	box-shadow: rgba(0, 0, 0, 0.4) 2px 1px 4px -1px;
}

.left-side-main {
	min-height: 100%;
	display: block;
}

.left-side-main {
	position: absolute;
	width: 220px;
	top: 50px;
	left: 0;
	-webkit-transition: width 0.3s ease, left 0.5s ease;
	transition: width 0.3s ease, left 0.5s ease;
}

.left-side-main.collapse-left {
	left: -220px;
	width: 220px;
	font-size: 14px;
	color: rgba(255, 255, 255, 0);
	-webkit-transition: width 0.3s ease, left 0.5s ease;
	transition: width 0.3s ease, left 0.5s ease;
}

.parent-sidebar {
	z-index: 9999 !important;
}

.floating-submenu {
	position: absolute;
	right: -88%;
	width: 220px;
	height: auto;
	background-color: #414141;
	border-radius: 3px;
	padding-left: 0px;
	list-style: none;
	z-index: 1;
}
/* Only for Basin Trak */
/* .floating-submenu{
   position: absolute;
   right: -105%;
   width: 240px;
   height: auto;
   max-height: 460px;
   background-color: #414141;
   border-radius: 3px;
   padding-left: 0px;
   list-style: none;
   overflow: auto;
}  */
.floating-submenu .submenu-item {
	padding: 8px 5px 8px 15px;
	color: #eee;
}

.floating-submenu .submenu-item:hover {
	padding: 8px 5px 8px 15px;
	color: #ed1c24 !important;
	/* filter: brightness(300%); */
	background: rgba(255, 255, 255, 0.05);
}

.floating-submenu .submenu-item:active, .floating-submenu .submenu-item.active
	{
	padding: 8px 5px 8px 15px;
	color: #ed1c24 !important;
	/* color: #ff6369; */
	/* filter: brightness(300%); */
	background: rgba(255, 255, 255, 0.05);
}

.skin-black .submenu-item svg path, .skin-black .floating-submenu .submenu-item svg path
	{
	fill: #fff;
	transition-delay: 0s !important;
}

.skin-black .submenu-item:hover svg path, .skin-black .floating-submenu .submenu-item.active svg path
	{
	/* fill: #ff6369!important; */
	fill: #ed1c24 !important;
	transition-delay: 0s !important;
}

.menu-head-title {
	background-color: #3d3d3d !important;
	color: #fff;
	margin-right: 1px;
	height: 62px;
	padding: 10px 5px 10px 15px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.menu-head-title svg path {
	fill: #fff !important;
	transition-delay: 0s !important;
}

svg.sub-menuBar-svg {
	width: 20px;
	height: 20px;
}

svg.socialogin-svg {
	width: 24px;
	height: 24px;
}

.align-items-center {
	align-items: center;
}

.submenu .submenu-items {
	padding: 8px 5px 8px 15px;
	color: #eee;
	height: 42px;
	border-bottom: 1px solid;
	border-bottom-color: rgba(255, 255, 255, 0.2);
}

.submenu .submenu-items:hover {
	padding: 8px 5px 8px 15px;
	color: #ff6369;
	background: rgba(255, 255, 255, 0.05);
}

.submenu .submenu-items:hover svg path {
	fill: #ff6369 !important;
	transition-delay: 0s !important;
}

.submenu .submenu-items:active, .submenu .submenu-items.active {
	padding: 8px 5px 8px 15px;
	color: #fff;
	background: #ed1c24 !important;
}

.submenu .submenu-items svg path {
	fill: #fff;
	transition-delay: 0s !important;
}

.submenu .submenu-items:active svg path, .submenu .submenu-items.active svg path
	{
	fill: #fff !important;
	transition-delay: 0s !important;
}

.btn-link-inactive {
	font-weight: normal;
	color: #666 !important;
	cursor: pointer;
	border-radius: 0;
	border-color: transparent !important;
	box-shadow: none;
	background: transparent !important
}

.custom-circle {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	display: inline-block;
	vertical-align: text-top;
}

.grid-color {
	height: 15px;
	min-width: 15px;
	border-radius: 50%;
	display: inline-block;
	margin: 0px 5px;
}

.store-oneline {
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 142px;
	overflow: hidden;
}

.gridster-item {
	background-color: #F3F0F0;
	padding: 10px;
	border: 1px solid #ccc;
}
/*
.gridster-item:hover {
    background-color: #FFF !important;
    padding:10px;
    border: 1px solid #ccc;
} */
/* .gridster {
    border: 1px solid #ccc;
    background-color: #f2f2f2;
} */
.skin-black .sidebar>.menu-block .sidebar-menu>li:a svg path {
	fill: #ed1c24 !important;
	/* fill: #ff6369!important; */
	transition-delay: 0s !important;
}

.skin-black .sidebar {
	border-bottom: 1px solid;
	border-bottom-color: #333;
}

.col_list {
	cursor: default;
	font-size: 14px;
	line-height: 21px;
	font-family: "Segoe UI", "Helvetica", Garuda, Arial, sans-serif;
	padding: 18px 18px 18px 18px;
}

.col_list ul {
	list-style: none;
	padding-left: 10px;
}

.col_list li {
	width: 300px;
	height: 36px;
	background: #F7F5F2;
	font-size: 18px;
	color: #333;
	padding: 6px 12px;
	text-decoration: none;
}

.col_list li:hover {
	background-color: #EFEFEF;
}

@media ( min-width : 992px) {
	.modal-lg {
		width: 900px;
	}
}

.module-title {
	font-size: 24px;
	font-weight: 500;
}

.bgimg {
	background-image:
		url(http://exmouthyachtclub.org.au/wp-content/uploads/2015/11/sorry-no-data.png);
	background-repeat: no-repeat;
}

.popup-header {
	background: transparent url('/app/assets/backgrounds/bg.jpg') no-repeat;
}

.grid-bg {
	background-image: url("/app/assets/img/grid-bg.png");
}

.color_green {
	color: green;
}

.color_orange {
	color: orange;
}
/* .switcher-label {
   font-weight: 600;
   font-size: 18px;
   color: #ddd;
} */
.switcher-label {
	width: 90px;
	font-weight: 500;
	font-size: 14px;
	color: #aaa;
}

.switcher-label.false {
	text-align: right;
}

.switcher-label.true {
	text-align: left;
}

.switcher.active .switcher-label.false {
	color: #aaa !important;
}

.switcher.active .switcher-label.true {
	color: #ed1c24 !important;
}
/* .switcher-label.false {
    color: #ed1c24 !important;
} */
.switcher .switcher-line:before {
	background: #ed1c24 !important;
}
/* .switcher.active .switcher-line:before{
	background: #c6c6c6;
} */
.switcher-line:before {
	vertical-align: middle;
	width: 75%;
	height: 10px;
	left: 5px;
	right: 5px;
}

.switcher-line:after {
	width: 20px;
	height: 20px;
	background: #888;
	border: 1px solid #888;
	box-shadow: 0 1px 2px rgba(97, 126, 147, .5);
	left: 1px;
}

.switcher.active .switcher-line:after {
	left: 95%;
	-webkit-transform: translate(-100%, -50%);
	-ms-transform: translate(-100%, -50%);
	transform: translate(-100%, -50%);
}

.top-right-corner {
	position: absolute;
	margin-top: -12px;
	right: 0;
}

*:focus {
	outline: 0 !important;
}
/*checkbox styling used in store mapping save manual grid modal*/
.checkbox-container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	font-size: 22px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 25px;
	width: 25px;
	background-color: #eee;
	opacity: 1 !important;
}

.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

.checkbox-container input:checked ~ .checkmark {
	background-color: #eee;
}

.checkbox-container:hover input ~ .checkmark {
	background-color: #ccc;
}

.checkbox-container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

.checkbox-container .checkmark:after {
	left: 9px;
	top: 5px;
	width: 5px;
	height: 10px;
	border: solid white;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.gridster-item {
	z-index: 0;
}

.report-container {
	/*padding-top: 40px; */
	height: 100%;
	/* border: 1px solid #ccc; */
	background-color: #fff;
}

.report-container-header {
	height: 37px;
	background-color: #fff;
	padding: 0 0 0 15px;
	cursor: move;
	position: relative;
	/* top: 10px;
    left: auto;
    width: 97%; */
	z-index: 1;
}

.report-container-header h3 {
	width: 100%;
	margin: 5px;
	display: inline-block;
}

.report-container-content {
	height: 100%;
	width: 100%;
	max-width: 100%;
	padding-top: 37px;
	position: relative;
	overflow: auto;
	display: block;
	top: -37px;
}

.report-container .remove-btn {
	position: absolute;
	top: 2px;
	right: 10px;
	z-index: 1;
}

.cursor-default {
	cursor: default !important;
}

.viewRepDrop {
	position: relative;
	margin-top: 30px;
	left: 70%;
}

.report-container .drop-down-posi {
	position: absolute;
	z-index: 1;
	right: 0;
}

.report-container .dropdown-menu {
	left: auto;
	right: 0;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match-item {
	outline: 0;
	margin: 0;
	display: inline-block;
	border-radius: 25px;
	padding: 6px 15px;
}

.curtain {
	display: block;
	position: absolute;
	top: 25%;
	width: 100%;
}

#chart_div.withTable.google_chart_class {
	width: 88vw;
	height: 30vh;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#table_chart_div.withTable.smart-table-class {
	width: 88vw;
	height: 30vh;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#chart_div.nonTable.google_chart_class {
	width: 100%;
	height: 100%;
	min-height: 30vh !important;
}

#chart_div.withTable.google_chart_class .google-visualization-table * {
	max-height: 30vh !important;
}

.text-danger {
	color: #ed1c24 !important;
}

.bg-danger {
	color: #ed1c24 !important;
	color: #fff;
	text-align: center;
	font-size: 20px;
}

.ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
	font-size: 1.6em;
	line-height: .75;
	margin: 2px 0 0 2px;
	position: relative;
	padding: 0 !important;
}

.ui-select-bootstrap>.ui-select-choices, .ui-select-bootstrap>.ui-select-no-choice
	{
	padding: 0;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap
	{
	padding: 3px 3px 0px 3px !important;
	border: 1px solid;
	border-color: transparent;
	width: 250px !important;
	height: 42px !important;
}

.skin-black .assetHeatmap-multiple.width-380.ui-select-multiple.ui-select-bootstrap
	{
	padding: 3px 3px 0px 3px !important;
	border: 1px solid;
	border-color: transparent;
	width: 380px !important;
	height: 42px !important;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap>div
	{
	display: inline-flex;
	width: 360px;
	overflow: auto;
}

.skin-black .jobDash>.assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap>div
	{
	display: inline-flex;
	width: 100% !important;
	overflow: auto;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap>div>span
	{
	display: inline-flex;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap .ui-select-match-item
	{
	outline: 0;
	margin: 0;
	display: inline-block;
	border-radius: 25px;
	padding: 6px 15px;
	width: max-content;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap input.ui-select-search
	{
	width: auto !important;
	display: inline-flex;
	margin: 6px 0 6px 6px;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar-track
	{
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	border-radius: 10px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar
	{
	width: 7px;
	height: 7px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

.skin-black .assetHeatmap-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar-thumb
	{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgba(85, 85, 85, 1);
}

.skin-black .searchNfilter {
	position: absolute;
	top: 103px;
	right: 10px;
	background-color: #ffffff;
}

.skin-black .searchNfilter .collapse-btn {
	position: absolute;
	width: 35px;
	height: 35px;
	top: -40px;
	right: 10px;
	background-color: #ed1c24 !important;
	color: #fff;
	padding: 6px 10px;
	border-radius: 50%;
}

.skin-black .searchNfilter-black {
	position: absolute;
	top: 105px;
	right: 10px;
	background-color: #333;
}

.skin-black .searchNfilter-black .btn-black {
	position: absolute;
	width: 35px;
	height: 35px;
	top: -35px;
	right: 10px;
	background-color: #333 !important;
	color: #fff;
	padding: 6px 10px !important;
	border-radius: 50% !important;
}

.btn.job-status-btn {
	background-color: transparent;
	box-shadow: none;
	width: 65px;
	white-space: normal;
	vertical-align: top;
}

.btn.job-status-btn>.btn-outer {
	background-color: transparent;
	width: 46px;
	height: 46px;
	padding: 3px;
	border-radius: 50% 5px 50% 50%;
}

.btn.job-status-btn.active>.btn-outer {
	background-color: #ed1c24 !important;
}

.btn.job-status-btn>.btn-outer>.btn-inner {
	background-color: #f2f2f2;
	border-radius: 50%;
	padding: 3px 0;
	width: 40px;
	height: 40px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.btn.job-status-btn.active>.btn-outer>.btn-inner {
	background-color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
}
/* .rider-details-ico{
	padding: 6px 6px 0 7px;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    margin: 3px;
} */
.rider-details-ico {
	padding: 5px 6px 0 5px;
	border-radius: 50%;
	width: 24px;
	height: 24px;
	margin: 3px;
}

.rider-details-ico.statusRed {
	background-color: #ed1c24;
}

.rider-details-ico.statusGreen {
	background-color: #11C105;
}

.max-width-125 {
	max-width: 125px !important;
}

.error {
	color: #ff0000;
}

.jobsCard {
	overflow-x: hidden;
	overflow-y: auto;
}

.jobsCard.openFilter {
	max-height: calc(100vh - 452px);
}

.jobsCard.closeFilter, .max-heigt-220  {
	max-height: calc(100vh - 220px);
}

.jobsCard.openFilter-delivered {
	max-height: calc(100vh - 452px);
}

.jobsCard.closeFilter-delivered {
	max-height: calc(100vh - 188px);
}
/* .assetsCard {
    max-height: calc(100% - 105px);
    overflow-x: hidden;
    overflow-y: auto;
} */
.assetsCard {
	overflow-x: hidden;
	overflow-y: auto;
}

.assetsCard.openFilter {
	max-height: calc(100vh - 488px);
}

.assetsCard.closeFilter {
	max-height: calc(100vh - 223px);
}

.no-shadow {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.list-toggle-btn {
	position: absolute;
	top: 65px;
	right: 410px;
	background-color: #ed1c24 !important;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding-top: 6px;
}

.jobslist-Width {
	width: 100% !important;
}

.jobslist-cardHeight {
	max-height: calc(100vh - 75px);
	overflow: auto;
}

.width-min-content {
	width: min-content;
}

.jobInfoWin {
	background-color: #fff;
	position: absolute;
	width: 250px;
	/*top: 15px;
   right: 15px;*/
	padding: 20px 0;
	border-radius: 3px;
}

.jobInfoWin .size {
	padding: 0 10px;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

.jobInfoWin .close-btn {
	position: absolute;
	top: -8px;
	right: -6px;
	z-index: 1;
}
/*.jobInfoWin:before{
   content: "";
   position: absolute;
   right: 45%;
   top: -10px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 10px 10px 10px;
   border-color: transparent transparent white transparent;
}*/

/* For Arrow Bottom */
.jobInfoWin:before {
	content: "";
	position: absolute;
	right: 45%;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: white transparent transparent transparent;
}

.etaStatus {
	padding: 2px 5px;
}

.etaStatus.delayed {
	background-color: #ff0000;
	color: #fff
}

.etaStatus.onTime {
	background-color: #20ff10;
	color: #666
}

.mv-0 {
	margin-bottom: 0 !important;
	margin-top: 0 !important;
}

.max-width-76 {
	max-width: 76px;
}

.max-width-70p {
	max-width: 70%;
}

.max-width-72 {
	max-width: 72px;
}

.max-width-98 {
	max-width: 98px;
}

.max-width-93 {
	max-width: 93px;
}

.max-width-125 {
	max-width: 125px;
}

.max-width-115 {
	max-width: 115px;
}

.top-15m {
	top: -15px;
}

.top-10m {
	top: -10px;
}

.top-8m {
	top: -8px;
}

.top-6m {
	top: -6px;
}

.top-5m {
	top: -5px;
}

.top-4m {
	top: -4px;
}

.top-3m {
	top: -3px;
}

.top-2m {
	top: -2px;
}

.top-1m {
	top: -1px;
}

.top-10 {
	top: 10px !important;
}

.top-8 {
	top: 8px;
}

.top-6 {
	top: 6px;
}

.top-5 {
	top: 5px;
}

.top-4 {
	top: 4px;
}

.top-3 {
	top: 3px;
}

.top-2 {
	top: 2px;
}

.top-1 {
	top: 1px !important;
}

.height-187 {
	height: calc(100vh - 187px);
	overflow-y: auto;
}

.max-width-86 {
	max-width: 86px;
}

.max-width-80 {
	max-width: 80px;
}

.transitionDelay-padding {
	transition-delay: 250ms;
	transition-property: padding;
}

.transitionDelay-close {
	transition-delay: 1s;
	transition-property: right;
}

.list-toggle-btn.out {
	top: 60px;
	right: 60px;
	transition-property: top right;
	transition-duration: 100ms;
	transition-delay: 0ms;
	transition-timing-function: linear;
}

.list-toggle-btn.in {
	top: 60px;
	right: 60px;
	transition-property: top right;
	transition-duration: 200ms;
	transition-delay: 200ms;
	transition-timing-function: linear;
}

.list-toggle-btn-black {
	position: absolute;
	top: 65px;
	right: 410px;
	background-color: #333 !important;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding-top: 6px;
}

.list-toggle-btn-black.out {
	top: 67px;
	right: 60px;
	transition-property: top right;
	transition-duration: 100ms;
	transition-delay: 0ms;
	transition-timing-function: linear;
}

.list-toggle-btn-black.in {
	top: 67px;
	right: 60px;
	transition-property: top right;
	transition-duration: 200ms;
	transition-delay: 200ms;
	transition-timing-function: linear;
}

.skin-black .jobsDashboard.ui-select-multiple.ui-select-bootstrap:hover,
	.skin-black .jobsDashboard.ui-select-multiple.ui-select-bootstrap:focus
	{
	border-color: transparent !important;
}

.assetsAvailable {
	position: absolute;
	/* bottom: 0; */
	right: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0);
}

.assetsAvailable.max-height-openFilter {
	max-height: calc(100vh - 380px);
	top: 375px;
	overflow-x: hidden;
	overflow-y: auto;
}

.assetsAvailable.max-height-openFilter-delivered {
	max-height: calc(100vh - 290px);
	overflow-x: hidden;
	overflow-y: auto;
}

.assetsAvailable.max-height-closedFilter {
	max-height: calc(100vh - 120px);
	top: 105px;
	overflow-x: hidden;
	overflow-y: auto;
}

.drop-shadow {
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}

.assetsAvailable .rider-card {
	background-color: #fff;
	padding: 8px;
}

.assetsAvailable .rider-card.available {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.assetsAvailable .rider-card.returning {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.assetsAvailable .assetStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.statusRed {
	background-color: #ed1c24 !important;
	color: white;
}

.statusGreen {
	background-color: #11c105 !important;
	color: white;
}

.assetsAvailable .assetStatus.statusRed {
	background: #ed1c24;
	color: white;
}

.assetsAvailable .assetStatus.statusGreen {
	background: #11c105;
	color: white;
}

.assetJobs-toggle-btn {
	position: absolute;
	top: 60px;
	right: 105px;
	background-color: #ed1c24 !important;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding-top: 8px;
}

.widthVarPanel.open {
	width: calc(100% - 300px);
	transition: width 0.3s ease-out;
}

.widthVarPanel.closed {
	width: calc(100% - 0px);
	transition: width 0.3s ease-out;
}

.varPanel {
	width: 300px;
	height: calc(100vh - 55px);
	background-color: #fff;
	position: absolute;
	top: 55px;
}

.varPanel.opened {
	right: 0;
	transition: right 0.3s ease-out;
}

.varPanel.closed {
	right: -300px;
	transition: right 0.3s ease-out;
}

.varPanel .height {
	max-height: calc(100% - 50px);
	overflow-y: auto;
}

.mt-30 {
	margin-top: 30px;
}

.accessTag.selected {
	border: 1px solid #ed1c24 !important;
}

.plan-open {
	position: absolute;
	top: 55px;
	right: 32px;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.plan-close {
	position: absolute;
	top: 55px;
	right: -2000px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.width-95pc {
	width: 95% !important;
}

.height-91pc {
	height: 91% !important;
}

.border-radius-1pc {
	border-radius: 1%;
}

.text-purple {
	color: #9932CC;
}

.text-yellow {
	color: #ccff00;
}

.pl-30 {
	padding-left: 30px !important;
}

.pl-34 {
	padding-left: 34px !important;
}

.mh-5 {
	margin-left: 5px !important;
	margin-right: 5px !important;
}

.minWidth-270 {
	min-width: 270px;
}

.skin-black .btn-group.btn-group-toggle .btn.btn-theme {
	background-color: #ebebeb !important;
	border: none;
	color: #333;
	filter: grayscale(0);
	box-shadow: none;
}

.skin-black .btn-group.btn-group-toggle .btn.btn-theme.active {
	background-color: #ed1c24 !important;
	border: none;
	color: #fff;
	filter: grayscale(0);
	box-shadow: none;
}

.jobs-dropdownCard {
	right: 0 !important;
	float: right !important;
	left: auto !important;
	background-color: #000;
}

.right-32 {
	right: 32px !important;
}

.jobs-dropdownCard:before {
	content: "";
	position: absolute;
	right: 23%;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #000 transparent;
}

.jobs-dropdownCard.dropdown-menu>li>a:hover, .jobs-dropdownCard.dropdown-menu>li>a:focus
	{
	color: #fff !important;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

.jobs-dropdown {
	right: 0 !important;
	float: right !important;
	left: auto !important;
	background-color: #000;
}

.jobs-dropdown.dropdown-menu>li>a:hover, .jobs-dropdown.dropdown-menu>li>a:focus
	{
	color: #fff !important;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

.max-height-modal {
	max-height: calc(100vh - 193px);
	overflow-y: auto;
	overflow-x: hidden;
}

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

.plan-open {
	position: absolute;
	top: 0;
	right: 16px;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

/*
Warning Module Classes
*/
.system-warns.info {
	background-color: #B4B4B4;
	color: #fff;
}

.system-warns.warning {
	background-color: #F7A000;
	color: #fff;
}

.system-warns.severe {
	background-color: #EA7200;
	color: #fff;
}

.system-warns.critical {
	background-color: #D63C1E;
	color: #fff;
}

.system-warns.min-width {
	min-width: 72px !important;
}

/*Pincode dashboard css start*/
.top-20m {
	top: -20px;
}

.leadInfoWin {
	background-color: #fff;
	position: absolute;
	width: 400px;
	padding: 20px;
	border-radius: 3px;
}

.leadInfoWin:before {
	content: "";
	position: absolute;
	right: 45%;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: white transparent transparent transparent;
}

.leadInfoWin .close-btn {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.progress5 {
	height: 5px;
	width: 100%;
	margin: -3px 0;
	overflow: hidden;
	background-color: #e5e5e5;
	border-radius: 14px;
}

.progress5-theme-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	background-color: #428bca;
	-webkit-transition: width .6s ease;
	transition: width .6s ease;
}

.flex-bottom {
	display: flex;
	flex-direction: row;
	align-items: baseline;
}
/*Pincode dashboard css end*/

/* PICKME */
.bg-black {
	background-color: #333 !important;
}

.text-black {
	color: #333 !important;
}

.fs-25 {
	font-size: 25px;
}

.bg-red {
	background: #C10505 !important
}

.btn-clear {
	background: transparent;
	color: #FDBC49;
	border: 1px solid #FDBC49;
}

.btn-clear:hover {
	color: #FDBC49;
	box-shadow: 0 0 11px #FDBC49;
}

.btn-clear-red {
	background: transparent;
	color: #C30B0B;
	border: 1px solid #C30B0B;
}

.btn-clear-red:hover {
	color: #C30B0B;
	box-shadow: 0 0 11px #C30B0B;
}

.btn-clear-green {
	background: transparent;
	color: #49CF40;
	border: 1px solid #49CF40;
}

.btn-clear-green:hover {
	color: #49CF40;
	box-shadow: 0 0 11px #49CF40;
}

.ph-40 {
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.ph-4 {
	padding-left: 4px !important;
	padding-right: 4px !important;
}
.ph-8 {
	padding-left: 8px !important;
	padding-right: 8px !important;
}
.ph-9 {
	padding-left: 9px !important;
	padding-right: 9px !important;
}

.ph-30 {
	padding-left: 30px !important;
	padding-right: 30px !important;
}

.ph-35 {
	padding-left: 35px !important;
	padding-right: 35px !important;
}

.btn-bottom {
	position: absolute;
	bottom: 10px;
}

.width100p {
	width: 100% !important;
}

.width100 {
	width: 100px;
}

.width90p {
	width: 90% !important;
}

.pr-4 {
	padding-right: 4px !important;
}

.pr-5 {
	padding-right: 5px !important;
}

.pl-5 {
	padding-left: 5px !important;
}

.bg-orange {
	background-color: #FDBC49 !important;
}

.text-orange {
	color: #FDBC49 !important;
}

.btn-orange {
	background-color: #FDBC49 !important;
	color: black !important;
	border: none !important;
}

.btn-orange:hover {
	box-shadow: 0 0 11px #FDBC49;
}

.nav>li>a.route-nav {
	color: #fff !important;
}

.nav>li>a.route-nav:hover {
	background-color: #000 !important;
	color: #fff !important;
}

.nav>li>a.active {
	background-color: #000 !important;
	color: #fff !important;
	text-decoration: none !important;
}

.float-none {
	float: none;
}

.mapWidth-static {
	width: calc(100vw - 400px);
}

.mr-30 {
	margin-right: 30px;
}

.pr-25 {
	padding-right: 25px !important;
}

.no-bullets {
	list-style-type: none;
}

.btn-cross {
	position: absolute;
	top: 0;
	right: 0;
}

.drag-icon {
	position: absolute;
	left: 5px;
	top: 10px;
}

.skin-black .form-control .pickme-input-field:focus {
	/* border-left: 1px solid #FDBC49 !important */
	border-color: transparent !important;
}

.text-darkGray {
	color: gray !important;
}

.textInfoWindow {
	background-color: #000 !important;
	border: none !important;
	overflow: hidden !important;
}

.mt-12 {
	margin-top: 12px !important;
}

.w-10p {
	width: 10% !important;
}

.w-8p {
	width: 8% !important;
}

.pickmeLabel {
	width: 55px !important;
	margin-left: 5px !important;
	font-size: 70% !important;
	font-weight: normal !important;
}

.btn-clear-red.disabled {
	background: transparent;
	color: #ccc;
	border: 1px solid #ccc;
}

.pickmeDropdown {
	min-width: 250px !important;
	background-color: black !important;
}

.text-underline {
	text-decoration: underline;
}

.text-line {
	background-color: transparent;
	color: #eeeeee;
	outline: none;
	outline-style: none;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: solid #eeeeee 1px;
	padding: 3px 10px;
}

.popover-custom {
	background-color: black !important;
	top: 115px !important;
	left: auto !important;
	right: 20px !important;
	min-width: 400px;
}

.popover-custom .divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #333 !important;
	margin-bottom: 5px;
}

.popover-custom .switcher-label {
	width: 100px !important;
}

.mb-m7 {
	margin-bottom: -7px !important;
}

.ml-30 {
	margin-left: 30px !important;
}

.popoverDivider {
	margin-top: 0 !important;
	border-top: 1px solid #333 !important;
}

.bt-333 {
	border-top: 1px solid #333 !important;
}

.popover-custom.bottom .arrow {
	visibility: hidden !important;
}

.btn-popoverClose {
	background-color: #000;
	border-color: #000;
	color: #fff;
	padding-left: 15px !important;
	padding-right: 15px !important;
	/* border-radius: 0 !important; */
	position: absolute;
	right: 0;
}

.btn-float {
	position: absolute;
	bottom: 10px;
	right: 20px;
}

.wh-50 {
	width: 50px;
	height: 50px;
}

/* .list-ic div {
  color: #333;
  display: inline-block;
  text-decoration: none;
  margin-left: 10px;
}
.list-ic div small{
  color: #787878;
}
.list-ic li {
  position: relative;
}
.list-ic li span {
  display: inline-block;
  font-weight: 800;
  width: 10px;
  height: 10px;
  border: 2px solid #333;
  text-align: center;
  line-height: 6px;
  border-radius: 50%;
  background-color: #333;
  position: relative;
}
.list-ic li:first-child span {
  border: 1px solid #333;
  border-radius: 50%;
  background-color: #fff;
}
.list-ic li:last-child span {
  border: 1px solid #000;
  border-radius: 3px;
  background-color: #fff;
}
.list-ic li::before {
  content: '';
  position: absolute;
  background: #333;
  z-index: 0;
}

.list-ic.vertical {
  padding: 0;
  margin: 0;
}
.list-ic.vertical li {
  list-style-type: none;
  text-align: left;
}
.list-ic.vertical li span {
  margin: 15px 0 15px 0;
}
.list-ic.vertical li::before {
  top: -20px;
  left: 4px;
  width: 2px;
  height: 40px;
}
.list-ic li:first-child::before {
  display: none;
}
.list-ic .active {
  background: dodgerblue;
}
.list-ic .active ~ li {
  background: lightblue;
}
.list-ic .active ~ li::before {
  background: lightblue;
} */
.renameRoute-popover {
	top: 85px !important;
	left: 100px !important;
	background-color: #333 !important;
	max-width: 410px !important;
	width: 410px;
}

.renameRoute-popover.bottom>.arrow {
	top: -11px;
	left: 30%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}

.rename-popover {
	top: 55px !important;
	left: 850px !important;
	background-color: #333 !important;
	max-width: 410px !important;
	width: 410px;
}

.rename-popover.bottom>.arrow {
	top: -11px;
	left: 30%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}

.renameRoute-popover.bottom>.arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #333;
}

/* .renameRoute-popover.bottom.arrow{
	background-color: #000 !important;
} */
.mr-30 {
	margin-right: 30px;
}

.bachgroud-color-schedule-div {
	margin-top: 100px;
	background-color: white;
	margin-left: 10PX;
	margin-right: 10PX;
	height: 60%;
}

.btn-add-time {
	background-color: #f9f9f9;
	color: orange;
}

.background-color-AMPM-orange {
	background-color: #ff8000;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.background-color-AMPM-gray {
	background-color: #c0c0c0;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.span-hourMin {
	background-color: #80808021;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ml-3m {
	margin-left: -3px;
}

#navbar {
	overflow: hidden;
	background-color: #ff9800bf;
	width: 100%;
	height: 40px;
	position: fixed;
	z-index: 1;
}

.arrow-left-icon {
	color: white;
	margin-left: 35px;
	margin-top: 6px;
	font-size: 26px;
}

.back-color-gray {
	height: 86.1vh;
	background-color: #b2b2b230 !important;
	margin-top: 40px;
}

.back-color-white {
	background-color: #ffffff;
}

.ml-0 {
	margin-left: 0px !important;
}

.btn-wh {
	width: 100% !important;
	height: 60PX !important;
	/*  background-color: #ececec !important; */
}

.btn-wh-active {
	width: 100% !important;
	height: 60PX !important;
	/*  background-color: #ff0000!important; */
}

.mt-5m {
	margin-top: -5px !important;
}

.mt-6m {
	margin-top: -6px !important;
}

.mt-35 {
	margin-top: 35px !important;
}

.btn-border-right-none {
	border-right: none !important;
}

.back-color-height {
	height: 100vh;
	background-color: #b2b2b2;
}

.vertical-line {
	margin-top: 10px;
	border: 1px solid #dddddd;
	float: left;
	/* max-height: 500px; */
	margin-left: 298px;
	z-index: 1;
	position: absolute;
	left: -43px;
	top: 321px;
	height: 27.5vh;
	overflow: auto;
}

.btn-active-red {
	background-color: #f9f9f9 !important;
}

.btn-active {
	background-color: #ececec;
	margin-right: 0px;
}

.btn-active.active {
	background-color: #f9f9f9 !important;
	margin-right: 0px;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.text-center {
	text-align: center !important;
}

.button-outline {
	border: 1px solid black;
	background-color: white;
	color: black;
	padding: 9px 40px;
	font-size: 16px;
	cursor: pointer;
}

/* Red */
.button-border-danger {
	border-color: #f44336;
	color: red;
	background-color: white;
}

#panelID.panel-body {
	padding: 0px !important;
}

.btn-edit-schedule {
	position: absolute;
	bottom: 15px;
	right: 15px;
}

.bottom-2-8 {
	position: absolute;
	bottom: 2px;
	right: 8px;
}

.width-330 {
	width: 330px !important;
}

.width-370 {
	width: 370px !important;
}

.input-ruppes {
	position: relative;
}

.input-km {
	position: relative;
}

.input-ruppes.left input {
	padding-left: 25px;
	width: 65px;
}

.input-km.right input {
	padding-right: 25px;
	text-align: end;
	width: 65px;
}

.input-ruppes:before {
	position: absolute;
	top: 0;
	content: "Rs.";
}

.input-km:before {
	position: absolute;
	top: 0;
	content: " km";
}

.input-ruppes.left:before {
	left: 5px;
}

.input-km.right:before {
	right: 5px;
}

.width-25 {
	width: 25px !important;
}

.width-35 {
	width: 35px !important;
}

.ml-8m {
	margin-left: -8px;
}

.AMPM-background-color {
	background-color: #fdbc49;
}

.color-black {
	color: black !important;
}

.popover-close-icon {
	background-color: red;
	border: none;
	border-right: 1px solid red;
}

.booking-rules-div {
	height: 50px;
	margin-left: 20px;
	margin-right: 73px;
	margin-top: 10px;
	/* text-align: center; */
	background: #f2f2f2;
	padding-top: 4px;
	/* vertical-align: middle; */
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-left: 10px;
}

.ml-auto {
	margin-left: auto !important;
}

.ml-20 {
	margin-left: 20px !important;
}

.width-15p {
	width: 15% !important;
}

.width-18p {
	width: 18% !important;
}

.wpl-4p8 {
	width: 4% !important;
	padding-left: 8px;
}

.width-40p {
	width: 40%;
}

.width-55pt {
	width: 55%;
}

.btn-ampm {
	width: 35px;
	padding-left: 3px;
	padding-bottom: 3px;
	padding-top: 3px;
}

#customCheckbox [type="checkbox"]:not(:checked ), #customCheckbox [type="checkbox"]:checked
	{
	position: absolute;
	left: -9999px;
}

#customCheckbox [type="checkbox"]:not(:checked ) +label,
	#customCheckbox [type="checkbox"]:checked+label {
	position: relative;
	padding-left: 1.95em;
	cursor: pointer;
}

/* checkbox aspect */
#customCheckbox [type="checkbox"]:not(:checked ) +label:before,
	#customCheckbox [type="checkbox"]:checked+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 1.25em;
	height: 1.25em;
	border: 2px solid #fdbc49;
	background: #fff;
	border-radius: 4px;
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1);
}
/* checked mark aspect */
#customCheckbox [type="checkbox"]:not(:checked ) +label:after,
	#customCheckbox [type="checkbox"]:checked+label:after {
	content: '✔';
	position: absolute;
	top: .1em;
	left: .1em;
	font-size: 1.4em;
	line-height: 0.8;
	color: #222222;
	transition: all .2s;
	font-family: Helvetica, Arial, sans-serif;
	background: orange;
}
/* checked mark aspect changes */
#customCheckbox [type="checkbox"]:not(:checked ) +label:after {
	opacity: 0;
	transform: scale(0);
}

#customCheckbox [type="checkbox"]:checked+label:after {
	opacity: 1;
	transform: scale(1);
}

.Schedulepopover {
	border-color: black !important;
	background: black !important;
}

.Schedulepopover.bottom>.arrow:after {
	border-bottom-color: #000;
}

.text-color-white {
	color: white;
}

.text-color-red {
	color: red;
}

.btn-shcedule {
	position: absolute;
	right: -8px;
	top: -31px;
	background: #222222;
	color: #222222;
	border: 1px solid #222222;
}

.mt-50 {
	margin-top: 50px;
}

.container {
	width: 100%;
	display: block;
	position: relative;
	padding-left: 25px;
	margin-bottom: 1px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
.container input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	cursor: pointer;
}

/* Create a custom checkbox */
.checkmark {
	position: absolute;
	top: 0;
	left: 0;
	height: 15px;
	width: 15px;
	background-color: #fff;
	border: 1px solid orange;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
	background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.container input:checked ~ .checkmark {
	background-color: #FF9800;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.container .checkmark:after {
	left: 4px;
	top: 0px;
	width: 5px;
	height: 10px;
	border: solid #252020;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
/* .btn-active:active{
	background-color: red !important;
    margin-right: 0px;
}
.btn.btn-default:active{
	background-color: #f9f9f9 !important;
    margin-right: 0px !important;
}
 */
.animated {
	-webkit-animation-duration: .5s;
	animation-duration: .5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
	0%, 100% {
		-webkit-transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(-15px);
	}
}

@keyframes bounce {
	0%, 100% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-15px);
	}
}
.bounce {
	-webkit-animation-name: bounce;
	animation-name: bounce;
}
/* .grow{
	position: absolute;
    bottom: 15px;
    right: 15px;

	-webkit-transform: scale(1.3);
	-ms-transform: scale(1.3);
	transform: scale(1.3);
} */
.angular-with-newlines {
	white-space: pre-line;
}

/* PICKME AMIT_CSS .assetsAvailable*/
.routeUnassigned {
	position: absolute;
	/* bottom: 0; */
	right: 0;
	padding: 10px;
	background-color: #333;
}

.routeUnassigned.max-height-openFilter {
	height: calc(100vh - 375px);
	top: 375px;
	overflow-x: hidden;
	overflow-y: auto;
}

.routeUnassigned.max-height-openFilter-delivered {
	max-height: calc(100vh - 290px);
	overflow-x: hidden;
	overflow-y: auto;
}

.routeUnassigned.max-height-closedFilter {
	height: calc(100vh - 110px);
	top: 110px;
	overflow-x: hidden;
	overflow-y: auto;
}

.routeUnassigned .route-card {
	background-color: #fff;
	padding: 8px;
}

.routeUnassigned .route-card.green {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.routeUnassigned .route-card.red {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}

.routeUnassigned .routeStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.routeUnassigned .redStatus {
	color: #ed1c24;
}

.routeUnassigned .greenStatus {
	color: #11c105;
}

/* BORDERS AND BULLETS */
.routeUnassigned ul.connected {
	padding-left: 0;
	margin: 0;
	padding-top: 10px;
}

.routeUnassigned ul.connected li {
	padding-left: 30px;
	list-style: none;
	position: relative;
	margin-bottom: 0;
	padding-bottom: 10px;
	min-height: 45px;
}

.routeUnassigned ul.connected li:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 2px;
	width: 10px;
	height: 10px;
	background-color: #333;
	border-radius: 50%;
}

.routeUnassigned ul.connected li:first-child:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 3px;
	width: 10px;
	height: 10px;
	background-color: #11c105;
	border: 1px solid #333;
	border-radius: 50%;
}

.routeUnassigned ul.connected li:last-child:after {
	content: "";
	position: absolute;
	left: 0px;
	top: 3px;
	width: 10px;
	height: 10px;
	background-color: #ff0000;
	border: 1px solid #333;
	border-radius: 0;
}

.routeUnassigned ul.connected li:before {
	content: "";
	position: absolute;
	left: 4px;
	border-left: 2px dotted #333;
	height: 120%;
	width: 1px;
}

.routeUnassigned ul.connected li:first-child:before {
	top: 6px;
}

.routeUnassigned ul.connected li:last-child:before {
	height: 6px;
}

.routeUnassigned .divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #ddd !important;
	margin-bottom: 5px;
}

.max-heigt-47vh {
	max-height: 47vh;
	overflow-y: auto;
}

.max-heigt-31vh {
	max-height: 31vh;
	overflow-y: auto;
}

.max-heigt-42vh {
	max-height: 42vh;
	overflow-y: auto;
}

.max-heigt-63vh {
	max-height: 63vh;
	overflow-y: auto;
}

.heigt-71vh {
	height: 71vh;
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-55vh {
	max-height: 55vh;
	overflow-y: auto;
}


.bg-white {
	background-color: #fff !important;
}

.storeMapping-panel {
	position: absolute;
	top: 0;
	right: 30px;
	padding: 0;
	background-color: transparent;
}

.addStore-btn {
	position: absolute;
	float: right;
	bottom: -28px;
	right: 20px;
}

.storeMapping-panel .btn-top-right {
	position: absolute;
	top: 0px;
	right: 0;
}

.storeMapping-panel .close-position {
	right: 0;
	float: none;
	padding: 5px;
	position: absolute;
}

.storeMapping-panel .createGrid-label {
	display: inline-block;
	position: relative;
	top: 7px;
}

.storeMapping-panel .status-position {
	position: relative;
	right: 50%;
}

.max-height-gridList {
	max-height: calc(100vh - 224px);
	overflow-y: auto;
}

.maxHeight-290iOS {
	max-height: calc(100vh - 290px);
	overflow-y: auto;
}

@media ( min-width : 768px) {
	.modal-sm {
		width: 300px;
	}
}

.modal-dark>.modal-content {
	background-color: #000;
	color: #fff;
}

.width-12p {
	width: 12% !important;
}

.point-icon {
	position: absolute;
	left: -25px;
	top: 10px;
}

.point-icon-waypoint {
	position: absolute;
	left: -21px;
	top: 12px;
}

.custMargin {
	margin: 10px 10px 10px 15px !important;
}

.width-60 {
	width: 60px !important;
}

.text-italic {
	font-style: italic !important;
}

.ml-9 {
	margin-left: 9px !important;
}

.route-statusModal.green>.modal-content {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.route-statusModal.red>.modal-content {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}

.bg-selected {
	background-color: #f9f9f9;
}

.bg-selected-dark {
	background-color: #eee;
}

.jobsAvailable .jobstatus {
	padding: 2px 8px;
	font-size: 10px;
}

.jobsAvailable .jobstatus.statusRed {
	background: #ed1c24;
	color: white;
}

.jobsAvailable .jobstatus.statusGreen {
	background: #11c105;
	color: white;
}

.interconnected ul.connected {
	padding-left: 0;
	margin: 0;
}

.interconnected ul.connected li {
	padding-left: 40px;
	list-style: none;
	position: relative;
	margin-bottom: 0;
	border-bottom: 1px solid #eee;
	padding-top: 10px;
}

.interconnected ul.connected li:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	height: 10px;
	background-color: #333;
	border-radius: 50%;
}

.interconnected ul.connected li.green:after {
	content: "✔";
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	font-size: 8px;
	color: #fff;
	padding-left: 2px;
	height: 10px;
	background-color: #11c105;
	border-radius: 50%;
}

.interconnected ul.connected li.green:first-child:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid #11c105;
	border-radius: 50%;
}

.interconnected ul.connected li.green:last-child:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid #11c105;
	border-radius: 0;
}

.interconnected ul.connected li:first-child:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	height: 10px;
	background-color: #11c105;
	/*   border: 1px solid #333; */
	border-radius: 50%;
}

.interconnected ul.connected li:last-child:after {
	content: "";
	position: absolute;
	left: 16px;
	top: 13px;
	width: 10px;
	height: 10px;
	background-color: #c10505;
	/*   border: 1px solid #333; */
	border-radius: 0;
}

.interconnected ul.connected li:before {
	content: "";
	position: absolute;
	left: 20px;
	border-left: 2px dotted #333;
	height: 100%;
	width: 1px;
}

.interconnected ul.connected li:first-child:before {
	top: 20px;
}

.interconnected ul.connected li:last-child:before {
	height: 6px;
}

.left-20m {
	left: -20px !important;
}

.inputKm-position {
	position: relative;
}

.inputKm-position:before {
	position: absolute;
	top: 25%;
	content: "kms.";
	right: 5%;
	color: #646464;
}

.inputMin-position {
	position: relative;
}

.inputMin-position:before {
	position: absolute;
	top: 25%;
	content: "mins.";
	right: 5%;
	color: #646464;
}

.no-border-bottom {
	border-bottom: none !important;
}

.mlt-duplicate-icon {
	margin-left: 15%;
	margin-top: -9px;
}

.btn-delete {
	top: 0;
}

.bg-dark {
	background-color: #333 !important;
}

.bg-darkgrey {
	background-color: #666 !important;
}

.infoLabel:before {
	display: none !important;
}

.mt-12 {
	margin-top: 12px !important;
}

.mt-13 {
	margin-top: 13px !important;
}

.w-10p {
	width: 10% !important;
}

.cursor-event-not-allowed {
	pointer-events: none;
}

.cursor-not-allowed {
	cursor: not-allowed;
}

.startStop-icon {
	position: absolute;
	left: 5px;
	top: 3px;
}

.popoverClose {
	position: absolute;
	right: 5px;
	top: 0;
}

.fs10 {
	font-size: 10px !important
}

.m4 {
	margin: 4px !important
}

.hideOverflow {
	overflow: hidden !important;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap
	{
	padding: 3px 3px 0px 3px !important;
	border: 1px solid;
	border-color: transparent;
	height: 42px !important;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap>div
	{
	display: inline-flex;
	width: 100%;
	overflow: auto;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap>div>span
	{
	display: inline-flex;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap .ui-select-match-item
	{
	outline: 0;
	margin: 0;
	display: inline-block;
	border-radius: 25px;
	padding: 6px 10px 6px 10px;
	width: max-content;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap .ui-select-match-item span {
	padding: 0 20px 0 0;
}


.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap input.ui-select-search
	{
	width: auto !important;
	display: inline-flex;
	margin: 6px 0 6px 6px;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar-track
	{
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	border-radius: 10px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar
	{
	width: 7px;
	height: 7px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

.skin-black .rolesNoperations-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar-thumb
	{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgba(85, 85, 85, 1);
}

.width-23p {
	width: 23% !important;
}

.inst-divGreen {
	background-color: rgba(0, 170, 0, 0.3);
	padding: 6px 12px;
	border: 2px solid rgb(0, 170, 0);
	border-radius: 7px;
	color: rgba(0, 140, 0, 1);
	text-align: center;
}

.inst-divWarn {
	background-color: rgba(240, 173, 78, 0.3);
	padding: 6px 12px;
	border: 2px solid rgb(240, 173, 78);
	border-radius: 7px;
	color: rgba(240, 173, 78, 1);
	text-align: center;
}

.width-50 {
	width: 50px !important;
}

.ph-6 {
	padding-left: 6px !important;
	padding-right: 6px !important;
}

.pr-35 {
	padding-right: 35px !important;
}

.renameBtnRow {
	margin: 10px 0 0 0 !important;
}

.maxWidth200 {
	max-width: 200px !important;
}

.routeName-margin {
	margin: 10px 7px 0 !important;
}

.timeSlot-span {
	margin-left: 8px;
	font-family: initial;
	color: black;
}

.width-350 {
	width: 350px !important;
}

/** Smart Table Fixed Header Footer **/
.lazyloading>table {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: calc(100vh - 75px); /* this can vary */
}

.lazyloading>table * {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.lazyloading>table>thead {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.lazyloading>table>tbody {
	overflow-y: scroll;
	display: block;
}

.lazyloading>table>thead>tr, .lazyloading>table>tbody>tr, .lazyloading>table>tfoot>tr
	{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.lazyloading thead, tfoot {
	flex-shrink: 0;
}

.lazyloading th, .lazyloading tbody td {
	width: 20%; /* this can vary */
	overflow-x: hidden;
	text-overflow: ellipsis;
	display: inline-block;
}

.lazyloading tfoot {
	display: inline-block;
}

.lazyloading tfoot td {
	width: 100%;
	display: inline-block;
}

.schedule-input {
	min-width: 40px;
	max-width: 40px;
	text-align: center;
	padding: 5px;
}

.schedule-input.left {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.schedule-input.right {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.schedule-text {
	padding: 4px !important;
	background-color: transparent !important;
	border-color: transparent !important;
}

.schedule-text.right {
	background-color: #f2f2f2 !important;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.schedule-text.left {
	background-color: #f2f2f2 !important;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.width-45 {
	width: 45px !important;
}

.min-width-150 {
	min-width: 150px;
}

.min-width-15p{
	min-width: 15% !important;
}

.wayPointField.form-control[disabled] {
	cursor: default !important;
}

.invalid-input {
	border: 1px solid red;
}

.pad-10-5-0 {
	padding: 10px 5px 0 !important;
}

.infoWinDark {
	background-color: #333;
	position: absolute;
	width: 250px;
	/*top: 15px;
   right: 15px;*/
	padding: 20px 0;
	border-radius: 3px;
}

.infoWinDark .size {
	padding: 0 10px;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}

.infoWinDark .close-btn {
	position: absolute;
	top: -8px;
	right: -6px;
	z-index: 1;
}
/*.jobInfoWin:before{
   content: "";
   position: absolute;
   right: 45%;
   top: -10px;
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 0 10px 10px 10px;
   border-color: transparent transparent white transparent;
}*/

/* For Arrow Bottom */
.infoWinDark:before {
	content: "";
	position: absolute;
	right: 45%;
	top: 100%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 10px 10px;
	border-color: #333 transparent transparent transparent;
}
/* .marker-info-content:hover, .marker-info-content:active{
	background-color: #444;
} */
.dashed-divider-top {
	border-top: 1px dashed #ccc;
	margin-top: 5px;
	padding-top: 5px;
}

.route-card .jobStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.route-card .jobStatus.statusRed {
	background: #ed1c24;
	color: white;
}

.route-card .jobStatus.statusGreen {
	background: #11c105;
	color: white;
}

.line-height-1_4 {
	line-height: 1.4 !important;
}
.line-height-1_7 {
	line-height: 1.7 !important;
}
.line-height-2 {
	line-height: 2 !important;
}
.routePointName-94p {
	width: 94%;
	position: relative;
	top: 3px;
}

/*  Newly added below */
.storeMappingDate-dropdown {
	position: inherit;
	min-width: 280px;
	left: -280px;
	float: right;
}

@media ( max-width : 768px) {
	.storeMappingDate-dropdown {
		position: inherit;
		min-width: 280px;
		left: 0;
		float: right;
	}
}

/* Amit Ends */
.legendSpanMargin {
	margin-left: 1%;
	margin-right: 3%;
}
/* .text-danger{
	color: #d9534f !important;
} */
#chart_div.withMap.google_chart_class {
	width: 88vw;
	height: 60vh;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

#chart_div_modal.withMap.google_chart_class {
	width: 75vw;
	height: 60vh;
	overflow: auto;
	margin-left: auto;
	margin-right: auto;
}

.skin-black .searchNfilterDark {
	position: absolute;
	top: 110px;
	right: 10px;
	background-color: #333;
	color: #fff;
}

.skin-black .searchNfilterDark>.collapse-btn {
	position: absolute;
	width: 35px;
	height: 35px;
	top: -40px;
	right: 10px;
	background-color: #ed1c24 !important;
	color: #fff;
	padding: 6px 10px;
	border-radius: 50%;
}

.skin-black .searchNfilterDark .btn.job-status-btn {
	background-color: transparent;
	box-shadow: none;
	width: 70px;
	white-space: normal;
	vertical-align: top;
}

.skin-black .searchNfilterDark .btn.job-status-btn>.btn-outer {
	background-color: transparent;
	width: 50px;
	height: 50px;
	padding: 3px;
	border-radius: 50% 5px 50% 50%;
}

.skin-black .searchNfilterDark .btn.job-status-btn.active>.btn-outer {
	background-color: #ed1c24 !important;
}

.skin-black .searchNfilterDark .btn.job-status-btn>.btn-outer>.btn-inner
	{
	background-color: transparent;
	border: 2px solid;
	border-color: #ed1c24 !important;
	border-radius: 50%;
	padding: 3px 0;
	width: 44px;
	height: 44px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.skin-black .searchNfilterDark .btn.job-status-btn.active>.btn-outer>.btn-inner
	{
	background-color: #fff;
	border: 0px solid;
	border-color: #ed1c24 !important;
	/* -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px; */
}

.skin-black .searchNfilterDark .btn.job-status-btn>.legend-text {
	color: #f2f2f2;
	font-size: 11px;
}

.skin-black .searchNfilterDark .divider-top, .skin-black .searchNfilterDark .divider-bottom
	{
	border-top-color: #666 !important;
	border-bottom-color: #666 !important;
}

.input-fieldDark.ui-select-multiple.ui-select-bootstrap {
	padding: 4px 12px 4px 12px !important;
	border: 1px solid;
	border-color: transparent;
}

.input-fieldDark, .input-fieldDark.form-control {
	background-color: #505050;
	border: 1px solid #6e6e6e !important;
	box-shadow: none;
}

.skin-black .searchNfilterDark .input-fieldDark:focus {
	background-color: #505050 !important;
	border-color: #ed1c24 !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.skin-black .assetHeatmap-multiple.jobStatus-ui.ui-select-multiple.ui-select-bootstrap
	{
	width: 262px !important;
}

.skin-black .assetHeatmap-multiple.jobStatus-ui.ui-select-multiple.ui-select-bootstrap>div
	{
	width: 255px;
}

.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-bootstrap>.ui-select-choices,
	.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-bootstrap>.ui-select-no-choice
	{
	background-color: #505050 !important;
}

.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-bootstrap .ui-select-choices-row.active>span,
	.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-bootstrap .ui-select-choices-row:hover,
	.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-bootstrap .ui-select-choices-row>span:focus,
	.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-bootstrap .ui-select-choices-row>span:hover
	{
	background-color: #757575 !important;
}

.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn.btn-default
	{
	background-color: #707070;
	color: #f2f2f2;
	border-color: #999;
	border-bottom-color: #999;
}

.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn.btn-default:hover,
	.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn.btn-default:active,
	.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-multiple.ui-select-bootstrap .ui-select-match-item.btn.btn-default.hover
	{
	background-color: #999 !important;
}

.text-light {
	color: #f2f2f2;
}

.pt-pb-1px {
	padding-top: 1px;
	padding-bottom: 1px;
}

.width-25pc {
	width: 25% !important;
}

.wh-routeDashboard {
	width: 33px !important;
	height: 31px !important;
}

.hierarchy .selectize-input {
	padding: 0px 12px !important;
}

.hierarchy .selectize-input>input {
	padding: 7px 0 !important;
}

.chip {
	display: inline-block;
	padding: 0 25px;
	height: 30px;
	line-height: 30px;
	border-radius: 25px;
	background-color: #f1f1f1;
	margin: 2px;
}

.nav>li>a.scheduling-nav {
	color: #eeeeee !important;
}

.nav>li>a.scheduling-nav:hover {
	background-color: #eeeeee !important;
	color: #01b9f5 !important;
}

.nav>li>a.scheduling-nav.active {
	background-color: #eeeeee !important;
	color: #01b9f5 !important;
	text-decoration: none !important;
}
/* #floating-panel {
  background-color: #fff;
  border: 1px solid #999;
  left: 40%;
  padding: 5px;
  position: absolute;
  top: 10px;
  z-index: 5;
} */
.btn.settings-btn {
	background-color: transparent;
	box-shadow: none;
	white-space: normal;
	vertical-align: top;
}

.btn.settings-btn>.btn-outer {
	background-color: #ddd;
	width: 50px;
	height: 50px;
	padding: 3px;
	border-radius: 50%;
	display: table;
}

.btn.settings-btn.active>.btn-outer {
	background-color: #ed1c24 !important;
}

.btn.settings-btn>.btn-outer>.btn-inner {
	background-color: #f2f2f2;
	border-radius: 50%;
	padding: 0 0;
	width: 44px;
	height: 44px;
	display: table-cell;
	vertical-align: middle;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.btn.settings-btn.active>.btn-outer>.btn-inner {
	background-color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
}

.settingsPanel {
	position: absolute;
	border-radius: 4px;
	background-color: #ffffff;
}

.settingsPanel.top-left {
	top: 105px;
	left: 100px;
}

.settingsPanel.bottom-left {
	bottom: 5px;
	left: 55px;
}

.settingsPanel .collapse-btn {
	position: absolute;
	/*  width: 35px; */
	height: 35px;
	top: -40px;
	left: 0px;
	background-color: #ed1c24 !important;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	/*  -webkit-transition: all 0.2s; Safari
    transition: all 0.2s; */
}

.settingsPanel .collapse-btn.moveClose {
	top: -25px;
	left: 88%;
	-webkit-transition: all 0.2s; /* Safari */
	transition: all 0.2s;
}

.settingsPanel .collapse-btn:hover {
	/*  width: 100px; */
	-webkit-transition: all 0.2s; /* Safari */
	transition: all 0.2s;
}

.max-height-175 {
	max-height: calc(100vh - 175px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-260 {
	max-height: calc(100vh - 260px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-500 {
	max-height: calc(100vh - 500px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-350 {
	max-height: calc(100vh - 350px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-175 {
	height: calc(100vh - 175px);
	overflow-x: hidden;
	overflow-y: auto;
}

@media screen and (max-width: 767px) {
	.floating-submenu {
		position: relative;
		/* top: 0px; */
		right: 0;
		width: 100%;
		margin: 0 !important;
		height: auto;
		background-color: #414141 !important;
		border-radius: 3px;
		padding-left: 0px;
		list-style: none;
	}
	.icon-position.icon-transform {
		transform: rotate(90deg);
		-webkit-transition: all 0.2s ease;
		transition: all 0.2s ease;
	}
}

.info-popup {
	background: #444;
	padding: 3px 8px;
	border-radius: 4px;
	position: relative;
	left: -20px;
}

.routeDetail-point-icon-waypoint {
	position: absolute;
	right: -6px;
	top: 12px;
}

.routeDetail-point-icon {
	position: absolute;
	right: 13px;
	top: 10px;
}

.list-btn-floating {
	position: absolute;
	top: 65px;
	right: 10px;
	background-color: #ed1c24 !important;
	color: #fff;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	padding-top: 6px;
}

.rating {
	/* font-size: 30px; */
	margin: 0;
	padding: 0;
	display: inline-block;
}

.rating li {
	padding: 1px;
	color: #ddd;
	font-size: 20px;
	/* text-shadow: .05em .05em #aaa; */
	list-style-type: none;
	display: inline-block;
	cursor: pointer;
}

.rating li.filled {
	color: #fd0;
}

.rating.readonly li.filled {
	color: #666;
}

.average-rating-container {
	position: relative;
	height: 25px;
	width: 103px;
	overflow: hidden;
	display: inline-block;
}

.average-rating-container .background, .average-rating-container .foreground
	{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	white-space: nowrap;
}

.addressPanel {
	width: 400px;
	position: absolute;
	background-color: #fff;
	padding: 10px 0;
	border-radius: 4px;
}

.marketPanel {
	position: absolute;
	border-radius: 4px;
	background-color: #ffffff;
}

.marketPanel.top-left {
	top: 65px;
	left: 100px;
}

.marketPanel.top-right {
	top: 65px;
	right: 10px;
}

.marketPanel.bottom-left-closed {
	bottom: 0px;
	left: 150px;
}

.marketPanel.bottom-left-open {
	bottom: 0px;
	left: 420px;
}

.marketPanel .collapse-btn {
	position: absolute;
	/*  width: 35px; */
	height: 35px;
	top: -40px;
	left: 0px;
	background-color: #ed1c24 !important;
	color: #fff;
	padding: 6px 10px;
	border-radius: 4px;
	/*  -webkit-transition: all 0.2s; Safari
    transition: all 0.2s; */
}

.marketPanel .collapse-btn.moveClose {
	top: -25px;
	left: 88%;
	-webkit-transition: all 0.2s; /* Safari */
	transition: all 0.2s;
}

.addressPanel.top-left {
	top: 65px;
	left: 100px;
}

.addressPanel.top-right {
	top: 65px;
	right: 10px;
}

.addressPanel.bottom-left {
	bottom: 0px;
	left: 155px;
}

.addressPanel-text.right {
	background-color: #f2f2f2 !important;
	border-radius: 0;
	border: none;
}

.max-height-275 {
	max-height: calc(100vh - 275px);
	overflow-y: auto;
	overflow-x: hidden;
}

.bg-lightGrey {
	background-color: #f9f9f9 !important;
}

.text-green {
	color: #18b300 !important;
}

.text-red {
	color: #ed1c24;
}

.select-item {
	background: #eee;
	padding: 10px 10px 0 15px;
}

.select-item:hover {
	background: #f2f2f2;
	padding: 10px 10px 0 15px;
}

.btn.btn-theme-toggle {
	color: #ed1c24 !important;
	background-color: #fff;
	border-color: #ed1c24 !important;
}

.btn.btn-theme-toggle>svg.toggle-theme {
	fill: #ed1c24 !important;
}

.btn.btn-theme-toggle[disabled] {
	/* color: #ccc; */
	background-color: #ddd !important;
	border-color: #ddd !important;
	color: #666;
}

.btn.btn-theme-toggle[disabled]>svg.toggle-theme, .btn.btn-theme-toggle[disabled].active>svg.toggle-theme
	{
	fill: #666 !important;
}

.btn.btn-theme-toggle[disabled].active {
	background-color: #ddd;
	border-color: #ed1c24 !important;
	color: #666;
	opacity: 0.4;
}

.btn.btn-theme-toggle:hover, .btn.btn-theme-toggle:active, .btn.btn-theme-toggle.active
	{
	color: #fff !important;
	border-color: #ed1c24 !important;
	background-color: #ed1c24 !important;
}

.btn.btn-theme-toggle:hover>svg.toggle-theme, .btn.btn-theme-toggle:active>svg.toggle-theme,
	.btn.btn-theme-toggle.active>svg.toggle-theme {
	fill: #fff !important;
}

.skin-black .assetHeatmap-multiple.input-fieldDark.ui-select-multiple.ui-select-bootstrap input.ui-select-search
	{
	width: 100% !important;
	display: inline-flex;
	margin: 6px 0 6px 6px;
	color: #fff;
}

.routeDetails-waypoint {
	position: absolute;
	left: 17px;
	top: 5px;
}

.max-heigt-50vh {
	max-height: 50vh;
	overflow-y: auto;
}

.rider-avail-status {
	position: absolute;
	top: 63px;
	right: 218px;
	border-radius: 25px;
	padding: 5px 15px;
	color: #fff;
	line-height: 1;
	width: 140px;
}

.rider-avail-status.theme {
	background-color: #ed1c24 !important;
}

.rider-avail-status.now {
	background-color: #49CF40 !important;
}

.rider-avail-status.no {
	background-color: #ed1c24 !important;
}

.rider-avail-status.dark {
	background-color: #333 !important;
}

.rider-avail-status.light {
	background-color: #fff !important;
	color: #333 !important;
}

.fancytree-container {
	border: none !important;
}

ul.fancytree-container {
	font-family: 'Roboto', sans-serif !important;
}

.fancytree-treefocus span.fancytree-active span.fancytree-title {
	color: #000;
	background-color: #3875D7;
}

span.fancytree-active span.fancytree-title, span.fancytree-focused span.fancytree-title,
	span.fancytree-title, .fancytree-plain span.fancytree-title,
	.fancytree-plain span.fancytree-node:hover span.fancytree-title, span.fancytree-selected span.fancytree-title
	{
	outline: 0 !important;
	border: none !important;
	background-color: #fff !important;
	position: relative;
	top: -4px;
}

span.fancytree-selected span.fancytree-checkbox {
	color: #ed1c24 !important;
}

.hierarchy-switcher .switcher-label {
	width: auto;
	font-weight: 500;
	font-size: 14px;
	color: #aaa;
}

.max-width-300 {
	max-width: 300px;
}

.max-width-325 {
	max-width: 325px;
}

.max-width-200 {
	max-width: 200px;
}

.max-width-230 {
	max-width: 230px;
}

.max-width-180 {
	max-width: 180px;
}

/* Multi Switcher Start */
.switch-toggle a {
	display: none;
}

@media only screen {
	.switch-toggle {
		position: relative;
		display: block;
		padding: 0 !important;
	}
	.switch-toggle::after {
		clear: both;
		content: '';
		display: table;
	}
	.switch-toggle *, .switch-toggle *:before, .switch-toggle *:after {
		box-sizing: border-box;
	}
	.switch-toggle a {
		display: block;
		outline: none !important;
		transition: all 0.2s ease-out;
	}
	.switch-toggle label, .switch-toggle>span {
		line-height: normal;
	}
	.switch-toggle input:focus ~ span a, .switch-toggle input:focus+label {
		outline-width: 2px;
		outline-style: solid;
		outline-color: Highlight;
		outline: none !important;
	}
}

@media only screen and (-webkit-min-device-pixel-ratio: 0) {
	.switch-toggle input:focus ~ span a, .switch-toggle input:focus+label {
		outline-color: -webkit-focus-ring-color;
		outline-style: auto;
		outline: none !important;
	}
}

@media only screen {
	.switch-toggle input {
		position: absolute;
		left: 0;
		opacity: 0;
	}
	.switch-toggle input+label {
		position: relative;
		z-index: 2;
		display: block;
		float: left;
		padding: 8px 0.5em;
		margin: 0 !important;
		text-align: center;
	}
	.switch-toggle a {
		position: absolute;
		top: 0;
		left: 0;
		padding: 0;
		z-index: 1;
		width: 10px;
		height: 100%;
		outline: none;
	}
	.switch-toggle label:nth-child(2):nth-last-child(4), .switch-toggle label:nth-child(2):nth-last-child(4)
		 ~ label, .switch-toggle label:nth-child(2):nth-last-child(4) ~ a {
		width: 50%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(4) ~ input:checked:nth-child(3)+label
		 ~ a {
		left: 50%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(6), .switch-toggle label:nth-child(2):nth-last-child(6)
		 ~ label, .switch-toggle label:nth-child(2):nth-last-child(6) ~ a {
		width: 33.33%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(3)+label
		 ~ a {
		left: 33.33%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(6) ~ input:checked:nth-child(5)+label
		 ~ a {
		left: 66.66%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(8), .switch-toggle label:nth-child(2):nth-last-child(8)
		 ~ label, .switch-toggle label:nth-child(2):nth-last-child(8) ~ a {
		width: 25%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(3)+label
		 ~ a {
		left: 25%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(5)+label
		 ~ a {
		left: 50%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(8) ~ input:checked:nth-child(7)+label
		 ~ a {
		left: 75%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(10), .switch-toggle label:nth-child(2):nth-last-child(10)
		 ~ label, .switch-toggle label:nth-child(2):nth-last-child(10) ~ a {
		width: 20%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(3)+label
		 ~ a {
		left: 20%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(5)+label
		 ~ a {
		left: 40%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(7)+label
		 ~ a {
		left: 60%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(10) ~ input:checked:nth-child(9)+label
		 ~ a {
		left: 80%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(12), .switch-toggle label:nth-child(2):nth-last-child(12)
		 ~ label, .switch-toggle label:nth-child(2):nth-last-child(12) ~ a {
		width: 16.6%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(3)+label
		 ~ a {
		left: 16.6%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(5)+label
		 ~ a {
		left: 33.2%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(7)+label
		 ~ a {
		left: 49.8%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(9)+label
		 ~ a {
		left: 66.4%;
	}
	.switch-toggle label:nth-child(2):nth-last-child(12) ~ input:checked:nth-child(11)+label
		 ~ a {
		left: 83%;
	}
	.switch-toggle.switch-candy {
		background-color: #f2f2f2;
		border-radius: 3px;
		border: 1px solid #ddd;
	}
	.switch-toggle.switch-candy label {
		color: #999;
		font-weight: bold;
		text-align: center;
	}
	.switch-candy input:checked+label {
		color: #fff;
	}
	.switch-candy a {
		border: 1px solid transparent;
		outline: none;
		border-radius: 3px;
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2), inset 0 1px 1px
			rgba(255, 255, 255, 0.45);
		background-color: #70c66b;
		background-image: linear-gradient(rgba(255, 255, 255, 0.2), transparent);
	}
	.switch-candy-theme a {
		background-color: #ed1c24 !important;
		outline: none;
	}
}

.btn.asset-status-btn {
	background-color: transparent;
	box-shadow: none;
	width: 60px;
	white-space: normal;
	vertical-align: top;
}

.btn.asset-status-btn>.btn-outer {
	background-color: transparent;
	width: 50px;
	/* height: 50px; */
	padding: 3px;
	border-radius: 3px;
}

.btn.asset-status-btn.active>.btn-outer {
	background-color: #ed1c24 !important;
}

.btn.asset-status-btn>.btn-outer>.btn-inner {
	background-color: #f2f2f2;
	border-radius: 3px;
	padding: 3px 0;
	width: 44px;
	height: 44px;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

.btn.asset-status-btn.active>.btn-outer>.btn-inner {
	background-color: #fff;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
}

.btn.asset-status-btn>.btn-outer>.legend-text {
	color: #555;
	font-size: 11px;
}

.btn.asset-status-btn.active>.btn-outer>.legend-text {
	color: #fff;
	font-size: 11px;
}

.text-color-white {
	color: #fff;
}

.flex-distribution {
	/* display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: flex-start; */
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
	align-items: flex-start;
}

.flex-distribution.space-around {
	justify-content: space-between !important;
}
.flex-distribution.space-between {
	justify-content: space-around !important;
}
.flex-distribution.flex-start {
	justify-content: flex-start !important;
}
.flex-distribution.safe {
	justify-content: safe !important;
}

.grid-btn-position {
	position: absolute;
	top: 58px;
	right: 100px;
}

.instru-success {
	background-color: rgba(17, 193, 5, 0.4);
	border: 2px solid #11c105;
	border-radius: 5px;
	padding: 5px 8px;
	margin: 10px 0px;
}

.instru-warn {
	background-color: rgba(255, 193, 7, 0.4);
	border: 2px solid #ffc107;
	border-radius: 5px;
	padding: 5px 8px;
	margin: 10px 0px;
}

.max-heigt-110 {
	max-height: calc(100vh - 110px);
	overflow-y: auto;
	overflow-x: hidden;
}

.height-110 {
	height: calc(100vh - 110px);
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-175 {
	max-height: calc(100vh - 175px);
	overflow-y: auto;
	overflow-x: hidden;
}

.marker_popup_small {
	width: auto;
	height: auto;
	background-color: black;
	right: 0px;
	bottom: 48px;
	position: relative;
	min-width: 10px;
	text-align: center;
	font-weight: bold;
	border-radius: 6.5px;
}

.max-width-85p {
	max-width: 85% !important;
}

.max-width-95p {
	max-width: 95% !important;
}

.max-width-65 {
	max-width: 65px !important;
}

.min-width-60 {
	min-width: 60px !important;
}

.mt-4 {
	margin-top: 4px !important;
}

.max-heigt-101 {
	max-height: calc(100vh - 101px);
	overflow-y: auto;
}

.input-field-light {
	background-color: #fff;
	border: 1px solid #fff;
	box-shadow: none;
}

.input-field-light:focus {
	border-color: #ed1c24 !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.speedBlock {
	position: absolute;
	float: right;
	top: -310%;
	right: 0;
	z-index: 3;
}

.btn.btnSpeed {
	width: 70px;
	color: #fff;
	background-color: #505050;
	border-color: #6e6e6e;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

.speedDiv {
	position: absolute;
	top: 55px;
	right: 25px;
}
/* .assetPlayer .rzslider .rz-bubble.rz-ceil{
	right: 22px !important;
	left: auto !important;
} */
.btn-top-right {
	top: -10px;
	position: absolute;
	right: -5px;
}

.btn.btnSpeed:hover {
	width: 70px;
	color: #fff;
	background-color: #757575;
	border-color: #757575;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

.btnSpeed.border-bottom, .btnSpeed.border-bottom:hover {
	border-bottom-width: 1px;
}

.btnSpeed .margin {
	margin: 3px 4px 2px 0;
}

.btnSpeed.padding {
	padding-left: 6px !important;
	padding-right: 4px !important;
}

.playerbox-right {
	position: absolute;
	padding: 10px;
	bottom: 10px;
	right: 25px;
	background-color: black;
	border-radius: 5px;
}

.max-heigt-66 {
	max-height: calc(100vh - 66px);
	overflow-y: auto;
}

.max-heigt-108vh {
	max-height: calc(100vh - 108px);
	overflow-y: auto;
	overflow-x: hidden;
}

.player-close {
	padding-right: 30px;
	margin-top: 7%;
	margin-bottom: 7%;
}

.player-main {
	border-right: 1px solid #505050;
	margin-top: 5px;
	margin-bottom: 5px;
}

.no-text-decoration {
	text-decoration: none !important;
}

#chartjs-tooltip {
	background-color: #000;
	color: #fff;
	border-radius: 2px;
	padding: 0px 6px !important;
}

.modal-height-172 {
	height: calc(100vh - 172px);
	overflow-x: hidden;
	overflow-y: auto;
}

.modal-maxheight-172 {
	max-height: calc(100vh - 172px);
	overflow-x: hidden;
	overflow-y: auto;
}

.btn.btn-tab-white {
	background-color: #f2f2f2;
	color: #999;
}

.btn.btn-tab-white:hover {
	background-color: #f2f2f2;
	color: #ed1c24 !important;
}

.btn.btn-tab-white:active, .btn.btn-tab-white.active {
	background-color: #fff;
	color: #333 !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-ms-box-shadow: none;
	-o-box-shadow: none;
	box-shadow: none;
}

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

.modalStatus {
	border-radius: 3px;
	color: #fff;
	font-size: 12px;
	padding: 3px 8px;
	display: inline;
}

.modalStatus.grey {
	background-color: #999;
}

.modal-data-height {
	max-height: calc(100vh - 242px);
	overflow-x: hidden;
	overflow-y: auto;
}

.filter-btn {
	position: relative;
	right: 5px;
}

.metabase .dropdown-menu:before {
	content: "";
	position: absolute;
	right: 9px;
	top: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent black transparent;
}

.top-30p {
	top: 30% !important;
}

.mt-27mp {
	margin-top: -27px;
}

/* Only Default Dista */

.bcg-login {
	background: rgba(253, 120, 38, 1);
	background: -moz-linear-gradient(-35deg, rgba(253, 120, 38, 1) 0%,
		rgba(253, 120, 38, 1) 50%, rgba(239, 63, 63, 1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253, 120,
		38, 1)), color-stop(50%, rgba(253, 120, 38, 1)),
		color-stop(100%, rgba(239, 63, 63, 1)));
	background: -webkit-linear-gradient(-35deg, rgba(253, 120, 38, 1) 0%,
		rgba(253, 120, 38, 1) 50%, rgba(239, 63, 63, 1) 100%);
	background: -o-linear-gradient(-35deg, rgba(253, 120, 38, 1) 0%,
		rgba(253, 120, 38, 1) 50%, rgba(239, 63, 63, 1) 100%);
	background: -ms-linear-gradient(-35deg, rgba(253, 120, 38, 1) 0%,
		rgba(253, 120, 38, 1) 50%, rgba(239, 63, 63, 1) 100%);
	background: linear-gradient(155deg, rgba(253, 120, 38, 1) 0%,
		rgba(253, 120, 38, 1) 50%, rgba(239, 63, 63, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7826',
		endColorstr='#ef3f3f', GradientType=1);
}

/* Only for Basin Trak */
/*  .bcg-login{
	background: rgba(253,120,38,1);
	background: -moz-linear-gradient(-35deg, rgba(253,120,38,1) 0%, rgba(253,120,38,1) 50%, rgba(239,63,63,1) 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(253,120,38,1)), color-stop(50%, rgba(253,120,38,1)), color-stop(100%, rgba(239,63,63,1)));
	background: -webkit-linear-gradient(-35deg, rgba(253,120,38,1) 0%, rgba(253,120,38,1) 50%, rgba(239,63,63,1) 100%);
	background: -o-linear-gradient(-35deg, rgba(253,120,38,1) 0%, rgba(253,120,38,1) 50%, rgba(239,63,63,1) 100%);
	background: linear-gradient(155deg, rgba(253,120,38,1) 0%, rgba(253,120,38,1) 50%, rgba(239,63,63,1) 100%);
	background: linear-gradient(to bottom left, #3C2026,#5E333C);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7826', endColorstr='#ef3f3f', GradientType=1 );
} */

/* Only Privacy4Cars */
.bcg-login-p4c{
	background: #106099;
	background: -moz-linear-gradient(top,  #106099 0%, #06263c 100%);
	background: -webkit-linear-gradient(top,  #106099 0%,#06263c 100%);
	background: linear-gradient(to bottom,  #106099 0%,#06263c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#106099', endColorstr='#06263c',GradientType=0 );

}

.logo-backdrop>img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.logo-backdrop>.poweredby {
	position: absolute;
	bottom: 25px;
	right: 30px;
}

.logo-powered {
	position: fixed;
	bottom: 0px;
	font-size: x-small;
}

.logo-powered.left {
	left: 5px;
}

.logo-powered.right {
	right: 5px;
}

.btn.btn-forgotPassword {
	font-weight: normal;
	color: rgba(255, 255, 255, 1);
	background-color: transparent;
	cursor: pointer;
	border-radius: 0;
}

.btn.btn-forgotPassword:hover, .btn.btn-forgotPassword:active {
	font-weight: normal;
	color: rgba(255, 255, 255, 0.5);
	text-decoration: underline;
	box-shadow: none;
}

.btn.btn-p4c-forgotPassword {
	font-weight: normal;
	color: rgba(51, 186, 245, 0.5);
	background-color: transparent;
	cursor: pointer;
	border-radius: 0;
}

.btn.btn-p4c-forgotPassword:hover, .btn.btn-p4c-forgotPassword:active {
	font-weight: normal;
	color: rgba(51, 186, 245, 1);
	text-decoration: underline;
	box-shadow: none;
}

.btn.btn-promiso-forgotPassword {
	font-weight: normal;
	color: rgba(97, 216, 54, 0.5);
	background-color: transparent;
	cursor: pointer;
	border-radius: 0;
}

.btn.btn-promiso-forgotPassword:hover, .btn.btn-promiso-forgotPassword:active {
	font-weight: normal;
	color: rgba(97, 216, 54, 1);
	text-decoration: underline;
	box-shadow: none;
}
.btn.btn-login {
	font-weight: normal;
	color: #ef3f3f;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #f95f00;
}

.btn.btn-login-cancel {
	font-weight: normal;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	border: 1px solid #f95f00;
}

.login-icon {
	position: absolute;
	top: 35%;
	color: #fe3f3f;
}

.login-icon.left {
	left: 35px;
}

.login-icon.right {
	right: 35px;
}

.input-login {
	padding-left: 45px;
	height: 42px;
	color: #000;
	border: 1px solid #ff6100;
	background: rgba(255, 255, 255, 0.3);
	border-radius: 25px !important;
}

.login-card {
	border: 1px solid #f95f00;
	padding: 65px 20px 50px;
	border-radius: 5px;
	background-color: rgba(0, 0, 0, 0.05);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.logo-position-login {
	position: relative;
	top: -25px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.copyright {
	position: fixed;
	bottom: 3px;
	font-size: x-small;
}

.copyright.right {
	right: 10px;
}

.copyright.left {
	left: 5px;
}

.pv-2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}

.pv-4 {
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

.pv-40 {
	padding-top: 40px !important;
	padding-bottom: 40px !important;
}

.counter-block {
	width: 117px;
	background: #e6e6e6;
	padding: 2px 3px 2px 8px;
	border-radius: 30px;
	color: #123456;
	border: 1px solid #c6c6c6;
	margin: 0 5px 5px 0;
}

.font-weight-600 {
	font-weight: 600;
}

.job-counter {
	margin-left: 8px;
	background-color: #123456;
	color: #fff;
	font-weight: 600;
	padding: 2px 12px;
	border-radius: 23px;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.light-gray-bg {
	background-color: #f2f2f2;
}

.gray-divider-bottom {
	padding-bottom: 5px;
	border-bottom: 1px solid #999 !important;
	margin-bottom: 5px;
}

.gray-divider-top {
	padding-top: 5px;
	border-top: 1px solid #999 !important;
	margin-top: 5px;
}

.max-height-90px {
	max-height: calc(100vh - 92px);
	overflow-y: auto;
	overflow-x: hidden;
}

.btn.btn-theme-cluster {
	background-color: transparent;
	border: 1px solid;
	border-color: #ed1c24 !important;
	color: #ed1c24 !important;
}

.btn.btn-theme-cluster:hover, .btn.btn-theme-cluster:active, .btn.btn-theme-cluster.active
	{
	background-color: #ed1c24 !important;
	border: 1px solid;
	border-color: #ed1c24 !important;
	color: #fff !important;
}

.width-50 {
	width: 50px !important;
}

.map-width-400 {
	width: calc(100vw - 400px)
}

.cluster-padding {
	padding: 10px 0 0 10px;
}

.map-height112vh {
	height: calc(100vh - 112px) !important;
	overflow: auto;
}

.panel-width-350 {
	width: 350px !important;
}

.color-block {
	width: 32px;
	height: 32px;
}

.color-block.gold {
	background-color: gold;
}

.max-height-170 {
	max-height: calc(100vh - 170px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-120 {
	max-height: calc(100vh - 120px);
	overflow: auto;
}

.max-height-150 {
	max-height: calc(100vh - 150px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-195 {
	max-height: calc(100vh - 195px);
	overflow-x: hidden;
	overflow-y: auto;
}

.cluster-card {
	background-color: #fff;
	padding: 15px;
	border-radius: 5px;
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.text-color-green {
	color: #8BC34A !important
}

.text-color-gray {
	color: #9e9e9e !important
}

.lock-screen {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #808e98;
	z-index: 3;
}

.margin-1p {
	margin: 1px !important;
}

.height-207 {
	max-height: calc(100vh - 207px)
}

.height-71 {
	height: calc(100vh - 71px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-207 {
	max-height: calc(100vh - 207px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-242 {
	max-height: calc(100vh - 242px);
	overflow-x: hidden;
	overflow-y: auto;
}

.filter-btn-fixed {
	right: 19px;
	z-index: 1;
	top: 60px;
	position: fixed;
}

.width-100 {
	width: 100px !important;
}

.width-125 {
	width: 125px !important;
}

.fade-in-out {
	opacity: 0;
	-webkit-animation-name: fade-anim;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	animation-timing-function: linear;
	animation-name: fade-anim;
	animation-duration: 2s;
}

/* Safari 4.0 - 8.0 */
@-webkit-keyframes fade-anim {
	0% {
		opacity: 0;
	}
	10% {
		opacity:1;
	}
	90% {
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
@keyframes fade-anim {
	0% {
		opacity: 0;
	}
	10% {
		opacity:1;
	}
	90% {
		opacity:1;
	}
	100%{
		opacity:0;
	}
}
.mlt-noOfpepole-dropdown {
	margin-left: 30px;
	margin-top: -10px;
}

.schedule-div {
	border: 1px solid pink;
	background-color: red;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}

.varPanel-open {
	position: absolute;
	right: 0;
	top: 55px;
	padding: 0;
	background-color: #fff;
	z-index: 2;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.varPanel-close {
	position: absolute;
	right: -400px;
	top: 55px;
	padding: 0;
	background-color: #fff;
	z-index: 2;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.varPanel-ht {
	max-height: calc(100vh - 110px);
}

.iOSvarPanel-ht {
	max-height: calc(100vh - 180px);
}

.varCard {
	display: inline-block;
	width: 100% !important;
	position: relative;
	margin: 5px 0;
	padding: 0 15px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	border-radius: 5px;
	color: rgba(0, 0, 0, .87);
	background: #fff;
}

.slide-btn {
	position: absolute;
	top: 0;
	right: 100%;
	padding: 9px 14px 7px 14px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.map-slide-btn {
	position: absolute;
	top: 0;
	right: 112%;
	padding: 5px 14px;
	background-color: #fff;
	box-shadow: none;
	border-radius: 0;
	-webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
	box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.2);
}

.varMapBtn {
	position: absolute;
	top: 1px;
	right: 113%;
	padding: 4px 9px 3px 9px;
	background-color: #fff;
	border-radius: 2px;
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.4);
}

.varCard-width-close {
	width: 100% !important;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	transition: width 0.5s;
}

.varCard-width-open {
	width: calc(100% - 400px) !important;
	-webkit-transition: width 0.5s;
	-moz-transition: width 0.5s;
	transition: width 0.5s;
}

.skin-black .assetHeatmap-multiple.width-364.ui-select-multiple.ui-select-bootstrap
	{
	padding: 3px 3px 0px 3px !important;
	border: 1px solid;
	border-color: transparent;
	width: 364px !important;
	height: 42px !important;
}

.max-height-55 {
	height: calc(100vh - 55px);
	overflow-y: auto;
	overflow-x: hidden;
}

.imgStatusGreen {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}

.imgStatusRed {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}

.skin-black .btn-group>.btn.btn-theme.active {
	background-color: #fff !important;
	color: #333;
	box-shadow: none;
	font-weight: 600;
}

.ml-100 {
	margin-left: 100px !important;
}

.max-heigt-91vh {
	max-height: calc(100vh - 61px);
	overflow-y: auto;
	overflow-x: hidden;
}

.max-height-80 {
	max-height: calc(100vh - 80px);
	overflow-y: auto;
	overflow-x: hidden;
}

.max-heigt-61px {
	max-height: calc(100vh - 61px);
	overflow: auto;
}

.width-250 {
	width: 250px !important;
}

/** Smart Table Fixed Header Footer **/
.capacityModalTable>table {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: calc(100vh - 210px); /* this can vary */
}

.capacityModalTable>table * {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.capacityModalTable>table>thead {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.capacityModalTable>table>tbody {
	overflow-y: scroll;
	display: block;
}

.capacityModalTable>table>thead>tr, .capacityModalTable>table>tbody>tr,
	.capacityModalTable>table>tfoot>tr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.capacityModalTable thead, tfoot {
	flex-shrink: 0;
}

.capacityModalTable th, .capacityModalTable tbody td {
	width: 146px; /* this can vary */
	overflow-x: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 8px 6px !important;
}

.capacityModalTable tfoot {
	display: inline-block;
}

.capacityModalTable tfoot td {
	width: 100%;
	display: inline-block;
}
/** Smart Table Fixed Header Footer **/
@media screen and (min-width: 1220px) {
	.modal-capacity {
		width: 1220px;
	}
}

@media screen and (min-width: 992px) and (max-width: 1220px) {
	.modal-capacity {
		width: 90%;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.modal-capacity {
		width: 90%;
	}
}

.capacity-date-btn {
	position: absolute;
	top: 3%;
}

.capacity-date-btn.right {
	right: 0%;
	padding: 0 3px;
}

.capacity-date-btn.left {
	right: 85%;
	padding: 0 3px;
}

.capacity {
	display: inline-block;
	padding: 3px 8px;
}

.capacity.slotNumber {
	background-color: #157801;
	margin-right: -1px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}

.capacity.slotTitle {
	background-color: #008000;
	margin-left: -2px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
}

/** Smart Table Fixed Header Footer Capacity Creation **/
.capacityTable>table {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	display: flex;
	flex-direction: column;
	align-items: stretch;
	height: calc(100vh - 177px); /* this can vary */
}

.capacityTable>table * {
	box-sizing: inherit;
	-moz-box-sizing: inherit;
}

.capacityTable>table>thead {
	display: flex;
	flex-direction: column;
	align-items: stretch;
}

.capacityTable>table>tbody {
	overflow-y: scroll;
	display: block;
}

.capacityTable>table>thead>tr, .capacityTable>table>tbody>tr,
	.capacityTable>table>tfoot>tr {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
}

.capacityTable thead, tfoot {
	flex-shrink: 0;
}

.capacityTable th, .capacityTable tbody td {
	width: 155px; /* this can vary */
	height: 46px;
	overflow-x: hidden;
	text-overflow: ellipsis;
	display: inline-block;
	padding: 8px 6px !important;
}

.capacityTable tfoot {
	display: inline-block;
}

.capacityTable tfoot td {
	width: 100%;
	display: inline-block;
}
/** Smart Table Fixed Header Footer Capacity Creation **/
.time-input {
	min-width: 50px;
	max-width: 60px;
	text-align: center;
	padding: 5px;
	margin-left: 5px;
	margin-right: 5px;
}

.time-input.left {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
}

.time-input.right {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.content-icon {
	position: absolute;
	top: 35%;
}

.content-icon.right {
	right: 35px;
}

.user-icon {
	position: absolute;
	top: 30%;
}

.user-icon.right {
	right: 28px;
}

.height-72px {
	height: calc(100vh - 72px);
	overflow-y: auto;
}

.height-118 {
	height: calc(100vh - 118px);
	overflow-y: auto;
	overflow-x: hidden;
}

.ph-10-8 {
	padding-left: 10px !important;
	padding-right: 8px !important;
}

.fc-toolbar h2 {
	font-size: 18px;
	margin-top: 3px !important;
	margin-bottom: 3px !important;
}

.fc-day-header {
	padding: 8px 10px !important;
	vertical-align: middle !important;
}

th.fc-today, td.fc-today {
	background: #fcf8e3 !important;
}

.fc-event, .fc-event-dot {
	border: 2px solid;
}

.fc-right>.btn.btn-theme {
	padding: 5px 0px 5px 3px !important;
}

.fc-left>.btn.btn-theme {
	padding: 5px 2px 5px 0px !important;
}

.fc-toolbar.fc-header-toolbar {
	margin-bottom: 5px !important;
}

.height-67px {
	height: calc(100vh - 67px);
	overflow-y: auto;
	overflow-x: hidden;
}

.searchNfilter .collapse-btn.search-entity {
	top: -36px;
}

.list-toggle-btn.search-entity {
	top: 55px;
}

.skin-black .searchNfilter.search-entity {
	top: 94px;
}

.max-heigt-175.search-entity {
	max-height: calc(100vh - 160px);
}

.search-entity .panel {
	margin: -1px;
	border-radius: 0;
	border: 1px solid #eee;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.search-entity .panel-body {
	padding: 5px;
}

.search-entity .panel-title>a, .search-entity .panel-title>a:hover {
	text-decoration: none !important;
}

.disableFieldClass {
	pointer-events: none;
	cursor: not-allowed;
}

.dynamic.form-group {
	margin-bottom: 20px;
}

.dynamic.form-input {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: flex-start;
}

.dynamic>.flex-image-scroll {
	display: flex;
	align-self: center;
	align-content: flex-start;
	align-items: flex-start;
	overflow-x: auto;
}

.dynamic>.flex-items-center {
	display: flex;
	align-self: center;
	align-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
}

.dynamic>.flex-items-center>.dynamic-error-message {
	/* visibility: hidden; */
	display: block;
	position: absolute;
	top: 100%;
	left: 0;
	padding-left: 15px;
	color: #ff0000 !important;
	font-size: 12px !important;
	float: left !important;
}

.dynamic>.flex-items-center>.field-hint {
	display: block;
	position: absolute;
	top: 75%;
	right: 100%;
	width: 30%;
	color: #0000ff !important;
	font-size: 10px !important;
	float: left !important;
}

/* Promisso Special */
.dynamic>.flex-items-center>.field-hint {
	display: block;
    position: absolute;
    top: 100% !important;
    right: -15px !important;
    width: 100% !important;
    font-size: 10px !important;
    float: left !important;
}
.promisso-btn{
	position:absolute !important;
	right: 15px !important;
}
.field-hint {
	display: block;
	position: absolute;
	top: 75%;
	right: 100%;
	width: 30%;
	color: #0000ff !important;
	font-size: 10px !important;
	float: left !important;
}

.field-hint-video {
	display: block;
	position: absolute;
	top: 75%;
	right: 67.5%;
	width: 30%;
	color: #0000ff !important;
	font-size: 10px !important;
	float: left !important;
}

.field-hint-textarea {
	display: block;
	position: absolute;
	top: 40%;
	right: 100%;
	width: 30%;
	color: #0000ff !important;
	font-size: 10px !important;
	float: left !important;
}

.field-hint-image {
	display: block;
	position: absolute;
	top: 55%;
	right: 100%;
	width: 30%;
	color: #0000ff !important;
	font-size: 10px !important;
	float: left !important;
}

.field-hint-checkbox {
	display: block;
	position: absolute;
	width: 60%;
	color: #0000ff !important;
	font-size: 10px !important;
	left: 4%;
	top: 100%;
}

.text-color-capacity {
	color: #bcc2c7 !important;
}

.fc-time-grid-event .fc-time {
	font-size: 12px;
	white-space: nowrap;
	float: left;
	padding: 5px;
	font-weight: 500;
}

.fc-time-grid-event .fc-title {
	font-size: 12px;
	white-space: nowrap;
	float: right;
	padding: 5px;
	font-weight: 500;
}

.slotBadge {
	padding: 3px 1px;
	max-width: 50px;
	min-width: 30px;
	text-align: center;
	border-radius: 50px !important;
	color: #fff;
	margin-left: auto;
	margin-right: auto;
}

.slotBadge.input-group-addon:first-child {
	border-top-right-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.slotBadge.input-group-addon:last-child {
	border-top-left-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
}

.slotBadge.darkgreen {
	background-color: #004400;
}

.slotBadge.green {
	background-color: #008000;
}

.slotBadge.red {
	background-color: #ed1c24;
}

.fc-time-grid .fc-slats td {
	height: 3.6em;
}

.booking-slot-btn-mlt {
	margin-left: 13px !important;
	margin-top: -7px !important;
}

.btn-group>.btn-round-group:first-child {
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
}

.btn-group>.btn-round-group {
	border-radius: 0px;
}

.btn-group>.btn-round-group:last-child, .btn-group>.btn-round-group:last-child:not(:first-child ) {
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}

.equipStatus {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	padding: 10px;
}

.equipStatus.critical {
	background-color: #ed1c24;
}

.equipStatus.warning {
	background-color: #f1c824;
}

.equipStatus.allOk {
	background-color: #18b300;
}

.equipStatus.low {
	background-color: #18b300;
}

.equipStatus.normal {
	background-color: #f1c824;
}

.equipStatus.high {
	background-color: #ff9339;
}

.event-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 6px 8px;
}

.event-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 6px 8px;
}

.event-icon.critical {
	background-color: #ed1c24;
}

.event-icon.warning {
	background-color: #f1c824;
}

.event-icon.allOk {
	background-color: #18b300;
}

.event-icon.low {
	background-color: #18b300;
}

.event-icon.normal {
	background-color: #f1c824;
}

.event-icon.high {
	background-color: #ff9339;
}

.event-height {
	max-height: 850px !important;
	overflow: auto;
}

.basinTrakReport.dropdown {
	/* position: absolute;
    top: 40px;
    right: 0;
    z-index: 2; */
	position: absolute;
	top: 14%;
	right: 0.5%;
	z-index: 2;
}

.realtime.dropdown {
	top: 40px;
	right: 0;
}

.basinTrakReport.dropdown>.filter-dropdown {
	width: 610px;
	height: auto;
	padding: 15px;
	background-color: #eaeaea;
	color: #333;
	border-radius: 5px;
	z-index: 2;
}

.basinTrakReport.dropdown>.filter-dropdown:before {
	content: "";
	position: absolute;
	right: 20px;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #eaeaea transparent;
}

.basinTrakReport .dropdown-menu {
	background-color: #000;
	right: 0;
	left: auto;
}

.basinTrakReport .dropdown-menu>li>a:hover, .basinTrakReport .dropdown-menu>li>a:focus
	{
	color: #fff;
	text-decoration: none;
	background-color: #343434;
}

.basinTrakReport .btn.btn-theme-heatmap {
	background-color: transparent;
	border: 1px solid;
	border-color: #ed1c24 !important;
	color: #333;
}

.basinTrakReport .btn.btn-theme-heatmap:hover, .basinTrakReport .btn.btn-theme-heatmap:active,
	.basinTrakReport .btn.btn-theme-heatmap.active {
	background-color: #ed1c24 !important;
	border: 1px solid;
	border-color: #ed1c24 !important;
	color: #fff;
}

.m9-10-0-5 {
	margin: 9px 10px 0 5px !important;
}

.height-35 {
	height: 35px !important;
}

.max-height-130 {
	max-height: calc(100vh - 130px);
	overflow-y: auto;
	overflow-x: hidden;
}

.max-height-94 {
	max-height: calc(100vh - 94px);
	overflow-y: auto;
	overflow-x: hidden;
}

.max-height-115 {
	max-height: calc(100vh - 115px);
	overflow-y: auto;
	overflow-x: hidden;
}

.basinTrak .legend-text {
	display: inline-block;
	position: relative;
	top: -3px;
	font-size: 13px;
	margin-left: 5px;
	max-width: 81%;
}

.basinTrak-status {
	text-align: center;
	color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	display: inline-block;
	border-bottom-left-radius: 5px;
	border-top-left-radius: 5px;
	height: 100%;
	padding: 15px 5px;
	width: 28px;
	font-size: 20px;
	line-height: 1.1;
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: center;
}

.basinTrak-status.statusOk {
	background-color: #18b300;
}

.basinTrak-status.statusWarning {
	background-color: #f1c824;
}

.basinTrak-status.statusCritical {
	background-color: #ed1c24;
}

.basinTrak-status.statusUnknown {
	background-color: #666666;
}

.basinTrakFlexbox-container {
	display: flex;
	flex-direction: row;
	align-content: center;
	align-items: center;
	justify-content: space-between;
	overflow: auto;
}

.welsite-card-container {
	display: flex;
	flex-direction: row;
	align-content: flex-start;
	align-items: flex-end;
	justify-content: flex-start;
	overflow: auto;
	flex-wrap: wrap;
}

.welsite-card-container>.welsite-card-width {
	padding-left: 10px;
	padding-right: 5px;
}

.basinTrakFlexbox-container>.basinTrakFlexbox-items {
	padding-left: 10px;
	padding-right: 10px;
}

.basinTrakFlexbox-container svg.list-svg {
	width: auto;
	height: 20px;
}

.basinTrakFlexbox-container svg.list-svg.statusOk {
	fill: #18b300;
}

.basinTrakFlexbox-container svg.list-svg.statusWarning {
	fill: #f1c824;
}

.basinTrakFlexbox-container svg.list-svg.statusCritical {
	fill: #ed1c24;
}

.input-field-dropdown {
	background-color: #010101;
	border: 1px solid #343434;
	box-shadow: none;
}

.input-field-dropdown:focus, .input-field-dropdown:hover {
	border-color: #343434 !important;
	background-color: #555 !important;
	outline: 0;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

.chart-custom-tooltip {
	display: inline-block;
	margin: 0.16em 0.7em 0em 0em;
	padding: 0.65em 1em;
}

.jobs-dashboard .nav-tabs {
	border-bottom: 1px solid #ddd;
	background-color: transparent;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-left: 7px;
	padding-right: 20px;
	max-width: 390px;
}

.jobs-dashboard>.nav-tabs>li {
	width: auto;
}

.jobs-dashboard>.nav-tabs>li>a {
	padding: 10px !important;
	color: #ddd !important;
	margin-left: 0;
	margin-right: 0;
}

.jobs-dashboard>.nav-tabs>li>a:hover {
	color: #ed1c24 !important;
	background-color: transparent;
	border-color: transparent;
}

.skin-black .jobs-dashboard>.nav-tabs>li.active>a, .skin-black .jobs-dashboard>.nav-tabs>li.active>a:hover,
	.skin-black .jobs-dashboard>.nav-tabs>li.active>a:focus {
	color: #ed1c24 !important;
	cursor: pointer;
	background-color: transparent !important;
	border: 1px solid transparent;
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
}

.alert-label {
	display: inline-block;
	vertical-align: top;
	width: 46%;
}

.alert-content {
	display: inline-block;
	width: 52%;
}

.alert-text {
	border: 2px solid;
	padding: 0 5px;
	border-radius: 5px;
	font-weight: 500;
	display: inline;
}

.alert-text.normal {
	border-color: #333;
	color: #333;
}

.alert-text.red {
	border-color: #ed1c24;
	color: #ed1c24;
}

.alert-text.warning {
	border-color: #fdb000;
	color: #fdb000;
}

.max-height-285 {
	max-height: calc(100vh - 285px);
}

.height-285 {
	height: calc(100vh - 285px);
}

.timeline-badge {
	text-align: center;
	color: #fff;
	border-radius: 5px;
	padding: 3px 5px;
	width: 108px;
	font-size: 12px;
}

.timeline-badge.normal {
	background-color: #999;
}

.timeline-badge.critical {
	background-color: #ed1c24;
}

.timeline-badge.green {
	background-color: #008000;
}

.timeline-badge.warning {
	background-color: #fdb000;
}

.height-340 {
	height: calc(100vh - 340px);
	overflow-x: hidden;
	overflow-y: auto;
}

.chatbubble-container {
	position: relative;
	float: none;
	clear: both;
}

.chatbubble {
	position: relative;
	padding: 5px 10px;
	margin: 5px;
	max-width: 90%;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.chatbubble.response {
	background-color: #ed1c24 !important;
	color: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 0;
	float: left;
}

.chatbubble.reply {
	background-color: #dddddd;
	color: #333;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 10px;
	float: right;
}

.chatbubble.response:before {
	content: "";
	position: absolute;
	left: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ed1c24 !important;
	border-bottom-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;
}

.chatbubble.reply:before {
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 15px 0 0 15px;
	border-color: #dddddd transparent transparent transparent;
}

.chat-timer {
	position: relative;
	float: none;
	clear: both;
	top: -5px;
	font-size: 12px;
	color: #999;
}

svg.level-svg {
	width: 30px;
	height: 30px;
}

.chat-timer.response {
	left: 15px;
	text-align: left;
}

.chat-timer.reply {
	right: 15px;
	text-align: right;
}

.flex-center {
	display: flex;
	align-items: center;
	align-content: center;
}

.flex-vh-center {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.height-5 {
	height: 5px;
}

.padding-1_5em {
	padding: 1.5em;
}

.padding3 {
	padding: 3px !important;
}

.plans-dropdown {
	background-color: #000;
	/* left: auto !important;
	right: 15px !important; */
}

.map-plans-dropdown {
	background-color: #000;
	left: 50% !important;
	right: auto !important;
}

.mlr-40 {
	margin-left: 40px !important;
	margin-right: 40px !important;
}
/* .progress {
    height: 20px;
    width: 70%;
    margin: 0;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 14px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
} */
/* For BasinTrak only */
.progress {
	height: 20px;
	width: 95%;
	margin: 0;
	overflow: hidden;
	background-color: #ddd;
	border-radius: 14px;
	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
/* For BasinTrak only */
#chart_div>div>div:nth-child(1)>div>svg {
	width: 100% !important;
	height: 500px !important;
}

.lineChartHtWd {
	width: 900px !important;
	height: 500px !important;
}

.m5-10-0-5 {
	margin: 5px 10px 0 5px !important
}

.m-5-10 {
	margin: 5px 10px !important
}

svg.basinTrack-svg {
	width: 14px;
	height: 14px;
}

svg.alert-actions {
	width: 13px;
	height: 13px;
}

.font-size-20 {
	font-size: 20px !important;
}

.brown-progress-bar {
	float: left;
	width: 0;
	height: 100%;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	text-align: center;
	background-color: #795548;
	-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
	-webkit-transition: width .6s ease;
	transition: width .6s ease;
}

.mr-50 {
	margin-right: 50px !important;
}

.input-field-light {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	box-shadow: none;
}

.input-left {
	left: 15px !important;
}

.product-summary-div {
	font-size: 18px;
	color: #80808080;
}
/* .viewOnly.gridster-item:hover {
    background-color: #FFF !important;
    padding:10px;
    border: 1px solid transparent;
} */
.report-header-viewOnly {
	height: 37px;
	padding: 0 0 0 15px;
	cursor: move;
	position: absolute;
	top: 10px;
	left: auto;
	z-index: 1;
}

.pieHeader {
	position: absolute;
	text-align: center;
	z-index: 1;
}

.ml-5m {
	margin-left: -5px;
}

.panelDashboard-chartNos {
	padding: 0 8px;
	font-weight: 500;
}

.panelDashboard-chartNos.warning {
	background-color: #f1c824;
	color: #333;
}

.panelDashboard-chartNos.critical {
	background-color: #ed1c24;
	color: #fff;
}

.overflowHidden {
	overflow: hidden !important;
}

.top-16m {
	top: -16px;
}

.user-name {
	font-weight: 600;
	letter-spacing: 1px;
	padding: 5px 0;
}

.max-height-320 {
	height: calc(100vh - 320px);
	overflow-x: hidden;
	overflow-y: auto;
}

.img-container {
	position: relative;
	width: 200px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
	overflow: hidden;
}

.img-wrapper {
	width: 100%;
	height: 125px;
	background-image: url(/app/assets/img/img-placeholder.jpg);
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.img-remove-btn {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 5px;
	font-size: 30px;
	line-height: 0.5;
	z-index: 1;
}

.image-center {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
}

img {
	max-width: 100% !important;
}

.btn.btn-embed-play {
	background-color: transparent !important;
	border: 2px solid;
	border-color: #ed1c24 !important;
	font-weight: 500;
	color: #ed1c24 !important;
	outline: none;
}

.btn.btn-embed-play:hover, .btn.btn-embed-play:hover, .btn.btn-embed-play.active
	{
	background-color: #ed1c24 !important;
	border: 2px solid;
	border-color: transparent !important;
	font-weight: 500;
	color: #fff !important;
	outline: none;
	box-shadow: none;
}

.embededPlayer .rzslider .rz-pointer {
	top: -4px;
	z-index: 3;
	width: 13px;
	height: 13px;
	cursor: pointer;
	background-color: #333;
	border-radius: 16px;
}

.embededPlayer .rzslider .rz-pointer:after {
	position: absolute;
	top: 2px;
	left: 2px;
	width: 9px;
	height: 9px;
	background: #ed1c24 !important;
	border-radius: 25px;
	content: '';
}

.embededPlayer .rzslider .rz-selection {
	z-index: 2;
	background: #ed1c24 !important;
	border-radius: 2px;
}

.embededPlayer .rzslider .rz-bar {
	left: 0;
	z-index: 1;
	width: 100%;
	height: 4px;
	background: #333;
	border-radius: 2px;
}

.embededPlayer .rzslider .rz-bubble {
	bottom: 16px;
	padding: 1px 3px;
	color: #333;
	cursor: default;
}

.embededPlayer .rzslider .rz-bubble.rz-limit {
	color: #333;
}

.embededPlayer .rzslider {
	margin: 35px 0 0 0 !important;
}

.playbackSpeedBlock {
	position: absolute;
	float: right;
	top: -310%;
	right: 0;
	z-index: 3;
}

.btn.playbackSpeedBtn {
	width: 70px;
	color: #fff;
	background-color: #505050;
	border-color: #6e6e6e;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

.btn.playbackSpeedBtn:hover {
	width: 70px;
	color: #fff;
	background-color: #757575;
	border-color: #757575;
	border-width: 1px 1px 0 1px;
	border-style: solid;
}

.playbackSpeedBtn.border-bottom, .playbackSpeedBtn.border-bottom:hover {
	border-bottom-width: 1px;
}

.playbackSpeedBtn .margin {
	margin: 3px 4px 2px 0;
}

.playbackSpeedBtn.padding {
	padding-left: 6px !important;
	padding-right: 4px !important;
}

.playbackDiv {
	position: absolute;
	top: 90px;
	right: 25px;
}

.embed-play-div {
	background-color: #ed1c24;
	padding: 6px 0 0 3px;
	border-radius: 50%;
	width: 30px;
	height: 30px;
}

.switch-margin {
	margin: 12px 10px 0px;
}

.store .dropdown-menu>li>a:hover, .store .dropdown-menu>li>a:focus {
	color: #fff !important;
	text-decoration: none;
	background-color: #343434;
}

.store .dropdown-menu {
	background-color: #000;
}

.store .dropdown-menu:before {
	content: "";
	position: absolute;
	right: 4px;
	top: -9px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent black transparent;
}

.trip-playpause {
	font-size: 22px;
	padding: 0;
}

.divider-right {
	border-right: 1px solid #eee !important;
}

.embed-lable-limit {
	display: inline-block;
	max-width: 41px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.max-width-250 {
	max-width: 300px !important;
}

.rescheduleFullCalendar .fc-event, .rescheduleFullCalendar .fc-event-dot
	{
	border: 1px solid;
}

.rescheduleFullCalendar .calendar-badge {
	display: inline-block;
	width: 14px;
	padding: 3px 3px 2px 3px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	background-color: #ab2725;
	border-radius: 30px;
	height: 14px;
}

.cancel-job-btn-position {
	position: absolute;
	top: 58px;
	right: 143px;
}

.btn-abs-top-3 {
	position: absolute !important;
	left: 14px !important;
	top: 3px !important;
}

.font-14 {
	font-size: 14px !important;
}

.height-200 {
	height: calc(100vh - 200px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-235 {
	height: calc(100vh - 235px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-215 {
	height: calc(100vh - 215px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-265 {
	height: calc(100vh - 265px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-315 {
	height: calc(100vh - 315px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-325 {
	height: calc(100vh - 325px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-455 {
	height: calc(100vh - 455px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-215 {
	max-height: calc(100vh - 215px);
	overflow-x: hidden;
	overflow-y: auto;
}

.max-height-160 {
	max-height: calc(100vh - 170px);
	overflow-x: hidden;
	overflow-y: auto;
}

.height-170 {
	height: calc(100vh - 160px);
	overflow-x: hidden;
	overflow-y: auto;
}

.rescheduleFullCalendar .fc-event, .rescheduleFullCalendar .fc-event-dot
	{
	border: 1px solid;
}

.rescheduleFullCalendar .fc-event-warning {
	background-color: #ffc10733;
	border: 1px solid #ffc107;
}

.rescheduleFullCalendar .fc-event-critical {
	background-color: #ff450033;
	border: 1px solid #ff4500;
}

.rescheduleFullCalendar .fc-event-allOK {
	background-color: #00800033;
	border: 1px solid #008000;
}

.rescheduleFullCalendar .fc-event-higlight {
	background-color: #2b93ff33;
	border: 1px solid #2572ff;
}

.header-title {
	font-size: 18px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-weight: 500;
	line-height: 1.1;
}

@media screen and (min-width: 992px) {
	.modal-calender {
		width: 900px;
		margin: 20px auto;
	}
}

.panelDashboard-container-content {
	width: 100%;
	max-width: 100%;
	position: relative;
	display: block;
	height: inherit;
}

.panel-container {
	height: 100%;
	background-color: #fff;
}

.user-auth {
	margin-top: 100px;
}

.alerts-card {
	width: 68vw !important;
}

.alert-table {
	box-shadow: 0px 0px 0px #555;
}

.alert-table.active {
	box-shadow: 0px 0px 10px #555;
	background-color: #fafafa;
}

.alerts-card .table>tbody>.active>td {
	background-color: #fafafa;
	white-space: nowrap;
}

.alerts-card .table>tbody>tr>td, .alerts-card .table>thead>tr>th {
	white-space: nowrap;
	max-width: 135px;
	text-overflow: ellipsis;
	overflow: hidden;
}

.alert-map-button {
	top: 33px !important;
	right: 31px !important;
}

.snoozedBtn {
	width: 15px !important;
	height: 15px !important;
}
/* .alert-table tr.active{
	box-shadow: 2px 2px 15px #555;
	border-bottom: 26px solid transparent;
    border-left: 26px solid white;
    border-top: 27px solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    content: '';
} */
.chat-icon-margin {
	margin: 0 0 0 -12%;
}

.activity-hist-lbl {
	margin: 4px 0 0 -12px;
}

.bgColorGreen {
	color: #fff;
	background-color: #11b711;
}

.font-size-11p {
	font-size: 11px !important;
}

.font-size-12p {
	font-size: 12px !important;
}

.font-size-13p {
	font-size: 13px !important;
}

.font-size-15p {
	font-size: 15px !important;
}

.alert-reassign-btn {
	margin: 0px 0 -2px -1px !important;
	width: 11%;
	height: 6%;
	padding: 3px;
}

.padding-6px {
	padding: 6px;
}

.height-nineper {
	height: 9%;
	font-size: 10px;
}

.alert-table.active:after {
	border-bottom: 26px solid transparent;
	border-left: 25px solid #fafafa;
	border-top: 23px solid transparent;
	height: 0;
	width: 0;
	/* right: -9px; */
	position: absolute;
	content: '';
}

.alerts-dropdown {
	background-color: #000;
}

.alerts-dropdown.dropdown-menu>li>a:hover, .alerts-dropdown.dropdown-menu>li>a:focus
	{
	color: #fff !important;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.2);
}

.alert-full-height {
	max-height: calc(100vh - 70px);
	overflow-y: auto;
}

.alert-half-height {
	height: calc(( 100vh - 80px)/1.7);
	overflow-y: auto;
}

.max-height-545 {
	height: calc(100vh - 545px);
	overflow-y: auto;
	overflow-x: hidden;
}

.alerts-panel {
	width: calc(100vw - ( 68vw + 50px + 40px));
	position: absolute;
	top: 60px;
	right: 8px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}

.alert-history-panel-margin {
	margin: 1% -1% -1% -1% !important;
}

.alerts-panel-close {
	position: absolute;
	top: -6px;
	right: 0;
	font-size: 20px;
}

.alerts-panel .jobStatus {
	padding: 2px 8px;
	font-size: 10px;
	max-width: 75px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.alerts-panel .jobStatus.statusRed {
	background: #ed1c24;
	color: white;
}

.alerts-panel .jobStatus.statusGreen {
	background: #11c105;
	color: white;
}

.alerts-panel .nav-tabs {
	border-bottom: 1px solid #ddd;
	background-color: transparent;
	display: inline-block;
	width: 100%;
	text-align: center;
	margin-left: 7px;
	padding-right: 20px;
	max-width: 390px;
}

.alerts-panel-details>.nav-tabs>li>a {
	padding: 10px !important;
	color: #ddd !important;
	margin-left: 0;
	margin-right: 0;
	max-width: 125px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.alerts-panel-details>.nav-tabs>li>a:hover {
	color: #ed1c24 !important;
	background-color: transparent;
	border-color: transparent;
	max-width: 125px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.skin-black .alerts-panel-details>.nav-tabs>li.active>a, .skin-black .alerts-panel-details>.nav-tabs>li.active>a:hover,
	.skin-black .alerts-panel-details>.nav-tabs>li.active>a:focus {
	color: #ed1c24 !important;
	cursor: pointer;
	background-color: transparent !important;
	border: 1px solid transparent;
	margin-left: 0;
	margin-right: 0;
	border-radius: 0;
	max-width: 125px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.green-dot {
	height: 10px;
	width: 10px;
	background-color: #4CAF50;
	border-radius: 50%;
	display: inline-block;
}

.red-dot {
	height: 10px;
	width: 10px;
	background-color: #F44336;
	border-radius: 50%;
	display: inline-block;
}

.dot-10 {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
}

.dot-15 {
	height: 15px;
	width: 15px;
	border-radius: 50%;
	display: inline-block;
}

.dot {
	height: 5px;
	width: 5px;
	display: inline-block;
}

.dot.red, .dot-10.red {
	background-color: #ed1c24;
}

.dot.orange, .dot-10.orange {
	background-color: #ff9339;
}

.dot.yellow, .dot-10.yellow {
	background-color: #f1c824;
}

.dot.green, .dot-10.green {
	background-color: #18b300;
}

.dot.blue, .dot-10.blue {
	background-color: #0050f4;
}

.dot.gray, .dot-10.lightblue {
	background-color: #a0c8f3;
}

.dot.grey, .dot-10.grey {
	background-color: #aaa;
}

.progress-background-clr {
	background-color: #5e333c94;
}

.mlr-10 {
	margin-left: 10px !important;
	margin-right: 10px !important;
}

.alerts-panel .nav-tabs>li {
	float: none;
	margin-bottom: -1px;
	width: auto;
}

.btn-group>.btn {
	position: relative;
	float: none;
	clear: both;
}

.height-460 {
	height: calc(100vh - 460px);
	overflow-y: auto;
	overflow-x: hidden;
}

.height-475 {
	height: calc(100vh - 475px);
	overflow-y: scroll;
	overflow-x: hidden;
}

.list-btn-posi {
	top: 60px !important;
	right: calc(100vw - ( 68vw + 50px + 40px - 25px)) !important;
}

.rider-status-device {
	max-width: 33px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.overflowY-auto {
	overflow-y: auto;
	overflow-x: hidden;
}

.chat-badge {
	width: 8px;
	height: 8px;
	position: absolute;
	top: 3px;
	right: 9px;
	border-radius: 50%;
	background-color: #ed1c24;
}

.borderless, .borderless.table>tbody>tr>td, .borderless.table>thead>tr>th, .borderless.table>tfoot>tr>td,
	.borderless.table>tbody>tr:last-child {
	border: none !important;
}

.small-box .icon {
	position: absolute;
	top: auto;
	bottom: -5px;
	right: 15px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0, 0, 0, 0.15);
}

.small-box .icon.white {
	color: rgba(255, 255, 255, 0.15);
}

.small-box>.small-box-footer.white, .small-box>.small-box-footer:hover.white
	{
	background: rgba(255, 255, 255, 0.2);
}

.carousel-inner img {
	margin: 0 auto;
}

.carousel-img {
	/*  height: 30% !important; */
	width: 100% !important;
}

.carousel-arrows {
	/* height: 150px !important; */

}
/* .icon {
	transition: all .3s linear;
	position: absolute;
	top: auto;
	bottom : 0px;
	right: 15px;
	z-index: 0;
	font-size: 90px;
	color: rgba(0,0,0,0.15);
} */
.maxWidth250 {
	max-width: 250px !important;
}

.mtb-20 {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.inactive-block-bg-color-ddd {
	background-color: #ddd !important;
}

.cold-dot {
	height: 20px;
	width: 20px;
	background-color: #4885ff;
	border-radius: 50%;
	display: inline-block;
}

.warm-dot {
	height: 20px;
	width: 20px;
	background-color: #F7A000;
	border-radius: 50%;
	display: inline-block;
}

.hot-dot {
	height: 20px;
	width: 20px;
	background-color: #ed1c24;
	border-radius: 50%;
	display: inline-block;
}

.custom-label {
	width: 50px !important;
	padding: 5px;
}

.reports-title-bg {
	position: relative;
	z-index: 1;
	height: 40px;
	background: white;
}

/* .basinTrack-login-card {
	border: 1px solid #47262d;
	padding: 65px 20px 85px;
	border-radius: 5px;
	background-color: rgba(76, 41, 48);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
} */

.p4c-login-card {
	border: 1px solid rgb(17, 98, 152);
	padding: 65px 20px 85px;
	border-radius: 5px;
	background-color: rgba(17, 98, 152, .2);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}
.promiso-login-card {
	border: 1px solid rgb(17, 17, 17);
	padding: 65px 20px 85px;
	border-radius: 10px;
	background-color: rgba(255, 255, 255);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}


.basinTrack-logo-backdrop>img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}
/* .basinTrack-logo-backdrop>.poweredby{
	position: absolute;
    bottom: 25px;
    right: 30px;
} */
.basinTrack-input-login {
	padding-left: 45px;
	height: 42px;
	color: #000;
	border: 1px solid #4c2930;
	background: rgb(255, 255, 255);
	border-radius: 25px !important;
}
.p4c-input-login, .p4c-input-login:-internal-autofill-selected {
	/* padding-left: 45px; */
	height: 42px;
	color: #000;
	border: 1px solid rgb(17, 98, 152);
	background: rgb(255, 255, 255);
	border-radius: 0px !important;
}
.skin-black .p4c-input-login.form-control:focus {
	border-color: #116298 !important;
}
.promiso-input-login, .promiso-input-login:-internal-autofill-selected {
	/* padding-left: 45px; */
	height: 42px;
	color: #4a4a4a;
	border: 1px solid #61d836;
	background: rgb(255, 255, 255);
	border-radius: 50px !important;
}
.skin-black .promiso-input-login.form-control:focus {
	border-color: #61d836 !important;
}

.btn.basinTrack-btn-login {
	font-weight: bolder;
	color: #45252c;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #45252b;
}

.btn.basinTrack-btn-login-cancel {
	font-weight: bolder;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	border: 1px solid #45252b;
}
.btn.p4c-btn-login {
	color: rgb(255, 255, 255);
	background-color: rgba(51, 186, 245, 1);
	cursor: pointer;
	border: 1px solid rgba(51, 186, 245, 1);
}

.btn.p4c-btn-login-cancel {
	color: #ffffff;
	background-color: rgba(51, 186, 245, 0.5);
	cursor: pointer;
	border: 1px solid rgba(51, 186, 245, 0.5);
}
.btn.promiso-btn-login {
	color: rgb(255, 255, 255);
	background-color: #61d836;	
	border-radius: 50px;
	cursor: pointer;
	border: 1px solid #61d836;
}

.btn.promiso-btn-login-cancel {
	color: #61d836;
	background-color: #ffffff;
	border-radius: 50px;
	cursor: pointer;
	border: 1px solid #61d836;
	box-shadow: none;
}
.basinTrack-login-icon {
	position: absolute;
	top: 35%;
	color: #45252c;
	z-index: 1;
}
.promiso-login-icon {
	position: absolute;
	top: 58%;
	color: #4a4a4a;
	z-index: 1;
}
.promiso-login-icon.left {
	left: 35px;
}
.promiso-login-icon.right {
	right: 35px;
}
.p4c-login-icon {
	position: absolute;
	top: 58%;
	color: rgb(17, 98, 152);
	z-index: 1;
}
.p4c-login-icon.left {
	left: 35px;
}
.p4c-login-icon.right {
	right: 35px;
}
.basinTrack-login-icon.left {
	left: 35px;
}

.basinTrack-login-icon.right {
	right: 35px;
}

.basinTrack-img-height {
	height: 70px;
}

#abcd>div>svg {
	height: 400px !important;
	width: 100% !important;
}

.chartWh {
	width: 100% !important;
	height: 400px !important;
}

.chartHideWh {
	display: none;
}

.mb-10p {
	margin-bottom: 10%;
}

.height-256 {
	height: 256px;
}

.basinTrack-login-card {
	border: 1px solid #47262d;
	padding: 65px 20px 85px;
	border-radius: 5px;
	background-color: rgba(76, 41, 48);
	box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0
		rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12);
}

.basinTrack-logo-backdrop>img {
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: -1;
}

.basinTrack-logo-backdrop>.poweredby {
	position: fixed;
	bottom: 1px;
	right: 5px;
	width: auto;
}

@media screen and (min-width: 320px) and (max-width: 991px) {
	.basinTrack-logo-backdrop>.poweredby {
		position: fixed;
		bottom: 0;
		right: 5px;
		width: 80px;
	}
}

.basinTrack-input-login {
	padding-left: 45px;
	height: 42px;
	color: #000;
	border: 1px solid #4c2930;
	background: rgb(255, 255, 255);
	border-radius: 25px !important;
}

.btn.basinTrack-btn-login {
	font-weight: bolder;
	color: #45252c;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #45252b;
}

.btn.basinTrack-btn-login-cancel {
	font-weight: bolder;
	color: #ffffff;
	background-color: rgba(255, 255, 255, 0.5);
	cursor: pointer;
	border: 1px solid #45252b;
}

.basinTrack-login-icon {
	position: absolute;
	top: 35%;
	color: #45252c;
	z-index: 1;
}

.basinTrack-login-icon.left {
	left: 35px;
}

.basinTrack-login-icon.right {
	right: 35px;
}

.basinTrack-img-height {
	height: 70pxs
}

#abcd>div>svg {
	height: 400px !important;
	width: 100% !important;
}

.chartWh {
	width: 100% !important;
	height: 400px !important;
}

.chartHideWh {
	display: none;
}

.mb-10p {
	margin-bottom: 10%;
}

.height-256 {
	height: 256px;
}

.color-red {
	color: red;
}

.color-blue {
	color: blue;
}

.ml-100 {
	margin-left: 100px;
}

.ml-165 {
	margin-left: 165px;
}

.profile-picture {
	border: 3px solid #894796 !important;
	padding: 3px;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	width: 130px;
	height: 130px;
	overflow: hidden;
	background-color: #f8f8f8 !important;
}

.divCenter {
	margin-left: auto !important;
	margin-right: auto !important;
}

.max-width-640 {
	max-width: 640px !important;
}

.max-width-600 {
	max-width: 600px !important;
}

.max-width-525 {
	max-width: 525px !important;
}

.mt-100 {
	margin-top: 100px;
}

.max-width-350 {
	max-width: 350px !important;
}

.max-width-450 {
	max-width: 450px !important;
}

.max-width-410 {
	max-width: 410px !important;
}

.mt-20 {
	margin-top: 20px;
}

.profile-picture {
	border: 3px solid #894796 !important;
	padding: 3px;
	border-radius: 50%;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	margin-left: auto;
	margin-right: auto;
	width: 130px;
	height: 130px;
	overflow: hidden;
	background-color: #f8f8f8 !important;
}

.imgPro {
	height: 140px;
	position: relative;
	top: -4px;
	left: -5px;
	width: auto;
}

.sidefilter.checkbox label::after {
	margin-left: -22px;
}

.cms-header {
	position: fixed;
	width: 100%;
	z-index: 1;
	top: 0;
}

.cms-card {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 5px 0;
	padding: 0 15px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	border-radius: 5px;
	color: rgba(0, 0, 0, .87);
	background-color: #fff;
}

.cms-background {
	background: rgba(47, 77, 145, 1);
	background: -moz-linear-gradient(left, rgba(47, 77, 145, 1) 0%,
		rgba(208, 30, 75, 1) 50%, rgba(208, 30, 75, 1) 100%);
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(47, 77, 145, 1
		)), color-stop(50%, rgba(208, 30, 75, 1)),
		color-stop(100%, rgba(208, 30, 75, 1)));
	background: -webkit-linear-gradient(left, rgba(47, 77, 145, 1) 0%,
		rgba(208, 30, 75, 1) 50%, rgba(208, 30, 75, 1) 100%);
	background: -o-linear-gradient(left, rgba(47, 77, 145, 1) 0%,
		rgba(208, 30, 75, 1) 50%, rgba(208, 30, 75, 1) 100%);
	background: -ms-linear-gradient(left, rgba(47, 77, 145, 1) 0%,
		rgba(208, 30, 75, 1) 50%, rgba(208, 30, 75, 1) 100%);
	background: linear-gradient(to right, rgba(47, 77, 145, 1) 0%,
		rgba(208, 30, 75, 1) 50%, rgba(208, 30, 75, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2f4d91',
		endColorstr='#d01e4b', GradientType=1); 
}

.cms-ul {
	padding-left: 0;
	list-style: none;
}

.ml-lg-25 {
	margin-left: 25px;
}

.btn-size-lg {
	padding: 0.5rem 1rem;
	font-size: 1.25rem;
	line-height: 1.5;
	border-radius: 0.3rem;
}

@media ( max-width :768px) {
	.ml-lg-25 {
		margin-left: 10px;
	}
	.btn-size-lg {
		padding: 0.5rem 1rem;
		font-size: 1.25rem;
		line-height: 1.5;
		border-radius: 0.3rem;
	}
	.text-xs-center {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
}

.checkbox-cms.checkbox label::before {
	border: 2px solid #fff;
}

.checkbox-cms.checkbox label::after {
	color: #fff;
}

.checkbox-cms.checkbox label {
	padding-left: 0;
}

.white-divider-top {
	padding-top: 5px;
	border-top: 1px solid #fff !important;
	margin-top: 5px;
}

.cms-input {
	background: rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	color: #fff;
	display: block;
	width: 100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	background-image: none;
	border-radius: 4px;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.cms-input:focus, .cms-input:hover {
	background: rgba(255, 255, 255, 0.1);
	border: 1px solid #fff;
	color: #fff;
}

.cms.container {
	cursor: auto !important;
}

.cms-primary-clr {
	color: #D01E4B;
}

.cms-secondary-clr {
	color: #2E4D91;
}

.max-width-730 {
	max-width: 730px !important;
}

.max-width-164 {
	max-width: 164px !important;
}

.width-164 {
	width: 164px !important;
}

.max-width-225 {
	max-width: 225px !important;
}

.width-225 {
	width: 225px !important;
}

.showforPrint {
	display: none;
}

.width-56 {
	width: 56px !important;
}

@media only print {
	@page {
		size: A4 portrait;
	}
	.showforPrint {
		display: block;
	}
	.hideToPrint {
		display: none;
	}
	.gridster-item {
		background-color: #F3F0F0;
		padding: 0px;
		border: 1px solid transparent;
	}
	.width-100p {
		width: 75% !important;
	}
	.breakWords {
		white-space: pre-wrap !important;
		word-wrap: break-word;
		word-break: break-all;
		line-height: 1.4;
	}
	.print-report-font {
		font-size: 9px;
	}
	.table-bordered>thead>tr>th, .table-bordered>tbody>tr>th,
		.table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td,
		.table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td {
		border: 1px solid #000 !important;
	}
	.report-container-content {
		overflow: visible !important;
	}
}

.right-25 {
	right: 25px;
}

.right-55 {
	right: 55px !important;
}
.right-18 {
	right: 18px !important;
}
.right-60 {
	right: 60px !important;
}
.right-15 {
	right: 15px !important;
}
.right-10 {
	right: 10px !important;
}
.datefilter-shift {
	right: 2px;
}

.datefilter-shift:before {
	right: 32px;
}

.font-9 {
	font-size: 9px !important;
}

.fa-stack[data-count]:after {
	position: absolute;
	right: 0%;
	top: 1%;
	content: attr(data-count);
	font-size: 30%;
	padding: .6em;
	border-radius: 999px;
	line-height: .75em;
	color: white;
	background: rgba(255, 0, 0, .85);
	text-align: center;
	min-width: 2em;
	font-weight: bold;
}

.map-width-500m {
	width: calc(100% - 500px) !important;
}

.height85vh {
	height: calc(100vh - 95px) !important;
	overflow: auto;
}

.background-white {
	background: #ffffff;
}

.avail-points-div {
	background: #5bb52d;
	height: 40px;
	text-align: center;
	padding-top: 13px;
	color: white;
}

.hr-line {
	border-top: 1px solid #000000 !important;
}

.max-cluster-input {
	width: 100px;
	margin-left: -23px;
}

.min-cluster-input {
	width: 100px;
	margin-left: 10px;
}

.csv-input-mlw {
	margin-left: 40px;
	width: 92%;
}

.csv-upload-btn {
	position: absolute;
	white-space: nowrap;
	top: 0px;
	left: -39px;
}

.width-104p {
	width: 104% !important;
}

.pv-5_3 {
	padding-top: 5px !important;
	padding-bottom: 3px !important;
}

.position-absolute {
	position: absolute;
}

.position-absolute-right-0 {
	position: absolute;
	right: 0;
}

.position-fixed {
	position: fixed;
}

.bottom-0 {
	bottom: 0;
}

.map-search-float {
	position: absolute;
	top: 5px;
	right: 20px;
	padding: 10px;
	border-radius: 5px;
}

.cluster-bread-text {
	color: rgba(255, 255, 255, 0.6);
}

.cluster-bread-text>.active {
	color: rgba(255, 255, 255, 1);
	font-weight: 500;
}

.border-1 {
	border: 1px solid
}

.border-grey {
	border-color: #ddd;
}

.border-red {
	border-color: #ed1c24 !important;
}

.theme-border {
	border-color: #ed1c24 !important;
}

.cluster-info-btn, .cluster-info-btn:hover, .cluster-info-btn:active,
	.cluster-info-btn:focus {
	color: #999999;
	background-color: transparent;
	border: none;
	font-size: 20px;
	padding: 3px 10px;
	box-shadow: none
}

.skin-black .cluster>.nav-tabs>li>a {
	color: #333 !important;
	border: none;
	border-bottom: 2px solid transparent;
}

.skin-black .cluster>.nav-tabs>li.active>a, .skin-black .cluster>.nav-tabs>li.active>a:hover,
	.skin-black .cluster>.nav-tabs>li>a:focus, .skin-black .cluster>.nav-tabs>li.active>a:focus
	{
	color: #ed1c24 !important;
	background-color: transparent !important;
	border-bottom: 2px solid;
	border-bottom-color: #ed1c24 !important;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: transparent;
}

.btn.btn-cluster-theme, .btn.btn-cluster-theme>svg {
	background-color: transparent;
	border-color: #ed1c24 !important;
	color: #ed1c24 !important;
	fill: #ed1c24 !important;
	box-shadow: none;
	outline: none;
}

.btn.btn-cluster-theme:hover, .btn.btn-cluster-theme:active, .btn.btn-cluster-theme.active
	{
	background-color: #ed1c24 !important;
	color: #fff !important;
	fill: #fff !important;
	box-shadow: none;
	outline: none;
}

.btn.btn-cluster-theme>svg {
	fill: #ed1c24 !important;
}

.btn.btn-cluster-theme:hover>svg, .btn.btn-cluster-theme:active>svg,
	.btn.btn-cluster-theme.active>svg {
	fill: #fff !important;
}

.padding-4_8 {
	padding: 4px 8px !important;
}

.inst-box {
	background-color: white !important;
	border: 1px solid;
}

.schedule-block-title {
	position: absolute;
	margin-left: 0px;
	margin-top: 20px;
	transform: rotate(90deg);
	top: 0;
	left: 0;
	color: #ff5722
}

.schedule-block {
	border-left: 3px #ff5722;
	margin-left: 30px;
}

.schedule-block.solid {
	border-left-style: solid;
}

.schedule-block.dotted {
	border-left-style: dotted;
}

.txt-color-black {
	color: #000000;
}

.height-10 {
	height: 10px;
}

.addPoint-btn {
	background-color: #f2f2f2 !important;
}

.addPoint-btn-enable {
	background-color: #5bb52d !important;
}

/*ADDRESS VERIFICATION CSS START*/
.map-height-94 {
	height: calc(100vh - 94px);
	overflow: auto;
}

/* dista-dev-css */
.skin-black .cluster>.nav-tabs>li>a {
	color: #333 !important;
	border: none;
	border-bottom: 2px solid transparent;
}

.skin-black .cluster>.nav-tabs>li.active>a, .skin-black .cluster>.nav-tabs>li.active>a:hover,
	.skin-black .cluster>.nav-tabs>li>a:focus, .skin-black .cluster>.nav-tabs>li.active>a:focus
	{
	color: #ed1c24 !important;
	background-color: transparent !important;
	border-bottom: 2px solid;
	border-bottom-color: #ed1c24 !important;
}

.nav>li>a:hover, .nav>li>a:focus {
	background-color: transparent;
}

.position-fixed {
	position: fixed;
}

.bottom-0 {
	bottom: 0;
}

.line-height-inherit {
	line-height: inherit;
}

.confidence-90 {
	opacity: 0.9
}

.confidence-80 {
	opacity: 0.8
}

.confidence-70 {
	opacity: 0.7
}

.confidence-60 {
	opacity: 0.6
}

.confidence-50 {
	opacity: 0.5
}

.confidence-40 {
	opacity: 0.4
}
.confidence-20 {
	opacity: 0.2
}
/*ADDRESS VERIFICATION CSS ENDS*/

/** Smart Table Fixed Header Footer **/
@media screen and (min-width: 992px) {
	.smart-table>table {
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.smart-table>table * {
		box-sizing: inherit;
		-moz-box-sizing: inherit;
	}
	.smart-table>table>thead {
		display: flex;
		flex-direction: column;
		align-items: stretch;
	}
	.smart-table>table>tbody {
		overflow-y: auto;
		display: block;
	}
	.smart-table>table>thead>tr, .smart-table>table>tbody>tr, .smart-table>table>tfoot>tr
		{
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}
	.smart-table thead, tfoot {
		flex-shrink: 0;
	}
	.smart-table th {
		overflow-x: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		padding: 8px 6px !important;
	}
	.smart-table tbody td {
		overflow-x: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		padding: 8px 6px 8px 10px !important;
	}
	.smart-table tfoot {
		display: inline-block;
	}
	.smart-table tfoot td {
		width: 100%;
		display: inline-block;
	}

	/* Varying Values of Smart Table */
	.eight-column thead th, .eight-column tbody td {
		width: 12.5%;
	}
	.seven-column thead th, .seven-column tbody td {
		width: 14.28%;
	}
	
	.max-height-345 {
	    max-height: 345px;
	    overflow-y: auto;
	    overflow-x: hidden;
	}

	/* Add height to table */
	.height-432 {
		height: calc(100vh - 432px);
		overflow-y: auto;
		overflow-x: hidden;
	}
	.max-height-238 {
		max-height: calc(100vh - 238px);
		overflow-y: auto;
		overflow-x: hidden;
	}
	/** Smart Table Fixed Header Footer **/
}

.cb-margin {
	margin-top: 6px;
	margin-bottom: 6px;
	margin-left: 15px;
}

.max-width-70p {
	max-width: 70%;
}

.m-6 {
	margin: 6px;
}

.filterPanel-open {
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.filterPanel-close {
	position: absolute;
	top: 55px;
	right: -330px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.filterPanel-height {
	max-height: calc(100vh - 100px);
	overflow: auto;
}

.filterMapPaneliOS-height {
	max-height: calc(100vh - 230px);
	overflow: auto;
}

.filterMapPanelWin-height {
	max-height: calc(100vh - 156px);
	overflow: auto;
}

.flex-bottom {
	display: flex;
	flex-direction: row;
	align-items: flex-end;
}

.static-progress {
	width: 200px;
	height: 10px;
	border: 1px solid grey;
	position: relative;
}

.ride-info-window {
	background-color: #fff;
	position: relative;
	width: 270px;
	padding: 0px;
	border-radius: 7px;
	overflow: hidden;
}

.filterPanel-open {
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 2;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.filterPanel-close {
	position: absolute;
	top: 55px;
	right: -330px;
	z-index: 2;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.wellsite-filterPanel-open {
	position: absolute;
	top: 55px;
	right: 0px;
	z-index: 2;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.wellsite-filterPanel-close {
	position: absolute;
	top: 55px;
	right: -370px;
	z-index: 2;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.filterPanel-height {
	max-height: calc(100vh - 100px);
	overflow: auto;
}

.leadInfoWin {
	background-color: #fff;
	position: relative;
	width: 300px;
	padding: 0px;
	border-radius: 3px;
	overflow: hidden;
}

.ruralLoanInfoWin {
	background-color: #fff;
	position: relative;
	width: 230px;
	padding: 0px;
	border-radius: 3px;
	overflow: hidden;
}

.wellSiteInfoWin {
	background-color: #fff;
	position: relative;
	width: 120px;
	height: 100%;
	padding: 0px;
	border-radius: 3px;
	overflow: hidden;
	box-shadow: none !important;
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
}

.pepperfryInfoWin {
	background-color: #fff;
	position: relative;
	width: 300px;
	padding: 0px;
	border-radius: 3px;
	overflow: hidden;
}

.secure-dot {
	height: 20px;
	width: 20px;
	background-color: #4CAF50;
	border-radius: 50%;
	display: inline-block;
}

.unsecure-dot {
	height: 20px;
	width: 20px;
	background-color: #F44336;
	border-radius: 50%;
	display: inline-block;
}

.btn-config-remove {
	position: absolute;
	top: -15px;
	right: -15px;
}

.eav-section-btn {
	background-color: rgba(237, 28, 36, 0.05);
	border: 1px dotted #ed1c24;
	border-radius: 15px;
}

.selectize-control.single .selectize-input:after {
	right: 8px;
}

.selectize-input {
	position: relative;
	z-index: 0;
	display: inline-block;
	width: 100%;
	padding: 6px 20px 6px 12px;
	overflow: hidden;
	border: 1px solid transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.height-36 {
	height: 36px !important;
}
.height-40 {
	height: 40px !important;
}

.dateTime-right {
	left: auto;
	right: 0;
}

.defaultInfoWindow {
	background-color: #fff;
	position: relative;
	width: 250px;
	padding: 0px;
	border-radius: 3px;
}

.icon-posi-idfc {
	margin-right: 1px;
	left: -2px;
	position: relative;
}

/* .pincodeRange .rzslider .rz-pointer {
	top: -4px;
	z-index: 2;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px
		rgba(0, 0, 0, 0.12);
}
 */
.pincodeRange .rzslider {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 4px;
	margin: 25px 0 10px 0;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.pincodeRange .rzslider .rz-pointer {
	top: -3px;
	z-index: 2;
	width: 10px;
	height: 10px;
	cursor: pointer;
	border: 1px solid #e3e3e3;
	background-color: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.24), 0px 0px 2px
		rgba(0, 0, 0, 0.12);
}

.pincodeRange .rzslider .rz-pointer:after {
	position: absolute;
	top: 4px;
	left: 4px;
	width: 4px;
	height: 4px;
	background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	content: '';
}

.pincodeRange .rzslider .rz-bar-wrapper {
	left: 0;
	z-index: 1;
	width: 100%;
	height: 10px;
	padding-top: 0px;
	margin-top: 0px;
	box-sizing: border-box;
}

.pincodeRange .rzslider .rz-selection {
	z-index: 2;
	background-color: #ed1c24 !important;
	border-radius: 2px;
}

.pincodeRange .rzslider .rz-bar {
	z-index: 0;
	width: 100%;
	height: 5px;
	border-radius: 25px;
	background: #e5e5e5;
}

.pincodeRange .rzslider .rz-bubble {
	bottom: 6px;
	padding: 1px 3px;
	color: #000;
	cursor: default;
}

.pincodeRange .rzslider .rz-bubble.rz-limit {
	color: #000;
}

.google-visualization-table-table th {
	padding: 8px 12px !important;
	vertical-align: bottom;
	background-image: none !important;
	background-color: #ed1c24 !important;
	color: #fff;
}

.google-visualization-table-table td {
	padding: 8px 12px !important;
	vertical-align: top;
}

.height-135 {
	height: calc(100vh - 135px);
	overflow-y: auto;
	overflow-x: hidden;
}

.warehouse-upload {
	position: absolute;
	top: 90px;
	right: 15px;
}

.no-border-radius {
	border-radius: 0 !important
}

.inventry-panel>.panel-collapse>.panel-body {
	padding: 0 !important;
	background-color: #fafafa;
}

.gridPanel-close {
	position: absolute;
	top: 0;
	right: -485px;
	z-index: 1;
	padding: 0;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-webkit-transition: right 0.5s;
	-moz-transition: right 0.5s;
	transition: right 0.5s;
}

.store-oneline-new {
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 230px;
	min-width: 150px;
	overflow: hidden;
}

.statusBlack {
	background: #000;
	color: white;
}

.statusGray {
	background: #666;
	color: white;
}

.statusWarn {
	background: #f1c824;
	color: #333;
}

.approve-grid-color {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	display: inline-block;
	margin: 0px 5px;
}

.rider-checkIn-graph {
	width: 85%;
	height: 20px;
}

.rider-status {
	position: absolute;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	bottom: 5px;
	right: 5px;
}

.delivery-status-graph {
	width: 85%;
	height: 40px;
	max-width: 150px;
}

/* Circular Progress donut */
.progress-circle {
	font-size: 20px;
	margin: 20px;
	position: relative; /* so that children can be absolutely positioned */
	padding: 0;
	width: 80px;
	height: 80px;
	background-color: #DDD;
	border-radius: 50%;
	line-height: 100px;
}

.progress-circle:after {
	border: none;
	position: absolute;
	top: 25%;
	left: 25%;
	text-align: center;
	display: block;
	border-radius: 50%;
	width: 40px;
	height: 40px;
	background-color: #f2f2f2;
	content: " ";
}
/* Text inside the control */
.progress-circle span {
	position: absolute;
	line-height: 5.4em;
	width: 5.4em;
	text-align: center;
	display: block;
	color: #333;
	font-weight: 500;
	z-index: 2;
	font-size: 15px;
}

.left-half-clipper {
	/* a round circle */
	border-radius: 50%;
	width: 4em;
	height: 4em;
	position: absolute; /* needed for clipping */
	clip: rect(0, 4em, 4em, 2em); /* clips the whole left half*/
}

.left-half-clipper-150 {
	/* a round circle */
	border-radius: 50%;
	width: 4em;
	height: 4em;
	position: absolute; /* needed for clipping */
	clip: rect(0, 4em, 4em, 2em); /* clips the whole left half*/
}

/* when p>50, don't clip left half*/
.progress-circle.over50 .left-half-clipper {
	clip: rect(auto, auto, auto, auto);
}

.progress-circle.over150 .left-half-clipper-150 {
	clip: rect(auto, auto, auto, auto);
}

.left-half-clipper .value-bar {
	/*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
	position: absolute; /*needed for clipping*/
	clip: rect(0, 2em, 4em, 0);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 20px solid #53777A;
	/*The border is 0.35 but making it larger removes visual artifacts */
	/*background-color: #4D642D;*/ /* for debug */
	box-sizing: border-box;
}

.left-half-clipper-150 .value-bar {
	/*This is an overlayed square, that is made round with the border radius,
   then it is cut to display only the left half, then rotated clockwise
   to escape the outer clipping path.*/
	position: absolute; /*needed for clipping*/
	clip: rect(0, 2em, 4em, 0);
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 20px solid #53777A;
	/*The border is 0.35 but making it larger removes visual artifacts */
	/*background-color: #4D642D;*/ /* for debug */
	box-sizing: border-box;
}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over50 .first50-bar {
	/*Progress bar for the first 50%, filling the whole right half*/
	position: absolute; /*needed for clipping*/
	clip: rect(0, 4em, 4em, 2em);
	background-color: #53777A;
	border-radius: 50%;
	width: 4em;
	height: 4em;
}

/* Progress bar filling the whole right half for values above 50% */
.progress-circle.over150 .first150-bar {
	/*Progress bar for the first 50%, filling the whole right half*/
	position: absolute; /*needed for clipping*/
	clip: rect(0, 4em, 4em, 2em);
	background-color: #53777A;
	border-radius: 50%;
	width: 4em;
	height: 4em;
}

.progress-circle:not(.over150 ) .first150-bar {
	display: none;
}

.progress-circle:not(.over50 ) .first50-bar {
	display: none;
}
/* Progress bar rotation position */
.progress-circle.p0>.left-half-clipper>.value-bar {
	display: none;
}

.progress-circle.p1>.left-half-clipper>.value-bar {
	transform: rotate(4deg);
}

.progress-circle.p2>.left-half-clipper>.value-bar {
	transform: rotate(7deg);
}

.progress-circle.p3>.left-half-clipper>.value-bar {
	transform: rotate(11deg);
}

.progress-circle.p4>.left-half-clipper>.value-bar {
	transform: rotate(14deg);
}

.progress-circle.p5>.left-half-clipper>.value-bar {
	transform: rotate(18deg);
}

.progress-circle.p6>.left-half-clipper>.value-bar {
	transform: rotate(22deg);
}

.progress-circle.p7>.left-half-clipper>.value-bar {
	transform: rotate(25deg);
}

.progress-circle.p8>.left-half-clipper>.value-bar {
	transform: rotate(29deg);
}

.progress-circle.p9>.left-half-clipper>.value-bar {
	transform: rotate(32deg);
}

.progress-circle.p10>.left-half-clipper>.value-bar {
	transform: rotate(36deg);
}

.progress-circle.p11>.left-half-clipper>.value-bar {
	transform: rotate(40deg);
}

.progress-circle.p12>.left-half-clipper>.value-bar {
	transform: rotate(43deg);
}

.progress-circle.p13>.left-half-clipper>.value-bar {
	transform: rotate(47deg);
}

.progress-circle.p14>.left-half-clipper>.value-bar {
	transform: rotate(50deg);
}

.progress-circle.p15>.left-half-clipper>.value-bar {
	transform: rotate(54deg);
}

.progress-circle.p16>.left-half-clipper>.value-bar {
	transform: rotate(58deg);
}

.progress-circle.p17>.left-half-clipper>.value-bar {
	transform: rotate(61deg);
}

.progress-circle.p18>.left-half-clipper>.value-bar {
	transform: rotate(65deg);
}

.progress-circle.p19>.left-half-clipper>.value-bar {
	transform: rotate(68deg);
}

.progress-circle.p20>.left-half-clipper>.value-bar {
	transform: rotate(72deg);
}

.progress-circle.p21>.left-half-clipper>.value-bar {
	transform: rotate(76deg);
}

.progress-circle.p22>.left-half-clipper>.value-bar {
	transform: rotate(79deg);
}

.progress-circle.p23>.left-half-clipper>.value-bar {
	transform: rotate(83deg);
}

.progress-circle.p24>.left-half-clipper>.value-bar {
	transform: rotate(86deg);
}

.progress-circle.p25>.left-half-clipper>.value-bar {
	transform: rotate(90deg);
}

.progress-circle.p26>.left-half-clipper>.value-bar {
	transform: rotate(94deg);
}

.progress-circle.p27>.left-half-clipper>.value-bar {
	transform: rotate(97deg);
}

.progress-circle.p28>.left-half-clipper>.value-bar {
	transform: rotate(101deg);
}

.progress-circle.p29>.left-half-clipper>.value-bar {
	transform: rotate(104deg);
}

.progress-circle.p30>.left-half-clipper>.value-bar {
	transform: rotate(108deg);
}

.progress-circle.p31>.left-half-clipper>.value-bar {
	transform: rotate(112deg);
}

.progress-circle.p32>.left-half-clipper>.value-bar {
	transform: rotate(115deg);
}

.progress-circle.p33>.left-half-clipper>.value-bar {
	transform: rotate(119deg);
}

.progress-circle.p34>.left-half-clipper>.value-bar {
	transform: rotate(122deg);
}

.progress-circle.p35>.left-half-clipper>.value-bar {
	transform: rotate(126deg);
}

.progress-circle.p36>.left-half-clipper>.value-bar {
	transform: rotate(130deg);
}

.progress-circle.p37>.left-half-clipper>.value-bar {
	transform: rotate(133deg);
}

.progress-circle.p38>.left-half-clipper>.value-bar {
	transform: rotate(137deg);
}

.progress-circle.p39>.left-half-clipper>.value-bar {
	transform: rotate(140deg);
}

.progress-circle.p40>.left-half-clipper>.value-bar {
	transform: rotate(144deg);
}

.progress-circle.p41>.left-half-clipper>.value-bar {
	transform: rotate(148deg);
}

.progress-circle.p42>.left-half-clipper>.value-bar {
	transform: rotate(151deg);
}

.progress-circle.p43>.left-half-clipper>.value-bar {
	transform: rotate(155deg);
}

.progress-circle.p44>.left-half-clipper>.value-bar {
	transform: rotate(158deg);
}

.progress-circle.p45>.left-half-clipper>.value-bar {
	transform: rotate(162deg);
}

.progress-circle.p46>.left-half-clipper>.value-bar {
	transform: rotate(166deg);
}

.progress-circle.p47>.left-half-clipper>.value-bar {
	transform: rotate(169deg);
}

.progress-circle.p48>.left-half-clipper>.value-bar {
	transform: rotate(173deg);
}

.progress-circle.p49>.left-half-clipper>.value-bar {
	transform: rotate(176deg);
}

.progress-circle.p50>.left-half-clipper>.value-bar {
	transform: rotate(180deg);
}

.progress-circle.p51>.left-half-clipper>.value-bar {
	transform: rotate(184deg);
}

.progress-circle.p52>.left-half-clipper>.value-bar {
	transform: rotate(187deg);
}

.progress-circle.p53>.left-half-clipper>.value-bar {
	transform: rotate(191deg);
}

.progress-circle.p54>.left-half-clipper>.value-bar {
	transform: rotate(194deg);
}

.progress-circle.p55>.left-half-clipper>.value-bar {
	transform: rotate(198deg);
}

.progress-circle.p56>.left-half-clipper>.value-bar {
	transform: rotate(202deg);
}

.progress-circle.p57>.left-half-clipper>.value-bar {
	transform: rotate(205deg);
}

.progress-circle.p58>.left-half-clipper>.value-bar {
	transform: rotate(209deg);
}

.progress-circle.p59>.left-half-clipper>.value-bar {
	transform: rotate(212deg);
}

.progress-circle.p60>.left-half-clipper>.value-bar {
	transform: rotate(216deg);
}

.progress-circle.p61>.left-half-clipper>.value-bar {
	transform: rotate(220deg);
}

.progress-circle.p62>.left-half-clipper>.value-bar {
	transform: rotate(223deg);
}

.progress-circle.p63>.left-half-clipper>.value-bar {
	transform: rotate(227deg);
}

.progress-circle.p64>.left-half-clipper>.value-bar {
	transform: rotate(230deg);
}

.progress-circle.p65>.left-half-clipper>.value-bar {
	transform: rotate(234deg);
}

.progress-circle.p66>.left-half-clipper>.value-bar {
	transform: rotate(238deg);
}

.progress-circle.p67>.left-half-clipper>.value-bar {
	transform: rotate(241deg);
}

.progress-circle.p68>.left-half-clipper>.value-bar {
	transform: rotate(245deg);
}

.progress-circle.p69>.left-half-clipper>.value-bar {
	transform: rotate(248deg);
}

.progress-circle.p70>.left-half-clipper>.value-bar {
	transform: rotate(252deg);
}

.progress-circle.p71>.left-half-clipper>.value-bar {
	transform: rotate(256deg);
}

.progress-circle.p72>.left-half-clipper>.value-bar {
	transform: rotate(259deg);
}

.progress-circle.p73>.left-half-clipper>.value-bar {
	transform: rotate(263deg);
}

.progress-circle.p74>.left-half-clipper>.value-bar {
	transform: rotate(266deg);
}

.progress-circle.p75>.left-half-clipper>.value-bar {
	transform: rotate(270deg);
}

.progress-circle.p76>.left-half-clipper>.value-bar {
	transform: rotate(274deg);
}

.progress-circle.p77>.left-half-clipper>.value-bar {
	transform: rotate(277deg);
}

.progress-circle.p78>.left-half-clipper>.value-bar {
	transform: rotate(281deg);
}

.progress-circle.p79>.left-half-clipper>.value-bar {
	transform: rotate(284deg);
}

.progress-circle.p80>.left-half-clipper>.value-bar {
	transform: rotate(288deg);
}

.progress-circle.p81>.left-half-clipper>.value-bar {
	transform: rotate(292deg);
}

.progress-circle.p82>.left-half-clipper>.value-bar {
	transform: rotate(295deg);
}

.progress-circle.p83>.left-half-clipper>.value-bar {
	transform: rotate(299deg);
}

.progress-circle.p84>.left-half-clipper>.value-bar {
	transform: rotate(302deg);
}

.progress-circle.p85>.left-half-clipper>.value-bar {
	transform: rotate(306deg);
}

.progress-circle.p86>.left-half-clipper>.value-bar {
	transform: rotate(310deg);
}

.progress-circle.p87>.left-half-clipper>.value-bar {
	transform: rotate(313deg);
}

.progress-circle.p88>.left-half-clipper>.value-bar {
	transform: rotate(317deg);
}

.progress-circle.p89>.left-half-clipper>.value-bar {
	transform: rotate(320deg);
}

.progress-circle.p90>.left-half-clipper>.value-bar {
	transform: rotate(324deg);
}

.progress-circle.p91>.left-half-clipper>.value-bar {
	transform: rotate(328deg);
}

.progress-circle.p92>.left-half-clipper>.value-bar {
	transform: rotate(331deg);
}

.progress-circle.p93>.left-half-clipper>.value-bar {
	transform: rotate(335deg);
}

.progress-circle.p94>.left-half-clipper>.value-bar {
	transform: rotate(338deg);
}

.progress-circle.p95>.left-half-clipper>.value-bar {
	transform: rotate(342deg);
}

.progress-circle.p96>.left-half-clipper>.value-bar {
	transform: rotate(346deg);
}

.progress-circle.p97>.left-half-clipper>.value-bar {
	transform: rotate(349deg);
}

.progress-circle.p98>.left-half-clipper>.value-bar {
	transform: rotate(353deg);
}

.progress-circle.p99>.left-half-clipper>.value-bar {
	transform: rotate(356deg);
}

.progress-circle.p100>.left-half-clipper>.value-bar {
	transform: rotate(360deg);
}

/* Circular Progress donut */

/* Progress bar rotation position */
.progress-circle.p101>.left-half-clipper-150>.value-bar {
	transform: rotate(4deg);
}

.progress-circle.p102>.left-half-clipper-150>.value-bar {
	transform: rotate(7deg);
}

.progress-circle.p103>.left-half-clipper-150>.value-bar {
	transform: rotate(11deg);
}

.progress-circle.p104>.left-half-clipper-150>.value-bar {
	transform: rotate(14deg);
}

.progress-circle.p105>.left-half-clipper-150>.value-bar {
	transform: rotate(18deg);
}

.progress-circle.p106>.left-half-clipper-150>.value-bar {
	transform: rotate(22deg);
}

.progress-circle.p107>.left-half-clipper-150>.value-bar {
	transform: rotate(25deg);
}

.progress-circle.p108>.left-half-clipper-150>.value-bar {
	transform: rotate(29deg);
}

.progress-circle.p109>.left-half-clipper-150>.value-bar {
	transform: rotate(32deg);
}

.progress-circle.p110>.left-half-clipper-150>.value-bar {
	transform: rotate(36deg);
}

.progress-circle.p111>.left-half-clipper-150>.value-bar {
	transform: rotate(40deg);
}

.progress-circle.p112>.left-half-clipper-150>.value-bar {
	transform: rotate(43deg);
}

.progress-circle.p113>.left-half-clipper-150>.value-bar {
	transform: rotate(47deg);
}

.progress-circle.p114>.left-half-clipper-150>.value-bar {
	transform: rotate(50deg);
}

.progress-circle.p115>.left-half-clipper-150>.value-bar {
	transform: rotate(54deg);
}

.progress-circle.p116>.left-half-clipper-150>.value-bar {
	transform: rotate(58deg);
}

.progress-circle.p117>.left-half-clipper-150>.value-bar {
	transform: rotate(61deg);
}

.progress-circle.p118>.left-half-clipper-150>.value-bar {
	transform: rotate(65deg);
}

.progress-circle.p119>.left-half-clipper-150>.value-bar {
	transform: rotate(68deg);
}

.progress-circle.p120>.left-half-clipper-150>.value-bar {
	transform: rotate(72deg);
}

.progress-circle.p121>.left-half-clipper-150>.value-bar {
	transform: rotate(76deg);
}

.progress-circle.p122>.left-half-clipper-150>.value-bar {
	transform: rotate(79deg);
}

.progress-circle.p123>.left-half-clipper-150>.value-bar {
	transform: rotate(83deg);
}

.progress-circle.p124>.left-half-clipper-150>.value-bar {
	transform: rotate(86deg);
}

.progress-circle.p125>.left-half-clipper-150>.value-bar {
	transform: rotate(90deg);
}

.progress-circle.p126>.left-half-clipper-150>.value-bar {
	transform: rotate(94deg);
}

.progress-circle.p127>.left-half-clipper-150>.value-bar {
	transform: rotate(97deg);
}

.progress-circle.p128>.left-half-clipper-150>.value-bar {
	transform: rotate(101deg);
}

.progress-circle.p129>.left-half-clipper-150>.value-bar {
	transform: rotate(104deg);
}

.progress-circle.p130>.left-half-clipper-150>.value-bar {
	transform: rotate(108deg);
}

.progress-circle.p131>.left-half-clipper-150>.value-bar {
	transform: rotate(112deg);
}

.progress-circle.p132>.left-half-clipper-150>.value-bar {
	transform: rotate(115deg);
}

.progress-circle.p133>.left-half-clipper-150>.value-bar {
	transform: rotate(119deg);
}

.progress-circle.p134>.left-half-clipper-150>.value-bar {
	transform: rotate(122deg);
}

.progress-circle.p135>.left-half-clipper-150>.value-bar {
	transform: rotate(126deg);
}

.progress-circle.p136>.left-half-clipper-150>.value-bar {
	transform: rotate(130deg);
}

.progress-circle.p137>.left-half-clipper-150>.value-bar {
	transform: rotate(133deg);
}

.progress-circle.p138>.left-half-clipper-150>.value-bar {
	transform: rotate(137deg);
}

.progress-circle.p139>.left-half-clipper-150>.value-bar {
	transform: rotate(140deg);
}

.progress-circle.p140>.left-half-clipper-150>.value-bar {
	transform: rotate(144deg);
}

.progress-circle.p141>.left-half-clipper-150>.value-bar {
	transform: rotate(148deg);
}

.progress-circle.p142>.left-half-clipper-150>.value-bar {
	transform: rotate(151deg);
}

.progress-circle.p143>.left-half-clipper-150>.value-bar {
	transform: rotate(155deg);
}

.progress-circle.p144>.left-half-clipper-150>.value-bar {
	transform: rotate(158deg);
}

.progress-circle.p145>.left-half-clipper-150>.value-bar {
	transform: rotate(162deg);
}

.progress-circle.p146>.left-half-clipper-150>.value-bar {
	transform: rotate(166deg);
}

.progress-circle.p147>.left-half-clipper-150>.value-bar {
	transform: rotate(169deg);
}

.progress-circle.p148>.left-half-clipper-150>.value-bar {
	transform: rotate(173deg);
}

.progress-circle.p149>.left-half-clipper-150>.value-bar {
	transform: rotate(176deg);
}

.progress-circle.p150>.left-half-clipper-150>.value-bar {
	transform: rotate(180deg);
}

.progress-circle.p151>.left-half-clipper-150>.value-bar {
	transform: rotate(184deg);
}

.progress-circle.p152>.left-half-clipper-150>.value-bar {
	transform: rotate(187deg);
}

.progress-circle.p153>.left-half-clipper-150>.value-bar {
	transform: rotate(191deg);
}

.progress-circle.p154>.left-half-clipper-150>.value-bar {
	transform: rotate(194deg);
}

.progress-circle.p155>.left-half-clipper-150>.value-bar {
	transform: rotate(198deg);
}

.progress-circle.p156>.left-half-clipper-150>.value-bar {
	transform: rotate(202deg);
}

.progress-circle.p157>.left-half-clipper-150>.value-bar {
	transform: rotate(205deg);
}

.progress-circle.p158>.left-half-clipper-150>.value-bar {
	transform: rotate(209deg);
}

.progress-circle.p159>.left-half-clipper-150>.value-bar {
	transform: rotate(212deg);
}

.progress-circle.p160>.left-half-clipper-150>.value-bar {
	transform: rotate(216deg);
}

.progress-circle.p161>.left-half-clipper-150>.value-bar {
	transform: rotate(220deg);
}

.progress-circle.p162>.left-half-clipper-150>.value-bar {
	transform: rotate(223deg);
}

.progress-circle.p163>.left-half-clipper-150>.value-bar {
	transform: rotate(227deg);
}

.progress-circle.p164>.left-half-clipper-150>.value-bar {
	transform: rotate(230deg);
}

.progress-circle.p165>.left-half-clipper-150>.value-bar {
	transform: rotate(234deg);
}

.progress-circle.p166>.left-half-clipper-150>.value-bar {
	transform: rotate(238deg);
}

.progress-circle.p167>.left-half-clipper-150>.value-bar {
	transform: rotate(241deg);
}

.progress-circle.p168>.left-half-clipper-150>.value-bar {
	transform: rotate(245deg);
}

.progress-circle.p169>.left-half-clipper-150>.value-bar {
	transform: rotate(248deg);
}

.progress-circle.p170>.left-half-clipper-150>.value-bar {
	transform: rotate(252deg);
}

.progress-circle.p171>.left-half-clipper-150>.value-bar {
	transform: rotate(256deg);
}

.progress-circle.p172>.left-half-clipper-150>.value-bar {
	transform: rotate(259deg);
}

.progress-circle.p173>.left-half-clipper-150>.value-bar {
	transform: rotate(263deg);
}

.progress-circle.p174>.left-half-clipper-150>.value-bar {
	transform: rotate(266deg);
}

.progress-circle.p175>.left-half-clipper-150>.value-bar {
	transform: rotate(270deg);
}

.progress-circle.p176>.left-half-clipper-150>.value-bar {
	transform: rotate(274deg);
}

.progress-circle.p177>.left-half-clipper-150>.value-bar {
	transform: rotate(277deg);
}

.progress-circle.p178>.left-half-clipper-150>.value-bar {
	transform: rotate(281deg);
}

.progress-circle.p179>.left-half-clipper-150>.value-bar {
	transform: rotate(284deg);
}

.progress-circle.p180>.left-half-clipper-150>.value-bar {
	transform: rotate(288deg);
}

.progress-circle.p181>.left-half-clipper-150>.value-bar {
	transform: rotate(292deg);
}

.progress-circle.p182>.left-half-clipper-150>.value-bar {
	transform: rotate(295deg);
}

.progress-circle.p183>.left-half-clipper-150>.value-bar {
	transform: rotate(299deg);
}

.progress-circle.p184>.left-half-clipper-150>.value-bar {
	transform: rotate(302deg);
}

.progress-circle.p185>.left-half-clipper-150>.value-bar {
	transform: rotate(306deg);
}

.progress-circle.p186>.left-half-clipper-150>.value-bar {
	transform: rotate(310deg);
}

.progress-circle.p187>.left-half-clipper-150>.value-bar {
	transform: rotate(313deg);
}

.progress-circle.p188>.left-half-clipper-150>.value-bar {
	transform: rotate(317deg);
}

.progress-circle.p189>.left-half-clipper-150>.value-bar {
	transform: rotate(320deg);
}

.progress-circle.p190>.left-half-clipper-150>.value-bar {
	transform: rotate(324deg);
}

.progress-circle.p191>.left-half-clipper-150>.value-bar {
	transform: rotate(328deg);
}

.progress-circle.p192>.left-half-clipper-150>.value-bar {
	transform: rotate(331deg);
}

.progress-circle.p193>.left-half-clipper-150>.value-bar {
	transform: rotate(335deg);
}

.progress-circle.p194>.left-half-clipper-150>.value-bar {
	transform: rotate(338deg);
}

.progress-circle.p195>.left-half-clipper-150>.value-bar {
	transform: rotate(342deg);
}

.progress-circle.p196>.left-half-clipper-150>.value-bar {
	transform: rotate(346deg);
}

.progress-circle.p197>.left-half-clipper-150>.value-bar {
	transform: rotate(349deg);
}

.progress-circle.p198>.left-half-clipper-150>.value-bar {
	transform: rotate(353deg);
}

.progress-circle.p199>.left-half-clipper-150>.value-bar {
	transform: rotate(356deg);
}

.progress-circle.p200>.left-half-clipper-150>.value-bar {
	transform: rotate(360deg);
}

/* Circular Progress donut */
.vertical {
	display: inline-block;
	width: 30% !important;
	height: 60px !important;
	border-radius: 3px !important;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

.vertical {
	/* box-shadow: inset 0px 4px 6px #ccc; */
	background-color: #ccc;
}
/* .progress-bar {
box-shadow: inset 0px 4px 6px rgba(100,100,100,0.6);
} */
.vertical-progress-text {
	display: block;
	position: absolute;
	top: 20px;
	left: 55px;
	z-index: 1;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}

.left-45p {
	left: 45%;
}

.border-2 {
	border: 2px solid
}

.settingsPanel-new {
	position: absolute;
}

.settingsPanel-new.top-left {
	top: 105px;
	left: 100px;
}

.settingsPanel-new.bottom-left {
	bottom: 25px;
	left: 55px;
}

.layers-pop {
	position: absolute;
	min-width: 175px;
	max-width: 245px;
	background-color: #fff;
	border-radius: 4px;
}

.layers-pop.bottom-left {
	bottom: 75px;
	left: 55px;
}

.layers-pop.bottom-left:before {
	content: "";
	position: absolute;
	left: 8px;
	bottom: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
	border-color: #fff transparent transparent transparent;
}

.layers-pop-mr {
	position: absolute;
	min-width: 175px;
	max-width: 350px;
	background-color: #fff;
	border-radius: 4px;
}

.layers-pop-mr.bottom-left {
	bottom: 75px;
	left: 55px;
}

.layers-pop-mr.bottom-left:before {
	content: "";
	position: absolute;
	left: 52px;
	bottom: -8px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 10px 0px 10px;
	border-color: #fff transparent transparent transparent;
}

.switch-field {
	display: flex;
	overflow: hidden;
}

.switch-field input {
	position: absolute !important;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	width: 1px;
	border: 0;
	overflow: hidden;
}

.switch-field label {
	background-color: #f2f2f2;
	color: #ed1c24 !important;
	font-size: 12px;
	font-weight: 400;
	line-height: 1;
	text-align: center;
	padding: 5px 10px;
	margin-right: -1px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px
		rgba(255, 255, 255, 0.1);
	transition: all 0.1s ease-in-out;
}

.switch-field label:hover {
	cursor: pointer;
}

.switch-field input:checked+label {
	background-color: #ed1c24 !important;
	box-shadow: none;
	color: #fff !important;
}

.switch-field label:first-of-type {
	border-radius: 50px 0 0 50px;
}

.switch-field label:last-of-type {
	border-radius: 0 50px 50px 0;
}

.switch-field.justify-center {
	justify-content: center;
}

.divider-left {
	border-left: 1px solid #ddd;
}

.btn.btn-img {
	background-color: #f2f2f2;
	border-color: #f2f2f2;
	color: #ed1c24 !important;
	outline: none;
}

.btn.btn-img:hover, .btn.btn-img:focus, .btn.btn-img:active, .btn.btn-img.active
	{
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
	color: #fff !important;
	outline: none;
}

.checkbox-left-margin::after {
	margin-left: -22px !important;
}

.btn.btn-img>svg {
	fill: #ed1c24 !important;
}

.btn.btn-img:hover>svg, .btn.btn-img:focus>svg, .btn.btn-img:active>svg,
	.btn.btn-img.active>svg {
	fill: #fff !important;
}

.dynamic .img-container {
	position: relative;
	width: 125px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}

.dynamic .img-wrapper {
	width: 100%;
	height: 70px;
	background-image: url(/app/assets/img/img-placeholder.jpg);
	background-position: center;
	background-size: cover;
	overflow: hidden;
}

.welsite-card-container>.welsite-card-width {
	min-width: 275px;
	max-width: 290px;
	height: 130px;
}

.border-bottom-2 {
	border-bottom-width: 2px !important;
}

.header-dd-posi {
	top: 50px !important;
	left: auto !important;
	right: 10px !important;
	background-color: #000;
}

.header-dd-posi-mob {
	left: auto !important;
	right: 11px !important;
	background-color: #000;
}

.header-dd-posi:before {
	content: "";
	position: absolute;
	right: 5%;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #000 transparent;
}

.header-dd-posi-mob:before {
	content: "";
	position: absolute;
	right: 5%;
	top: -10px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 10px;
	border-color: transparent transparent #000 transparent;
}

span.fancytree-checkbox {
	width: 15pt;
	height: 15pt;
	text-align: center;
	font-size: 20px;
	line-height: 12px;
}

.faa-ring.animated, .faa-ring.animated-hover:hover, .faa-parent.animated-hover:hover>.faa-ring
	{
	-webkit-animation: ring 2s ease infinite;
	animation: ring 2s ease infinite;
	transform-origin-x: 50%;
	transform-origin-y: 0px;
	transform-origin-z: initial;
}

.calendar-container {
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
	height: calc(100vh - 180px); /*this may vary*/
}
.plan-calendar-container {
	padding-left: 0;
	padding-right: 0;
	overflow: auto;
	height: calc(100vh - 270px); /*this may vary*/
}
.border-right-lightgrey {
	border-right: 1px solid #ddd;
}

.border-bottom-lightgrey {
	border-bottom: 1px solid #ddd;
}

.border-top-lightgrey {
	border-top: 1px solid #ddd;
}


.width-fit-content {
	width: fit-content;
}

.min-width-125 {
	min-width: 125px;
}

.min-width-90 {
	min-width: 90px;
}

.min-width-100 {
	min-width: 100px;
}

.height-46 {
	height: 46px !important;
}

.height-65 {
	height: 65px !important;
}

.eventSlot {
	position: absolute;
	display: inline-block;
	height: 20px;
	padding: 0 0;
	line-height: 50px;
	border-radius: 5px;
}

.header-resources {
	width: 200px;
	height: 46px;
	position: fixed;
	padding: 10px 12px;
	z-index: 2;
	top: 158px;
	left: 65px;
	background-color: #eee;
}

.header-timer {
	position: sticky;
	z-index: 1;
	top: 0;
	left: 0;
	padding-left: 14.29em;
	background-color: #fff;
}

.header-resources.box-shadow-bottom, .header-timer.box-shadow-bottom {
	-webkit-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 4px 3px 0px rgba(0, 0, 0, 0.5);
}

.disp-inline-block {
	display: inline-block;
}

.resource-container {
	position: sticky;
	height: auto;
	width: 200px;
	overflow: visible;
	display: inline-block;
	left: 0;
	z-index: 1;
}

.resource-container .resource {
	width: 200px;
	height: 46px;
	border-bottom: 1px solid #ddd;
	padding: 10px 12px;
	background-color: #eee;
}

.padding-10-12 {
	padding: 10px 12px;
}

.control-param-card {
	border: 1px solid #bbb;
	border-radius: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

@keyframes ring {
	0% {
		-webkit-transform: rotate(-15deg);
		-ms-transform: rotate(-15deg);
		transform: rotate(-15deg);
	}
	2% {
		-webkit-transform:rotate(15deg);
		-ms-transform:rotate(15deg);
		transform:rotate(15deg);
	}
	4%{
		-webkit-transform:rotate(-18deg);
		-ms-transform:rotate(-18deg);
		transform:rotate(-18deg);
	}
	6% {
		-webkit-transform:rotate(18deg);
		-ms-transform:rotate(18deg);
		transform:rotate(18deg);
	}
	8% {
		-webkit-transform:rotate(-22deg);
		-ms-transform:rotate(-22deg);
		transform:rotate(-22deg);
	}
	10%{
		-webkit-transform:rotate(22deg);
		-ms-transform:rotate(22deg);
		transform:rotate(22deg);
	}
	12% {
		-webkit-transform:rotate(-18deg);
		-ms-transform:rotate(-18deg);
		transform:rotate(-18deg);
	}
	14% {
		-webkit-transform:rotate(18deg);
		-ms-transform:rotate(18deg);
		transform:rotate(18deg);
	}
	16% {
		-webkit-transform:rotate(-12deg);
		-ms-transform:rotate(-12deg);
		transform:rotate(-12deg);
	}
	18% {
		-webkit-transform:rotate(12deg);
		-ms-transform:rotate(12deg);
		transform:rotate(12deg);
	}
	20%{
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

@media screen and (min-width: 990px) and (max-width: 1200px) {
	* {
		/* Calculation */
		--responsive: calc(( var(--min-font)* 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 990px)/(1200 - 990)) ); /* Ranges from 421px to 1199px */
	}
	.font-responsive-36-24 {
		/* Set max and min font sizes */
		--max-font: 36;
		--min-font: 24;
		font-size: var(--responsive);
	}
	.font-responsive-18-15 {
		/* Set max and min font sizes */
		--max-font: 18;
		--min-font: 15;
		font-size: var(--responsive);
	}
	.font-responsive-17-16 {
		--max-font: 17;
		--min-font: 16;
		font-size: var(--responsive);
	}
	.font-responsive-14-11 {
		/* Set max and min font sizes */
		--max-font: 14;
		--min-font: 11;
		font-size: var(--responsive);
	}
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	* {
		/* Calculation */
		--responsive: calc(( var(--min-font)* 1px) + (var(--max-font) - var(--min-font)) * ((100vw - 320px)/(1200 - 320)) ); /* Ranges from 421px to 1199px */
	}
	.font-responsive-18-15 {
		/* Set max and min font sizes */
		--max-font: 18;
		--min-font: 12;
		font-size: var(--responsive);
	}
	.font-responsive-17-16 {
		/* Set max and min font sizes */
		--max-font: 17;
		--min-font: 16;
		font-size: var(--responsive);
	}
	.font-responsive-14-11 {
		/* Set max and min font sizes */
		--max-font: 14;
		--min-font: 11;
		font-size: var(--responsive);
	}
	.font-responsive-36-24 {
		/* Set max and min font sizes */
		--max-font: 30;
		--min-font: 20;
		font-size: var(--responsive);
	}
}

.decoding-dropdown {
	background-color: #ffffff !important;
	border: 1px solid !important;
}

.graph-dropdown {
	left: -17px !important;
	width: 290px !important;
}

.dynamic .video-container {
	position: relative;
	width: 70px;
	height: 70px;
	background-color: #f1f1f1;
	border: 1px solid #ccc;
}

.video-wrapper {
	max-width: 70px;
	width: 100%;
	height: 70px;
	position: relative;
	display: inline-block;
}

.video-center {
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	right: 0;
	margin: 0 auto;
}

.btn.btn-video {
	position: absolute;
	z-index: 1;
	border: 1px solid #000;
	background-color: transparent;
}

.wellsite-filterPanel-show {
	position: absolute;
	top: 95px;
	right: 0px;
	z-index: 2;
	padding: 0;
	width: 330px !important;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
}

.top-44m {
	top: -44px !important;
}
.top-40m {
	top: -40px !important;
}
.top-20 {
	top: 20px !important;
}

.header-name-posi, .header-name-posi:hover {
	margin: 12px 15px 0 5px !important;
	padding: 4px 0 !important;
}

/* .header-name-posi:hover{
	margin: 12px 5px 0 5px !important;
    padding: 4px 0 !important;
    background: rgb(94, 51, 60) !important;
} */
.max-height-185vh {
	max-height: calc(100vh - 185px);
	overflow-y: auto;
	overflow-x: hidden;
}

.map-height185vh {
	height: calc(100vh - 185px) !important;
	overflow: auto;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.navbar-nav>li>a {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
}

@media screen and (min-width: 320px) and (max-width: 576px) {
	.divCenter-xxs {
		margin-left: auto !important;
		margin-right: auto !important;
	}
}

.wellSiteCard-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.wellSiteCard-content-vert {
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	align-items: center;
}

.max-height-140 {
	max-height: calc(100vh - 145px);
	overflow: auto;
}

.max-height-75 {
	max-height: calc(100vh - 75px);
	overflow: auto;
}

.height-140 {
	height: calc(100vh - 145px);
	overflow: auto;
}

.height-75 {
	height: calc(100vh - 75px);
	overflow: auto;
}

.varPanel-show {
	position: absolute;
	right: 0;
	top: 90px;
	padding: 0;
	background-color: #fff;
	z-index: 2;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.left-side-main {
		position: absolute;
		width: 260px;
		top: 50px;
		left: 0;
		-webkit-transition: width 0.3s ease, left 0.5s ease;
		transition: width 0.3s ease, left 0.5s ease;
	}
}

/* .gm-style .gm-style-iw-d {
    box-sizing: border-box;
    overflow: auto !important;
}
.gm-style .gm-style-iw-t::after {
    background: #fffffff2 !important;
    box-shadow: -2px 2px 2px 0 rgba(178,178,178,.4);
    content: "";
    height: 15px;
    left: 0;
    position: absolute;
    top: 0;
    transform: translate(-50%,-50%) rotate(-45deg);
    width: 15px;
}

.gm-style .gm-style-iw-c {
    position: absolute;
    box-sizing: border-box;
    overflow: hidden;
    top: 0;
    left: 0;
    transform: translate(-50%,-100%);
    background-color: #fffffff2 !important;
    border-radius: 8px;
    padding: 5px !important;
    box-shadow: 0 2px 7px 1px rgba(0,0,0,0.3);
}
.gm-style-iw button {display: none !important;} */
.iciciLeadInfoWindow {
	position: relative;
	width: 140px;
	border-radius: 3px;
}

.legendPanel {
	position: absolute;
	border-radius: 4px;
	background-color: #ffffff;
}

.legendPanel.bottom-right {
	bottom: 5px;
	right: 10px;
}

.legendPanel.top-left {
	top: 5px;
	left: 10px;
}

.legendPanel.top-right {
	top: 5px;
	right: 10px;
}

.event-height {
	max-height: 850px !important;
	overflow: auto;
}

.event-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 6px 8px;
}

.event-icon {
	width: 30px;
	height: 30px;
	border-radius: 50%;
	padding: 6px 8px;
}

.event-icon.critical {
	background-color: #ed1c24;
}

.event-icon.warning {
	background-color: #f1c824;
}

.event-icon.allOk {
	background-color: #18b300;
}

.event-icon.low {
	background-color: #18b300;
}

.event-icon.normal {
	background-color: #f1c824;
}

.event-icon.high {
	background-color: #ff9339;
}

@media only screen and (min-device-width: 375px) and (max-device-width:
	667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation:
	landscape) {
	.max-height-185vh {
		max-height: calc(100vh - 115px);
		overflow-y: auto;
		overflow-x: hidden;
	}
}

.dropdown-menu.width-70p {
	width: 100% !important;
}

.asset-dropdown {
	width: 50%;
	bottom: 8px;
	align-content: center;
	margin-left: 151px !important;
	margin-right: 50px !important;
}

.avail-blok {
	margin: -10px 10px;
	color: #fff;
	vertical-align: text-top;
}

.avail-bot-border {
	border-bottom: 1px solid rgba(255, 255, 255, 0.20);
}

.avail-switch-margin {
	margin: 10px 10px 4px !important;
}

@media screen and (min-width: 992px) {
	.avail-switch-margin {
		margin: 10px 0px 4px !important;
	}
}

.right-3 {
	right: 3px;
}

.height-80 {
	height: calc(100vh - 80px);
	overflow: auto;
}
.height-90 {
	height: calc(100vh - 90px);
	overflow: auto;
}
.width-600 {
	width: 600px !important;
}

.report-cont {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-content: center;
	align-items: center;
}

.pre-loader {
	position: relative;
	text-align: center;
	vertical-align: middle;
	display: flex;
	flex-direction: column;
	align-content: center;
	width: 100px;
	justify-content: flex-end;
	overflow: hidden;
	align-items: center;
	align-self: center;
	height: 100px;
	margin: 0 auto;
}

.mb-30 {
	margin-bottom: 30px !important;
}

.top-30m {
	top: -30px !important;
}

* {
	box-sizing: border-box;
}

.fab-wrapper {
	position: fixed;
	top: 6rem;
	right: 1.5rem;
}

.fab-checkbox {
	display: none;
}

.fab {
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	transition: all 0.3s ease;
	z-index: 1;
}

.fab:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
}

.fab-checkbox:checked ~ .fab:before {

}

.fab:hover {
	background-color: #2c87e8;
}

.fab-dots {
	position: absolute;
	height: 6px;
	width: 6px;
	background-color: white;
	border-radius: 50%;
	top: 50%;
	transform: translateX(0%) translateY(-50%) rotate(0deg);
	opacity: 1;
	transition: all 0.3s ease;
}

.fab-dots-1 {
	left: 12px;
}

.fab-dots-2 {
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.fab-dots-3 {
	right: 12px;
}

.fab-checkbox:checked ~ .fab .fab-dots {
	height: 5px;
}

.fab .fab-dots-2 {
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-1 {
	width: 22px;
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.fab-checkbox:checked ~ .fab .fab-dots-3 {
	width: 22px;
	border-radius: 10px;
	right: 50%;
	transform: translateX(50%) translateY(-50%) rotate(-45deg);
}

/*@keyframes blink {
  50% {
    opacity: 0.25;
  }
}*/
.fab-checkbox:checked ~ .fab .fab-dots {
	animation: none;
}

.fab-wheel {
	position: absolute;
	top: -0.8rem;
	right: 0;
	width: 10rem;
	height: 2.5rem;
	transition: all 0.3s ease;
	transform-origin: bottom right;
	transform: scale(0);
}

.fab-checkbox:checked ~ .fab-wheel {
	transform: scale(1);
}

.fab-action {
	position: absolute;
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 1s ease;
	opacity: 0;
}

.fab-checkbox:checked ~ .fab-wheel .fab-action {
	opacity: 1;
}

.fab-action:hover {
	background-color: #f16100;
}

.fab-wheel .fab-action-1 {
	right: 6rem;
	top: 1rem;
}

.fab-wheel .fab-action-2 {
	right: 11rem;
	top: 1rem;
}

.fab-wheel .fab-action-3 {
	right: 16rem;
	top: 1rem;
}

.fab-wheel .fab-action-4 {
	right: 21rem;
	top: 1rem;
}

/* Promiso */
.promiso.fab-wrapper {
	position: fixed;
	top: 6rem;
	right: 1.5rem;
}

.promiso .fab-checkbox {
	display: none;
}

.promiso .fab {
	position: absolute;
	top: 0;
	right: 0;
	width: 5rem;
	height: 5rem;
	border-radius: 50%;
	transition: all 0.3s ease;
	z-index: 1;
}

.promiso .fab:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	right: 0;
	top: 0;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
}

.promiso .fab-checkbox:checked ~ .fab:before {

}

.promiso .fab:hover {
	background-color: #2c87e8;
}

.promiso .fab-dots {
	position: absolute;
	height: 6px;
	width: 6px;
	background-color: white;
	border-radius: 50%;
	top: 50%;
	transform: translateX(0%) translateY(-50%) rotate(0deg);
	opacity: 1;
	transition: all 0.3s ease;
}

.promiso .fab-dots-1 {
	left: 12px;
}

.promiso .fab-dots-2 {
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}

.promiso .fab-dots-3 {
	right: 12px;
}

.promiso .fab-checkbox:checked ~ .fab .fab-dots {
	height: 5px;
}

.promiso .fab .fab-dots-2 {
	transform: translateX(-50%) translateY(-50%) rotate(0deg);
}

.promiso .fab-checkbox:checked ~ .fab .fab-dots-1 {
	width: 22px;
	border-radius: 10px;
	left: 50%;
	transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.promiso .fab-checkbox:checked ~ .fab .fab-dots-3 {
	width: 22px;
	border-radius: 10px;
	right: 50%;
	transform: translateX(50%) translateY(-50%) rotate(-45deg);
}
.promiso .fab-checkbox:checked ~ .fab .fab-dots {
	animation: none;
}

.promiso .fab-wheel {
	display: flex;
    flex-direction: row;
    position: relative;
    justify-content: flex-end;
    align-items: center;
    align-content: center;
    /* width: 24rem;
    height: 5rem; */
    transition: all 0.3s ease;
    transform-origin: center right;
    transform: scale(0);
    right: 5rem;
    top: 1.5rem;
}

.promiso .fab-checkbox:checked ~ .fab-wheel {
	transform: scale(1);
}

.promiso .fab-action {
	position: relative;
	width: 4rem;
	height: 4rem;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 1s ease;
	opacity: 0;
	margin-left: 3px;
	margin-right: 3px;
}

.promiso .fab-checkbox:checked ~ .fab-wheel .fab-action {
	opacity: 1;
}

.promiso .fab-action:hover {
	background-color: #f16100;
}

/* .promiso .fab-wheel .fab-action-1 {
	right: 6rem;
	top: 1rem;
}

.promiso .fab-wheel .fab-action-2 {
	right: 11rem;
	top: 1rem;
}

.promiso .fab-wheel .fab-action-3 {
	right: 16rem;
	top: 1rem;
}

.promiso .fab-wheel .fab-action-4 {
	right: 21rem;
	top: 1rem;
} */
/* Promiso */

.popover-bg-black {
	background-color: #000 !important;
}

.popover-bg-black.bottom>.arrow:after {
	border-bottom-color: #000 !important;
}

.popover-bg-grey {
	background-color: #eaeaea !important;
	color: #333;
}

.popover-bg-grey.bottom>.arrow:after {
	border-bottom-color: #eaeaea !important;
}

.divider-bottom-dark {
	padding-bottom: 5px;
	border-bottom: 1px solid #333 !important;
	margin-bottom: 5px;
}

.text-legend.red {
	color: #ed1c24;
}

.text-legend.orange {
	color: #ff9339;
}

.text-legend.yellow {
	color: #f1c824;
}

.text-legend.green {
	color: #18b300;
}

.text-legend.blue {
	color: #0050f4;
}

.text-legend.lightblue {
	color: #a0c8f3;
}

.text-legend.brown {
	color: #9B4242;
}

.text-legend.grey {
	color: #aaa;
}

.ikart-info-posi {
	left: 70px !important;
	bottom: 18px !important;
}

.ikart-info-posi:after {
	width: 0px !important;
	height: 0px !important;
}

.pl-event {
	padding-left: 10.3px !important;
}

.mt-45 {
	margin-top: 45px !important;
}

.skin-black .searchNfilter.search-entity-filter {
	top: 55px;
}

.skin-black .searchNfilter.search-entity-filter .btns-posi {
	position: absolute;
	top: -40px !important;
	right: 0 !important;
}

.btn-filter {
	position: relative !important;
	top: 0 !important;
	right: 0 !important;
}

.table.table-head-fixed thead tr:nth-child(1) th {
	background-color: #fff;
	position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}

.plan-height {
	height: 500px !important;
}

.bottom-10 {
	bottom: 10px !important;
}

.idfc-info-dashboard {
	max-height: 200px !important;
	overflow-y: auto;
	overflow-x: hidden;
}

.rider-for-levels {
	position: absolute;
	top: 63px;
	right: 365px;
}

.statCount {
	width: 35px;
	height: 35px;
	border-radius: 50%;
	color: #ffffff;
	padding: 5px 6px !important;
}

.statCount .count-badge {
	width: 15px;
	height: 15px;
	text-align: center;
	border-radius: 50%;
	padding: 1px 1px;
	top: -4px;
	right: -4px;
}

.statCount .count-badge.available {
	background-color: #49cf40 !important;
}

.statCount .count-badge.unavailable {
	background-color: #ed1c24 !important;
}

@media screen and (min-width: 320px) and (max-width: 767px) {
	.rider-for-levels {
		position: absolute;
	    top: 110px;
	    right: 230px;
	    width: 130px;
	}
}

.rider-for-levels.available {
	background-color: #49cf40 !important;
}

.rider-for-levels.unavailable {
	background-color: #ed1c24 !important;
}

.fab-btn {
	right: 30px;
	top: 75px;
}

.field-hint-radio {
  display: block;
  color: #0000ff !important;
  font-size: 10px !important;
}
.radio-flex{
  display: inline-flex !important;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
.pt-2{
  padding-top: 2px !important;
}
.custom-btn-date, .border-right-round{
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}
.mapPanel-open{
	width: calc(100vw - 450px);
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-ms-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}
.mapPanel-close{
	width: calc(100vw - 50px);
	-webkit-transition: width 0.5s ease-in-out;
	-moz-transition: width 0.5s ease-in-out;
	-ms-transition: width 0.5s ease-in-out;
	transition: width 0.5s ease-in-out;
}

.min-width-fit-content {
	min-width: fit-content;
}
.timeline-dashboard-header-resources {
	width: 200px;
	height: 24px;
	position: fixed;
	padding: 4px 8px;
	z-index: 4;
	left: 65px;
	background-color: #fff;
}
.timeline-dashboard-header-resources.height-42 {
	height: 42px !important;
}
.timeline-dashboard-header-timer {
	position: sticky;
	z-index: 3;
	top: 0;
	left: 0;
	padding-left: 14.29em;
	background-color: #fff;
}
.timeline-plan-header-resources {
	width: 180px;
    height: 37px;
    position: fixed;
    padding: 8px 15px;
    z-index: 4;
    left: 65px;
    margin-right: 20px;
    background-color: #f0f0f0;
}

.timeline-plan-header-timer {
	position: sticky;
	z-index: 3;
	top: 0;
	left: 0;
	padding-left: 14.29em;
	background-color: #f0f0f0;
}
svg.green {
	fill: #11C105 !important;
}
.timeline-resource-container {
	position: sticky;
	height: calc(100vh - 170px);
	width: 200px;
	overflow: visible;
	display: inline-block;
	left: 0;
	background-color: #fff;
	z-index: 2;
}

.timeline-resource-container .resource {
	width: 200px;
    height: 46px;
    border: 1px solid #ddd;
    background-color: #fff;
    margin-bottom: 15px;
}

.timeline-resource-container .vehicleDetails {
	width: 200px;
    height: 65px;
    border: 1px solid #ddd;
    background-color: #fff;
}
.tab-resource-container .resource {
	width: 100%;
    height: 46px;
    border: 1px solid #ddd;
    /* padding: 5px 12px; */
    background-color: #fff;
    margin-bottom: 15px;
    border-radius: 50px;
}
.wh-46{
	width: 46px;
	height: 46px;
}
.wh-56{
	width: 56px;
	height: 56px;
}
.timeline-resourse-img{
	width: 46px;
    height: 46px;
    vertical-align: top;
    font-weight: 500;
    position: relative;
    top: -1px;
    left: -1px;
    text-align: center;
    padding-top: 12px;
    padding-bottom: 12px;
    border-radius: 50px;
}
.tab-resource-container .timeline-resourse-details {
	position: fixed;
    height: 47px;
   /*right: calc(100vw - (79.4%)) !important; */
    width: max-content;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    margin-top: -45px;
    border-radius: 50px;
    padding-right: 46px;
    padding-left: 20px;
}
.timeline-resourse-details {
	position: absolute;
    width: 450px;
    height: 46px;
    width: max-content;
    border: 1px solid #000;
    background-color: #000;
    color: #fff;
    margin-top: -47px;
    border-radius: 50px;
    padding-left: 48px;
}
li.timeline-tab>a:hover{
	font-size: 24px;
    color: #333 !important;
    background-color: #f6f6f6 !important;
    padding: 0px 10px !important;
    border-top: none !important;
}
li.timeline-tab>a {
	font-size: 24px;
    color: #c2c2c2 !important;
    background-color: transparent !important;
    padding: 0px 10px !important;
    border-top: none !important;
}
li.timeline-tab.active>a{
	font-size: 24px;
    color: #333 !important;
    background-color: transparent !important;
    padding: 0px 10px !important;
    border-top: none !important;
}

.padding-5-8{
    padding: 4px 8px;
}
.padding-15, .p-15{
	padding: 15px !important;
}
.timelineJobs.green {
	background-image: url(/app/assets/job-dashboard/statusGreen.png);
	background-repeat: repeat-y;
}
.timelineJobs.green-border {
	border-left: 6px solid #11c105;
}
.timelineJobs.width-190 {
	width: 190px !important;
}
.timelineJobs.height-114 {
	height: 114px !important;
}
.jobSlot {
	position: absolute;
	display: inline-block;
	height: 44px;
	background-color: #fff;
}
.plan-jobSlot {
    position: absolute;
    display: inline-block;
    height: 45px;
    background-color: #fff;
    margin-top: 6px;
    border: 1px solid #d1d1d1;
}
.beyond-jobSlot {
	position: absolute;
	display: inline-block;
	height: 44px;
	width: 6px !important;
	background-color: #333;
}
.beyond-jobSlot>span.left{
	display: inline-block;
    position: relative;
    right: 0;
}
.beyond-jobSlot>span.right{
	display: inline-block;
    position: relative;
    right: 40px;
}
.beyond-jobSlot>span>svg{
	width: 36px;
	height: 44px;
}
.beyond-jobPosiRight{
	top: 49px;
	left: -180px !important;
}
.beyond-jobPosiLeft{
	top: 49px;
	left: 45px !important;
}
.timelineJobs.blackline {
	background-image: url(/app/assets/job-dashboard/statusBlack.png);
	background-repeat: repeat-y;
}
.timelineJobs.red {
	background-image: url(/app/assets/job-dashboard/statusRed.png);
	background-repeat: repeat-y;
}
.timelineJobs.red-border {
	border-left: 6px solid #ed222a;
}
.timelineJobs.amber-border {
	border-left: 6px solid #ffcc00;
}
.timelineJobs.orange-border {
	border-left: 6px solid #ff8040;
}
.timelineJobs.yellow-border {
	border-left: 6px solid #ffff80;
}
.timelineJobs.lite-green-border {
	border-left: 6px solid #CEE01A;
}
.timelineJobs.sky-blue-border {
	border-left: 6px solid #74CFEC;
}
.nonWorkingSlot {
	position: absolute;
	display: inline-block;
	height: 46px;
	background-color: #ccbcb1;
	background-image: none;
	pointer-events: all;
	cursor: pointer;
}

.nonWorkingSlot .hoverContent {
	display: none;
}
.nonWorkingSlot:hover .hoverContent  {
	display: block;
}

.nonWorkingSlot.locked {
	background-image: url(/app/assets/img/grid.png);
	pointer-events: none;
	cursor: default;
}

.bg-nonWorkingSlot{
	background-color: #ccbcb1 !important;
}

.input-round {
	border: 2px solid #8b3269 !important;
	border-radius: 50px !important;
	padding-left: 10px;
	font-size: 1.000em !important;
	height: 38px !important;
	color: #333333 !important;
	text-align: center;
	/* width: 80% !important; */
}

.cms-section-title{
	width: 100%;
    background-color: #8b3269;
    height: 2px;
    position: relative;
    top: 32px;
    z-index: -1;
}
.btn-csm-color{
	background-color: #8b3269 !important;
}
.button-round {
    border-radius: 50px !important;
}
.mh-0{
	margin-left: 0 !important;
	margin-right: 0 !important;
}
.img-max-wh-20{
	max-width: 20px !important;
	max-height: 20px !important;
}
.btn-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex-horizontal-center {
	display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.flex-row {
    flex-direction: row;
}

.red-dropdown{
	background-color: #ed1c24;
	min-width: auto !important;
}
.red-dropdown>li>a{
	background-color: #ed1c24;
    color: #f9f9f9;
    padding: 0 10px;
    font-size: 12px;
    border-bottom: transparent;
}
.red-dropdown>li>a:hover, .red-dropdown>li>a:focus{
	background-color: transparent;
	color: #fff;
	 border-bottom: transparent;
}
.store-listBtn{
	position: absolute;
    top: 55px;
    left: -11%;
}
.store-zoomResetBtn {
    position: absolute;
    bottom: 6%;
    left: 4%;
}

.store-rightPanel{
	width: 400px;
	position: absolute;
	background-color: #fff;
	-webkit-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 5px 8px 1px rgba(0, 0, 0, 0.4);
}
.store-rightPanel.open{
	right: 0;
	-webkit-transition: right 0.5s ease-in-out;
	-moz-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}
.store-rightPanel.close{
	right: -400px;
	-webkit-transition: right 0.5s ease-in-out;
	-moz-transition: right 0.5s ease-in-out;
	transition: right 0.5s ease-in-out;
}
.max-height-195{
	max-height: calc(100vh - 195px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-195{
	height: calc(100vh - 195px);
	overflow-y: auto;
	overflow-x: hidden;
}
.flexgrow-1{
	flex-grow: 1;
}
.flexgrow-2{
	flex-grow: 2;
}
.panel-store{
	background-color: #fff;
    border-radius: 0;
    box-shadow: none;
    border-color: #eee;
}
.panel-store>.panel-heading{
	background-color: transparent;
    border-color: transparent;
}
.panel-store.panel+.panel{
	margin-top: 0 !important;
}

.panel-store>.panel-heading+.panel-collapse .panel-body {
    border-top: 1px dotted #ddd;
    padding: 0;
}

.grid-status-btn, .grid-status-btn:hover, .grid-status-btn:focus{
	border: 1px solid #11c105;
	background-color: #fff;
	color: #11c105 !important;
}
.grid-status-btn.active{
	border: 1px solid  #11c105;
	background-color: #11c105;
	color: #fff !important;
}
.grid-status-btn.disable{
	border: 1px solid  #999;
	background-color: #fff;
	color: #999;
}
.inter-grid{
	height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 3px 5px;
}
.inter-grid-margin-3p5p{
	height: 10px;
    width: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 3px 5px;
}
.m-2m{
	margin: -2px;
}
.max-width-105p{
	max-width: 105% !important;
}
.height-142{
	height: calc(100vh - 142px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-208{
	height: calc(100vh - 208px);
	overflow-y: auto;
	overflow-x: hidden;
}
.max-height-200{
	max-height: calc(100vh - 200px);
	overflow-y: auto;
	overflow-x: hidden;
}
.max-height-276{
	max-height: calc(100vh - 276px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-270{
	height: calc(100vh - 270px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-316{
	height: calc(100vh - 316px);
	overflow-y: auto;
	overflow-x: hidden;
}
.tradezone-padding>.selectize-input{
	padding: 8px 25px 8px 12px important;
}
.tradezone-padding>.selectize-input.selectize-focus {
	border-radius: 50px !important;
}

.line-dropdown{
	background-color: transparent;
    border-width: 0px 0px 2px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;
    border-color: initial;
    border-image: initial;
    box-shadow: none;
    border-bottom-style: solid;
}
.line-dropdown>.selectize-input>input, .line-dropdown>.selectize-dropdown {
    width: 100% !important;
}
.line-dropdown>.selectize-input.selectize-focus {
	background-color: transparent;
    border-width: 0px 0px 2px;
    border-top-style: initial;
    border-right-style: initial;
    border-left-style: initial;   
    border-image: initial;
    box-shadow: none;
    border-bottom-style: solid;
	border-color: #ed1c24 !important;
}
.left-round{
	border-top-left-radius: 50px !important;
	border-bottom-left-radius: 50px !important;
}
.right-round{
	border-top-right-radius: 50px !important;
	border-bottom-right-radius: 50px !important;
}
.bottom-18{
	bottom: 18px;
}
.pt-30{
	padding-top: 30px !important;
}
.activeGrid-title{
	max-width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.width-275{
	width: 275px !important;
}

.width-280{
	width: 280px;
}

.dd-width-280.selectize-dropdown.single{
	width:280px;
}
.google-map-search{
	top: 10px;
    right: 70px;
    width: 300px;
    border-radius: 50px;
    border: 2px solid #999;
    background-color: #fff;
}


.google-address-search-input{
	border-radius: 50px !important;
    box-shadow: none;
    padding: 6px 34px 6px 12px;
}
.google-map-search>.search-icon{
	position: absolute;
    top: 2px;
    right: 2px;
    border-radius: 50%;
    padding: 4px 8px;
}

.btn-dropdown.dropdown-menu>li>a {
	display: block;
    padding: 8px 20px;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    background: #fff;
}

.btn-dropdown.dropdown-menu>li>a:focus, .btn-dropdown.dropdown-menu>li>a:hover {
    color: #262626;
    text-decoration: none;
    background-color: #f5f5f5;
}
.input-field-round {
	border-radius: 50px !important;
	padding-left: 10px;
	font-size: 1.000em !important;
	height: 38px !important;
	color: #333333 !important;
	text-align: center;
}
.width-190 {
	width: 190px !important;
}
.maxWidth100 {
	max-width: 100px !important;
}

.height-185{
	height: calc(100vh - 185px);
	overflow-y: auto;
	overflow-x: hidden;
}

.height-124{
	height: calc(100vh - 124px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-124{
	height: calc(100vh - 126px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-75{
	height: calc(100vh - 75px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-130{
	height: calc(100vh - 130px);
	overflow-y: auto;
	overflow-x: hidden;
}
.height-132{
	height: calc(100vh - 132px);
	overflow-y: auto;
	overflow-x: hidden;
}
.max-width-142{
	max-width: 142px;
}

@-webkit-keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}

@keyframes placeHolderShimmer {
  0% {
    background-position: -468px 0;
  }
  100% {
    background-position: 468px 0;
  }
}
.animated-background, .preload>.image, .preload .text-line, .preload .header-line, .time-line {
  -webkit-animation-duration: 1.25s;
          animation-duration: 1.25s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
  -webkit-animation-name: placeHolderShimmer;
          animation-name: placeHolderShimmer;
  -webkit-animation-timing-function: linear;
          animation-timing-function: linear;
  background: #F6F6F6;
  background: -webkit-gradient(linear, left top, right top, color-stop(8%, #F6F6F6), color-stop(18%, #dddddd), color-stop(33%, #F6F6F6));
  background: linear-gradient(to right, #F6F6F6 8%, #dddddd 18%, #F6F6F6 33%);
  background-size: 800px 104px;
  height: 96px;
  position: relative;
}

.preload>.image {
  height: 46px;
  width: 46px;
  border-radius: 50%;
}

.preload>.text {
  margin-left: 8px;
}
.preload .header-line {
  height: 14px;
  width: 95%;
  margin: 5px 0;
  border-radius: 50px;
}
.preload .text-line {
  height: 8px;
  width: 120px;
  margin: 5px 0;
  border-radius: 50px;
}

.jobDetails-tab{
	background-color: #ffffff !important;
}
.skin-black .nav-tabs > li.jobDetails-tab.active > a, .skin-black .nav-tabs > li.jobDetails-tab.active > a:hover, .skin-black .nav-tabs > li.jobDetails-tab.active > a:focus{
	background: #ffffff !important;
    color: #333 !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px;
    text-transform: capitalize;
    border: none;
    border-bottom: 2px solid #fff;
    border-radius: 0;	
}

.skin-black .nav-tabs > li.jobDetails-tab > a:hover{
	color: #333 !important;
}

.skin-black .nav-tabs > li.jobDetails-tab > a{
	background: #ffffff !important;
    color: #ddd !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    font-size: 18px;
    border: none;
    text-transform: capitalize;
    border-bottom: 2px solid #333;
    border-radius: 0;	
}
.map-height-138 {
	height: calc(100vh - 138px);
	overflow: auto;
}
.time-ticker{
	width: 1px;
    background-color: #ff0000;
    height: calc(100vh - 140px);
	-webkit-box-shadow: 0px 0px 5px 0px rgba(255,0,0,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(255,0,0,1);
	box-shadow: 0px 0px 5px 0px rgba(255,0,0,1);
	
}
.mr-9m{
	margin-right: -9px !important;
}
.border-left{
	border-left: 1px solid;
}
.border-right{
	border-right: 1px solid;
}
.max-height-165{
	max-height: calc(100vh - 165px);
	overflow-y: auto;
}
.border-trl{
	border-top: 1px solid !important;
   /*  border-right: 1px solid !important; */
    border-left: 1px solid !important;
 }
.related-data-hl{
	border-top: 1px solid #f2f2f2;
}
 .timeline-table{
 	border-collapse: separate;
    border-spacing: 0 15px;
  }
  .multiJob{
	background-color: #A8686D !important;
	color: #fff;
}
.multiJobCount{
    border: 1px solid #fff;
    padding: 5px;
    margin: 6px 10px;
    color: #fff;
    vertical-align: bottom;
}
.multiJobsEvent{
	top: 0;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}
.multiJobsEvent.two{
	width:380px;
}
.multiJobsEvent.three{
	width:570px;
}
.left-0{
	left: 0;
}
.btn.btn-tab{
	background-color: transparent;
    font-size: 19px;
    font-weight: 500;
    color: #c2c2c2;
}
.btn.btn-tab:hover, .btn.btn-tab:focus, .btn.btn-tab:active, .btn.btn-tab.active{
	background-color: transparent;
    font-size: 19px;
    font-weight: 500;
    color: #000;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.btn-tab svg.tab-btn{
	fill: #c2c2c2;
	width: 20px;
	height: 20px;
}
.btn.btn-tab:hover svg.tab-btn, .btn.btn-tab:focus svg.tab-btn, .btn.btn-tab:active svg.tab-btn, .btn.btn-tab.active svg.tab-btn{
	fill: #000;
	width: 20px;
	height: 20px;
}
.btn.btn-switchView{
	background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #c2c2c2;
}
.btn.btn-switchView:hover, .btn.btn-switchView:focus, .btn.btn-switchView:active, .btn.btn-switchView.active{
	background-color: transparent;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}


.vtimeline {
    width: 100%;
    height: 34px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    -webkit-transition: border-color ease-in-out .15s;
    transition: border-color ease-in-out .15s;
}

.vtimeline.selectize-control.single .selectize-input{
	border: 1px solid #333 !important;
	margin-top: 0 !important;
}

.agent-div{
	max-width: 140px;
    overflow: hidden;
    white-space: nowrap;
}

.anim-search {
  	position: relative;
    margin: auto;
    height: 34px;
}
.anim-search .search {
 position: absolute;
 margin: auto;
 top: 4px;
 right: 0;
 bottom: 0;
 left: auto;
 width: 32px;
 height: 32px;
 background: #000;
 border-radius: 50%;
 transition: all 1s;
 z-index: 4;
 /* box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.4); */
}
.anim-search .search:hover {
  cursor: pointer;
}
.anim-search .search::before {
    content: "";
    position: absolute;
    margin: auto;
    top: 7px;
    right: 0;
    bottom: 0px;
    left: 9px;
    width: 6px;
    height: 2px;
    background: white;
    transform: rotate(45deg);
    transition: all .5s;
}
.anim-search .search::after {
    content: "";
    position: absolute;
    margin: auto;
    top: -3px;
    right: 0;
    bottom: 0;
    left: -4px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 2px solid white;
    transition: all .5s;
}
.anim-search input {
    position: absolute;
    margin: auto;
    top: 4px;
    right: 0;
    bottom: 0;
    left: auto;
    width: 34px;
    height: 34px;
    outline: none;
    border: none;
    background: black;
    color: white;
    padding: 0 34px 0 20px;
    border-radius: 30px;
    transition: all 0.3s;
    opacity: 0;
    z-index: 5;
    letter-spacing: 0.1em;
}
.anim-search input:hover {
  cursor: pointer;
}
.anim-search input:focus {
  width: 200px;
  opacity: 1;
  cursor: text;
}
.anim-search input:focus ~ .search {
    right: 0;
    background: #151515;
    z-index: 6;
}
.anim-search input:focus ~ .search::before {
  top: 0;
  left: 0;
  width: 16px;
}
.anim-search input:focus ~ .search::after {
  top: 0;
  left: 0;
  width: 16px;
  height: 2px;
  border: none;
  background: white;
  border-radius: 0%;
  border: 0px solid white;
  transform: rotate(-45deg);
  transition: all 0.2s;
}
.anim-search input::placeholder {
  color: #f2f2f2;
  opacity: 0.5;
}
.search-overlay{
	width: 100vw;
    height: 99vh;
    opacity: 0.7;
    z-index: 4;
}
.width-276 {
	width: 276px;
}
.top-9 {
	top: 9px !important;
}
.top-100{
	top: 100px !important;
}
.top-60{
	top: 60px !important;
}
.top-70{
	top: 70px !important;
}
.top-7 {
	top: 7px !important;
}
.top-16 {
	top: 16px !important;
}

.height-1 {
	height: 1px;
}
.height-2 {
	height: 2px;
}
.phd-font-1{
	font-family: 'SharpSans Bold' !important;
}
.phd-font-2{
	font-family: 'Open Sans' !important;
}
.phd-font-3{
	font-family: 'SharpSans Semibold' !important;
	
}
.top-18{
	top: 18px;
}
.phd-flex{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.phd-header-height-172{
	height: 172px;
}
.phd-subCat-line-bg{
	background-color: #DEDEE3;
}
.phd-divider-color{
	border-color: #F4F7F9 !important;
}
.phd-black{
	color: #231F20;
}
.phd-gray-description{
	color: #6B6E79;
}
.phd-gray-costDesc{
	color:#6A6D78;
}
.btn.btn-phd{
	margin-top: 0;
    height: 45px;
    color: #fff;
    background-color: #221E20;
    font-size: 14px;
}
.btn.btn-phd:hover, .btn.btn-phd:active, .btn.btn-phd.active{
    background-color: #C7102D;
}
svg.veg {
	fill: #70A401 !important;
}
svg.nonveg {
	fill: #C8102E !important;
}
.multidiv{
	width: 100%;
   overflow: hidden;
   white-space: nowrap;
}
.timeline-resource-container .resource.disabled{
   border: 1px solid #ddd;
   background-color: #ccc;
   color: #aaa;
}
.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap,
.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap:hover, 
.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap:focus {
	border-color: #333 !important;
}
.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap
	{
	padding: 0 !important;
	border: 1px solid;
	border-color: transparent;
	height: 34px !important;
	box-shadow: none;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap>div
	{
	display: inline-flex;
	width: 100%;
	overflow: auto;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap>div>span
	{
	display: inline-flex;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap .ui-select-match-item
	{
	outline: 0;
	margin: 0;
	display: inline-block;
	border-radius: 25px;
	padding: 4px 15px;
	width: max-content;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap input.ui-select-search
	{
	width: auto !important;
	display: inline-flex;
	margin: 5px 5px 5px;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar-track
	{
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	border-radius: 10px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar
	{
	width: 7px;
	height: 7px;
	/* background-color: #F5F5F5; */
	background-color: transparent;
}

.skin-black .timelineSearch-multiple.ui-select-multiple.ui-select-bootstrap>div::-webkit-scrollbar-thumb
	{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
	background-color: rgba(85, 85, 85, 1);
}

.timelineSearch-multiple .ui-select-match-item.btn.btn-primary {
	color: #fff;
	background-color: #ed1c24 !important;
	border-color: #ed1c24 !important;
}

.timelineSearch-multiple .ui-select-match-item.btn.btn-primary .close {
	color: #fff !important;
}

.btn.black-btn {
	background-color: #000;
	border-color: #000;
	color: #fff;
}

.btn.black-btn:active, .btn.black-btn:hover, .btn.black-btn:focus {
	background-color: rgba(0, 0, 0, 0.7);
	border-color: rgba(0, 0, 0, 0.7);
}
.ml-50{
	margin-left: 50px !important;
}
.mt-25m{
	margin-top: -25px !important;
}
.todo>.dropdown-menu{
	background-color: #000 !important;
	right: auto !important;
	left: auto !important;
}
.bcg-login-bacinTrak{
	background: #3C2026;
	background: -moz-linear-gradient(-35deg, #3C2026 0%, #3C2026 50%, #3C2026 100%);
	background: -webkit-gradient(left top, right bottom, color-stop(0%, #3C2026), color-stop(50%, #3C2026), color-stop(100%, #3C2026));
	background: -webkit-linear-gradient(-35deg, #3C2026 0%, #3C2026 50%, #3C2026 100%);
	background: -o-linear-gradient(-35deg, #3C2026 0%, #3C2026 50%, #3C2026 100%);
	background: linear-gradient(155deg, rgba(253,120,38,1) 0%, #3C2026 50%, #3C2026 100%);
	background: linear-gradient(to bottom left, #3C2026,#5E333C);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fd7826', endColorstr='#ef3f3f', GradientType=1 );
}
.timeline-groupBy.dropdown-menu .divider{
    margin: 0 !important;
    margin-top: 10px !important;
}
.text-lightblue{
	color: #56CCF2;
}
.text-goldenYellow{
	color: #E8B328;
}
.prevEvent{
	position: absolute;
    top: 7px;
    padding: 5px 10px;
}
.nextEvent{
	position: absolute;
    top: 7px;
    right: 6px;
    padding: 5px 10px;
}
.timeline-groupBy .dropdown-header{
	color: #000;
    background: #ddd;
}
.jobs-agent-div{
	width: 90%;
    border: 1px solid #ddd;
    border-radius: 50px;
    margin-left: 16px;
}
.job-summary{
	background-color: #ddd;
}
.job-summary .card {
	display: inline-block;
	position: relative;
	width: 100%;
	margin: 15px 0;
	border-radius: 0 !important;
	padding: 0 15px;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
	color: rgba(0, 0, 0, .87);
	background-color: #fff;
}
.job-summary .btn.btn-tab-theme{
	min-width: 125px;
	color: #333;
	font-weight: 400;
	background-color: transparent;
	border-bottom: 2px solid;
	border-color: transparent;
}
.job-summary .btn.btn-tab-theme:hover, .job-summary .btn.btn-tab-theme:active, .job-summary .btn.btn-tab-theme.active{
	color: #333;
	font-weight: 600;
	background-color: transparent;
	border-width: 0px;
	box-shadow: none;
	border-bottom: 2px solid;
	border-color: #ed1c24 !important;
}
.text-summary-red{
	color: #ED254E;
}
.text-summary-green{
	color: #43C259;
}
.text-summary-gray{
	color: #BDBDBD;
}
svg.summary-red{
	fill: #ED254E;
}
.m-5m{
	margin: -5px !important;
}
.bg-summary-light-red{
	background-color: #FFECDE;
}
.bg-summary-white-40{
	background-color: rgba(255, 255, 255, 0.4) !important;
}
.summary-asset-card{
	background: #FFFFFF;
	border: 1px solid #E0E0E0;
	box-sizing: border-box;
	border-radius: 10px;
    margin: 10px;
    padding: 10px;
}
.width-160{
	width: 160px !important;
}
.width-180{
	width: 180px !important;
}
.asset-avatar{
	width: 60px;
    height: 60px;
    padding: 18px 0;
    font-size: 18px;
    text-transform: uppercase;
    margin: auto;
    margin-top: 10px;
    text-align: center;
    border-radius: 50%;
    box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.summary_chart_class svg {
	width: 190px !important;
	height: 200px !important;
}
.summary_chart_class>div>div {
	width: 190px !important;
	height: 200px !important;
}
.summary_chart_class svg {
	width: 100% !important;
	height: 100% !important;
}
.summary_chart_class svg rect {
	width: 100% !important;
	height: 100% !important;
	fill: #ffffff00 !important;
}
.summary_chart_class {
	width: 190px;
	height: 200px;
}
.no-flex-wrap{
	flex-wrap: nowrap !important;
}
.sign-img{
	width: auto;    
	max-height: 550px;
}
.min-width-100{
	min-width: 100px !important;
}
.asset-hist-date{
	background: #fff !important;
    height: 36px;
    box-shadow: none;
    border-color: transparent;
}
.status-code{
    padding: 3px 5px;
}
.status-code.green{
	background: #C7E292;
}
.status-code.red{
	background: #ffe2d3;
}
.carrier-details-panel {
	width: 500px;
	overflow-y: auto;
	background-color: #fff;
	display: table;
	position: absolute;
	float: right;
	box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .14);
}
.carrier-details-panel.open {
	right: 10px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.carrier-details-panel.close {
	right: -400px;
	-webkit-transition: right 0.5s ease;
	transition: right 0.5s ease;
}

.carrier-details-panel .close-btn-position {
	position: absolute;
	top: 0;
	right: 0;
}

.carrier-details-panel .carrierStatus {
	padding: 2px 8px;
	font-size: 10px;
}

.carrier-details-panel .carrierStatus.open {
	background: #ed1c24;
	color: white;
}

.carrier-details-panel .carrierStatus.closed {
	background: #11c105;
	color: white;
}

.carrier-details-panel.max-height-open {
	max-height: calc(100% - 375px);
	top: 375px;
}

.carrier-details-panel.max-height-closed {
	max-height: calc(100% - 110px);
	top: 110px;
}
.custom-panel>.panel-heading{
	background-color: #e1e1e1 !important;
}
.custom-panel>.panel-heading>.panel-title{
	font-size: 14px !important;
}
.max-height-465 {
	max-height: calc(100vh - 465px);
	overflow: auto;
}
.max-height-488 {
	max-height: calc(100vh - 486px);
	overflow: auto;
}
.max-height-442 {
	max-height: calc(100vh - 440px);
	overflow: auto;
}
.max-height-455 {
	max-height: calc(100vh - 455px);
	overflow: auto;
}
.max-height-525 {
	max-height: calc(100vh - 525px);
	overflow: auto;
}
.max-height-565 {
	max-height: calc(100vh - 565px);
	overflow: auto;
}
.max-height-480 {
	max-height: calc(100vh - 480px);
	overflow: auto;
}
.width-260{
	width: 260px !important;
}
.small-grey-dot {
  height: 12px;
  width: 12px;
  background-color: #bbb;
  border-radius: 100%;
  display: inline-block;
}
.left-21m{
	left: -21px !important;
}
.map-height-40{
	height: calc(100vh - 40px);
	overflow: auto;
}
.chat-button-margin{
	margin: 0% 0 0 47%;
}
.job-chat-badge {
    width: 8px;
    height: 8px;
    position: absolute;
    top: 23%;
    right: 34%;
    border-radius: 50%;
    background-color: #ed1c24;
}
.left-70{
	left: 70px !important;
}
.bottom-40{
	bottom: 40px !important;
}
.border-radius-30 {
	border-radius: 30px !important;
}
.mv-18{
	margin-top: 18px !important;
	margin-bottom: 18px !important;
}
.left-100p{
	left: 100% !important;
}
.top-12m{
	top: -12px !important;
}
.left-50m{
	left: -50px !important;
}
.pl-40{
	padding-left: 40px !important;
}

.sla-switcher .switcher-label {
	width: auto;
	font-weight: 500;
	font-size: 14px;
}
.lastChild-no-dotted-border:last-child{
	padding-bottom: 5px;
	border-bottom: 1px dotted transparent !important;
	margin-bottom: 5px;
}
.svg-storeIcon {
	min-width: 56px;
	line-height: normal;
	border-radius: 50%;
	font-size: 17px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	padding: 0;
	overflow: hidden;
	align-self: flex-start;
}
svg.storeIcon-svg {
	width: 56px;
	height: 56px;
}
.align-items-top {
	align-items: flex-start;
}
.marker-info-panel{
	position: absolute;
	background-color: #fff;
	top: 100px;
	z-index: 999;
}
.marker-info-panel.right-in{
	right: 0px;
	transition: all 1s;
}
.marker-info-panel.right-out{
	right: -500px;
	transition: all 1s;
}
.panel-list-height{	
	height: calc(100vh - 430px);
	overflow: auto;
}
.panel-ht46p {
    height: 46% !important;
}
.pl-11{
	padding-left: 11px !important;
}

.horizontalNav-container{
	background: #fff;
    position: absolute;
    width: 98%;
    padding: 0px 20px;
    margin-left: 1%;
    margin-right: 1%;
}
.text-white {
	color: #ffffff !important;
}
.skin-black a.navbar-btn {
    color: #ffffff !important;
}
svg.ruler-svg {
	width: 33px;
	height: 33px;
}
tr.disable{
	opacity :0.5;
	cursor: not-allowed;
    pointer-events: none;
}
.disable{
	opacity :0.5;
	cursor: not-allowed;
    pointer-events: none;
}
.label-position:before, .label-position:after{
	top: -10px !important;	
}
.pd-40 {
	padding-top: 40%;
}
.max-height-100{
	max-height: calc(100vh - 100px);
	overflow-y: auto;
}
.position-relative {
	    position: relative;
}
.statusBlue {
	background-color: #0070c0 !important;
	color: white;
}
.statusYellow {
	background-color: #FFC000 !important;
	color: white;
}
.text-promiso-green{
	color: #61d836;
}
.text-promiso-grey{
	color: #4a4a4a;
}
.smart-table-class {
	width: 100%;
	height: 91%;
}
.colorBlack {
	color: rgba(0, 0, 0, 0.6)
}
.login-divider{
	background-color: #fff;
    height: 1px;
    position: relative;
    top: 11px;
}

.login-logo-divider{
	background-color: #fff;
    height: 1px;
    position: relative;
}
.social-btn-text{
	position: relative;
    vertical-align: text-top;
    padding-left: 10px;
    padding-right: 10px;
}
.th-min-width {
	min-width: 35px;
}
.text-doted{
	display: inline-block;
   /*  width: 180px; */
    white-space: nowrap;
    overflow: hidden !important;
    text-overflow: ellipsis;
}
.bg-color-asset-no-data{
	background-color:rgba(6, 123, 194, 1);
}
.bg-dista-gray900{
	background-color: rgba(0,0,34,1);
}
.btn.btn-text-blue500 {
	font-weight: normal;
	color: rgba(13, 103, 253, 1) !important;
	cursor: pointer;
	border-radius: 0;
	background: transparent;
}
.btn.btn-text-blue500:hover {
	font-weight: normal;
	color: rgba(13, 103, 253, 1) !important;
	cursor: pointer;
	border-radius: 0;
	background: transparent;
	text-decoration: underline;
}
.btn.btn-blue500, .btn.btn-blue500:hover {
	font-weight: normal;
	color: rgba(255, 255, 255, 1) !important;
	cursor: pointer;
	border-radius: 3px;
	background: rgba(13, 103, 253, 1);
}

.bg-hard-black{
	background-color: rgba(0, 0, 0, 1);
}

.btn.btn-blue100{
	font-weight: normal;
	color: rgba(0,0,34,1) !important;
	cursor: pointer;
	border-radius: 3px;
	background: rgba(219, 236, 255, 1);
}
.btn.btn-text-red500, .btn.btn-text-red500:hover {
	font-weight: normal;
	color: rgba(216, 70, 100, 1) !important;
	cursor: pointer;
	border-radius: 0;
	background: transparent;
}
.text-yellow{
	color: rgba(253, 184, 0, 1);
}
.text-red300{
	color: rgba(255, 112, 136, 1);
}
.bg-blue100{
	background-color: rgba(219, 236, 255, 1);
}
.map-pos-abs{
	position:absolute !important;
	height: 500px;
}

.position-sticky{
	position: sticky !important;
}

.bottom-shadow{
	box-shadow: 0 1px 1px 0px rgb(0 0 0 / 25%);
	-webkit-box-shadow:  0 1px 1px 0px rgb(0 0 0 / 25%);
	-moz-box-shadow:  0 1px 1px 0px rgb(0 0 0 / 25%);
}

.max-height-105{
	max-height: calc(100vh - 100px);
	overflow: auto;
}

.top-0 {
	top: 0px !important;
}
.width-1p{
	width: 1%;
}
.width-310px {
	width: 310px !important;
}
.width-80px {
	width: 80px !important;
}

.live-entity-status-btn-div{
    padding: 10px ;
    border-top: 1px solid rgb(229, 229, 229);
    border-bottom: 1px solid rgb(229, 229, 229);
}
.size-infowindow{
	padding: 0 10px;
	max-height: 250px;
	overflow-x: hidden;
	overflow-y: auto;
}
 .infoWindowForLeaflet {
 	background-color: black;
	min-width: 202px;
	margin: 0;
    padding: 0;
} 
.z-depth-0 {
	z-index: 0 !important;
}
svg.leaflet-zoom-animated{
	width: auto !important;
    height: auto !important;
}
.store-dashboard-osm-popup > .leaflet-popup-content-wrapper{
	min-width: 202px;
	background:#000 !important; 
	color: #fff !important; 
	border-radius: 5px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-moz-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-ms-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	-o-box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
	box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 4px -1px;
}
.sticky-table-header{
    position: sticky;
    top: 0;
    background: #fff;
    z-index: 1;
    box-shadow: rgb(17 17 26 / 10%) 0px 1px 0px;
}
.button-spread{
	display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.div-report-border{
	    border-top: 1px solid rgb(40 27 27);
}

.customerList.label{
	width: auto !important;
	display: inline-block !important;
	margin-left: 3px !important;
}

.timeline-dashboard-header-resources {
    width: 180px;
    height: 24px;
    position: fixed;
    padding: 4px 8px;
    z-index: 4;
    left: 65px;
    margin-right: 20px;
    background-color: #fff;
}
.plan-shadow{
	box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
	-webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.15);
}

.black-bg{
background-color: #000 !important;
}
.bg-shuffle-slot {
	background-color: #8ae234!important;
}
.maxWidth50 {
	max-width: 50px !important;
}
/* These classes are only to overwrite Google info-window default classes, Please talk to Amit before using. Ex. Meesho Merchant Dashboard*/
/*
.gm-style .gm-style-iw-c {
	top: -3px;
	left: 157px !important;
	background-color: #202024 !important;
	border-radius: 0 !important;
}

.gm-style .gm-style-iw-d {
	overflow: auto !important;
	padding-bottom: 12px !important;
	padding-right: 12px !important;
}
.gm-style .gm-style-iw-t::after {
	background: #202024 !important;
	top: -3px;
}
button.gm-ui-hover-effect {
	background: url(/app/assets/infowindow/whiteClose.png) !important;
	background-size: 14px !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
}
button.gm-ui-hover-effect img {
	display: none !important;
}*/

/* .groupchatbubble {
    margin: 20px;
    padding: 10px;
    position: relative;
    border-radius:5px;
    background-color: #f49657;
   font-family: sans-serif;
  font-size: 14px;
  line-height: 20px;
  max-width: 60%;
}
.groupchatbubble.reply {
	background-color:#b8dba8;
	color: #333;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 10px;
	float: right;
}
.groupchatbubble.reply:after {
   content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-left-color: #b8dba8;
	border-right: 0;
	margin-top: -10px;
	margin-right: -10px;
}

.groupchatbubble.response {
	background-color: #f49657;
	color: #fff;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 0;
	float: left;
}

.groupchatbubble.response:after {
   	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	width: 0;
	height:0 ;
	border: 10px solid transparent;
	border-right-color:  #f49657;
	border-left: 0;
	margin-top: -10px;
	margin-left: -10px;
}
.grouplistDetail{
	background-color: #cee1e1;
	 text-align: left;
	  border-bottom: 1px solid #6ea8a8;
	   border-top: 1px solid #6ea8a8;
	   border-collapse: collapse;
	  height: 100%;
	  }
.grouplistDetail:hover {
    background-color: #6ea8a8;
}
.grouplistDetail:active {
    background-color: #6ea8a8;
}
.grouplistDetail:focus {
    background-color: #6ea8a8;
}
.vl {
  border-left: 1px solid #6ea8a8;
  height: 100%;
  position: absolute;
  left: 30%;
  margin-left: 0;
  top: 0;
}
.groupChat{
	width: 30%;
	float: left; 
	height:calc(100vh - 72px); 
	margin-left: 0; 
	background: #cee1e1;
} */

.text-truncate {
  width: 150px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.chat-room{
	max-height: calc(100vh - 140px);
    overflow: auto;
}

.group-padding{
	padding: 8px 6px;
}
.chat-group:hover, .chat-group.active{	
    background: #dcefff;
}
.chat-group{
	list-style: none;
    padding: 10px 8px;
    cursor: pointer;
    border-bottom: 1px solid #999;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
}
.group-title{
	display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    height: 65px;
}
.group-avatar{
	width: 40px;
    height: 40px;
    padding: 8px 0;
    font-size: 16px;
    text-transform: uppercase;
    margin: 0 10px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: #fff;
    color: #000022;
    box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.group-avatar.response{
	background-color: #FE977A;
}
.group-avatar.reply{
	background-color: #E0E0E0;
}
.group-search-input{
    border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
    box-shadow: none;
}

.group-search-btn{
	border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    padding: 6px 16px;
}
.group-last-chat{
	max-width: 80%;
    overflow: hidden;
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.chat-container {
	position: relative;
	float: none;
	clear: both;
	display: flex;
    flex-direction: row;
    margin-top: 10px;
    margin-bottom: 10px;
}
.chat-container.response {
    flex-direction: row;
    justify-content: flex-start;
}
.chat-container.reply {
    flex-direction: row-reverse;
}
.chat-bubble {
	position: relative;
    padding: 5px 15px 5px;
    color: #000022;
    border-radius: 10px;
    width: fit-content;
    min-width: 25%;
    max-width: 60%;
}
.chat-bubble.response {
	background-color: #fff;
    border-top-left-radius: 0px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%)
}

.chat-bubble.response:before {
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -14px;
    right: auto;
    top: -2px;
    bottom: auto;
    border: 14px solid;
    border-color: #f2f2f2 transparent transparent transparent;
}
.chat-bubble.response:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    left: -10px;
    right: auto;
    top: 0px;
    bottom: auto;
    border: 14px solid;
    border-color: #ffffff transparent transparent transparent;
}

.chat-bubble.reply {
	background-color: #E0E0E0;
	border-top-right-radius: 0px;
    box-shadow: 0 1px 2px 0 rgb(60 64 67 / 30%), 0 1px 3px 1px rgb(60 64 67 / 15%)
}
.chat-bubble.reply:before {
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -12px;
    left: auto;
    top: -1px;
    bottom: auto;
    border: 11px solid;
    border-color: #e1e1e1 transparent transparent transparent;
}
.chat-bubble.reply:after{
	content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    right: -10px;
    left: auto;
    top: 0px;
    bottom: auto;
    border: 10px solid;
    border-color: #e0e0e0 transparent transparent transparent;
}
.chat-name{
	font-size: 12px;
	magin-top: 0px;
	margin-bottom: 0px;
}
.chat-time{
    font-size: 10px;
    color: #4F4F4F;
    padding-left: 15px;
    font-style: italic;
}
.message-text{
	font-size: 14px;
    padding-top: 3px;
    padding-bottom: 3px;
    line-height: 1.5;
}
.no-chatroom{
	height: calc(100vh - 55px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.room-height{
	height: calc(100vh - 75px);
    overflow: auto;
}
.group-title-position{
	position: sticky;
    top: 0;
	z-index: 1;
	box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.min-height-207{
	min-height: calc(100vh - 207px);
}
.chat-shadow{
	box-shadow: 0px 4px 20px rgb(0 0 0 / 10%);
}
.chat-divider-left{
	border-left: 1px solid #e0e0e0;
}
svg.converse-svg {
	width: 200px;
	height: 200px;
}
.vertical-divider{
	width: 1px;
	height: 100%;
	background-color: #eee;
    min-height: 30px;
}
.text-neutral700{
	color: #333333;
}
.bg-neutral700{
	background-color: #333333;
}
.text-neutral300{
	color: #808084;
}
.bg-neutral300{
	background-color: #808084;
}
.text-neutral200{
	color: #BDBDBD;
}
.bg-neutral200{
	background-color: #BDBDBD;
}
.analytic-info-panel{
	position: absolute;
	background-color: #fff;
	top: 100px;
	z-index: 999;
}
.analytic-info-panel.right-in{
	right: 0px;
	transition: all 1s;
}
.analytic-info-panel.right-out{
	right: -300px;
	transition: all 1s;
}
.btn.btn-analytic-tab{
	background-color: transparent;
    font-size: 18px;
    font-weight: 500;
    color: #266DE4;
    border-bottom: 2px solid #fff;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.btn.btn-analytic-tab:hover, .btn.btn-analytic-tab:focus, .btn.btn-analytic-tab:active, .btn.btn-analytic-tab.active{
	color: #4F4F4F;
    border-bottom: 2px solid #266DE4;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.asset-history-panel{
	position: absolute;
	top: 50px;
	width: 320px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}
.asset-history-panel.right-in{
	right: 10px;
	transition: all 1s;
}
.asset-history-panel.right-out{
	right: 310px;
	transition: all 1s;
}
.analytic-pointer-panel{
	position: absolute;
	top: 50px;
	width: 320px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}
.analytic-pointer-panel.right-in{
	right: 10px;
	transition: all 1s;
}
.analytic-pointer-panel.right-out{
	right: 310px;
	transition: all 1s;
}
.analytic-tab-height{
	max-height: calc(100vh - 365px);
    overflow: auto;
}
body>.ui-select-bootstrap.open{
	z-index: 1100;
}

.form-control {
	font-weight: normal !important;
	box-shadow: none !important;
}
.fc-time-grid-container {
    max-height: calc(100vh - 235px) !important;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed !important;
}
.square-15 {
	height: 15px;
	width: 15px;
	display: inline-block;
}
.m35-0-0 {
	margin: 35px 0 0 !important;
}
.pincodeRange .rzslider .rz-tick.rz-selected {
	background: #ed1c24;
}
.btn:active, .btn.active{
	box-shadow: none !important;
}
.btn-default-focus{
	box-shadow: none !important;
	outline: none !important;
}
.btn-default,.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default{
	background-color: #f2f2f2 !important;
}
.ui-select-bootstrap .ui-select-toggle>.caret {
    height: -webkit-fill-available !important;
    top: auto !important;
}
.tradeZone-pointer-panel{
	position: absolute;
	top: 50px;
	width: 300px;
	background-color: #ffffff;
	border-radius: 4px;
	box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 1px 4px -1px rgba(0, 0, 0, 0.3);
}
.disable-content{
	font-style: italic !important;
	 color: gray;
	}

.d-flex{
	display: flex !important;
}

.otp-key {
	display: block;
    padding: 15px 0;
    vertical-align: middle;
    color: #fe3f3f;
}
.bottom-5 {
	bottom: 5px !important;
}
.right-20 {
	right: 20px !important;
}
#image-body {
    margin:auto;
    width: fit-content;
    max-height: calc(100vh - 105px);
}

#image-body, #image-body .img-fluid{
    max-width: 1300px;
    min-width: 250px;
    min-height: 250px;
}
#image-body .img-fluid {
    transform-origin: top left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
}
#image-body.rotate90 .img-fluid {
    transform: rotate(90deg) translateY(-100%);
    -webkit-transform: rotate(90deg) translateY(-100%);
    -ms-transform: rotate(90deg) translateY(-100%);
}
#image-body.rotate180 .img-fluid {
    transform: rotate(180deg) translate(-100%, -100%);
    -webkit-transform: rotate(180deg) translate(-100%, -100%);
    -ms-transform: rotate(180deg) translateX(-100%, -100%);
}
#image-body.rotate270 .img-fluid {
    transform: rotate(270deg) translateX(-100%);
    -webkit-transform: rotate(270deg) translateX(-100%);
    -ms-transform: rotate(270deg) translateX(-100%);
}

section.unilever{
  margin: 0;
  padding: 0;
}

.h-100{
  height: 100%;
}

.pv-50{
  padding-top: 50px;
  padding-bottom: 50px;
}
.ph-0{
  padding-left: 0;
  padding-right: 0;
}
.p-50{
  padding: 50px;
}
.p-20{
  padding: 20px;
}
.v-timeline {
  list-style: none;
  margin: 0;
  padding: 0;
  display: block;
  position: relative;
}
.v-timeline .timeline-items {
  padding: 5px 10px;
  position: relative;
}
.v-timeline .timeline-items .circle-pointer {
  display: none;
}
.v-timeline .timeline-items.active .circle-pointer {
    position: absolute;
    top: 91%;
    left: 20.9%;
    width: 15px;
    height: 15px;
    background: #F59C44;
    border-radius: 50px;
    z-index: 1;
    border: 3px solid #FFECDE;
    display: block;
}

/* .v-timeline .timeline-items:after {
  content:'';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20%;
  width: 2px;
  background: red;
  height: 100%
} */
.v-timeline .timeline-items:before {
  content:'';
  display: inline-block;
  position: absolute;
  left: 21.5%;
  width: 4px;
  background: gray;
  height: 100%;
}
.v-timeline .active.timeline-items:after {
  content:'';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 21.5%;
  width: 4px;
  background: #F59C44;
  height: 100%
}
.v-timeline .active.timeline-items:before {
  content:'';
  display: inline-block;
  position: absolute;
  left: 21.5%;
  width: 4px;
  background: gray;
  height: 100%;
}
/* .v-timeline .complete.timeline-items:after {
  content:'';
  display: inline-block;
  position: absolute;
  top: 0;
  left: 20%;
  width: 2px;
  background: blue;
  height: 100%
} */
.v-timeline .complete.timeline-items:before {
  content:'';
  display: inline-block;
  position: absolute;
  left: 21.5%;
  width: 4px;
  background: #266DE4;
  height: 100%
}
.circle-pointer{
  display: inline-block;
}
.d-inline-block {
  display: inline-block;
}
.v-timeline .timeline-items .data-row {
  display: flex;
  flex-direction: row;
  align-items: center;
  border: 1px solid #e0e0e0;
  border-radius: 15px;
  padding: 10px 15px;
}
.v-timeline .timeline-items .data-row-2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  border-radius: 15px;
  padding: 10px 15px;
}
.w-20 {
  width: 20%;
}
.ph-15{
  padding-left: 15px;
  padding-right: 15px;
}
.ph-16{
  padding-left: 16px;
  padding-right: 16px;
}
.ph-10{
  padding-left: 10px;
  padding-right: 10px;
}
.m-0{
  margin: 0;
}
.fs-13{
  font-size: 13px;
}
.fs-10{
  font-size: 10px;
}
.fs-8{
  font-size: 8px;
}
.fw-medium{
  font-weight: 500;
}
.fw-bold{
  font-weight: 600;
}
.text-neutral-300{
  color: #808084;
}
.text-line-through{
  text-decoration: line-through;
}
.bg-label-danger {
  background-color: #FFF0F6;
}
.text-label-danger {
  color: #D84664;
}
.bg-label-success {
  background-color: #E5FFEF;
}
.text-label-success {
  color: #50B661;
}
.bg-label-info {
  background-color: #DFECFB;
}
.text-label-info {
  color: #266DE4;
}
.text-uppercase {
  text-transform: uppercase;;
}
.text-blue-500{
  color: #266DE4;
}
.icon-circle {
  width: 28px;
    height: 28px;
    border-radius: 50%;
    padding: 3px 6px;
    margin: 0 auto;
}
#hmc .blue-toast-bg{
  background-color: #F0F7FF;
}
#hmc .warn-toast-bg{
  background-color: #FFECC7;
}
#hmc .blue-toast-icon{
  color: #88AFF2;
}
#hmc .amber-toast-icon{
  color: #F59C44;
}
#hmc .toast-info-hmc{
  background-color: #F0F7FF;
  width: 70%;
  display: flex;
}
#hmc .toast-info-hmc .toast-v-line{
  background-color: #88AFF2;
  width: 5px;
  height: auto;
  display: inline-block;
}
#hmc .toast-info-hmc .toast-content {
  margin: 15px;
}
#hmc .toast-warn-hmc {
  background-color: #FFECC7;
  width: 70%;
  display: flex;
}
#hmc .toast-warn-hmc .toast-v-line{
  background-color: #F59C44;
  width: 5px;
  height: auto;
  display: inline-block;
}
#hmc .toast-warn-hmc .toast-content {
  margin: 15px;
}
.btm-border-line-grey{
	border-bottom: 2px solid grey;
}

.h-105 {
	height: calc(100vh - 105px);
}

.h-120 {
	height: calc(100vh - 120px);
}

.float-right {
	float: right !important;
}

.float-left {
	float: left !important;
}

.map-container {
	width: 100%;
	height: 100%;
}

.map-style-panel {
	position: absolute;
	top: 0;
	right: 0;
	padding: 5px 0;
	width: 300px;
	height: calc(100vh - 120px);
	background-color: #ffffff;
}

.map-header {
	margin: 0;
	font-size: 16px;
	font-weight: 500;
	padding: 12px 15px;
}

.btn-close {
	border-radius: 50%;
	background-color: transparent;
	color: #dc3545;
	border-color: transparent;
}
.btn-close:hover {
	background-color: #e3e3e3;
}

.border-bottom {
	border-bottom: 1px solid #e3e3e3;
}

.d-flex {
	display: flex;
}

.flex-grow-1 {
	flex-grow: 1;
}

.map-style-body {
	height: 100%;
	overflow-y: auto;
}
.doc-thumb-view {
	width: 100%;
    height: 100%;
    display: block;
    padding: 15px;
    background: #f2f2f2;
}
.rounded-corner-3{
	border-radius: 3px !important;
}

.table-sticky-right thead th:last-child, .table-sticky-right tbody td:last-child {
  position: sticky;
  right: -15px;
  z-index: 2;
  background-color: #ffffff;
}
.table-sticky-bottom tfoot td {
  position: sticky;
  bottom: 0;
  z-index: 2;
  background-color: #ffffff;
}