body {
	font-family: 'Open Sans', sans-serif;
	height: 100%;
	width: 100%;
	padding: 0;
	font-size: 13px;

}
input[type="checkbox"]:focus {
    outline: 2px solid #007BFF; /* Change the color to your preference */
    outline-offset: 2px; /* Adjust the offset if needed */
}
@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}
.dropdown-submenu a{
	background-color: inherit !important;
}
.dropdown-submenu a:focus{
	background-color: #CB2B1D !important;
	border: 1px solid #ddd;

}
.dropdown-submenu a:hover{
	background-color: #CB2B1D !important;
}
button:focus{
	background-color: #CB2B1D !important;
	border: 1px solid #ddd;
}
@media screen {
	body {
		padding-top: 60px;
		overscroll-behavior: none;
	}

	#global_popup_box .errorTetails a:focus,
	#global_popup_box .errorTetails a:hover {
		outline: none !important;
		text-decoration: none !important;
	}
	#global_popup_box .modal-content{
		display: block;
	}
	/*********************/
	/*****Kendo Table*****/
	/*********************/
	.k-grid-content tr:last-child>td {
		border-bottom-width: 1px;
	}
	.k-popup {
		border-color: #ccc;
	}
	.k-grid-header .k-header {
		background-color: #fff;
		color: #292b2c !important;
		font-weight: bold !important;
	}
	.k-grid-header .k-i-sort-asc-sm, .k-grid-header .k-i-sort-desc-sm, .k-grid-header .k-sort-order {
		color: #CB2B1D;
		opacity: 1;
	}
	.k-menu .k-state-default>.k-link:hover {
		background-color: #88C3EA;
	}
	.k-menu .k-state-selected>.k-link {
		background-color: #aed6f0;
		border-color: #aed6f0;
		color: #000;
	}
	.k-grid-header .k-header .k-link{
		color: #292b2c !important;
	}
	/*.k-grid-header th.k-header>.k-link {
		margin-left: -3px !important;
	}*/
	.k-grid .k-alt {
		background-color: transparent;
	}
	.k-multicheck-wrap li label {
		font-weight: 400;
		font-size: 13px;
	}
	.k-filter-row th, .k-grid-header th.k-header {
		padding: 7px 5px !important;
		border-bottom: none !important;
	}
	.k-grid-content tr td {
		border-left-width: 1px;
		padding: 5px 5px !important;
		white-space: nowrap;
	}
	.k-grid td {
		padding: 5px 5px;
	}
	.k-grid-filter.k-state-active {
		color: red !important;
		background-color: #1E3237;
	}
	.k-state-focused {
		box-shadow: none !important;
	}
	.k-grid .k-grouping-header {
		color: #000 !important;
		background-color: #f5f5f5 !important;
		font-size: 12px;
	}
	.k-grid tbody td.action-column i.fa {
		font-size: 15px;
	}
	.k-grid tbody td.action-column span {
		cursor: pointer;
	}
	.k-grid-header-wrap table,
	.k-grid-header-locked table {
		border-bottom: 3px solid #CB2B1D;
	}
	.k-grid-content tbody tr:nth-child(odd),
	.k-grid-content-locked tbody tr:nth-child(odd) {
		background-color: rgba(0,0,0,.05);
	}
	.k-grid tr:hover,
	.k-grid-content tbody tr:nth-child(odd):hover,
	.k-grid-content-locked tbody tr:nth-child(odd):hover {
		background-color: #e8ebef;
		background-image: url(textures/highlight.png);
		background-image: none,-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.3)),to(rgba(255,255,255,0)));
		background-image: none,-webkit-linear-gradient(top,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
		background-image: none,linear-gradient(to bottom,rgba(255,255,255,.3) 0,rgba(255,255,255,0) 100%);
		background-position: 50% 50%;
	}
	.k-filter-menu .k-multicheck-wrap {
		margin-left: 8px;
	}
	.k-pager-wrap .k-link.k-state-disabled{
		color:#515967;
		border-color:#ddd;
	}
	.k-pager-wrap{
		background-color:#fff;
		color:#535b6a;
	}
	@media only screen and (min-width:280px) and (max-width:400px) {
		.k-pager-wrap .k-pager-info{
			display: none;
			padding: 9px 7px;
		}
	}
	@media only screen and (max-width:425px) {
		.k-pager-wrap .k-pager-info{
			font-size: 10px;
		}
		.k-filter-item .k-animation-container {
			left: -132px !important;
			top:-138px !important;
		}
	}
	.k-pager-wrap .k-link:hover {
		border-color: #ddd;
	}
	.k-pager-wrap .k-link {
		border: 1px solid #ddd;
		border-radius: 0;
		margin: 0;
		margin-right: -1px;
	}
	.k-pager-wrap .k-pager-first {
		border-top-left-radius: 4px;
		border-bottom-left-radius: 4px;
	}
	.k-pager-wrap .k-pager-last {
		border-top-right-radius: 4px;
		border-bottom-right-radius: 4px;
	}
	.k-pager-wrap .k-pager-numbers {
		margin: 0;
	}
	.k-pager-wrap .k-pager-sizes .k-dropdown {
		margin-top: 0;
	}
	.k-pager-wrap .k-pager-sizes .k-dropdown .k-dropdown-wrap {
		height: 31px;
		border-color: #ddd;
	}
	.k-pager-wrap .k-pager-numbers .k-state-selected {
		border-color: #CB2B1D;
		border-width: 1px;
		min-width: 34px;
		margin: 0;
		padding-top: 0;
		color: #fff !important;
		border-radius: 0;
		background-color: #CB2B1D;
	}
	.k-pager-wrap .k-link.k-state-disabled .k-icon {
		opacity: 1;
	}
	.k-grid-content tr td.k-edit-cell {
		padding: 3px !important;
	}
	.k-edit-cell .k-input{
		height: 30px;
	}
	.k-multicheck-wrap input[type=checkbox] {
		margin: 0px 15px 0 0;
		vertical-align: middle;
		cursor: pointer;
	}
	.k-multicheck-wrap {
		width: 262px;
		overflow-x: auto;
		font-weight: 200;
		max-height: 140px;
	}
	.k-tooltip {
		min-width: 200px;
		max-width: 400px;
		pointer-events: none;
		word-break: break-word;
		position: fixed !important;
		padding: 2px 4px !important;
	}
	.k-tooltip .k-tooltip-content {
		padding: 3px 10px !important;
	}
	.k-tooltip .k-tooltip-content i {
		display: none !important;
	}
	.k-callout-s {
		border-top-color: rgba(100,100,100,.9) !important;
	}
	.k-grid .k-icon {
		opacity: .8;
	}
	.k-menu-group .k-link input[type=checkbox] {
		margin: 0px 10px 0 0;
		cursor: pointer;
	}
	.k-animation-container ul.k-menu-group {
		max-height: 300px !important;
	}
	.k-header-column-menu.k-state-active{
		background: inherit !important;
	}
	.k-icon.k-i-more-vertical{
		color: #CB2B1D !important;
	}
	.k-icon.k-i-more-vertical.filterActive{
		color: red !important;
	}
	.empty-grid {
		text-align: center;
	}
	.empty-grid::before {
		padding: 1em;
		line-height: 3em;
		content: "No records found.";
	}
	form.k-filter-menu {
		padding-left: 15px;
	}
	.k-pager-wrap .k-dropdown {
		width: 6.2em;
	}
	.k-tooltip .k-tooltip-content a {
		color: white !important;
	}
	.k-detail-cell .k-grid-header .k-header {
	background: #FFFFFF;
	border-bottom: 2px solid #CB2B1D !important;
	}
	.k-icon.k-i-collapse:focus, .k-icon.k-i-expand:focus {
		outline: none;
	}
	table tbody tr.selectedRow {
		background-color: #aed6f0 !important;
		color: #000000 !important;
	}
	#launcher-frame {
		display: none;
	}

/* Ion.RangeSlider
// css version 2.0.3
// © 2013-2014 Denis Ineshin | IonDen.com
// ===================================================================================================================*/

/* =====================================================================================================================
// RangeSlider */

.irs {
	position: relative; display: block;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	 -khtml-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
			user-select: none;
}
	.irs-line {
		position: relative; display: block;
		overflow: hidden;
		outline: none !important;
	}
		.irs-line-left, .irs-line-mid, .irs-line-right {
			position: absolute; display: block;
			top: 0;
		}
		.irs-line-left {
			left: 0; width: 11%;
		}
		.irs-line-mid {
			left: 9%; width: 82%;
		}
		.irs-line-right {
			right: 0; width: 11%;
		}

	.irs-bar {
		position: absolute; display: block;
		left: 0; width: 0;
	}
		.irs-bar-edge {
			position: absolute; display: block;
			top: 0; left: 0;
		}

	.irs-shadow {
		position: absolute; display: none;
		left: 0; width: 0;
	}

	.irs-slider {
		position: absolute; display: block;
		cursor: default;
		z-index: 1;
	}
		.irs-slider.single {

		}
		.irs-slider.from {

		}
		.irs-slider.to {

		}
		.irs-slider.type_last {
			z-index: 2;
		}

	.irs-min {
		position: absolute; display: block;
		left: 0;
		cursor: default;
	}
	.irs-max {
		position: absolute; display: block;
		right: 0;
		cursor: default;
	}

	.irs-from, .irs-to, .irs-single {
		position: absolute; display: block;
		top: 0; left: 0;
		cursor: default;
		white-space: nowrap;
	}

.irs-grid {
	position: absolute; display: none;
	bottom: 0; left: 0;
	width: 100%; height: 20px;
}
.irs-with-grid .irs-grid {
	display: block;
}
	.irs-grid-pol {
		position: absolute;
		top: 0; left: 0;
		width: 1px; height: 8px;
		background: #000;
	}
	.irs-grid-pol.small {
		height: 4px;
	}
	.irs-grid-text {
		position: absolute;
		bottom: 0; left: 0;
		white-space: nowrap;
		text-align: center;
		font-size: 9px; line-height: 9px;
		padding: 0 3px;
		color: #000;
	}

.irs-disable-mask {
	position: absolute; display: block;
	top: 0; left: -1%;
	width: 102%; height: 100%;
	cursor: default;
	background: rgba(0,0,0,0.0);
	z-index: 2;
}
.lt-ie9 .irs-disable-mask {
	background: #000;
	filter: alpha(opacity=0);
	cursor: not-allowed;
}

.irs-disabled {
	opacity: 0.4;
}


.irs-hidden-input {
	position: absolute !important;
	display: block !important;
	top: 0 !important;
	left: 0 !important;
	width: 0 !important;
	height: 0 !important;
	font-size: 0 !important;
	line-height: 0 !important;
	padding: 0 !important;
	margin: 0 !important;
	overflow: hidden;
	outline: none !important;
	z-index: -9999 !important;
	background: none !important;
	border-style: solid !important;
	border-color: transparent !important;
}

	/****************/
	/*flatpicker*/
	/***************/
	.flatpickr-calendar{background:transparent;overflow:hidden;max-height:0;opacity:0;visibility:hidden;text-align:center;padding:0;-webkit-animation:none;animation:none;direction:ltr;border:0;font-size:14px;line-height:24px;border-radius:5px;position:absolute;width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;-ms-touch-action:manipulation;touch-action:manipulation;background:#fff;-webkit-box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);box-shadow:1px 0 0 #e6e6e6,-1px 0 0 #e6e6e6,0 1px 0 #e6e6e6,0 -1px 0 #e6e6e6,0 3px 13px rgba(0,0,0,0.08);}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;visibility:visible;overflow:visible;max-height:640px}.flatpickr-calendar.open{display:inline-block;z-index:99999}.flatpickr-calendar.animate.open{-webkit-animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1);animation:fpFadeInDown 300ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.inline{display:block;position:relative;top:2px}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{z-index:999;display:block}.flatpickr-calendar.hasWeeks{width:auto}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px}.flatpickr-calendar:before{border-width:5px;margin:0 -5px}.flatpickr-calendar:after{border-width:4px;margin:0 -4px}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%}.flatpickr-calendar.arrowTop:before{border-bottom-color:#e6e6e6}.flatpickr-calendar.arrowTop:after{border-bottom-color:#fff}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%}.flatpickr-calendar.arrowBottom:before{border-top-color:#e6e6e6}.flatpickr-calendar.arrowBottom:after{border-top-color:#fff}.flatpickr-calendar:focus{outline:0}.flatpickr-wrapper{position:relative;display:inline-block}.flatpickr-month{background:transparent;color:rgba(0,0,0,0.9);fill:rgba(0,0,0,0.9);height:28px;line-height:1;text-align:center;position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}.flatpickr-prev-month,.flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;line-height:16px;height:28px;padding:10px calc(3.57% - 1.5px);z-index:3;}.flatpickr-prev-month i,.flatpickr-next-month i{position:relative}.flatpickr-prev-month.flatpickr-prev-month,.flatpickr-next-month.flatpickr-prev-month{/*
		/*rtl:begin:ignore*/left:0;/*
		/*rtl:end:ignore*/}/*
		/*rtl:begin:ignore*/
		/*
		/*rtl:end:ignore*/
   .flatpickr-prev-month.flatpickr-next-month,.flatpickr-next-month.flatpickr-next-month{/*
		/*rtl:begin:ignore*/right:0;/*
		/*rtl:end:ignore*/}/*
		/*rtl:begin:ignore*/
		/*
		/*rtl:end:ignore*/
	.flatpickr-prev-month:hover,.flatpickr-next-month:hover{color:#959ea9;}.flatpickr-prev-month:hover svg,.flatpickr-next-month:hover svg{fill:#f64747}.flatpickr-prev-month svg,.flatpickr-next-month svg{width:14px;}.flatpickr-prev-month svg path,.flatpickr-next-month svg path{-webkit-transition:fill .1s;transition:fill .1s;fill:inherit}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block}.numInputWrapper input{width:100%}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.05);-webkit-box-sizing:border-box;box-sizing:border-box;}.numInputWrapper span:hover{background:rgba(0,0,0,0.1)}.numInputWrapper span:active{background:rgba(0,0,0,0.2)}.numInputWrapper span:after{display:block;content:"";position:absolute;top:33%}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(57,57,57,0.6)}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid rgba(57,57,57,0.6)}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5)}.numInputWrapper:hover{background:rgba(0,0,0,0.05);}.numInputWrapper:hover span{opacity:1}.flatpickr-current-month{font-size:135%;line-height:inherit;font-weight:300;color:inherit;position:absolute;width:75%;left:12.5%;padding:6.16px 0 0 0;line-height:1;height:28px;display:inline-block;text-align:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}.flatpickr-current-month.slideLeft{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideLeftNew{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideLeftNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRight{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);-webkit-animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms ease,fpSlideRight 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month.slideRightNew{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms ease,fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-current-month span.cur-month{font-family:inherit;font-weight:700;color:inherit;display:inline-block;margin-left:.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:rgba(0,0,0,0.05)}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch\0;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9)}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9)}.flatpickr-current-month input.cur-year{background:transparent;-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;cursor:default;padding:0 0 0 .5ch;margin:0;display:inline-block;font-size:inherit;font-family:inherit;font-weight:300;line-height:inherit;height:initial;border:0;border-radius:0;vertical-align:initial;}.flatpickr-current-month input.cur-year:focus{outline:0}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none}.flatpickr-weekdays{background:transparent;text-align:center;overflow:hidden;width:100%;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;height:28px}span.flatpickr-weekday{cursor:default;font-size:90%;background:transparent;color:rgba(0,0,0,0.54);line-height:1;margin:0;text-align:center;display:block;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;font-weight:bolder}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0}.flatpickr-days{position:relative;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:307.875px;}.flatpickr-days:focus{outline:0}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-wrap:wrap;-ms-flex-pack:justify;-webkit-justify-content:space-around;justify-content:space-around;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}.flatpickr-calendar.animate .dayContainer.slideLeft{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideLeft,.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideLeftNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideLeft 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-calendar.animate .dayContainer.slideRight{-webkit-animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeOut 400ms cubic-bezier(.23,1,.32,1),fpSlideRight 400ms cubic-bezier(.23,1,.32,1);-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.flatpickr-calendar.animate .dayContainer.slideRightNew{-webkit-animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1);animation:fpFadeIn 400ms cubic-bezier(.23,1,.32,1),fpSlideRightNew 400ms cubic-bezier(.23,1,.32,1)}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;-webkit-box-sizing:border-box;box-sizing:border-box;color:#393939;cursor:pointer;font-weight:400;width:14.2857143%;-webkit-flex-basis:14.2857143%;-ms-flex-preferred-size:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;line-height:39px;margin:0;display:inline-block;position:relative;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;text-align:center;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;background:#e6e6e6;border-color:#e6e6e6}.flatpickr-day.today{border-color:#959ea9;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:#959ea9;background:#959ea9;color:#fff}.flatpickr-day.selected,.flatpickr-day.startRange,.flatpickr-day.endRange,.flatpickr-day.selected.inRange,.flatpickr-day.startRange.inRange,.flatpickr-day.endRange.inRange,.flatpickr-day.selected:focus,.flatpickr-day.startRange:focus,.flatpickr-day.endRange:focus,.flatpickr-day.selected:hover,.flatpickr-day.startRange:hover,.flatpickr-day.endRange:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.selected.nextMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.endRange.nextMonthDay{background:#569ff7;-webkit-box-shadow:none;box-shadow:none;color:#fff;border-color:#569ff7}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0}.flatpickr-day.selected.startRange + .endRange,.flatpickr-day.startRange.startRange + .endRange,.flatpickr-day.endRange.startRange + .endRange{-webkit-box-shadow:-10px 0 0 #569ff7;box-shadow:-10px 0 0 #569ff7}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px}.flatpickr-day.inRange{border-radius:0;-webkit-box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6;box-shadow:-5px 0 0 #e6e6e6,5px 0 0 #e6e6e6}.flatpickr-day.disabled,.flatpickr-day.disabled:hover{pointer-events:none}.flatpickr-day.disabled,.flatpickr-day.disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:rgba(57,57,57,0.3);background:transparent;border-color:transparent;cursor:default}.flatpickr-day.week.selected{border-radius:0;-webkit-box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7;box-shadow:-5px 0 0 #569ff7,5px 0 0 #569ff7}.rangeMode .flatpickr-day{margin-top:1px}.flatpickr-weekwrapper{display:inline-block;float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;-webkit-box-shadow:1px 0 0 #e6e6e6;box-shadow:1px 0 0 #e6e6e6}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:28px}.flatpickr-weekwrapper span.flatpickr-day{display:block;width:100%;max-width:none}.flatpickr-innerContainer{display:block;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.flatpickr-time{text-align:center;outline:0;display:block;height:0;line-height:40px;max-height:40px;-webkit-box-sizing:border-box;box-sizing:border-box;overflow:hidden;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}.flatpickr-time:after{content:"";display:table;clear:both}.flatpickr-time .numInputWrapper{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:#393939}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:#393939}.flatpickr-time.hasSeconds .numInputWrapper{width:26%}.flatpickr-time.time24hr .numInputWrapper{width:49%}.flatpickr-time input{background:transparent;-webkit-box-shadow:none;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;height:inherit;line-height:inherit;cursor:pointer;color:#393939;font-size:14px;position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;}.flatpickr-time input.flatpickr-hour{font-weight:bold}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{font-weight:400}.flatpickr-time input:focus{outline:0;border:0}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;display:inline-block;float:left;line-height:inherit;color:#393939;font-weight:bold;width:2%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-align-self:center;-ms-flex-item-align:center;align-self:center}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;font-weight:400;}.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time .flatpickr-am-pm:focus{background:#f0f0f0}.flatpickr-input[readonly]{cursor:pointer}@-webkit-keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpFadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fpSlideLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideLeftNew{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fpSlideRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fpSlideRightNew{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@keyframes fpFadeOut{from{opacity:1}to{opacity:0}}@-webkit-keyframes fpFadeIn{from{opacity:0}to{opacity:1}}@keyframes fpFadeIn{from{opacity:0}to{opacity:1}}

	/****************/
	/* login styles */
	/****************/
	#login {
		padding-top: 0;
		background-color:#243648;
		margin: 0;
		height: 100%;
		width: 100%;
		display:block;
	}
	#login .login {
		margin-right: auto;
		margin-left: auto;
		text-align: center;
		width: 800px;
		margin-top: 70px;
	}
	#login .login-dialog {
		text-align: left;
		height: 350px;
		background-color: #fff;
	}
	#login .login-logo {
		text-align: left;
	}
	#login .login-logo img {
		height: 60px;
		margin-bottom:2px;
	}
	#login .login-message {
		position: relative;
		float: left;
		width: 400px;
		height: 100%;
		background-color: #EFEFEF;
		padding: 30px 30px 25px 35px;
		overflow: auto;
	}
	#login .login-background {
		position: absolute;
		left: 5px;
		top: 5px;
		bottom: 5px;
		right: 5px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#login .customfleet .login-background {
		position: absolute;
		left: 0px;
		top: 0px;
		bottom: 0px;
		right: 0px;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}
	#login .login-form {
		float: left;
		width: 400px;
		height: 100%;
		padding: 20px;
		color: #606060;
		position: relative;
	}

	#login .login-table {
		float: left;
		width: 100%;
		height: 100%;
		padding: 20px;
		color: #606060;
		position: relative;
	}

	#login .login-form .title {
		font-size: 22px;
		padding: 20px 30px;
	}
	#login .login-form .message {
		/* padding: 0 30px 10px 30px; */
		padding-bottom: 10px;
		margin-top: -10px;
		text-align: center;
		font-size: 13px;
		color: #CC0000;
	}
	#login .login-form .restricted {
		padding-bottom: 8px;
		margin-top: -20px;
		text-align: center;
		font-size: 13px;
		color: #CC0000;
	}
	#signin .form-group{
		margin-bottom:9px;
	}
	#login .signIn_privacy_policy {
		position: absolute;
		bottom: 4px;
		right: 20px;
	}
	#login .form-group label {
		text-align: right;
		padding-top: 7px;
		margin-right: -20px;
	}
	#login .mfa-factor-totp,
	#login .mfa-code-group {
		margin-bottom: 10px;
	}
	#login a {
		color: #2B73EE;
		text-decoration: none;
	}
	#login a:hover {
		background: none;
		text-decoration: none;
	}
	#login div.login-version {
		padding-top: 5px;
		color: #efefef;
		font-weight: normal;
	}
	#login div.login-version a {
		color: #2B73EE;
		font-weight: normal;
	}

	/***************************/
	/*       menu styles       */
	/***************************/
	.navbar {
		height: 60px;
	}
	.navbar.navbar-fixed-top {
		border-bottom-width: 0;
	}
	.navbar .navbar-brand {
		padding: 5px 0px;
	}
	.navbar .navbar-brand img {
		height: 50px;
	}
	.navbar .container {
		margin: 0;
		padding: 0 20px;
		width: 100%;
	}
	.navbar .navbar-nav a {
		padding-top:20px;
		padding-bottom: 20px;
		font-size: 14px;
	}
	.navbar .navbar-nav .dropdown-menu a {
		padding-top:8px;
		padding-bottom:8px;
	}
	.navbar-nav .dropdown-submenu>.dropdown-menu {
		border-radius: 0 0px 4px 4px;
		/*background: #344759;*/
	}
	.navbar-nav .dropdown-submenu>.dropdown-menu li a {
		padding-bottom: 0;
	}
	.navbar-nav .dropdown-submenu>.dropdown-menu li a span {
		width: 150px;
		overflow: hidden;
		display: inline-block;
		text-overflow: ellipsis;
	}
	.navbar-nav .dropdown-submenu>.dropdown-menu li a .fa{
		vertical-align: super;
		padding-left: 5px;
	}
	.navbar .navbar-collapse {
		background-color: #f8f8f8;
	}
	.navbar li a {
		text-transform: none;
	}
	.navbar span.notifications-alert {
		padding: 1px 5px;
		background-color: #337ab7;
		color: #fff;
		border-radius: 10px;
		margin-right: 5px;
		cursor: pointer;
	}
	#dashboard > .dropdown-submenu > .dropdown-menu::before {
		content: '';
		height: calc(100% - 34px);
		width: 30px;
		position: absolute;
		left: -30px;
		top: 35px;
	}
	#admin-setting-menu > .dropdown-menu::after{
		content: '';
		height: calc(100% - 34px);
		width: 70px;
		position: absolute;
		right: -70px;
		top: 35px;
	}
	#admin-setting-menu > .dropdown-menu > .dropdown-submenu > .dropdown-menu::after {
		content: '';
		height: calc(100% - 34px);
		width: 30px;
		position: absolute;
		right: -30px;
		top: 35px;
	}
	.alert-container .alert-danger {
		padding: 15px 20px;
	    margin-bottom: 10px;
	    background-color: #f1f2f3;
	    /* border-color: #3498db; */
	    color: #3498db;
	    /* box-shadow: 0 0 5px rgba(33,150,243,.5); */
	    border-radius: 5px;
	    border: none;
	}
	.alert-container .alert-danger span.text {
		display: block;
	}
	.alert-container .alert.alert-danger .close {
		color: #000000;
	}
	.alert-container .clearAllPopups {
		margin-bottom: 10px;
	    border: 1px solid transparent;
	    padding: 10px 5px;
	    background-color: #fff;
	    /* border-color: #3498db; */
	    color: #000000;
	    /* box-shadow: 0 0 5px rgba(33,150,243,.5); */
	    /* position: absolute; */
	    top: -62px;
	    width: 100%;
	}
	.alert-container .clearAllPopups span {
		cursor: pointer;
		font-weight: bold;
		font-size: 15px;
	}
	.alert-container .clearAllPopups span img{
		width: 22px;
		height: 22px;
		margin-left: 15px;
	}
	.alert-container .clearAllPopups label {
		padding-top:13px;
		font-size:12px;
		font-weight: 800;
		margin-bottom:0px;
		cursor:pointer;
	}
	#customPopup {
		position: relative;
		-webkit-animation-name: customPopup;
		-webkit-animation-duration: 9s;
		animation-name: customPopup;
		animation-duration: 9s;
	}


	@-webkit-keyframes customPopup {
		0% {right:-400px; top:0px;}
		25% {right:0px; top:0px;}
		100% {right:0px; top:0px;}
	}	

	@keyframes customPopup {
		0% {right:-400px; top:0px;}
		25% {right:0px; top:0px;}
		100% {right:0px; top:0px;}
	}



	.slideoutPopup {
		-webkit-animation-name: slideout;
		-webkit-animation-duration: 10s;
		animation-name: slideout;
		animation-duration: 9s;
	}
	@-webkit-keyframes slideout {
		0% {right:10px; top:60px;}
		80% {right:10px; top:60px;}
		100% {right:-400px; top:60px;}
	}
	@keyframes slideout {
		0% {right:10px; top:60px;}
		80% {right:10px; top:60px;}
		100% {right:-400px; top:60px;}
	}
	.swing {
		animation: swing ease-in-out 1s infinite alternate;
	}
	@keyframes swing {
		0% { transform: rotate(7deg); }
		100% { transform: rotate(-7deg); }
	}
	.portrait-mode-class {
		display: none;
	}
	.nav.nav-sidebar>.active>a {
		color: #555;
		background-color: #e7e7e7;
	}

	.custom-actions .btn-default.active,
	.custom-actions .btn-default:active,
	.custom-actions .open>.dropdown-toggle.btn-default {
		background-color: #2993D9;
		border-color: #2993D9;
		color: #fff;
	}
	.custom-actions .btn-default img,
	.custom-actions .btn-default img {
		/*-webkit-filter: brightness(10);
		filter: brightness(10);*/
  }
  .toggle-on {
	font-weight: bold;
  }

  .scroll_150{
  overflow-y: scroll;
  height: 110px;
  }

  .bold_600{
	font-weight: 600;
  }

  .geo-type .btn-default.selected {
	  background-color: #2993D9;
	  border-color: #2993D9;
	  color: #fff;
	}
	.geo-type .btn-default.selected img {
	  -webkit-filter: brightness(0) invert(1);
	  filter: brightness(0) invert(1);
	}

	/***************************/
	/*    hamburger-menu   */
	/***************************/
	.hamburger-menu .navbar-toggle {
		margin-top: 14px !important;
		margin-bottom: 4px !important;
	}
	.hamburger-menu.navbar-inverse .navbar-toggle:focus,
	.hamburger-menu.navbar-inverse .navbar-toggle:hover {
	  background-color: transparent;
	}
	.menu-pl-0 {
	 padding: 0;
	}
	.hamburger-menu.navbar-inverse .navbar-toggle {
	  border: none;
	}
	.hamburger-menu .navbar-toggle span.icon-bar {
	  transition: all 0.15s;
	}
	.hamburger-menu .navbar-toggle span:nth-child(2) {
	  transform: rotate(45deg);
	  transform-origin: 10% 10%;
	}
	.hamburger-menu .navbar-toggle span:nth-child(3) {
	  opacity: 0;
	}
	.hamburger-menu .navbar-toggle span:nth-child(4) {
	  transform: rotate(-45deg);
	  transform-origin: 10% 90%;
	}
	.hamburger-menu .navbar-toggle.collapsed span:nth-child(2),
	.hamburger-menu .navbar-toggle.collapsed span:nth-child(4) {
	  transform: rotate(0);
	}
	.hamburger-menu .navbar-toggle.collapsed span:nth-child(3) {
	  opacity: 1;
	}
	.hamburger-menu .logo-img-xs {
		margin-top: 1px !important;
		margin-left: 5px;
	}
	.hamburger-menu .nav .open>a, .hamburger-menu .nav .open>a:focus,
	.hamburger-menu .nav .open>a:hover {
		background-color: transparent !important;
	}
	/*.hamburger-menu.navbar-inverse {
		background-color: #2c3e50 !important;
	}*/
	.hamburger-menu.navbar-inverse .navbar-toggle:focus,
	.hamburger-menu.navbar-inverse .navbar-toggle:hover,
	.hamburger-menu.navbar-inverse .navbar-toggle {
		background-color: transparent;
	}
	.hamburger-menu.navbar-inverse .navbar-collapse,
	.hamburger-menu.navbar-inverse .navbar-form {
		border-color: #bbb;
	}
	.hamburger-menu.navbar-inverse .navbar-nav>li>a {
	  color: #fff;
	  font-weight: 500;
	  border-bottom: 1px solid #bbb;
	  text-transform: uppercase;
	  padding-left: 10px;
	}
	.hamburger-menu .nav li {
	  padding-right: 0;
	}
	.hamburger-menu .nav>li>a {
	  padding: 13px 24px!important;
	}
	.hamburger-menu.navbar-inverse .navbar-nav>li.active{
	  background-color: #bbb;
	}
	.hamburger-menu.navbar-inverse .navbar-nav>.open>a,
	.hamburger-menu.navbar-inverse .navbar-nav>.open>a:focus,
	.hamburger-menu.navbar-inverse .navbar-nav>.open>a:hover {
	  background-color: transparent;
	  margin-bottom: 0;
	  border-bottom: none;
	}
	.hamburger-menu.navbar-inverse .navbar-collapse,
	.hamburger-menu.navbar-inverse .navbar-form {
	  border-color: #bbb;
	  background-color: #2c3e50;
	}
	.hamburger-menu .dropdown-menu {
	  border-radius: 0px;
	}
	.hamburger-menu.navbar {
	  margin-bottom: 0 !important;
	}
	.hamburger-menu.navbar-inverse {
	  border-color: transparent !important;
	  border-bottom: none;
	}
	.hamburger-menu .navbar-nav {
	  margin-top: 0;
	  margin-bottom: 0;
	  /*border-top: 1px solid #bbb;*/
	}
	.hamburger-menu .navbar-collapse {
	    max-height: 80vh !important;
	    overflow-y: auto !important;
		position: absolute;
		right: 0px;
		width: 50%;
		max-height: 370px !important;
		overflow-y: auto !important;
	}
	.hamburger-menu .dropdown.open .caret {
	  transform: rotate(180deg);
	}
	.hamburger-menu .dropdown-submenu {
	  position: relative;
	}
	.hamburger-menu .dropdown-submenu>.dropdown-menu {
	  top: 0;
	  left: 100%;
	  margin-top: -6px;
	  margin-left: -1px;
	}
	.hamburger-menu .dropdown-submenu>a:after {
	  display: block;
	  content: " ";
	  float: right;
	  width: 0;
	  height: 0;
	  border-color: transparent;
	  border-style: solid;
	  border-width: 5px 0 5px 5px;
	  border-left-color: #cccccc;
	  margin-top: 5px;
	  margin-right: -10px;
	}
	.hamburger-menu .dropdown-submenu:hover>a:after {
	  border-left-color: #555;
	}
	.hamburger-menu .dropdown-submenu.pull-left {
	  float: none;
	}
	.hamburger-menu .dropdown-submenu.pull-left>.dropdown-menu {
	  left: -100%;
	  margin-left: 10px;
	  -webkit-border-radius: 6px 0 6px 6px;
	  -moz-border-radius: 6px 0 6px 6px;
	  border-radius: 6px 0 6px 6px;
	}
	.hamburger-menu.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
		border-bottom: 1px solid #bbb;
	}
	.hamburger-menu .navbar-nav .open .dropdown-menu .dropdown-header,
	.hamburger-menu .navbar-nav .open .dropdown-menu>li>a {
		margin: 0px 25px 0px 25px;
		padding: 6px 0px;
	}
	.hamburger-menu .navbar-nav .open .dropdown-menu {
		margin-top: 0px;
		background-color: #222d38;
		border: 0;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 1px 0 !important;
		position: static;
		float: none;
		width: auto;
	}
	.hamburger-menu .dropdown.dropdown-submenu.open>a {
		border-bottom: none !important;
	}
	.hamburger-menu .dropdown-submenu .dropdown-menu {
		background-color: #16181b !important;
	}
	.hamburger-menu .navbar-nav .dropdown-submenu .dropdown-menu>li>a {
		padding: 6px 0 0 0 !important;
	}
	.hamburger-menu .navbar-nav .open .dropdown-menu li:last-child a {
		border: none !important;
	}
	.hamburger-menu.navbar-inverse .navbar-nav>.active>a,
	.hamburger-menu.navbar-inverse .navbar-nav>.active>a:focus,
	.hamburger-menu.navbar-inverse .navbar-nav>.active>a:hover {
		background-color: transparent;
	}
	#portraitMode {
		background-color: #333;
		color: #fff;
		box-shadow: 3px 3px 10px #666;
		padding: 8px 10px;
		border-radius: 18px;
		margin-top: 10px;
	}
	#portraitMode .close{
		margin: -1px 5px 0 20px;
		color: #fff;
	}
	.infoToastContainer {
		position: fixed;
		right: 15px;
		bottom: 20px;
		margin: 10px 0px 0px 15px;
		z-index: 1;
	}
	.show-on-small {
		display: none;
	}
	.show-on-large {
		display: block !important;
	}
    .add-edit-buttons .dropdown-menu{
		padding:0 0 0 0;
		min-width: 150px;
	}
	.add-edit-buttons .dropdown-menu-right {
		right: 129px;
		left: 0px;
	}
	.hide-navbar {
		display: none !important;
	}
	.dash-parent-css {
		margin-top: 0 !important;
	}
	.body-padding {
		padding-top : 0px !important;
	}
	/***************************/
	/*    page layout styles   */
	/***************************/
	.side-tab-bar.nav-stacked>li+li {
		margin-top: 0;
	}
	.side-tab-bar {
		width: 135px;
		position: absolute;
		top: 1px;
		left: 0;
		box-shadow: 0px 0px 10px #888;
		z-index: 99;
		background-color: #fff;
	}
	.side-tab-bar-0 {
		width: 0px !important;
	}
	.side-tab-bar.nav-tabs>li.active>a,
	.side-tab-bar.nav-tabs>li.active>a:focus,
	.side-tab-bar.nav-tabs>li.active>a:hover {
		border: none;
	}
	.nav-tabs>li {
		text-align: center;
	}
	.side-tab-bar.nav-tabs>li>a {
		border: 1px solid #ddd;
		color: #555;
	}
	.side-tab-bar.nav-tabs>li>a {
		margin-right: 0px;
		color: #555;
		width: 135px;
		font-size: 14px;
		white-space: normal;
		border-radius: 0;
		display:flex;
		height:85px;
		font-weight: 600;
		align-items:center;
		justify-content:center;
		padding: 0 8px !important;
		border: none !important;
	}
	.side-tab-bar.nav-tabs>li.active>a {
		background-color: #2993D9;
		color: #fff !important;
	}
	.side-tab-bar.nav-tabs>li:after {
		content: " ";
		border-bottom: 1px solid #ccc;
		display: table-cell;
		width: 100px;
		position: absolute;
		left: 17px;
		bottom: 0;
		z-index: 1;
	}
	.side-tab-bar.nav-tabs>li.active {
		z-index: 99;
	}
	.side-tab-bar.nav-tabs>li.active:after {
		border-bottom: 1px solid #2993d9
	}
	.side-tab-bar.nav-tabs>li:hover:after {
		border-bottom: 1px solid #2993d9
	}
	.side-tab-bar.nav-tabs>li>a:hover {
		background-color: #88C3EA;
		color: #fff;
		z-index: 99;
	}
	.side-tab-bar-content {
		margin-left: 135px;
	}
	/* .side-tab-bar-content-0 {
		margin-left: 0px !important;
	} */
	.sidebar_parent {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 85px;
		flex-direction: column;
	}
	.sidebar_icon_wrapper {
		padding-bottom: 7px;
	}
	#healthTabs {
		min-height: calc(100vh - 117px);
	}
	.bfh-timepicker {
		margin-bottom: 5px;
	}
	.bfh-timepicker-popover>table>tbody>tr>td.separator {
		padding-left: 1px;
		padding-right: 1px;
	}
	.bfh-timepicker-popover .bfh-selectbox .bfh-selectbox-options {
		left: -5px;
		min-width: 65px;
		padding-top: 0;
	}
	.tab-sm-scroll {
		overflow-y: auto !important;
		overflow-x: hidden;
	}
	.tab-sm-scroll::-webkit-scrollbar {
		width: 6px;
		height: 6px;
	}
	.tab-sm-hide-scroll {
        -ms-overflow-style: none;
	}
	.tab-sm-hide-scroll::-webkit-scrollbar {
		display: none;
	}
	.tab-sm-scroll::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(153,153,153,0.4);
		border-radius: 4px;
	}
	.tab-sm-scroll::-webkit-scrollbar-thumb {
		border-radius: 4px;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.8);
	}
	.side-tab-arrow {
		z-index: 99;
		position: absolute;
		padding: 2px 9px;
		background: #5cade2;
		color: #fff;
		border: 1px solid #ccc;
		top: 1px;
	}
	.side-tab-arrow-pos {
		left: 100px;
	}
	.side-tab-arrow-pos-0 {
		left: 0px;
	}
	.alert-container {
		width:365px;
		float:right;
		z-index: 999;
		position: fixed;
		right: 10px;
		top: 60px;
	}
	#customPopupParent {
		bottom: 0px;
		top: auto;
	}


	.shiftPopupToTop{
		top: 110px !important; 
		bottom: unset !important;
	}
	.alert-container .alert {
		position: relative;
		top: 0px;
	}
	.alert-container .title {
	    font-weight: 600;
	    margin-right: 20px;
	    font-size: 14px;
	    display: block;
	    line-height: 1.3;
	    margin-bottom: 5px;
	    color: black;
	    padding: 3px 4px 3px 0px;
	}
	.alert-container .text {
		margin-right: 20px;
	    color: black;
	}
	.alert-container .text a {
		text-decoration: underline;
	}
	.fill-area {
		height: 100%;
		width: 100%;
	}
	.fill-width {
		width: 100% !important;
	}
	.ellipse-dropdown-button {
		display: flex;
		position: relative!important;
		height: 34px;
	}
	.ellipse-dropdown-span {
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		width: 90%!important;
		position: absolute;
		top: 6px;
	}
	.ellipse-dropdown-caret {
		position: absolute;
		right: 8px;
	}
	.fill-height {
		height: 100% !important;
	}

	.app-container {
		position: relative;
	}

	/*****************************
	/*    display-header styles   */
	/******************************/
	.display-header {
		padding: 0 10px;
		height: 50px;
		background-color: #344152;
		width: 100%;
	}
	.display-header > div {
		line-height: 30px;
	}
	.display-header form {
		display: inline;
	}
	.display-header .form-group {
		margin-bottom: 0px;
	}
	.display-header .form-inline {
		width: 100%;
	}
	.display-header .display-title,
	.display-header .display-search,
	.display-header .display-actions {
		margin-top: 8px;
		margin-bottom: 8px;
	}
	.display-header .display-title {
		font-size: 16px;
		color: #e6e6e6;
	}
	.display-header .display-search {

	}
	.display-header div.search.input-group {
		max-width: 300px;
	}
	.display-header .display-actions button img {
		height: 14px;
	}
	.display-header div.control-separator {
		width: 1px;
		line-height: 32px;
		border-left: 0px solid #c0c0c0;
		display: inline-block;
	}
	.display-header button img {
		height: 23px;
	}
	.display-header .helpLink {
		text-align: right;
		font-weight: 1000;
	}
	.display-header .NotificationPopup{
		text-align: right;
		font-weight: 1000;
	}
	.display-header .helpLink a{
		color: white;
	}
	/*.display-header .btn-default {
		background-color: #5DADE2;
		color: #fff;
		border-color: #5DADE2;
	}*/
	#saveButtonsGroup button {
		color: #fff;
	}
	/*****************************/
	/* display-content styles  */
	/*****************************/
	.display-content.padded, .display-content .padded {
		padding: 10px;
	}
	.content-container .sidebar {
		padding: 10px;
		background: #fff;
	}
	.content-container .sidebar.right {
		margin-top: 1px;
		padding: 0;
		overflow-y: hidden;
	}
	.content-container .sidebar.right .modal-header.action-btn-wrap {
		padding: 10px;
		background: #fff;
		color: #333;
	}
	.sidebar.right #modalBody {
		height: 75vh;
		overflow-y: auto;
	}
	.content-container .sidebar.right #modalBody {
		padding: 15px;
	}

	.sidebar.collapsible .collapsible-icon {
		display: none;
		position:absolute;
		right: 14px;
		top: 5px;
	}

	.sidebar.collapsible .collapsible-icon {
		font-size: 20px;
	}

	.sidebar.collapsible .collapsible-icon-pin:not(.pinned) span {
		-webkit-transform: rotate(30deg);
		-moz-transform: rotate(30deg);
		-ms-transform: rotate(30deg);
		-o-transform: rotate(30deg);
		transform: rotate(30deg);
	}

	.content-container .content {
	}
	.content-container .content.half-height,.content-container .sidebar.half-height {
		height: auto;
		overflow-y: auto;
	}
	.content-container .content {
		width: 100%;
	}

	/*********************/
	/*    panel styles   */
	/*********************/
	.panel {
		display: table;
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.modal .display-content .panel {
		position: absolute;
		padding-bottom: 110px;
	}
	/*#notificationsDialog.modal .display-content .panel {
		padding-bottom: 65px;
	}*/
	/*#notificationsDialog .collapsible-icon {
		display: inline;
		font-size: 20px;
		color: #000;
	}*/
	#notificationSidebar {
		top: 111px;
		bottom: 0px;
		right: 0px;
		width: 350px !important;
		-webkit-transition: right 0.5s; /* For Safari 3.1 to 6.0 */
		transition: right 0.5s;
		z-index: 99;
		box-shadow: 2px 2px 10px #757071;
		position: fixed;
		height: calc(100% - 90px);
		background: #fff;
		overflow-y: hidden;
	}
	#notificationSidebar.minimized {
		right: -356px !important;
	}
	#notificationSidebar .collapsible-icon {
		display: inline;
		font-size: 20px;
		color: #000;
		cursor: pointer;
		margin-right: unset;
	}
	#notificationSidebar .modal-body {
		overflow-y: auto;
		height: inherit;
		word-break: break-word;
		padding: 0px;
	}
	#notificationSidebar .modal-body .btn-custom {
		text-align: center;
		padding: 15px;
	}
	#notificationSidebar .refreshNotificationButton {
		display: inline;
		margin: 5px;
		font-size: 16px;
		cursor: pointer;
	}
	#notificationSidebar .adjustHeight {
		display: inline;
		font-size: 18px;
		margin: 5px 8px 5px 3px;
		cursor: pointer;
	}
	#notificationSidebar.mobileLayout {
		top: 60px;
		z-index: 999;
		height: calc(100% - 60px);
	}
	.processingEffect {
		opacity: 0.7;
		pointer-events: none;
	}
	.rotate-Spinner {
		animation-name: spin;
		animation-iteration-count: infinite;
		animation-duration: 400ms;
		animation-timing-function: linear;
	}
	/*.modal-open #notificationsDialog.modal{
		overflow-y: hidden;
	}*/
	.modal-open #filterOverlay.modal{
		overflow-y: hidden;
	}
	#detailOverlay.modal{
		overflow-y: hidden;
	}
	/* @media (max-width:630px){
		.k-webkit .k-pager-sizes{
			display: none;
		}
		.k-pager-info .k-label{
			display: none !important;
		}
	} */
	@media only screen and (max-height:630px) {
		#detailOverlay.modal {
			padding-bottom: 20px !important;
		}
	}
	.panel .panel-heading {
		display: table-row;
		width: 100%;
	}
	.panel .panel-heading > div {
		display: table-cell;
		padding: 10px;
		width:100%
	}

	.panel .panel-heading h3 {
		margin-left: 5px;
	}
	.panel .panel-title {
		line-height: 33px;
	}
	.panel-body .section {
		border-bottom: 1px solid #F0F0F0;
		margin-bottom: 5px;
	}
	.panel-body label.title {
		font-size: 16px;
	}
	.panel > div {
		padding: 10px;
	}
	.panel .panel-content {
		display: table-row;
		padding: 10px;
		height: 100%;
	}
	/*#notificationsDialog .panel-content{
		word-break: break-word;
	}*/
	.panel .panel-content > div {
		display: table-cell;
		width: 100%;
		position: relative;
	}
	.panel .btn-custom {
		text-align: center;
	}
	.display-message {
		font-size: 24px;
		text-align: center;
		padding: 40px;
	}

	.div-row {
		padding: 5px;
	}
	.div-cell {
		position: relative;
	}
	.div-cell.bordered {
		border: 1px solid #c0c0c0;
	}


	/***************************/
	/*      Modal Styles       */
	/***************************/
	.modal-header .close {
		margin-top: 2px;
	}
	.modal-header .close {
		font-size: 28px;
	}
	.modal.fullscreen.fade:not(.in).right .modal-dialog {
		-webkit-transform: translate3d(25%, 0, 0);
		transform: translate3d(25%, 0, 0);
	}
	.modal.fullscreen.fade.left .modal-dialog {
		-webkit-transform: translate3d(-25%, 0, 0);
		transform: translate3d(-25%, 0, 0);
	}
	.modal.fullscreen .modal-dialog {
		width: 100%;
		height: 100%;
		margin: 0;
		padding: 0;
	}
	.modal.fullscreen .modal-content {
		height: auto;
		min-height: 90vh;
		border-radius: 0;
	}
	.modal.fullscreen button.close {
		color: #fff;
		opacity: 1.0;
		margin-right: 10px;
	}
	.modal.fullscreen button.close:hover {
		color: #fff;
		opacity: 1.0;
	}
	.modal.fullscreen .modal-content {
		position: fixed;
		top: 60px;
		left: 0;
		bottom: 1px;
		right: 0;
	}
	.modal.halfscreen .modal-dialog{
		overflow-y: initial !important
	}
	.modal.halfscreen .modal-body{
		max-height: 500px;
		overflow-y: auto;
	}

	.modal.slideout.fade:not(.in).right .modal-dialog {
		-webkit-transform: translate3d(25%, 0, 0);
		transform: translate3d(25%, 0, 0);
	}
	.modal.slideout.fade.left .modal-dialog {
		-webkit-transform: translate3d(-25%, 0, 0);
		transform: translate3d(-25%, 0, 0);
	}
	.modal.slideout {
		border: 0px solid green;
	}
	.modal.slideout .modal-dialog {
		width: 350px;
		height: 100%;
		margin: 0;
		padding: 0;
		left:-webkit-calc(100% - 350px);
		left:-moz-calc(100% - 350px);
		left:calc(100% - 350px);
		padding-bottom:110px;
	}
	.modal.slideout .modal-content {
		position:fixed;
		top:110px;
		bottom: 0;
		height: auto;
		width: 100%;
		min-height: 100%;
		overflow-y: auto;
		border-radius: 0;
	}
	#detailOverlay.modal.slideout .modal-dialog {
		width: 95%;
		height: 85% !important;
		margin: 0;
		padding: 0;
		left: 5%;
		-webkit-transition: 1s;
		-o-transition: 1s;
		transition: 1s;
		padding-bottom:110px;
	}
	#detailOverlay.modal.slideout .modal-content {
		position:fixed;
		top:110px;
		bottom: 0;
		height: auto;
		width: 100%;
		min-height: 100%;
		overflow-y: auto;
		border-radius: 0;
	}
	/*#notificationsDialog.modal.slideout .modal-content {
		top:60px;
	}*/
	.modal.slideout button.close {
		color: #fff;
		opacity: 1.0;
		margin-right: 10px;
	}
	.modal.slideout button.close:hover {
		color: #fff;
		opacity: 1.0;
	}
	.modal-title {
		font-weight: normal;
	}
	.modal-content .display-content {
		padding-bottom: 110px;
	}
	.modal-content {
		display: table;
		width: 100%;
	}
	.modal .modal-header h4 {
		text-align: center;
	}
	h4#modalHeader {
		font-weight: 500;
		padding-top: 5px;
		font-size: 2rem;
	}
	#userModal label,#settingsModal label {
		text-transform: uppercase;
		color: #666;
		font-weight: normal;
		font-size: 12px;
	}
	/****************/
	/* table styles */
	/****************/
	table.dataTable {
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		border-top: none;
		border-left: none;
	}
	table.dataTable thead th {
		font-weight: bold;
		color: #666;
	}
	table.dataTable tbody td, table.dataTable thead th {
		white-space: nowrap;
	}
	table.dataTable tbody tr:hover {
		background-color: #e8e8e8;
	}
	table.dataTable.row-clickable tbody tr:hover {
		cursor: pointer;
	}
	table.dataTable tbody tr.selected, table.dataTable tbody td.selected {
		background-color: #aed6f0;
		color: #000;
	}
	#darkZoneAllocationList .k-grid-content table tbody tr:hover,
	#tripList .k-grid-content table tbody tr:hover {
		background-image: none !important;
		background-color: #88c3ea;
	}
	table.kendoGrid tbody tr.selected, table.kendoGrid tbody td.selected, div.table.kendoGrid tbody tr.selected {
		background-image: none !important;
		background-color: #aed6f0;
		color: #000;
	}
	table.dataTable tbody td {
		padding: 6px 4px;
	}
	table.dataTable tbody td.action-column {
		padding: 0;
		padding-top: 7px;
	}
	table.dataTable tbody td.action-column i.fa {
		font-size: 15px;
	}
	table.dataTable tbody td.action-column span {
		margin-left: 13px;
		margin-right: 13px;
		cursor: pointer;
	}
	table.dataTable tbody td.first-column,table.dataTable thead th.first-column {
		width: 20px;
	}
	table.dataTable tbody tr.group {
		font-weight: bold;
		background-color: #ddd;
	}
	div.dataTables_scrollHead table.dataTable {
		margin-top: 0px !important;
	}
	div.DTS div.dataTables_scrollBody {
		background-image: none;
	}
	.dataTables_wrapper .bottom {
		padding:5px;
	}
	.dataTables_wrapper .bottom div {
		display: inline;
	}
	.dataTables_wrapper .bottom div.right {
		float: right;
	}
	.dataTables_length label {
	  font-size: 12px !important;
	}
	div.dataTables_wrapper div.dataTables_length select {
	  width: 50px;
	  padding: 5px 2px;
	}
	.dataTables_length span.select2.select2-container {
		width: 50px !important;
	}
	.dataTables_length .select2-container .select2-selection--single .select2-selection__rendered {
		padding-left: 4px;
		padding-right: 14px;
	}
	td.text-top {
		vertical-align: top;
	}
	td.text-middle {
		vertical-align: middle;
	}
	td.wrap-span-text span {
		white-space: normal;
	}
	div.dataTables_wrapper div.dataTables_processing {
		z-index: 999 !important;
	}

	/***************/
	/* list styles */
	/***************/
	ul.list {
		list-style: none;
		margin: 0;
		padding: 0;
	}
	ul.list li {
		padding: 5px 10px;
	}
	ul.list li.odd {
		background-color: #f9f9f9;
	}
	ul.list li.even {
	}
	ul.notifications div.title {
		font-weight: bold;
		font-size: 16px;
	}
	ul.notifications span.created {
		padding-left: 10px;
	}
	ul.notifications li.noDataText{
		text-align: center;
		font-weight: bold;
		padding-top: 30px;
	}
	ul.notifications li.noMatchFound{
		text-align: center;
		font-weight: bold;
		padding-top: 15px;
	}
	ul.notifications div.channels span {
		border: 1px solid black;
		font-size: 12px;
		border-radius: 4px;
		padding: 1px 2px;
		margin-right: 5px;
	}
	ul.list .list-item-header {
		background-color: #f3f3f4;
		border: 1px solid #c0c0c0;
		width: 100%;
		padding: 5px 10px;
	}
	ul.list .list-item-header > span {
		font-size: 16px;
	}
	ul.list .list-item-content {
		margin-top: -1px;
		padding: 5px 10px;
		border: 1px solid #c0c0c0;
	}


	/***************************/
	/*   html control styles   */
	/***************************/
	.disable-field {
		pointer-events: none;
		cursor: not-allowed;
		opacity: 0.6;
	}
	input[type="checkbox"] + label {
		cursor: pointer;
		margin: 0 10px 0 0;
	}
	input[type="checkbox"] + label span {
		border: 1px solid #a5a4a6;
		display:inline-block;
		width:16px;
		height:16px;
		padding: 2px;
		margin-right: 2px;
		vertical-align:top;
		background-image: url(/assets/images/checkmark.svg);
		background-position: -20px top;
		background-repeat: no-repeat;
		background-origin: content-box;
		cursor: pointer;
		background-size: 10px !important;
	}
	input[type="checkbox"]:checked + label span {
		background-position: center center;
	}
	input.indeterminate[type="checkbox"] + label span {
		background-image: url(/assets/images/indeterminate.svg);
		background-position: center center;
	}
	input[type="checkbox"] + label {
		margin-bottom: 0;
	}
	input[type="checkbox"]:disabled + label {
		color: #c0c0c0;
	}
	button.btn-small {
		padding: 1px 6px;
		font-size: 16px;
		line-height: 16px;
	}
	span.input-group-addon {

	}
	button.btn.btn-default:focus {outline:0;}

	@-moz-document url-prefix(){
		button.btn.btn-default:focus {
			outline:0!important;
			background-color: #5DADE2!important;
			border-color: #5DADE2!important;
		}
	}

	div.form-group.template.custom-dates {
		margin-top: 10px;
		margin-left: 10px;
	}

	button.dropdown-toggle > span:first-child {
		text-align: left;
		float:left;
		width: 100%;
	}
	button.dropdown-toggle > span.caretx {
		text-align: right;
		margin-right: 10px;
	}
	ul.dropdown-menu.scrollable-menu {
		height: auto;
		max-height: 200px;
		overflow-x: hidden;
	}

	button.btn.btn-primary,
	button.btn.btn-default,
	button.btn.btn-success,
	button.btn.btn-danger,
	input.form-control[type="text"],
	input.form-control[type="email"],
	input.form-control[type="password"],
	input.form-control[type="time"],
	.input-group span.input-group-addon {
		border-radius: 2px;
	}

	.modal-footer .btn-primary,
	.modal-footer .btn-default,
	.toggle-buttn2.btn-primary,
	.toggle-buttn1.btn-primary,
	.action-btn-wrap .btn-default,
	.action-btn-wrap .btn-default:focus,
	.action-btn-wrap .btn-primary,
	.action-btn-wrap .btn-primary:focus,
	.sidebar.left .btn-primary,
	.sidebar.left .btn-primary:focus  {
		background-color: #1ABC9C !important;
		border-color: #1ABC9C !important;
		color: #fff;
	}

	.modal-footer .btn-primary:active,
	.modal-footer .btn-default:active,
	.toggle-buttn2.btn-primary:active,
	.toggle-buttn1.btn-primary:active,
	.action-btn-wrap .btn-default:active,
	.action-btn-wrap .btn-primary:active,
	.sidebar.left .btn-primary:active {
		background-color: #13866F !important;
		border-color: #13866F !important;
		color: #fff;
	}

	.modal-footer .btn-primary:hover,
	.modal-footer .btn-default:hover,
	.toggle-buttn2.btn-primary:hover,
	.toggle-buttn1.btn-primary:hover,
	.action-btn-wrap .btn-default:hover,
	.action-btn-wrap .btn-primary:hover,
	.sidebar.left .btn-primary:hover {
		background-color: #28E1BD !important;
		border-color: #28E1BD !important;
		color: #fff;
	}

	.modal-footer .btn-primary:focus,
	.modal-footer .btn-default:focus,
	.modal-header .btn-primary:focus,
	.modal-header .btn-default:focus,
	.modal-header .btn.btn-danger:focus,
	.modal-header .btn:focus,
	.toggle-buttn2.btn-primary:focus,
	.toggle-buttn1.btn-primary:focus,
	.action-btn-wrap .btn-default:focus,
	.action-btn-wrap .btn-primary:focus,
	.sidebar.left .btn-primary:focus {
		background-color: #CB2B1D !important;
		border-color: #000 !important;
	}

	.modal-footer .btn-primary:disabled,
	.modal-footer .btn-default:disabled:hover,
	.action-btn-wrap .btn-primary:disabled,
	.action-btn-wrap .btn-primary:disabled:hover  {
		background-color: #8CDDCD !important;
		border-color: #8CDDCD !important;
	}
	.btn:focus{
		background-color: #CB2B1D !important;
		border: 1px solid #ddd;
	}
	.geo-header-wrap {
		padding: 10px;
		background: #fff;
		color: #333;
		border-bottom: 1px solid #e5e5e5;
	}
	.geo-header-wrap h4 {
		font-weight: 500;
		padding: 5px 0;
		font-size: 2rem;
		margin: 0;
	}
	.geo-type .btn-default {
		border-color: #1ABC9C;
	}
	.geo-type .btn-default:hover {
		background-color: #28E1BD;
		border-color: #28E1BD;
	}
	.geo-type .btn-default:hover img {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
	}
	.geo-type .btn-default.selected {
		background-color: #13866F;
		border-color: #13866F;
	}
	.viewButton_alignment .btn-group .btn-default,
	.toolbar-autorefresh .btn-success,
	.toolbar-autorefresh .btn-danger,
	.toolbar-view .input-group .btn-default,
	.toolbar-status .btn-default {
		border-color: #5DADE2 !important;
		background: #fff !important;
		color: #5DADE2 !important;
	}
	.viewButton_alignment .btn-group .btn-default:focus,
	.toolbar-view .input-group .btn-default:focus,
	.toolbar-status .btn-default:focus {
		background-color: #CB2B1D !important;
		border-color: #000 !important;
	}

	.viewButton_alignment .btn-group .btn-default:focus:active,
	.toolbar-view .input-group .btn-default:focus:active,
	.toolbar-status .btn-default.active:focus {
		background-color: #CB2B1D !important;
		border-color: #000 !important;
		color: #fff !important;
	}
	.viewButton_alignment .btn-group .btn-default {
		color: #5DADE2;
	}
	.toolbar-status .btn-default span,
	.viewButton_alignment .btn-group .btn-default span,
	.toolbar-autorefresh .btn-success,
	.toolbar-autorefresh .btn-danger,
	.toolbar-view .input-group .btn-default span.selected-currentview {
		color: #555 !important;
	}
	.viewButton_alignment .btn-group .btn-default:hover span,
	.viewButton_alignment .btn-group .btn-default:hover,
	.toolbar-autorefresh .btn-success:hover,
	.toolbar-autorefresh .btn-danger:hover,
	.toolbar-view .input-group .btn-default:hover,
	.toolbar-view .input-group .btn-default:hover span.selected-currentview,
	.toolbar-status .btn-default:hover span,
	.toolbar-status .btn-default.active span {
		color: #fff !important;
	}
	.viewButton_alignment .btn-group .btn-default:hover,
	.toolbar-autorefresh .btn-success:hover,
	.toolbar-autorefresh .btn-danger:hover,
	.toolbar-view .input-group .btn-default:hover,
	.toolbar-status .btn-default:hover {
		background-color: #88C3EA !important;
		border-color: #88C3EA !important;
	}
	.toolbar-status .btn-default:hover img {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
	}
	.viewButton_alignment .btn-group .btn-default:active,
	.toolbar-autorefresh .btn-success:active,
	.toolbar-autorefresh .btn-danger:active,
	.toolbar-view .input-group .btn-default:active,
	.toolbar-status .btn-default.active {
		background-color: #2993D9 !important;
		border-color: #2993D9 !important;
		color: #fff !important;
	}
	.toolbar-autorefresh .btn-success:focus,
	.toolbar-autorefresh .btn-danger:focus {
		outline: none;
	}
	.toolbar-view .input-group .btn-default.btn[disabled] {
		opacity: 1;
	}
	.toolbar-view .input-group .btn-default.btn[disabled]:hover .selected-currentview {
		color: #fff;
	}

	.custom-time-group {
		margin-top: 6px;
	}
	.custom-time-width {
		width: 69px !important;
		display: inline-block;
	}
	.custom-time-width span.select2-search--dropdown{
		display: none !important;
	}
	.custom-time-width.hours-field .select2-selection.select2-selection--single {
		border-radius: 0;
		border-bottom-left-radius: 4px !important;
		border-top-left-radius: 4px !important;
	}
	.custom-time-width.mins-field {
		margin-left: -4px;
		margin-right: -5px;
	}
	.custom-time-width.mins-field .select2-selection.select2-selection--single {
		border-radius: 0 !important;
	}
	.custom-time-width.ampm-field .select2-selection.select2-selection--single {
		border-bottom-right-radius: 4px !important;
		border-top-right-radius: 4px !important;
	}
	.input-group.search-input .title,
	.input-group.search-list .title {
		font-size: 14px;
		font-weight: normal;
	}
	.d-inline-block {
		display: inline-block;
	}

	/***************************/
	/*   js control widgets    */
	/***************************/
	.statusSeperator {
		float: left;
		margin: 0 1px 0 1px;
		width: 1px;
		height:36px;
		background: #808080;
		background: -webkit-gradient(linear, 0 100%, 0 0, from(white), to(white), color-stop(50%, #808080));
	}
	.dropdown li i.fa-check,.dropdown-menu li i.fa-check {
		margin-left: -10px;
		visibility:hidden;
		width: 20px;
	}
	.dropdown li.selected > a i.fa-check,.dropdown-menu li.selected > a i.fa-check {
		visibility:visible;
	}

	.widget .widget-label img {
		height: 20px;
	}
	span.select2.select2-container {
		width: 100% !important;
	}
	span.select2 span.selection {
		color: black;
		border-radius: 0;
	}
	span.select2 span.select2-selection {
		border-radius: 0;
	}
	.select2-selection.select2-selection--single {
		min-height: 32px;
	}
	.select2-selection.select2-selection--single > span {
		margin-top: 2px;
	}
	.select2-selection.select2-selection--single > span span.select2-selection__clear {
		margin-top: -2px;
	}
	.select2-container--default .select2-selection--multiple .select2-selection__clear {
	  margin-right: 4px;
	}

	.ui-datepicker{ z-index: 9999 !important;}

	.dragger-widget {
		position: absolute;
	}
	.dragger {
		display: block;
		height: 100%;
		width: 100%;
		cursor: col-resize;
		z-index: 101;
	}
	.dragger > div {
		display: block;
		height: 100%;
		width: 100%;
	}
	.dragger-shadow {
		display: none;
		position: absolute;
		background-color: #c0c0c0;
	}

	/***************************/
	/* google map popup styles */
	/***************************/
	.map-container {
	}
	.map-container > div {
		height: 100%;
		width: 100%;
	}
	/*Undo and Redo*/
	#deleteVertex {
		right: 0px !important;
		margin-right: 7px !important;
   	 	top: 100px !important;
    	font-size: 13px;
		border-radius: 2px 2px 0px 0px;
		border: 1px solid #acacac;
		background-color: white;
	}
	#redoVertex {
		right: 0px !important;
		margin-right: 7px !important;
		top: 132px !important;
		font-size: 13px;
		border-radius: 0px 0px 2px 2px;
		border: 1px solid #acacac;
		border-top: none;
		background-color: white;
	}

	/* google's infowindow - not used*/
	.gm-style-iw {
		width: 250px !important;
		/*top: 15px !important;*/
		/*left: 0 !important;*/
		background-color: #fff;
		/*box-shadow: 0 1px 6px rgba(178, 178, 178, 0.6);*/
		/*border: 1px solid rgba(72, 181, 233, 0.6);*/
		border-radius: 2px 2px 0 0;
	}
	.gm-style-iw > div {
		width: 100%;
	}

	.info-box-wrap {
		line-height: 18px;
	}
	.iw-title {
		white-space: nowrap;
		font-size: 16px;
		font-weight: 400;
		padding: 5px 20px 5px 10px;
		background-color: #344152;
		color: #e6e6e6;
		margin: 1px;
		border-radius: 2px 2px 0 0; /* In accordance with the rounding of the default infowindow corners. */
	}
	.iw-subTitle{
		white-space: nowrap;
		font-size: 14px;
		font-weight: 400;
		padding: 3px 20px 5px 10px;
		margin: 1px;
	}
	.iw-title .iw-close-btn {
		position:absolute;
		right:5px;
		cursor:pointer;
		font-size: 18px;
	}
	.iw-container {
		font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
		font-size: 13px;
		line-height: 1.5;
	}
	.iw-container .iw-title {
		padding: 8px 12px;
		font-size: 14px;
		font-weight: 600;
		border-bottom: 1px solid #e8e8e8;
	}
	.iw-content {
		padding: 8px 12px 10px;
		font-size: 13px;
	}
	.iw-details .iw-row {
		display: flex;
		padding: 2px 0;
		gap: 8px;
	}
	.iw-details .iw-label-plate {
		font-weight: 600;
		color: #555;
		font-size: 12px;
		letter-spacing: 0.3px;
	}
	.iw-details .iw-label {
		color: #888;
		font-size: 12px;
		min-width: 72px;
		flex-shrink: 0;
	}
	.iw-details .iw-value {
		color: #333;
		font-size: 12px;
	}
	.iw-actions {
		display: flex;
		gap: 4px;
		margin-top: 8px;
		padding-top: 8px;
		border-top: 1px solid #e8e8e8;
	}
	.iw-actions .btn {
		padding: 5px 10px;
		font-size: 12px;
		line-height: 1.5;
		border-radius: 3px;
	}
	.custom-label-styles>div {
		left: 0% !important;
		top: 0px !important;
		border-radius: 4px;
		border: 1px solid #fff !important;
		padding: 2px 4px !important;
		/*background-color: #ccc !important;*/
		color: #fff !important;
		font-size: 9px;
	}
	.custom-label-styles .labelName {
		font-weight: bold;
	}
	.custom-label-styles.stopped>div{
		background-color: #FC001A !important;
	}
	.custom-label-styles.idling>div{
		background-color: #FF6E27 !important;
	}
	.custom-label-styles.moving>div{
		background-color: #008D24 !important;
	}
	.custom-label-styles.others>div{
		background-color: #333 !important;
	}
	.custom-label-styles.wrapItAll>div {
		width: 170px !important;
		white-space: normal !important;
		word-break: break-word;
	}

	.info-box-wrap .info-container {
		font-size: 13px;
		padding: 5px;
	}
	.info-box-wrap .info-container span.title {
		font-size: 16px;
		font-weight: bold;
	}
	.info-box-wrap table tbody td {
		padding: 0 5px !important;
	}
	.info-box-wrap button{
		margin-right: 5px;
	}

		#pac-input {
		background-color: #fff;
		font-size: 15px;
		font-weight: 300;
		margin: 7px 0 0 10px;
		padding: 0 11px 0 13px;
		text-overflow: ellipsis;
		width: 35%;
		height: 30px;
	}
	#pac-input:focus {
		border-color: #4d90fe;
	}
	#unknownLocation {
		padding-top: 1px;
		color: red;
		text-align: center;
		height: 15px;
		width: 155px;
		margin-bottom: 5px;
		background-color: #E8E8E8;
		border-radius: 2px;
	}


	/***************************/
	/*         charting        */
	/***************************/
	.jqstooltip {
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}

	/***************************/
	/*      event history      */
	/***************************/
	ul.asset-history,ul.details,
	ul.asset-alert,ul.details {
		list-style: none;
		padding-left: 0;
	}
	ul.asset-history li.event-block,
	ul.asset-alert li.event-block {
		 border-bottom: solid 1px #C0C0C0;
	}
	ul.asset-history li.event-block div.header,
	ul.asset-alert li.event-block div.header {
		background-color: #d7d7d7;
		margin: 5px 2px 5px 2px;
		padding-top: 2px;
		padding-left: 10px;
		height: 20px;
		cursor: pointer;
		font-weight: bold;
		color:#6B6B6B;
		font-size:12px;
	}
	ul.asset-history li.event-block.icon-expanded img,
	ul.asset-alert li.event-block.icon-expanded img {
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}

	ul.asset-history li.event-row div.datarow,ul.asset-history li.event-loading div.datarow,
	ul.asset-alert li.event-row div.datarow,ul.asset-alert li.event-loading div.datarow {
		height:55px; position:relative; border-bottom: solid 1px #C0C0C0;
	}
	ul.asset-history li.event-row div.datarow:hover,
	ul.asset-alert li.event-row div.datarow:hover{
		background-color:#e4e4e4;
		cursor:pointer;
	}
	ul.asset-history li.event-row div.datarow div.event-image,
	ul.asset-alert li.event-row div.datarow div.event-image {
		position:absolute; left:15px; top:15px; height:25px; width:25px;
	}
	ul.asset-history li.event-row div.datarow div.event-details,
	ul.asset-alert li.event-row div.datarow div.event-details {
		position:absolute; left:47px; right:0;
	}
	ul.asset-history li.event-row div.datarow div.event-address,
	ul.asset-alert li.event-row div.datarow div.event-address {
		margin-top: 5px; font-size:11px; height:1.2em;  font-size: 14px; font-weight: bold; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
	}
	ul.asset-history li.event-row div.datarow div.event-name,
	ul.asset-alert li.event-row div.datarow div.event-name {
		float:left; height:18px; width:111px; margin-top:8px; font-size: 13px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;
	}
	ul.asset-history li.event-row div.datarow div.event-date,
	ul.asset-alert li.event-row div.datarow div.event-date {
		float:left; font-size:13px; height:18px; width:140px; margin-top:8px; white-space: nowrap; margin-left:-5px;
	}
	ul.asset-history li.event-row.selectedEventRow,
	ul.asset-alert li.event-row.selectedEventRow {
		background-color: #ccc;
	}
	ul.asset-history li.event-nodata,
	ul.asset-alert li.event-nodata {
		text-align: center;
		line-height: 100px;
	}

	/*****************************/
	/* loading content animation */
	/*****************************/
	.loading-container, .loading-container-global {
		height: 97%;
		width: 99%;
		display: flex;
		align-items: center;
	}
	.loading-container.overlay, .loading-container-global.overlay {
		position: absolute;
		top: 0;
		bottom: 0;
		z-index: 1000;
	}

	.loader {
		background-image: url(/assets/images/loader.gif);
		background-size: 100%;
		width: 100px;
		height: 100px;
		margin: auto;
	}
	.no-data {
		background-size: 100%;
		width: 100px;
		height: 100px;
		margin: auto;
	}
	.loader.size-40 {
		width: 40px;
		height: 40px;
		border-width: 5px;
		border-top-width: 5px;
	}
	.loader.size-30 {
		width: 30px;
		height: 30px;
		border-width: 4px;
		border-top-width: 4px;
	}
	#notificationsDialog-loader {
		height: 200px;
	}
	.table_wrap {
		border: 1px solid #ddd;
	}
	.dataTables_wrapper {
		font-size: 12px;
	}
	.dataTables_scrollHead thead tr:hover,
	.dataTables_scrollHead thead {
	  background: #1E3237 !important;
	}
	.dataTables_scrollHead thead tr th {
	  color: #fff !important;
	}
	table.dataTable thead .sorting::after,
	table.dataTable thead .sorting_asc::after {
	  display:none !important;
	}
	table.dataTable thead .sorting_desc::after {
	  display:none !important;
	}
	table.dataTable thead .sorting {
	  background-image: url(/assets/images/sort_both.png);
	  background-repeat: no-repeat;
	  background-position: center right;
	}
	table.dataTable thead .sorting_asc {
	  background-image: url(/assets/images/sort_asc.png);
	  background-repeat: no-repeat;
	  background-position: center right;
	}
	table.dataTable thead .sorting_desc {
	  background-image: url(/assets/images/sort_desc.png);
	  background-repeat: no-repeat;
	  background-position: center right;
	}
	/***********************/
	/* miscellaneous stuff */
	/***********************/
	div.title, span.title {
		font-weight: bold;
		font-size: 16px;
		text-align: center;
	}
	span.status_good {
		color: green;
	}
	span.status_warning {
		color: #FF7F00;
	}
	span.status_critical {
		color: red;
	}
	span.status_scheduled {
		color: #808488;
	}
	span.validation-error,div.validation-error {
		color: red;
		font-size: 16px;
	}
	.status_move {
		color: green;
	}
	.status_idle {
		color: orange;
	}
	.status_stop {
		color: red;
	}
	.status_tow {
		color: rgb(91,43,85);
	}
	.status_changed {
		background-color: #f2dede;
	}
	.show-trip {
		color: #344152;
	}
	.no-padding {
		padding: 0 !important;
	}
	.padded-15 {
		padding: 15px !important;
	}
	.padded-all-5 {
		padding: 5px;
	}
	.padded-all {
		padding: 10px;
	}
	.mt-10 {
		margin-top: 10px;
	}
	.ml-0 {
		margin-left: 0px !important;
	}
	.ml-2 {
		margin-left: 2px !important;
	}
	.pl-4 {
		padding-left: 4px !important;
	}
	.pr-0 {
		padding-right: 0px !important;
	}
	.padded-width {
		padding-left: 10px;
		padding-right: 10px;
	}
	.padded-width {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.print-show {
		display: none;
	}
	.no-click {
		pointer-events:none;
	}
	.border {
		border: solid 1px #ccc;
		padding: 12px;
	}
	.helpLink {
		font-size: 13px;
	}
	.NotificationPopup {
		font-size: 13px;
	}
	.fade_me {
		opacity: 0.2 !important;
	}
	.pac-container.pac-logo {
		z-index: 2147483647 !important;
	}
	.pac-container.pac-logo .pac-item {
		z-index: 2147483647 !important;
		cursor: pointer !important;
	}
	.plr-20 {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	.ptb-4 {
		padding-top: 4px !important;
		padding-bottom: 4px !important;
	}
	.ptb-fix-search{
		position: fixed;
		z-index: 999;
		background: #dddddd;
	}
	.transparencyRangeSlider {
		position: relative !important;
		height: 60px !important;
		font-family: Roboto, sans-serif;
		font-size: 14px !important;
		margin-top: 20px !important;
		margin-left: 30px !important;
		max-width: 200px !important;
	}
	.lineWidthSelector {
		margin: 20px;
		position: relative !important;
		height: 150px !important;
		max-width: 200px !important;
	}
	.lineWidthSelector > .items {
		height: 30px !important;
	}
	.lineWidthSelector > .items:hover {
		background: #d3d3d391;
		padding: 0px 20px;
	}
	.lineWidthSelector > .active {
		background: #aad9fd;
	}
	.itemSpan{
		display: block;
		width: 100%;
		color: transparent;
		line-height: 0;
		padding-top: 15px !important;
	}
	.item1pt{
		border-bottom: 1pt solid black;
	}
	.item2pt{
		border-bottom: 2pt solid black;
	}
	.item3pt{
		border-bottom: 3pt solid black;
	}
	.item4pt{
		border-bottom: 4pt solid black;
	}
	.item5pt{
		border-bottom: 5pt solid black;
	}

}/* end of @media screen */

@media print {
	.print-hide {
		display:none !important;
	}
	.print-show {
		display:inline;
	}
}
/* Show the dropdown menu on hover */
#navbarDesk .navbar-right .dropdown:hover .dropdown-menu {
	display: block;
}
#navbarDesk .navbar-right .dashboard.dropdown:hover .dropdown-menu .dropdown-submenu .dropdown-menu {
	display: none;
}
#navbarDesk .navbar-right .dashboard.dropdown .dropdown-menu .dropdown-submenu:hover .dropdown-menu {
	display: block;
}
#navbarDesk .dropdown-menu>li>a {
	padding-left: 10px !important;
}
#navbarDesk .dashboard.dropdown {
	z-index: 999;
}
ul#dashboard {
	width: 100%;
}
ul#dashboard ul {
	display: none;
	position: absolute;
	top: 0px;
	left: 190px;
	width: 220px;
	z-index:99;
	max-height: 500px;
	overflow: auto;
}
@media screen and (min-width:732px) and (max-height : 700px) {
	ul#dashboard ul{
		max-height: 264px;
	}
}
ul#dashboard ul li a {
	display: block;
} 
ul#dashboard ul li a:hover {
	display: block;
}
#consoleMenu ul {
	z-index: 99;
	max-height: 290px;
}
.navbar-right .dashboard.dropdown .dropdown-submenu>a:after {
	border-left-color: #fff;
}
.custom-scroll{
	overflow-y: auto;
}
.custom-scroll::-webkit-scrollbar{
	width: 4px;
}
.custom-scroll::-webkit-scrollbar-track{
	background-color: #f5f5f5;
}
.custom-scroll::-webkit-scrollbar-thumb{
	background-color: #a09d9d;
}

@media (max-width: 1229px) {
	.navbar .navbar-brand img{
		height: 35px;
	}
}
@media (max-width: 1154px) {
	.nav>li>a{
		padding: 10px;
	}
}

@media (max-width: 1060px) {
	body {
		padding-top: 0;
	}
	/* .dragger-widget {
		display: none;
	} */
	.k-pager-wrap ul.k-pager-numbers {
		margin-left: 12px;
	}
	.k-pager-wrap ul.k-pager-numbers .k-pager-nav{
		width: 25px;
	}
	#health .k-grid-header tr th,
	#health .k-grid-content tr td {
		width: 200px !important;
	}
	.navbar .navbar-brand img {
		height: 45px;
	}
	#login .login {
		width: 100%;
	}
	#login .login-logo {
		text-align: center;
	}
	.login-dialog {
		margin: 15px;
		height: 100% !important;
	}
	#login .login-message {
		display: none;
	}
	#login .login-form {
		float: none;
		width: 100%;
		height: 100%;
	}
	#login .login-form .title {
		text-align: center;
	}
	#login .login-logo img {
		height: 45px !important;
	}
	.login-form, .login-form .btn, .login-version {
		font-size: 12px;
	}
	.login-form .title {
		font-size: 18px !important;
	}
	#login .form-group label {
		margin-right: 0 !important;
	}
	.panel .panel-content .scrollable {
		height: 100%;
		overflow-y: auto;
	}
	.show-on-small {
		display: block;
	}
	.default-hide {
        width: 0px !important;
    }
	.label-margin {
		margin-left: 24%;
	}
	.mf-label-margin {
		margin-left: 30%;
	}
	.qb-margin {
		margin-left: 3%;
	}
	.show-on-large {
		display: none !important;
	}
	.hamburger-menu.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
		color: #fff;
		text-transform: uppercase;
		font-size: 12px;
		font-weight: 500;
		border-bottom: 1px solid #bbb;
	}
	.hamburger-menu .navbar-nav .open .dropdown-menu .dropdown-header,
	.hamburger-menu .navbar-nav .open .dropdown-menu>li>a {
		margin: 0px 25px 0px 25px;
		padding: 6px 0px;
	}
	.hamburger-menu .navbar-nav .open .dropdown-menu {
		margin-top: 0px;
		background-color: #222d38;
		border: 0;
		border-top: 1px solid #bbb;
		border-bottom: 1px solid #bbb;
		padding: 1px 0 !important;
	}
	.hamburger-menu .dropdown.dropdown-submenu.open>a {
		border-bottom: none !important;
	}
	.hamburger-menu .dropdown-submenu .dropdown-menu {
		background-color: #16181b !important;
	}
	.hamburger-menu .navbar-nav .dropdown-submenu .dropdown-menu>li>a {
		padding: 6px 0 0 0 !important;
	}
	.hamburger-menu .navbar-nav .open .dropdown-menu li:last-child a {
		border: none !important;
	}
	.navbar-inverse .navbar-nav>.active>a,
	.navbar-inverse .navbar-nav>.active>a:focus, .navbar-inverse .navbar-nav>.active>a:hover {
		background-color: transparent;
	}
	/*#notificationsDialog div.display-content {
		padding-top: 0px;
	}*/
	.side-tab-bar {
		width: 100px;
	}
	.side-tab-bar.nav-tabs>li>a {
		width: 100px;
		font-size: 12px;
		height:80px;
		padding: 0 6px !important;
	}
	.side-tab-bar.nav-tabs>li:after {
		width: 75px;
		left: 11px;
	}
	.side-tab-bar-content {
		margin-left: 100px;
	}
	.side-tab-bar-content-0 {
		margin-left: 0px;
	}
	.k-current-page span.k-link.k-pager-nav {
		border-color: #CB2B1D !important;
		min-width: 38px;
		margin-left: -6px;
		padding: 0 !important;
		text-align: center !important;
		color: #fff !important;
		border-radius: 0 !important;
		background-color: #CB2B1D !important;
	}
	a[aria-label="Go to the next page"] {
		margin-left: 4.1rem !important;
	}
	#health-list .k-grid-header th.k-header,
	#asset-health-list .k-grid-header th.k-header {
		text-align: center;
	}
	#healthTabs {
		min-height: calc(100vh - 125px);
	}
	/*#notificationsDialog.modal.slideout .modal-content {
		top: 30px;
	}*/
	.alert-container {
		width:300px;
	}
	.helpLink {
		font-size: 12px;
	}
	.NotificationPopup {
		font-size: 12px;
	}
}
@media (max-width: 575px) {
	.helptooltip > div{
		width: 193px !important;
		height: 177px !important;
		font-size: 11px;
		left: -90px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1023px) and (orientation : portrait) {
	.portrait-mode-class {
		display: block;
	}
}
@media (max-width: 911px) and (min-width: 768px) {
	.navbar .navbar-brand img {
		height: 45px;
	}
	.nav>li>a {
		padding: 10px 10px;
	}
}
@media (max-width: 350px) {
	.modal.slideout .modal-dialog {
		width: 318px;
		left:calc(100% - 318px);
	}
}
@media (max-width: 350px) {
	#notificationSidebar {
		width: 310px !important;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
	.customPull_IE {
		text-align: left;
		padding-left: 30px;
	}
	.customPull_IE_padding {
		padding-right: 30px;
	}
	.panel .panel-content .scrollable {
		position: relative !important;
		height: 480px !important;
		width: 350px !important;
		overflow-y: scroll !important;
	}
	.asset-detail-container #historyTableMapGraphDragger,
	.asset-detail-container #historyTableMapGraphDragger + .dragger-shadow {
		height: 76vh !important;
	}
	.asset-detail-container #tripMapGraphDragger,
	.asset-detail-container #tripMapGraphDragger + .dragger-shadow {
		height: 76vh !important;
	}
	.send_ticket_email {
	   padding-left: 10px !important;
	   color: white !important;
	   vertical-align: text-top !important;
	   display: inline-block;
	   margin-top: -4px !important;
	}
	.helpLink {
		vertical-align: middle !important;
	}
	.NotificationPopup {
		vertical-align: middle !important;
	}
	.settingSliderContainer .slider {
		padding: 0px 2px !important;
		height: 26px !important;
		margin: -2px !important;
		background: transparent !important;
	}
}

@-moz-document url-prefix() {
	.moz-height-notif {
		padding-bottom: 15px !important;
		height: 610px !important;
	}
	.send_ticket_email {
	   padding-left: 10px !important;
	   color: white !important;
	   vertical-align: text-top !important;
	   display: inline-block;
	   margin-top: -4px !important;
	}
	.helpLink {
		vertical-align: middle !important;
	}
	.NotificationPopup {
		vertical-align: middle !important;
	}
}

.custom-card {
	background: #fff;
	border-radius: 2px;
	border-top: 4px solid #CB2B1D;
	box-shadow: 0 2px 1px rgba(0,0,0,.05);
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
}
.custom-bg {
	background: #f3f3f3;
}
.dashbaord-custom-card {
	background: #fff;
	border-radius: 2px;
	/*border-top: 4px solid #CB2B1D;*/
	box-shadow: 0 2px 1px rgba(0,0,0,.05);
	border-left: 0;
	border-right: 0;
	border-bottom: 0;
}
.dashbaord-custom-card-padding {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 15px;
}
#toggle-filters-div{
	display:none;
}
.pd-20 {
	padding: 20px !important;
}
.padding-all {
	padding: 0 !important;
}
.border-none {
	border: none !important;
}
.custom-heading-text {
	color: #757575 !important;
	font-size: 16px;
	font-weight: 600 !important;
	text-transform: uppercase;
	padding-left: 0 !important;
}
.custom-card-header {
	padding: 13px 20px 16px;
	border-bottom: 1px solid rgba(0,0,0,.125);
}
.custom-filter-wrap-padding {
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

.custom-filter-wrap-padding-reportcard {
	padding-top: 0px;
	padding-bottom: 20px;
	padding-left: 5px;
	padding-right: 5px;
}

/*toast info css*/
#toastInfoBox {
	display: none;
	min-width: 250px;
	margin-left: -125px;
	background-color: #a7a5a5;
	color: #000;
	text-align: center;
	border-radius: 4px;
	padding: 4px;
	position: fixed;
	z-index: 1000;
	left: 50%;
	top: 65px;
	font-size: 13px;
	box-shadow: 2px 2px 4px #666;
}

#toastInfoBox.show {
	display: block;
	-webkit-animation: fadein 0.5s;
	animation: fadein 0.5s;
}
.viewUpdateConfimation {
	padding-left: 20px;
}
@media (min-width: 768px) {
	.viewUpdateConfimation .viewInfo {
		max-width: 500px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: inline-block;
		vertical-align: bottom;
	}
	
}

@-webkit-keyframes fadein {
	from {top: 0; opacity: 0;}
	to {top: 65px; opacity: 1;}
}

@keyframes fadein {
	from {top: 0; opacity: 0;}
	to {top: 65px; opacity: 1;}
}

/*Authorization page*/
.authorize {
	background-color: #e4e4e4;
	padding: 15px;
}
.authorizeContainer {
	background-color: #fff;
	padding: 10px;
}
.authorizeContainer .AuthorizeHeader p {
	font-size: 25px;
	margin-top: 15px;
}
.authorizeContainer .AuthorizeHeader .divider {
	border-bottom: 2px solid #f18888;
	margin: 10px 0 10px 0;
}

.authorizeContainer .AuthorizeBody{
	position: relative;
}

.authorizeContainer .AuthorizeBody .title {
	font-size: 22px;
}
.authorizeContainer .AuthorizeBody .horizantalDivider {
	border-bottom: 1px solid #8e8686;
}
.authorizeContainer .AuthorizeBody p {
	font-size: 11px;
	margin-bottom: 20px;
}
.authorizeContainer .AuthorizeBody input {
	max-width: 85%
}
.authorizeContainer .AuthorizeBody .mb-10 {
	margin-bottom: 10px;
}
.authorizeContainer .AuthorizeBody .errorText{
	margin: 0;
	font-size: 10px;
	color: red;
	margin-bottom: 5px;
}

.authorizeContainer .AuthorizeBody .newPassword-row{
	position: relative;
}

.authorizeContainer .AuthorizeBody .passDescription{
	position: absolute;
    top: -68px;
    right: -20px;
    display: flex;
    align-items: center;
    min-height: 150px;
}

.authorizeContainer .AuthorizeBody .passDescription-container::after{
	content: '';
	position: absolute;
	left: -11px;
	top: 70px;
	border-top: 11px solid transparent;
	border-bottom: 11px solid transparent;
	border-right: 11px solid whitesmoke;
}

.authorizeContainer .AuthorizeBody .passDescription-heading{
	margin-bottom: 8px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: 600;
	letter-spacing: 0.5px;
	color: black;
}
.passDescription-container {
    background-color: whitesmoke;
    border-radius: 5px;
    padding: 12px 12px 5px 12px;
    -webkit-box-shadow: 0 4px 30px 2px rgba(0,0,0,0.3);
    box-shadow: 0 4px 30px 2px rgba(0,0,0,0.3);
    z-index: 2;
}

.authorizeContainer .AuthorizeBody .successText{
	margin:0;
	margin-bottom: 7px;
	font-size: 12px;
	color: green;
}

.authorizeContainer .AuthorizeBody .successText::before{
	position: relative;
	left: -3px;
	content: "✔";
}

.authorizeContainer .AuthorizeBody .invalidText{
	margin: 0;
	margin-bottom: 7px;
	font-size: 12px;
	color: red;
}

.authorizeContainer .AuthorizeBody .invalidText::before{
	position: relative;
	left: -3px;
	content: "✖";
}

.authorizeContainer .AuthorizeBody .passDivider{
	height: 1px;
	background-color: lightgrey;
	margin-bottom: 5px;
}

.authorizeContainer .AuthorizeBody .password-sample{
	margin: 0;
	margin-bottom: 5px;
	font-size: 12px;
}

.authorizeContainer .AuthorizeBody .expired{
	font-size: 20px;
}

@media(max-width:1200px){
	.authorizeContainer .AuthorizeBody .passDescription{
		border: 0px;
		right: unset;
		bottom: 43px;
		top: unset;
		min-height: unset;
	}

	.authorizeContainer .AuthorizeBody .passDescription-container::after{
		left: 50%;
		top: unset;
		bottom: -16px;
		-webkit-transform: rotate(270deg);
		-ms-transform: rotate(270deg);
		transform: rotate(270deg);
	}
}

@media(max-width: 768px) {
	.authorizeContainer .AuthorizeHeader p {
		font-size: 20px;
		margin-top: 10px;
	}
	#create_email .modal-dialog {
		width: 95% !important;
	}
	#create_email .modal-content{
		display: block !important;
	}
	
}
@media(max-width: 528px) {
	.authorizeContainer .AuthorizeHeader p {
		font-size: 14px;
	}

	.authorizeContainer .AuthorizeBody .passDescription {
		left: -8%;
	}

	.authorizeContainer .AuthorizeBody .passDescription-container::after{
		left: 47%;
	}
	.passDescription-container {
		position: relative;
	}
	.authorizeContainer .AuthorizeBody .passDescription{
		min-height: unset;
	}
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
		.sidebar_parent{
			display: inline!important;
			height: 75px!important;
		}
	}
/*Gneric table size*/
/*#settings .table_row_sizing .select2-selection__clear {
	display: none;
}*/
.extraLarge_genricTableRowHeight .k-grid-content-locked tr td,
.extraLarge_genricTableRowHeight .k-grid-content tr td,
.extraLarge_genricTableRowHeight table.dataTable tbody td {
	padding: 7px 7px !important;
}
.large_genricTableRowHeight .k-grid-content-locked tr td,
.large_genricTableRowHeight .k-grid-content tr td,
.large_genricTableRowHeight table.dataTable tbody td {
	padding: 6px 6px !important;
}
.default_genricTableRowHeight .k-grid-content-locked tr td,
.default_genricTableRowHeight .k-grid-content tr td,
.default_genricTableRowHeight table.dataTable tbody td {
	padding: 5px 5px !important;
}
.small_genricTableRowHeight .k-grid-content-locked tr td,
.small_genricTableRowHeight .k-grid-content tr td,
.small_genricTableRowHeight table.dataTable tbody td {
	padding: 4px 4px !important;
}
.extraSmall_genricTableRowHeight .k-grid-content-locked tr td,
.extraSmall_genricTableRowHeight .k-grid-content tr td,
.extraSmall_genricTableRowHeight table.dataTable tbody td {
	padding: 3px 3px !important;
}
.extraLarge_genricTableRowHeight .k-grid-header th.k-header,
.extraLarge_genricTableRowHeight .dataTables_scrollHead table.dataTable thead th {
	padding: 7px 7px !important;
}
.large_genricTableRowHeight .k-grid-header th.k-header,
.large_genricTableRowHeight .dataTables_scrollHead table.dataTable thead th {
	padding: 7px 6px !important;
}
.default_genricTableRowHeight .k-grid-header th.k-header,
.default_genricTableRowHeight .dataTables_scrollHead table.dataTable thead th {
	padding: 7px 5px !important;
}
.small_genricTableRowHeight .k-grid-header th.k-header,
.small_genricTableRowHeight .dataTables_scrollHead table.dataTable thead th {
	padding: 7px 4px !important;
}
.extraSmall_genricTableRowHeight .k-grid-header th.k-header,
.extraSmall_genricTableRowHeight .dataTables_scrollHead table.dataTable thead th {
	padding: 7px 3px !important;
}
.extraLarge_genricTableFontSize .k-grid-content-locked tr td,
.extraLarge_genricTableFontSize .k-grid-content tr td,
.extraLarge_genricTableFontSize table.dataTable tbody td {
	font-size: 17px !important;
}
.large_genricTableFontSize .k-grid-content-locked tr td,
.large_genricTableFontSize .k-grid-content tr td,
.large_genricTableFontSize table.dataTable tbody td {
	font-size: 15px !important;
}
.default_genricTableFontSize .k-grid-content-locked tr td,
.default_genricTableFontSize .k-grid-content tr td,
.default_genricTableFontSize table.dataTable tbody td {
	font-size: 13px !important;
}
.small_genricTableFontSize .k-grid-content-locked tr td,
.small_genricTableFontSize .k-grid-content tr td,
.small_genricTableFontSize table.dataTable tbody td {
	font-size: 11px !important;
}
.extraSmall_genricTableFontSize .k-grid-content-locked tr td,
.extraSmall_genricTableFontSize .k-grid-content tr td,
.extraSmall_genricTableFontSize table.dataTable tbody td {
	font-size: 9px !important;
}
.extraLarge_genricTableFontSize .k-grid-header th.k-header,
.extraLarge_genricTableFontSize .dataTables_scrollHead table.dataTable thead th {
	font-size: 17px !important;
}
.large_genricTableFontSize .k-grid-header th.k-header,
.large_genricTableFontSize .dataTables_scrollHead table.dataTable thead th {
	font-size: 15px !important;
}
.default_genricTableFontSize .k-grid-header th.k-header,
.default_genricTableFontSize .dataTables_scrollHead table.dataTable thead th {
	font-size: 13px !important;
}
.small_genricTableFontSize .k-grid-header th.k-header,
.small_genricTableFontSize .dataTables_scrollHead table.dataTable thead th {
	font-size: 11px !important;
}
.extraSmall_genricTableFontSize .k-grid-header th.k-header,
.extraSmall_genricTableFontSize .dataTables_scrollHead table.dataTable thead th {
	font-size: 9px !important;
}
#driverScoringConfiguration .dataTables_scrollHead table.dataTable th {
	vertical-align: inherit;
}
.small_genricTableFontSize .k-grid-content .select2-selection.select2-selection--single,
.extraSmall_genricTableFontSize .k-grid-content .select2-selection.select2-selection--single {
	min-height: 28px;
}
.small_genricTableFontSize .k-grid-content tr input {
	font-size: 11px !important;
}
.extraSmall_genricTableFontSize .k-grid-content tr td input {
	font-size: 9px !important;
}


span.trip-history-alert-img img {
	width: 18px;
}
img.map-pin-cls{
	width: 18px;
}
.no-padding{
	padding: 0px !important;
}
.crt-tkt{
	/*transform: rotate(45deg);*/
	font-size: 22px;
	cursor: pointer;
	vertical-align: super;
}
.send_ticket_email{
	padding-left: 10px;
	/* padding-top: 0; */
	color: white;
	vertical-align: text-top;
	display: inline-block;
}
.helpLink{
	display: inline-block;
	/* width: 28px; */
	/* height: 28px; */
	text-align: center !important;
	/* border: 1px solid #fff; */
	/* border-radius: 50%; */
	vertical-align: -webkit-baseline-middle;
}
.NotificationPopup{
	display: inline-block;
	text-align: center !important;
	vertical-align: -webkit-baseline-middle;
}
.help-que{
	font-size: 22px;
	color: white;
	cursor: pointer;
}
.help-que-mob{
	font-size: 24px;
	color: white;
	cursor: pointer;
}
#viewScheduleDetails{
	padding-top: 6px;
	margin: 0px!important;
	text-decoration: underline;
	font-style: italic;
	color: #0995f1;
	font-size: 14px;
	cursor: pointer;
}
.openModalLink {
	margin: 0px!important;
	text-decoration: underline;
	font-style: italic;
	color: #0995f1;
	font-size: 14px;
	cursor: pointer;
}
.custom-actions {
	margin: 0 10px 0 0;
}
.mce-branding{
	display: none !important;
}

/************ Attachment CSS for POPUP *******************/
.popup-panel-attachment .attachment-widget {
	width: 32%;
	border: 1px solid #afaaaa;
	margin: 2px;
	padding: 5px;
	display: inline-block;
	box-shadow: 0px 1px 4px #9d9d9d;
}
.popup-panel-attachment .attachment-list {
	margin: 0px auto;
	border: 1px solid #999595;
	margin: 5px 0 0 0;
	padding: 5px 3px;
}
.popup-panel-attachment a.removeFile {
	padding: 0 5px 0 0;
	color: red;
 }
.popup-panel-attachment .attachments-div{
	border: 1px solid #afaaaa;
}
.popup-panel-attachment #addAttachment {
	border-radius: 0;
}
.clear-fix{
	clear: both;
}
.popup-panel-attachment #AttachmentsCount {
	vertical-align: -webkit-baseline-middle;
}
/********* Attachment CSS for Side Bar*********/
.side-panel-attachment .attachment-widget {
	width: 48%;
	border: 1px solid #afaaaa;
	margin: 2px;
	padding: 5px;
	display: inline-block;
	box-shadow: 0px 1px 4px #9d9d9d;
}
.side-panel-attachment .attachment-list {
	margin: 0px auto;
	border: 1px solid #999595;
	margin: 5px 0 0 0;
	padding: 5px 3px;
}
.side-panel-attachment .attachment-list-update {
	margin: 0px auto;
	border: 1px solid #999595;
	margin: 5px 0 0 0;
	padding: 5px 3px;
}
.side-panel-attachment a.removeFile {
	padding: 0 5px 0 0;
	color: red;
 }
 .side-panel-attachment a.removeFile-update {
	padding: 0 5px 0 0;
	color: red;
 }
.side-panel-attachment .attachments-div{
	border: 1px solid #afaaaa;
}
.side-panel-attachment #addAttachment {
	border-radius: 0;
}
.side-panel-attachment #AttachmentsCount {
	vertical-align: -webkit-baseline-middle;
}



#create_email .modal-body {
	/*max-height: 55rem ;*/
	overflow: auto;
}
#create_email {
	top: -1em;
	overflow-y: auto;
}
#create_email .modal-dialog {
    width: 55%;
}
.helpLink .tooltip > .tooltip-inner, .send_ticket_email .tooltip > .tooltip-inner {
	background-color: #000 !important;
}
.helpLink .tooltip > .tooltip-arrow, .send_ticket_email .tooltip > .tooltip-arrow {
	border-bottom-color: rgb(0, 0, 0) !important;
}
img#ticketAttachement {
    max-height: 435px;
    max-width: 836px;
}
#ticket_attchement_popup .modal-dialog {
    width: 65%;
}
#ticket_attchement_popup .modal-body{
	text-align: center;
}
#ticket_attchement_popup .modal-body {
    height: 465px;
    width: 866px;
}
.close-attachment-preview-popoup{
	float: right;
	font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    font-size: 32px;
}
input[name=geofencePopupRecurring] + label {
	display: block;
	margin: 0.2em;
	cursor: pointer;
	padding: 0.2em;
}

input[name=geofencePopupRecurring] {
	display: none;
}

input[name=geofencePopupRecurring] + label:before {
	content: "\2714";
	border: 0.1em solid #bfbaba;
	border-radius: 0.2em;
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
	padding-left: 0.1em;
	padding-bottom: 0.1em;
	margin-right: 0.3em;
	vertical-align: bottom;
	color: transparent;
	transition: .5s;
	line-height: 1.1em;
}

input[name=geofencePopupRecurring] + label:active:before {
	transform: scale(0);
}

input[name=geofencePopupRecurring]:checked + label:before {
	background-color: #3dbd9c;
	border-color: #3dbd9c;
	color: #fff;
}
#landmarkInfoModal label {
	font-weight: 400;
}
a {
	cursor: pointer;
}
@media only screen and (max-width: 1024px) {
.k-current-page .k-link.k-pager-nav {
	box-shadow: none !important;
	background: #CB2B1D !important;
	border-radius: 0px !important;
	text-align: center !important;
	padding-right: 7px !important;
	color: #fff;
}
.k-webkit .k-grid .k-pager-numbers {
	left: 69px;
}
.k-webkit .k-pager-numbers+.k-link {
	margin-left: 3.3em;
}
.k-webkit .k-pager-wrap .k-pager-numbers .k-link {
	text-align: center;
}
.k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
	text-align: center;
}
.k-webkit .k-pager-numbers .k-current-page .k-link {
	width: 33px;
}
.k-webkit .k-pager-wrap .k-pager-numbers .k-link {
	padding: 0px;
}
.k-webkit .k-pager-wrap .k-pager-numbers .k-state-selected {
	padding: 0px;
}
.hasDatepicker[readonly] {
    background: white;
}
}

@media only screen and (max-width: 767px) {
.k-webkit .k-grid .k-pager-numbers {
	left: 58px;
}
.k-pager-wrap .k-pager-numbers .k-state-selected {
	min-width: 29px;
  }
}
.alwaysOnTop{
	z-index: 1055;
}
.btn-custom-toggle {
	margin: 0 3px 0 -2px;
    border-left: 0px;
    z-index: 999;
}
#newChannelModal {
    overflow-y: auto;
}
.k-tooltip-content * {
    color: white !important;
}
.k-grid-content table tbody td.expandRow {
    word-break: break-word !important;
    white-space: normal !important;
}
input[type=text]::-ms-clear{
	display: none;
}
#portal-global-loader{
	position: fixed;
}
.admin-submenu.dropdown-submenu>.dropdown-menu {
	top: 0;
	right: 100%;
	left: -100%;
	margin-top: -6px;
	margin-left: -1px;
	-webkit-border-radius: 6px 0px 0px 6px;
	-moz-border-radius: 6px 0px 0px 6px;
	border-radius: 6px 0px 0px 6px;
}
@media screen and (min-width:732px) and (max-height : 600px){
    #admin-setting-menu>.dropdown-menu{
	   margin-top: -132px!important;
    }
}
#navbarDesk #admin-setting-menu>.dropdown-menu {
	display: none;
}
#navbarDesk #admin-setting-menu:hover>.dropdown-menu {
	display: block;
}
#navbarDesk #admin-setting-custom-field-menu>.dropdown-menu {
	display: none;
}
#navbarDesk #admin-setting-custom-field-menu:hover>.dropdown-menu {
	display: block;
}
#navbarDesk #admin-setting-dark-zone-menu .dropdown-menu {
	display: none;
}
#navbarDesk #admin-setting-dark-zone-menu:hover>.dropdown-menu {
	display: block;
}
#newChannelModal {
    overflow-y: auto;
}
.k-tooltip-content * {
    color: white !important;
}
.k-grid-content table tbody td.expandRow {
    word-break: break-word !important;
    white-space: normal !important;
}
input[type=text]::-ms-clear{
	display: none;
}
#portal-global-loader{
	position: fixed;
}
button {
	outline: none !important;
}
/* All Mergin classes*/
.m-0 {
	margin: 0px;
}
.p-0 {
	padding: 0px;
}
.p-2 {
	padding: 2px;
}
.m-2 {
	margin: 2px;
}
.mr-1 {
	margin-right: 1px;
}
.mr-2 {
	margin-right: 2px;
}
.mr-3 {
	margin-right: 3px;
}
.mr-4 {
	margin-right: 4px;
}
.mr-5 {
	margin-right: 5px;
}
.mr-6 {
	margin-right: 6px;
}
.mr-7 {
	margin-right: 7px;
}
.mr-8 {
	margin-right: 8px;
}
.mr-9 {
	margin-right: 9px;
}
.mr-10 {
	margin-right: 10px;
}
.ml-5 {
	margin-left: 5px;
}
.ml-8 {
	margin-left: 8px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-20 {
	margin-top: 20px;
}
.ml-8 {
	margin-left: 8px;
}
.mt-m1 {
	margin-top: -1px;
}
.mt-30 {
	margin-top: 30px;
}
.mt-5 {
	margin-top: 5px;
}
.m-5 {
	margin: 5px;
}
.mt-20 {
	margin-top: 20px;
}
.ml-6 {
	margin-left: 6px;
}
.ml-15 {
	margin-left: 15px;
}
.mb-15 {
	margin-bottom: 15px;
}
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cb3529;
    float: left;
    margin: 2.5% 2% 0 0px;
}
.mt-m1 {
	margin-top: -1px;
}
.m-5 {
	margin: 5px;
}

/*Slider Container CSS*/
.settingSliderContainer {
	border: 1px solid #e0e0e0;
	padding: 5px 5px 20px 5px;
}
.settingSliderContainer .slider {
	-webkit-appearance: none;
	width: 100%;
	height: 13px;
	border-radius: 5px;
	background: #d3d3d3;
	outline: none;
	opacity: 0.7;
	-webkit-transition: .2s;
	transition: opacity .2s;
	margin-top: 4px;
}
.settingSliderContainer .slider:hover {
	opacity: 1;
}
.settingSliderContainer .slider::-ms-track {
	height: 13px;
	background: transparent;
	border-color: transparent;
	color: transparent;
}
.settingSliderContainer .slider::-ms-fill-lower {
	background: #d3d3d3;
	border-radius: 10px;
}
.settingSliderContainer .slider::-ms-fill-upper {
	background: #d3d3d3;
	border-radius: 10px;
}
.settingSliderContainer .slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #1abc9c;
	cursor: pointer;
}
.settingSliderContainer .slider::-moz-range-thumb {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #1abc9c;
	cursor: pointer;
}
.settingSliderContainer .slider::-ms-thumb {
	border: none;
	width: 25px;
	height: 25px;
	border-radius: 50%;
	background: #1abc9c;
	cursor: pointer;
}
.settingSliderContainer .slider::-ms-tooltip {
	display: none;
}
.settingSliderContainer .sliderDiv {
	display: flex;
}
.settingSliderContainer .sliderDiv i {
	font-size: 20px;
}
.settingSliderContainer .markerDiv {
	height: 40px;
	width: 35px;
	text-align: center;
}
/********************/
.popupstyle {
	background: white;
	padding: 8px;
	border-top: 3px solid #cb3529;
	border-radius: 10px 0px 0px 10px;
	box-shadow: -1px 1px 9px black;
}
.popupstyle.slide-in {
	animation: slideIn 1s forwards;
}
.popupstyle.slide-out {
	animation: slideOut 1s forwards;
}
  
@keyframes slideIn {
	from {
	  transform: translateX(100%);
	}
	to {
	  transform: translateX(0);
	}
}
  
@keyframes slideOut {
	from {
	  transform: translateX(0);
	}
	to {
	  transform: translateX(100%);
	}
}
.clr-blue {
	color: #2993d9;
}
.dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #cb3529;
    float: left;
    margin: 2.5% 2% 0 0px;
}

/****** Padding Classes *****/
.pt-8 {
	padding-top: 8px;
}
.user-profile .pot_selectors input[name="pot_mandate_rule"] {
	margin-top: 3px !important;
}
.pr-15 {
	padding-right: 15px !important;
}
.clr-blue {
	color: #2993d9;
}
/****************/
/* Saved Report */
/****************/
#current-savedreport span.ellipse-dropdown-caret {
	top: 14px;
}
#dropdown-input-btn .savedReportSearch {
	height: 35px;
	margin: 3px;
	width: 98%;
	border-radius: 0px;
}
#dropdown-input-btn .dropdown-menu {
	width: 100%;
	margin-top: -1px;
	border-radius: 0px;
}
#dropdown-input-btn .dropdown-menu .panel-group {
    max-height: 250px;
    overflow-y: scroll;
    width: 100%;
	margin-bottom: 0px !important;
}
/* Notification Details Popup*/
.notifDetails {
	padding: 8px 15px;
}
table.notifDetailstbl {
	width: 100%;
}
.notifDetailstbl>tbody>tr.notif-main-row>th {
    padding: 10px;
    background: #e6e3e3;
}
.notifDetailstbl>tbody>tr.notif-sub-row>th,.notifDetailstbl>tbody>tr.notif-sub-row>td {
	padding: 8px 10px;
    font-size: 12px;
}
.notifDetailstbl>tbody>tr.notif-sub-row>th{
	background: #fbf8f8;
}
#notificationDetailsPopup .modal-dialog{
	width: 800px !important;
}
#notificationDetailsPopup {
	overflow-x: auto;
}
.select2-container--default .select2-search--inline .select2-search__field{
	width: 100% !important;
}
.btn-gray {
    background: #d3d0d0;
    color: black;
}
/****************/
/* Saved Report */
/****************/
#current-savedreport span.ellipse-dropdown-caret {
	top: 14px;
}
#dropdown-input-btn .savedReportSearch {
	height: 35px;
	margin: 3px;
	width: 98%;
	border-radius: 0px;
}
#dropdown-input-btn .dropdown-menu {
	width: 100%;
	margin-top: -1px;
	border-radius: 0px;
}
#dropdown-input-btn .dropdown-menu .panel-group {
    max-height: 250px;
    overflow-y: scroll;
    width: 100%;
    margin-bottom: 0px !important;
}
#myProgressBar {
    height: 20px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 20px;
    color: white;
    border-radius: 5px;
}
#uploadProgress {
	width: 100%;
	background-color: #ddd;
	border-radius: 5px;
	margin-top: 4%;
}
#fileUpload input {
	width: 100%;
}
.user-profile .pot_selectors input[name="pot_mandate_rule"] {
	margin-top: 3px !important;
}

/* inactive users in user dropdown */

.select2-inactive-users{
	color: red;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-inactive-users{
	background-color: #5897fb;
	color: white !important;
}
/************** Css for user settings accordian ***************/
#accordionUserSettings button {
    width: 100%;
    text-align: left;
    font-size: 17px;
    padding: 8px;
    border: 1px solid #e7dddd;
    border-radius: 0px;
}

#accordionUserSettings button.collapsed .fa-plus {
	display: inline-block;
}
#accordionUserSettings button.collapsed .fa-minus {
	display: none;
}
#accordionUserSettings button .fa-plus {
	display: none;
}
#accordionUserSettings button .fa-minus {
	display: inline-block;
}
#accordionUserSettings .accordion-body {
    border-bottom: 1px solid #e7dddd;
	border-left: 1px solid #e7dddd;
	border-right: 1px solid #e7dddd;
	padding: 6px;
}
#accordionUserSettings h2 {
    margin-bottom: 0px;
}

.mapRotateSettings{
	margin-top: 15px;
	margin-left: 18px;
}

.gifToggle-container,
.customFields-container{
	margin-left: 18px;
	margin-top: 5px;
}

.mapRotateSubSettings{
	margin: 0px 0px 16px 20px;
}

.zoomLevelSetting select,
.waitTimeSetting input{
	display: inline-block;
	width: 15%;
}

.customZoomSelect{
	width: 15%;
	display: inline-block;
}


.zoomLevelSetting span,
.waitTimeSetting span{
	font-weight: 600;
	font-size: 13px;
}

#passwordtypes p label {
    font-size: 13px;
    font-weight: 600;
    background: no-repeat;
    vertical-align: text-top;
}

.tooltip-container{
	position: relative;
	display: inline-block;
}

.tooltip-container .tooltip-text{
	display: none;
	padding: 5px 5px;
    font-size: 12px;
    position: absolute;
	top: -24px;
    left: 25px;
	z-index: 1;
    max-width: 260px;
    width: 260px;
    background-color: #000;
    border-radius: 4px;
    text-align: left;
    color: white;
}

.tooltip-container .strong-pass{
	top: -51px;
}

.tooltip-container .complex-pass{
	top: -100px;
}

.tooltip-container .complex-pass::after{
	top: 72% !important;
}

.tooltip-container .tooltip-text::after{
	content:'';
	position: absolute;
	top: 50%;
	right: 100%;
	margin-top: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent #000 transparent transparent;
}

.tooltip-container:hover .tooltip-text{
	display: block;
}

.passTypes-heading,
.liveStatusType-heading,
.insightsType-heading,
.usersType-heading{
	font-size: 15px;
	font-weight: 600;
}

.settings-divider{
	margin: 0px 0px 15px 0px;
	border: 0;
	border-top: 1px solid #c4c4c4;
}

.insightsSettings,
.usersSettings {
    margin-top: 20px;
}

.liveStatusSettings{
	margin-top: 22px;
}

.liveStatusSettings label{
	font-weight: 700;
}

.insightsSettings div,
.usersSettings div {
    margin-left: 18px;
}

.passwordtypes-settings{
	display: inline-block;
	margin-bottom: 0px;
	margin-left: 15px;
}

.list-pointer{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 2px;
	padding: 2px;
	border-radius: 50%;
	background-color: white;
}

/* settings tabs */

#settingTabs > li.active > a{
	color: #555;
	font-weight: 600;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
}

#settingTabs > li > a{
	color: #555;
	background-color: #efefef;
	border: 1px solid transparent;
	border-bottom: 1px solid #ddd;
}

.settings .tab-content{
	padding: 0px 10px; 
}

/* form */
#new-user{
	padding: 15px 5px;
	border: 1px solid #ddd;
	border-top-color: transparent;
}

/* change log modal */
.changeLog-container{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9;
	background: rgba(0, 0, 0, 0.25);
	padding: 20px 20px;
}

.changeLog{
	padding: 15px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	background-color: white;	
}

.changeLog .closeOverlay{
	cursor: pointer;
	float: right;
	line-height: 1.8;
	font-size: 22px;
}

.changeLog::after{
	content: '';
	display: block;
	clear: both;
}

.changeLog .loading-container{
	width: 100% !important;
}

.changeLog .modal-header{
	padding: 0px 0px 10px 0px;
	border: 0px;
}

.changeLog .changeLog-modal-title{
	display: inline-block;
}

.changeLog .modalBody{
	border: 1px solid #cec9c9;
}

#changeLog-table .k-grid-content{
	min-height: 100px !important;
	max-height: 150px !important;
	height: unset !important;
}

@media (max-width:580px){

	.changeLog-container{
		padding: 10px 10px;
	}

	.changeLog .loading-container{
		height: 80px !important;
	}

	.changeLog-modal-title{
		font-size: 16px;
	}
	
	.changeLog{
		padding: 10px;
	}
}
/* Landmark & darkzone progress bar */

#myProgressBar {
    height: 20px;
    background-color: #4CAF50;
    text-align: center;
    line-height: 20px;
    color: white;
    border-radius: 5px;
}
#uploadProgress {
	width: 100%;
	background-color: #ddd;
	border-radius: 5px;
	margin-top: 4%;
}
#fileUpload input {
	width: 100%;
}
.user-profile .pot_selectors input[name="pot_mandate_rule"] {
	margin-top: 3px !important;
}

/* inactive users in user dropdown */

.select2-inactive-users{
	color: red;
}

.select2-container--default .select2-results__option--highlighted[aria-selected] .select2-inactive-users{
	background-color: #5897fb;
	color: white !important;
}
/* update password requirement*/

.passwordTypes{   
    position: absolute;
    background: white;
    left:50%;
	transform: translateX(-50%);
	bottom: 58%;
    border-radius: 5px;
    z-index: 2;
    padding: 0px 10px;
	-webkit-box-shadow: 0 4px 30px 2px rgba(0,0,0,0.3);
 		box-shadow: 0 4px 30px 2px rgba(0,0,0,0.3)	;
}

.passwordTypes::after{
	content: '';
    position: absolute;
    left: 40%;
    bottom: -10px;
    border-left: 11px solid transparent;
    border-top: 11px solid whitesmoke;
    border-right: 11px solid transparent;
}

.passwordType-any{
	padding: 0px 0px 2px 0px;
}

.passwordDivider{
	height: 1px;
	background-color: lightgrey;
	margin-bottom: 5px;
}

.passwordTypes .invalidPassText{
	margin: 0;
	margin-bottom: 5px;
	font-size: 13px;
	color: red;
}

.passwordTypes .invalidPassText::before{
	position: relative;
	left: -3px;
	content: "✖";
}

.passwordTypes .successPassText{
	margin:0;
	margin-bottom: 5px;
	font-size: 13px;
	color: green;
}

.passwordTypes .successPassText::before{
	position: relative;
	left: -3px;
	content: "✔";
}

.passwordTypes-heading{
	font-size: 13px;
	margin-bottom: 7px;
	font-weight: bold;
}

/* Time Traveler Gif Toggler */

.gifToggle-container .gifToggle-label,
.customFields-container .customFields-label,
.rankToggle-container .rankToggle-label,
.mapRotate-container .mapRotate-label,
.graphToggle-container .graphToggle-label,
.trendToggle-container .trendToggle-label ,
.userReadOnlyToggle-container .readOnlyToggle-label,
.hideBehaviourMap-container .hideBehaviourMap-label {
	display: inline-block;
	font-weight: 600;
	font-size: 14px;
}

.toggle-switch{
	position: relative;
	display: inline-block;
	width: 50px;
	height: 17px;
	margin-left: 18px;
}

.toggle-switch input{
	opacity: 0;
	width: 0;
	height: 0;
}

.toggle-slider{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	cursor: pointer;
	background-color: #ccc;
	border-radius: 30px;	
	border: 1px solid #333;
}

.toggle-slider::before{
	position: absolute;
	content: '';
	left: 2px;
	width: 13px;
	height: 13px;
	bottom: 1px;
	background-color: white;
	border: 1px solid #333;
	border-radius: 50%;	
	-webkit-transition: .4s;
	transition: .4s;
}

.toggle-switch input:checked + .toggle-slider{
	background-color: #2196F3;
}

.toggle-switch input:checked + .toggle-slider::before{
	-webkit-transform: translateX(31px);
	-ms-transform: translateX(31px);
	transform: translateX(31px);
}

.removeFromDisplay{
	display: none;
}

.changePassPara{
	font-size: 13px;
	font-weight: 900;
	margin-bottom: 10px;
}

.strongPassType,
.complexPassType{
	display: inline-block;
	margin-bottom: 15px;
	font-weight: 900;
}

.hideOnMapRotate{
	pointer-events: none;
	opacity: 0.6;
}

@media only screen and (max-width:768px) {

	.navbar-nav .dropdown-submenu>.dropdown-menu li a span {
		width: 100px;
	}

	.passwordTypes{
		width: 80%;
	}

	.tooltip-container .tooltip-text{
		top: -56px;
    	left: -190px;
	}

	.tooltip-container .tooltip-text::after{
		border-color: #000 transparent transparent transparent;
	}

	.tooltip-container .any-pass::after{
		top: 110% !important;
		right: 21%;
	}

	.tooltip-container .strong-pass{
		top: -123px;
	}

	.tooltip-container .strong-pass::after{
		top: 104% !important;
		right: 21%;
	}

	.tooltip-container .complex-pass{
		top: -158px;
	}

	.tooltip-container .complex-pass::after{
		top: 103% !important;
		right: 21%;
	}

	.toggle-switch{
		margin-left: 0px;
	}
	.customZoomSelect,#waitTimeInput
	{
       width: 30%;
	}
}

/* IE Warning */
.IEWarning {
    position: fixed;
    width: 100%;
    bottom: 0;
    background-color: #ffbc00;
    border-radius: 0px;
    color: #383636;
    padding: 7px 38px 0px 10px;
    margin: 0px;
	border: 1px solid #efab1f;
	z-index: 99999;
}

.IEWarning button {
	background: #f1d676;
    padding: 5px 10px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 3px;
    margin: 0 0 3px 0;
}

.IEWarning p {
    float: left;
    margin-top: 2px;
}
/* change log modal */
.changeLog-container{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0, 0, 0, 0.25);
	padding: 20px 20px;
}

.changeLog{
	margin-top: 100px;
	padding: 15px;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
	background-color: white;	
}

.changeLog .closeOverlay{
	cursor: pointer;
	float: right;
	line-height: 1.8;
	font-size: 22px;
}

.changeLog::after{
	content: '';
	display: block;
	clear: both;
}

.changeLog .loading-container{
	width: 100% !important;
}

.changeLog .modal-header{
	padding: 0px 0px 10px 0px;
	border: 0px;
}

.changeLog .changeLog-modal-title{
	display: inline-block;
}

.changeLog .modalBody{
	border: 1px solid #cec9c9;
}

#changeLog-table .k-grid-content{
	min-height: 250px !important;
	max-height: 150px !important;
	height: unset !important;
}

@media (max-width:580px){

	.changeLog-container{
		padding: 10px 10px;
	}

	.changeLog .loading-container{
		height: 80px !important;
	}

	.changeLog-modal-title{
		font-size: 16px;
	}
	
	.changeLog{
		padding: 10px;
	}
}

/* Navbar */
@media only screen and (min-width:768px) and (max-width: 1060px) {

	.hamburger-menu .navbar-nav{
		float: none;
		margin: 0;
	}

	.hamburger-menu .nav li {
		float: none;
	}

	.hamburger-menu .navbar-toggle{
		display: block;
	}

	.navbar .navbar-header{
		float: none;
	}
	
	.navbar-collapse.collapse{
		display: none !important;
	}

	.navbar-collapse.collapse.in{
		display: block !important;
	}

}
/* SSO */
.sso_link_button :hover{
	outline: none !important;
	text-decoration: none !important;
}
.sso_link_button {
    padding: 0px;
    color: #606065 !important;
	border: none;
}
.ssoKey {
    width: 40px;
    padding: 11px; 
	position: relative;
	display: inline-block;
}
.helptooltip{
	position: relative;
	display: inline-block;
}
/* .notificationHover {
	position: relative;
	display: inline-block;
} */
.ssotooltip{
	position: relative;
	display: inline-block;
}
.ssoText{
	padding: 0px 0px;
	color: #2B73EE;
}

/* Tooltip container */
  
  /* Tooltip text */
  .helptooltip > div {
	display: none;
	width: 410px;
	height: 122px;
    background-color: #16191b;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 25px;
	left: -196px;
  }

  #trip-global-notification > div,
  #global-notification > div{
	display: none;
	width: 90%;
	height: auto;
    background-color: #445a73;
    color: #fff;
	font-size: 15px;
	font-weight: 500;
    text-align: center;
    padding: 5px 10px;
    border-radius: 6px;
    position: absolute;
    z-index: 2!important;
    top: 50px;
	margin-left: 3%;
    margin-right: 3%;
  }

  .ssotooltip > div {
	display: none;
	width: 211px;
	height: 53px;
    background-color: #16191b;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
    top: 25px;
	left: -96px;
}
  
  /* Show the tooltip text when you mouse over the tooltip container */
  .helptooltip:hover > div{
	display: block;
  }

  .ssotooltip:hover > div{
	display: block;
  }
/* Global Notofication */
.globalNotifText{
	overflow: auto;
    font-size: 15px;
    font-weight: 600;
    padding-top: 11px;
}
.globalNotifSubject{
	font-size: 15px;
	font-weight:bold;
}
/* Lightmetrics Event Video for multiple videos*/
.modalBodyContent .container .videoContainer .eventVideos{
	height: 22vh;
	width: 15vw;
	margin:1vh 1vh;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 1rem;
}
/* Lightmetrics Event Video for 4 videos*/
.modalBodyContent .container .videoContainer .eventVideos4{
	height: 22vh;
	width: 16vw;
	margin:1vh 6vh;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 1rem;
}
/* Lightmetrics Event Video for 1 video*/
.modalBodyContent .container .videoContainer .eventVideos1{
	height: 47vh;
	/* width: 51vw; */
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 1rem;
	border: 3px solid black;
}
/* Lightmetrics Event Video for 2 video*/
.modalBodyContent .container .videoContainer .eventVideos2{
	height: 30vh;
	width: 21vw; 
	margin: 9vh auto;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 1rem;
}
/* Lightmetrics Event Video for 3 video*/
.modalBodyContent .container .videoContainer .eventVideos3{
	height: 22vh;
	width: 14vw; 
	margin:11vh 1vh;
	box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
	overflow: hidden;
	border-radius: 1rem;
}
.videoCenter {
	justify-content: center;
}

.modalBodyContent .container .videoContainer .eventVideos video,
.modalBodyContent .container .videoContainer .eventVideos1 video,
.modalBodyContent .container .videoContainer .eventVideos2 video,
.modalBodyContent .container .videoContainer .eventVideos3 video,
.modalBodyContent .container .videoContainer .eventVideos4 video{
    height: 100%;
    width: 100%;
    object-fit: inherit;
    outline: none;
	border: none;
	cursor: pointer;
}
/* video animation  */
.modalBodyContent .container .videoContainer .eventVideos video:hover,
.modalBodyContent .container .videoContainer .eventVideos2 video:hover,
.modalBodyContent .container .videoContainer .eventVideos3 video:hover,
.modalBodyContent .container .videoContainer .eventVideos4 video:hover {
	transition: 0.2s linear;
	transform: scale(1.3);
}
.display-header button:focus{
	background-color: #FC001A !important;	
}
.btn-search-field:hover{
	background-color: #88C3EA !important;
}
.btn-view-editor:focus{
	background: #FC001A !important;	
}
.select2-selection.select2-selection--single:focus{
	/* border:1px solid !important; */
	background-color: #e7e7e7 !important;
}
a.k-icon.k-i-expand:focus{
	border:1px solid #000;
}
.modal-title:focus{
	outline: none;	
}
.question-item:hover .actions-btn{
	display: inline-block !important;
}
.mfaButton{
	display:none; 
}
.otpMessage{
	color: red;
}
.btn-red{
	background-color: #d9534f !important;
	border-color: #d9534f !important;
}
.otpButtons button{
	margin: 10px 10px;
}
#global_popup_box{
	z-index: 10000;
}
/* landing page css  */
.insights-container1{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top:20px;
}
.dashboard-card-list1 {
	order:2;
}
.dashboard-card-list1 > .dashboard-insightful-main-card1:hover {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.dashboard-insightful-main-card1{
    margin: 40px 40px;
    height: 280px;
    width: 255px;
    border-radius: 2px;
    border: 2px solid #ebebeb;
    border-radius: 7px;
    overflow-y: auto;
    overflow-x: hidden;
    background-color: #8888880d;
	transition: all 0.4s ease-in-out;
}
.dashboard-insightful-main-card1 > a{
    text-decoration: none;
    color: black;
}
.dashboard-card1 {
    cursor: pointer;
}
.flipped1 > .dashboard-card-heading1{
    padding:10px;
}
.insights-innner-items1 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	height: 100%;
}
.dashboard-card-image1{
    margin: 24% 0%;
    font-size:20px; 
    padding:10px;
    height: 112px;
    border-radius: 50%;
    border: 1px solid #dddddd03;
    box-shadow: inset 0px 0px 15px 6px #ccc;
}
.deafult-heading-allignment1 {
    /* margin-top: 12%; */
    padding: 14% 0%;
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    background-color:#b2b2b252;
}
.toggle-footer1 {
    display: none;
}
.hover-footer1{
    padding: 5% 0%;
    background-color: #bc3b2b;
    color: #ffffff;
}
.flipped1 > .card-description1{
    padding: 10px;
	border-top: 2px solid #ebebeb;
}
.card-description1{
    font-size: 12px;
    text-align: center;
    max-width: 95%;
}
.dashboard-insightful-card1{
    padding: 10px 15px;
    margin: 40px 40px;
    height: 280px;
    width: 255px;
    border-radius: 2px;
    border: 2px solid #ebebeb;
    border-radius: 7px;
    overflow-y: auto;
    overflow-x: hidden;
}
.flipped1{
    padding: 0px;
}
.title-center1 {
    text-align: center;
	font-size: 15px;
}
.close-flipped-card1{
    padding: 10px; cursor: pointer;
    color: #adadad;
}
.flex-container1 {
    display: flex;
    flex-wrap: wrap;
    word-break: break-word;
}
.media-description1{
    max-width: 96%;
    padding: 2px 1px 4px 10px;
}
.more-info1{
    font-size: 12px;
    font-style: italic;
    max-width: 96%;
    padding: 5px 1px 0px 10px;
}
.dashboard-card-icon1{
	/* color: #fff; */
	font-size: 65px;
}
.dashboard-card-circle1{
	margin: 13% 0%;
	height: 100px;
    width: 100px;
    border-radius: 50%;
    text-align: center;
    padding-top: 15px;
	box-shadow: inset 0px 0px 15px 6px #ccc;
}
.removeClick1 {
    pointer-events: none;
}
.color-black {
	filter:brightness(0%);
}
.card-title1 {
	font-size: 20px !important;
	font-weight: bold;
	vertical-align: middle !important;
}
.font-small {
	font-size: 16px !important;
}
.change-log-icon {
    margin: 0px 0px 5px 0px;
    height: 15px;
}

.text .container {
    width: 100% !important;
}