/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/product/assets/layers.416d91365b44e4b4f477.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/product/assets/layers-2x.8f2c4d11474275fbc161.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/product/assets/marker-icon.2b3e1faf89f94a483539.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}

.leaflet-draw-section{position:relative}.leaflet-draw-toolbar{margin-top:12px}.leaflet-draw-toolbar-top{margin-top:0}.leaflet-draw-toolbar-notop a:first-child{border-top-right-radius:0}.leaflet-draw-toolbar-nobottom a:last-child{border-bottom-right-radius:0}.leaflet-draw-toolbar a{background-image:url(/product/assets/spritesheet.ef32ea2bdf63ba132b4c.png);background-image:linear-gradient(transparent,transparent),url(/product/assets/spritesheet.a4e0eb7ad904a4858361.svg);background-repeat:no-repeat;background-size:300px 30px;background-clip:padding-box}.leaflet-retina .leaflet-draw-toolbar a{background-image:url(/product/assets/spritesheet-2x.7ea3a6d428136b87ab95.png);background-image:linear-gradient(transparent,transparent),url(/product/assets/spritesheet.a4e0eb7ad904a4858361.svg)}
.leaflet-draw a{display:block;text-align:center;text-decoration:none}.leaflet-draw a .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.leaflet-draw-actions{display:none;list-style:none;margin:0;padding:0;position:absolute;left:26px;top:0;white-space:nowrap}.leaflet-touch .leaflet-draw-actions{left:32px}.leaflet-right .leaflet-draw-actions{right:26px;left:auto}.leaflet-touch .leaflet-right .leaflet-draw-actions{right:32px;left:auto}.leaflet-draw-actions li{display:inline-block}
.leaflet-draw-actions li:first-child a{border-left:0}.leaflet-draw-actions li:last-child a{-webkit-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}.leaflet-right .leaflet-draw-actions li:last-child a{-webkit-border-radius:0;border-radius:0}.leaflet-right .leaflet-draw-actions li:first-child a{-webkit-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}.leaflet-draw-actions a{background-color:#919187;border-left:1px solid #AAA;color:#FFF;font:11px/19px "Helvetica Neue",Arial,Helvetica,sans-serif;line-height:28px;text-decoration:none;padding-left:10px;padding-right:10px;height:28px}
.leaflet-touch .leaflet-draw-actions a{font-size:12px;line-height:30px;height:30px}.leaflet-draw-actions-bottom{margin-top:0}.leaflet-draw-actions-top{margin-top:1px}.leaflet-draw-actions-top a,.leaflet-draw-actions-bottom a{height:27px;line-height:27px}.leaflet-draw-actions a:hover{background-color:#a0a098}.leaflet-draw-actions-top.leaflet-draw-actions-bottom a{height:26px;line-height:26px}.leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:-2px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polyline{background-position:0 -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-31px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-polygon{background-position:-29px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-62px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-rectangle{background-position:-60px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-92px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circle{background-position:-90px -1px}
.leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-122px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-marker{background-position:-120px -1px}.leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-273px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-draw-circlemarker{background-position:-271px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-152px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit{background-position:-150px -1px}
.leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-182px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove{background-position:-180px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-212px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-edit.leaflet-disabled{background-position:-210px -1px}.leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-242px -2px}.leaflet-touch .leaflet-draw-toolbar .leaflet-draw-edit-remove.leaflet-disabled{background-position:-240px -2px}
.leaflet-mouse-marker{background-color:#fff;cursor:crosshair}.leaflet-draw-tooltip{background:#363636;background:rgba(0,0,0,0.5);border:1px solid transparent;-webkit-border-radius:4px;border-radius:4px;color:#fff;font:12px/18px "Helvetica Neue",Arial,Helvetica,sans-serif;margin-left:20px;margin-top:-21px;padding:4px 8px;position:absolute;visibility:hidden;white-space:nowrap;z-index:6}.leaflet-draw-tooltip:before{border-right:6px solid black;border-right-color:rgba(0,0,0,0.5);border-top:6px solid transparent;border-bottom:6px solid transparent;content:"";position:absolute;top:7px;left:-7px}
.leaflet-error-draw-tooltip{background-color:#f2dede;border:1px solid #e6b6bd;color:#b94a48}.leaflet-error-draw-tooltip:before{border-right-color:#e6b6bd}.leaflet-draw-tooltip-single{margin-top:-12px}.leaflet-draw-tooltip-subtext{color:#f8d5e4}.leaflet-draw-guide-dash{font-size:1%;opacity:.6;position:absolute;width:5px;height:5px}.leaflet-edit-marker-selected{background-color:rgba(254,87,161,0.1);border:4px dashed rgba(254,87,161,0.6);-webkit-border-radius:4px;border-radius:4px;box-sizing:content-box}
.leaflet-edit-move{cursor:move}.leaflet-edit-resize{cursor:pointer}.leaflet-oldie .leaflet-draw-toolbar{border:1px solid #999}
/* Read-only impersonate: disable checkboxes and toggles inside ListView rows */
body.read-only-impersonate
  .rows-container
  .data-container
  span[id$='-CheckboxWrapper'] {
  pointer-events: none;
  opacity: 0.7;
}

body.read-only-impersonate .rows-container .data-container .toggleSwitch {
  pointer-events: none;
  opacity: 0.7;
}

body.read-only-impersonate .blue-download {
  pointer-events: none;
  opacity: 0.5;
}

/* Read-only impersonate: disable buttons containing save/delete icons in Angular templates */
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-Product-Icons_Save),
body.read-only-impersonate
  a:not(.impersonate-bypass):has(.icon-Product-Icons_Save),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-Product-Icons_Save),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-Product-Icons_Trash-Blank),
body.read-only-impersonate
  a:not(.impersonate-bypass):has(.icon-Product-Icons_Trash-Blank),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-Product-Icons_Trash-Blank),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-Product-Icons_Check-Circle),
body.read-only-impersonate
  a:not(.impersonate-bypass):has(.icon-Product-Icons_Check-Circle),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-Product-Icons_Check-Circle),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-Product-Icons-22),
body.read-only-impersonate
  a:not(.impersonate-bypass):has(.icon-Product-Icons-22),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-Product-Icons-22),
body.read-only-impersonate button:not(.impersonate-bypass):has(.icon-save),
body.read-only-impersonate a:not(.impersonate-bypass):has(.icon-save),
body.read-only-impersonate [ng-click]:not(.impersonate-bypass):has(.icon-save),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-icomoon-save-and-assign),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-icomoon-upload),
body.read-only-impersonate a:not(.impersonate-bypass):has(.icon-icomoon-upload),
body.read-only-impersonate
  label:not(.impersonate-bypass):has(.icon-icomoon-upload),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-icomoon-upload),
body.read-only-impersonate button:not(.impersonate-bypass):has(.icon-upload),
body.read-only-impersonate a:not(.impersonate-bypass):has(.icon-upload),
body.read-only-impersonate label:not(.impersonate-bypass):has(.icon-upload),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-upload),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-Product-Icons_Upload),
body.read-only-impersonate
  a:not(.impersonate-bypass):has(.icon-Product-Icons_Upload),
body.read-only-impersonate
  label:not(.impersonate-bypass):has(.icon-Product-Icons_Upload),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-Product-Icons_Upload),
body.read-only-impersonate button:not(.impersonate-bypass):has(.icon-ry-upload),
body.read-only-impersonate a:not(.impersonate-bypass):has(.icon-ry-upload),
body.read-only-impersonate label:not(.impersonate-bypass):has(.icon-ry-upload),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-ry-upload),
body.read-only-impersonate button:not(.impersonate-bypass):has(.icon-publish),
body.read-only-impersonate a:not(.impersonate-bypass):has(.icon-publish),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-publish),
body.read-only-impersonate
  button:not(.impersonate-bypass):has(.icon-accept-notify),
body.read-only-impersonate a:not(.impersonate-bypass):has(.icon-accept-notify),
body.read-only-impersonate
  [ng-click]:not(.impersonate-bypass):has(.icon-accept-notify),
body.read-only-impersonate [id$='--actionbar--upload']:not(.impersonate-bypass),
body.read-only-impersonate [id*='--actionbar--upload']:not(.impersonate-bypass),
body.read-only-impersonate [id*='upload' i][ng-click]:not(.impersonate-bypass),
body.read-only-impersonate button[id*='upload' i]:not(.impersonate-bypass),
body.read-only-impersonate a[id*='upload' i]:not(.impersonate-bypass),
body.read-only-impersonate label[for*='upload' i]:not(.impersonate-bypass),
body.read-only-impersonate input[type='file']:not(.impersonate-bypass),
body.read-only-impersonate
  button:not(
    .impersonate-bypass
  )#trip_planning--actionbar--next.ai-enabled-button {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

body.read-only-impersonate #dateRange-Apply-Button,
body.read-only-impersonate [id$='--actionbar--add' i],
body.read-only-impersonate [id*='--actionbar--add' i],
body.read-only-impersonate [id$='-actionbar-add' i],
body.read-only-impersonate [id*='-actionbar-add' i],
body.read-only-impersonate [id$='apply_filter' i],
body.read-only-impersonate [id*='apply_filter' i],
body.read-only-impersonate [id$='--apply_filter' i],
body.read-only-impersonate [id*='--apply_filter' i],
body.read-only-impersonate [id$='--actionbar--apply' i],
body.read-only-impersonate [id*='--actionbar--apply' i],
body.read-only-impersonate .impersonate-bypass,
body.read-only-impersonate [data-impersonate-bypass='true'] {
  pointer-events: auto;
  opacity: 1;
}

body.read-only-impersonate #AddCustomForm-actionBar-publish {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
body.read-only-impersonate #AddCustomForm-actionBar-publish::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate #STEP_APITOKENS {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
body.read-only-impersonate #STEP_APITOKENS::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate .sso_chkbox_align {
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}

body.read-only-impersonate #integrationModal-actionBar-next,
body.read-only-impersonate #integrationModal-actionBar-reset-single {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
body.read-only-impersonate #integrationModal-actionBar-next::after,
body.read-only-impersonate #integrationModal-actionBar-reset-single::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate #integrationMarketplace-integrate,
body.read-only-impersonate #integrationMarketplace-requestIntegration {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
body.read-only-impersonate #integrationMarketplace-integrate::after,
body.read-only-impersonate #integrationMarketplace-requestIntegration::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate #listView-actionBar-retry {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
body.read-only-impersonate #listView-actionBar-retry::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate [id='listView-actionBar-Mark as Favourite'] {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
}
body.read-only-impersonate [id='listView-actionBar-Mark as Favourite']::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate .record-action-options-right a[ng-click] {
  position: relative;
  pointer-events: none;
  opacity: 0.5;
  cursor: not-allowed;
}
body.read-only-impersonate .record-action-options-right a[ng-click]::after {
  content: '';
  position: absolute;
  inset: 0;
  cursor: not-allowed;
  z-index: 1;
}

body.read-only-impersonate
  .leafletMap
  button:not(.impersonate-bypass):has(.icon-icomoon-save),
body.read-only-impersonate
  .geofenceBoxButtons
  button:not(.impersonate-bypass):has(.icon-delete),
body.read-only-impersonate #polygonEditToggleButton,
body.read-only-impersonate .leaflet-control-measure-toggle {
  pointer-events: none;
  opacity: 0.8;
}

.icon-next-position {
  float: right;
  position: relative;
  bottom: 220px;
  right: 425px;
}

.icon-previous-position {
  float: left;
  position: relative;
  top: 200px;
  left: 450px;
}

.container {
  position: relative;
  margin: 0 auto;
  width: 420px;
}

.whatsappFieldCSS div{
  width: 110%;
  padding-left: 0;
}

.whatsappCheckBox {
  position: absolute;
  top: 85%;
}

.align-center {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.align-center .ui-select-match-text {
  display: flex !important;
  align-items: center !important;
  line-height: normal !important;
}

.whatsappFieldLabel {
  white-space: nowrap;
  position: absolute;
  padding: 2px 0 0 10px;
}
.whatsappLabelOpacity {
  opacity:0.3;
}
.customerContactField div{
  width: 104%;
  padding-left: 0;
}
.contactCheckboxCSS {
  height: 15px;
  width: 15px;
  vertical-align: middle;
  cursor: pointer;
  top: unset;
  z-index: 1;
  border-radius: 0;
  background-color: #f5a837;
}
.container img {vertical-align: middle;}

.container .content {
  position: absolute;
  bottom: 0;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 10px 10px 1.5px 10px;
  font-size: 1.8rem;
  line-height: 1.25;
}

.hover-parent {
  position: relative;
  
}

.hover-message {
  display: none;
  position: absolute;
  width: 355px;
  max-width: 355px;
  top: 135%; /* Position below the container */
  left: 55%; /* Center horizontally */
  transform: translateX(-96%); /* Center horizontally */
  background-color: #6F0881;
  color: white;
  padding: 10px;
  border-radius: 5px;
  z-index: 1;
}


/* Create arrow using a pseudo-element */
.hover-message::after {
  content: '';
  position: absolute;
  top: -11px; /* Position above the hover message */
  left: 94%; /* Center horizontally */
  border-width: 6px;
  border-style: solid;
  border-color: transparent transparent  #6F0881 transparent;
}

.hover-parent:hover .hover-message {
  display: block;
}


.containerOrder {
  position: relative;
  margin: 0 auto;
}

.carrierAssignDropdown {
  left: auto !important;
  right: 339px !important;
}

.containerOrder img {
  vertical-align: middle;
  width: 65%;
}

.containerOrder .contentOrder {
  position: absolute;
  bottom: 0;
  left: 17.5%;
  text-align: center;
  background: rgb(0, 0, 0);
  /* Fallback color */
  background: rgba(0, 0, 0, 0.5);
  /* Black background with 0.5 opacity */
  color: #f1f1f1;
  width: 65%;
  padding: 8px 6px 1.5px 6px;
  font-size: 1.3rem;
  line-height: 1;
}

.activity-log {
  margin-left: 4px;
}

.togglePositionFMLM {
  margin: 0px 10px;
}

.inputPositionFMLM {
  position: absolute;
  top: 12px;
  right: 115px;
}

.inputShowProfile {
  position: absolute;
  top: 8px;
  right: 115px;
}

.toggleShowProfile {
  position: absolute;
  right: 30px;
  top: 8px;
  z-index: 9999;
  cursor: default;
}

.custom-switch-toggle .cmn-toggle {
  opacity: 0;
  z-index: 999999;
  width: 52px;
  visibility: visible;
}

.togglePositionFM {
  position: relative;
  left: 100px;
  bottom: 6.5px;
}

.inputPositionFM {
  position: relative;
  left: 100px;
}

.assignVendorsClickHere {
  margin-left: 9rem;
  position: relative;
  bottom: 9.5rem;
  right: 45rem;
}

.modal-header {
  background: #6F0881;
  color: #fff;
  padding: 15px;
}

.modal-header .modal-title {
  font-size: 15px;
  color: #fff;
  opacity: 1;
  width: 80%;
}

.modal-header .close {
  color: #fff;
  opacity: 0.6;
  margin-top: 0px;
  cursor: pointer;
}

.modal-content {
  border-radius: 0px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border: 0;
  width: 100%;
}

.lg-modal .modal-dialog {
  width: 90% !important;
}

.lg-modal .modal-dialog .modal-dialog {
  z-index: 9999;
}

.dmLagendTitle {
  font-family: "Gotham-Rounded-Medium";
}

.btn.btn-outline.reset {
  color: #6F0881;
  background-color: #fff;
  border: 1px solid #6F0881;
  box-shadow: 0 0 0 0 transparent;
}

.logi-checkbox .logi-checkbox-button {
  display: inline-block;
  margin-right: 36px;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"] {
  display: none;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"]+label {
  margin-top: 3px !important;
  font-size: 14px;
  font-family: Arial, sans-serif;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"]+label span {
  display: inline-block;
  margin: -1px 9px 0 0;
  width: 14px;
  height: 14px;
  -moz-border-radius: 50%;
  border-radius: 50%;
  vertical-align: middle;
  cursor: pointer;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"]+label span,
.logi-checkbox .logi-checkbox-button input[type="checkbox"]:checked+label span {
  -webkit-transition: background-color 0.4s linear;
  -moz-transition: background-color 0.4s linear;
  -o-transition: background-color 0.4s linear;
  transition: background-color 0.4s linear;
}

.createManifestForm .logi-allow-cancelled-orders {
  min-height: 81px;
}

.logi-radio .logiCheckboxLabel {
  display: inline-block !important;
}

.logi-dob .input-group {
  margin: 0 !important;
}

.logi-dob .input-group input {
  margin: 18px 0 !important;
}

.logi-dob .input-group .form-control {
  z-index: 0;
}

.logi-dob .input-group .input-group-btn button {
  height: 45px;
  border: 1px solid #eee;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}

.uib-datepicker .uib-title {
  float: left;
}

.logi-dob {
  max-height: 76px;
}

.logi-validity .input-group {
  margin: 0 0 18px 0 !important;
}

.logi-validity .input-group input {
  margin: 18px 0 0 0 !important;
}

.logi-validity .input-group .form-control {
  z-index: 0;
}

.logi-validity .input-group .input-group-btn button {
  margin-top: 18px;
  height: 45px;
  border: 1px solid #eee;
  border-left: 0;
  border-radius: 0;
  background: transparent;
}

.modal-header {
  background: #6F0881;
  color: #fff;
  padding: 15px;
}

.modal-header .modal-title {
  font-size: 15px;
  color: #fff;
  opacity: 1;
  width: 80%;
}

.modal-header .close {
  color: #fff;
  opacity: 0.6;
  margin-top: 0px;
  cursor: pointer;
}

.modal-content {
  border-radius: 0px;
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.2);
  border: 0;
  width: 100%;
}

.lg-modal .modal-dialog {
  width: 90% !important;
}

.lg-modal .modal-dialog .modal-dialog {
  z-index: 9999;
}

.logi-nested-number label {
  display: block !important;
  position: absolute;
  top: 9px;
  margin-left: 9px;
  color: #a7a8ac;
  font-size: 12px;
  letter-spacing: 0.3px;
  background-color: #fff;
}

.capacityInUnits-subInput,
.minCapacityUtilizationInUnits-subInput {
  position: absolute !important;
  top: 12px !important;
  left: 16px !important;
  padding-left: 9px !important;
  width: 65px !important;
  height: 22.5px !important;
  text-align: center;
  border: none !important;
}

.capacityInWeight-subInput,
.minCapacityUtilizationInWeight-subInput {
  position: absolute !important;
  top: 12px !important;
  left: 128px !important;
  padding-left: 9px !important;
  width: 65px !important;
  height: 22.5px !important;
  text-align: center;
  border: none !important;
}

.capacityInVolume-subInput,
.minCapacityUtilizationInVolume-subInput {
  position: absolute !important;
  top: 12px !important;
  left: 230px !important;
  padding-left: 9px !important;
  width: 65px !important;
  height: 22.5px !important;
  text-align: center;
  border: none !important;
}

.capacityInUnits-label,
.minCapacityUtilizationInUnits-label {
  display: block !important;
  position: absolute !important;
  top: 45px !important;
  left: 40px !important;
  color: #434343 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  letter-spacing: 0.3px !important;
}

.capacityInWeight-label,
.minCapacityUtilizationInWeight-label {
  display: block !important;
  position: absolute !important;
  top: 45px !important;
  left: 148px !important;
  color: #434343 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  letter-spacing: 0.3px !important;
}

.capacityInVolume-label,
.minCapacityUtilizationInVolume-label {
  display: block !important;
  position: absolute !important;
  top: 45px !important;
  left: 256px !important;
  color: #434343 !important;
  font-size: 12px !important;
  font-weight: normal !important;
  letter-spacing: 0.3px !important;
}

.logi-nested-number-width {
  width: 100% !important;
}

.logiNumberWidthOne {
  width: 325px !important;
}

.logiNumberWidthTwo {
  width: 150px !important;
}

.logi-radio .logi-radio-button {
  min-width: 100px;
}

.ui-select-container {
  width: 100%;
  height: 22px;
  line-height: 22px;
  color: selectFieldColor;
  font-size: 12px;
  letter-spacing: 0.3px;
  background: transparent;
}

.ui-select-container .btn.btn-default.ui-select-toggle {
  outline: 0px;
  border: 0px;
  background: transparent;
  box-shadow: none;
  padding: 0;
  letter-spacing: 0;
  height: 22px;
  line-height: 22px;
  font-size: 12px;
}

.ui-select-container .ui-select-placeholder,
.ui-select-container .ui-select-match-text {
  padding-left: 9px;
}

.ui-select-container .ui-select-search {
  border: 0px;
  outline: 0;
  box-shadow: none;
  line-height: 22px;
  height: 22px;
  border-radius: 0;
  padding: 0 0 0 9px;
  font-size: 12px;
  background: transparent;
}

.ui-select-container .ui-select-search:focus {
  outline: 0;
  box-shadow: none;
  border: 0;
}

.ui-select-choices.dropdown-menu {
  padding: 0;
}

.selected-close {
  padding-leftt: 10px;
}

.selected-close.icon-close:before {
  font-size: 8px;
  padding: 3px;
  position: relative;
  top: -1px;
  margin-left: 5px;
}

.goodsTypeTempreture {
  position: relative;
  top: -16px;
  left: 30px;
  font-size: 13px;
  height: 5px;
}

.goodsTypeTempreture span {
  margin-right: 25px;
}

.ui-select-container.ui-select-multiple {
  padding-left: 9px !important;
  width: 100%;
  height: 40px !important;
  line-height: 40px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0;
  box-shadow: none !important;
  background: transparent;
}

.ui-select-container.ui-select-multiple .ui-select-search {
  position: relative;
  max-width: 100% !important;
  top: -22px;
  border: 0px;
  padding-left: 9px !important;
  background: transparent;
}

.ui-select-container.ui-select-multiple .ui-select-match {
  top: 0px;
  position: relative;
  width: auto;
}

.ui-select-multiple.ui-select-bootstrap {
  height: auto !important;
  padding: 0px 3px !important;
  line-height: 1;
}

.ui-select-multiple.ui-select-bootstrap input[type="text"] {
  margin: 0 !important;
  height: 43px !important;
  position: relative;
  top: 0px;
}

.cmn-toggle {
  position: absolute;
  margin-left: -9999px;
  visibility: hidden;
}

.cmn-toggle+label {
  display: block;
  position: relative;
  cursor: pointer;
  outline: none;
  user-select: none;
}

input.cmn-toggle-round+label {
  padding: 2px;
  width: 40px;
  height: 20px;
  border-radius: 20px;
}

input.cmn-toggle-round+label:before,
input.cmn-toggle-round+label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.cmn-toggle-round+label:before {
  right: 1px;
  background-color: #c2c2c5;
  border-radius: 20px;
  transition: background 0.4s;
}


input.cmn-toggle-round-open+label {
  padding: 2px;
  width: 40px;
  height: 20px;
  border-radius: 20px;
}

input.cmn-toggle-round-open+label:before,
input.cmn-toggle-round-open+label:after {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  bottom: 1px;
  content: "";
}

input.cmn-toggle-round-open+label:before {
  right: 1px;
  background-color: #c2c2c5;
  border-radius: 20px;
  transition: background 0.4s;
}

input.cmn-toggle-round-open+label:after {
  width: 18px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  transition: margin 0.4s;
}

input.cmn-toggle-round+label:after {
  width: 18px;
  background-color: #fff;
  border-radius: 100%;
  box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  transition: margin 0.4s;
}

input.cmn-toggle-round-open:checked+label:before {
  background-color: #6F0881;
}

input.cmn-toggle-round-open:checked+label:after {
  margin-left: 20px;
}

input.cmn-toggle-round-open:disabled+label:before {
  cursor: not-allowed;
}

input.cmn-toggle-round:checked+label:before {
  background-color: #6F0881;
}

input.cmn-toggle-round:checked+label:after {
  margin-left: 20px;
}

input.cmn-toggle-round:disabled+label:before {
  cursor: not-allowed;
}

.logiFormActionButtons li {
  display: inline-block;
}

.logiFormActionButtons li button,
.logiFormActionButtons li a {
  border-color: transparent;
  border: 0;
}

.logiFormActionButtons li button .icon,
.logiFormActionButtons li a .icon {
  margin-right: 10px;
  width: 19px;
  height: 11px;
  font-size: 12px;
  line-height: 23px;
  text-transform: capitalize;
  color: #fff;
}

.logiFormActionButtons li button[class="reset"] {
  box-shadow: 0 0 0 0 transparent;
}

form.logiForm {
  padding: 0px 20px;
}

form .mainSection#buttons {
  display: none;
}

form .mainSection div[class$="-title"] {
  padding-top: 23px;
  padding-bottom: 10px;
  font-size: 18px;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}

form .mainSection .labelUnderlineWrapper .labelUnderline {
  margin-bottom: 18px;
  padding-left: 15px;
  height: 5px;
}

form .mainSection .labelLineWrapper {
  margin-left: -15px;
  padding: 0 !important;
}

form .mainSection .labelLineWrapper .labelLine {
  height: 1px;
}

form .mainSection .form input[type=number]::-webkit-inner-spin-button,
form .mainSection .form input[type=number]::-webkit-outer-spin-button {
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

form .mainSection .form .logi-input:not(.logi-select) input {
  margin: 18px 0;
  padding-left: 9px;
  width: 100%;
  height: 45px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0px;
  box-shadow: none !important;
}

form .mainSection .form .logi-input:not(.logi-select) input:hover,
form .mainSection .form .logi-input:not(.logi-select) input:focus {
  z-index: 0;
}

form .mainSection .form .logi-input:not(.logi-radio):not(.map-assist-element-toggle) label {
  display: block;
  position: absolute;
  top: 8px;
  margin-left: 8px;
  font-size: 12px;
}

form .mainSection .form div.logi-dob input~label,
form .mainSection .form div.logi-validity input~label,
form .mainSection .form div.logi-tel input~label {
  display: block;
  position: absolute;
  top: 9px;
  margin-left: 9px;
  font-size: 12px;
  letter-spacing: 0.3px;
}

form .mainSection .form div.logi-checkbox,
form .mainSection .form div.logi-radio,
form .mainSection .form .logiErrorMessages {
  position: absolute;
  color: #f00;
  font-size: 12px;
  display: none;
}

form .mainSection .form div.logi-checkbox p,
form .mainSection .form div.logi-radio p,
form .mainSection .form .logiErrorMessages p {
  margin: 0px;
}

form .mainSection .form div.logi-checkbox .logiErrorMessagesTel,
form .mainSection .form div.logi-radio .logiErrorMessagesTel,
form .mainSection .form .logiErrorMessages .logiErrorMessagesTel {
  position: absolute;
  color: #f00;
  font-size: 12px;
  display: none;
  margin-top: -12px;
}

.has-error:hover~.errorInfoTip .logiErrorMessages,
.has-error~.errorInfoTip:hover~.errorInfoTip .logiErrorMessages,
.has-error:hover~.errorInfoTip .logiErrorMessagesTel,
.has-error~.errorInfoTip:hover~.errorInfoTip .logiErrorMessagesTel,
.has-error:hover .logiErrorMessages,
.has-error~.errorInfoTip:hover .logiErrorMessages,
.has-error:hover .logiErrorMessagesTel,
.has-error~.errorInfoTip:hover .logiErrorMessagesTel {
  display: block !important;
  border: 1px solid #f00;
  padding: 5px;
  width: auto !important;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  z-index: 999 !important;
  background: #ffedee !important;
  vertical-align: middle;
  text-align: center;
  top: -8px !important;
  right: 0;
  margin-top: -27px;
}

.package-value-tooltip .errorInfoTip .logiErrorMessages {
  transform: translateX(45%);
}

.has-error:hover~.errorInfoTip:after,
.has-error~.errorInfoTip:hover~.errorInfoTip:after,
.has-error:hover .has-error~.errorInfoTip:after,
.has-error~.errorInfoTip:hover .has-error~.errorInfoTip:after {
  display: block;
}

.has-error:hover~.errorInfoTip:hover:after,
.has-error~.errorInfoTip:hover~.errorInfoTip:hover:after,
.has-error:hover .has-error~.errorInfoTip:hover:after,
.has-error~.errorInfoTip:hover .has-error~.errorInfoTip:hover:after {
  display: block;
}

.has-error:hover~.errorInfoTip p,
.has-error~.errorInfoTip:hover~.errorInfoTip p,
.has-error:hover .has-error~.errorInfoTip p,
.has-error~.errorInfoTip:hover .has-error~.errorInfoTip p {
  margin: 0px !important;
}

.has-error~.errorInfoTip:hover:after {
  display: block !important;
}

.has-error.shiftErrorLeft:hover~.errorInfoTip .logiErrorMessages,
.has-error.shiftErrorLeft~.errorInfoTip:hover~.errorInfoTip .logiErrorMessages,
.has-error.shiftErrorLeft:hover~.errorInfoTip .logiErrorMessagesTel,
.has-error.shiftErrorLeft~.errorInfoTip:hover~.errorInfoTip .logiErrorMessagesTel,
.has-error.shiftErrorLeft:hover .logiErrorMessages,
.has-error.shiftErrorLeft~.errorInfoTip:hover .logiErrorMessages,
.has-error.shiftErrorLeft:hover .logiErrorMessagesTel,
.has-error.shiftErrorLeft~.errorInfoTip:hover .logiErrorMessagesTel {
  transform: translateX(0%);
}

.has-error.shiftErrorLeft:hover~.errorInfoTip .logiErrorMessages:before,
.has-error.shiftErrorLeft~.errorInfoTip:hover~.errorInfoTip .logiErrorMessages:before,
.has-error.shiftErrorLeft:hover~.errorInfoTip .logiErrorMessagesTel:before,
.has-error.shiftErrorLeft~.errorInfoTip:hover~.errorInfoTip .logiErrorMessagesTel:before,
.has-error.shiftErrorLeft:hover .logiErrorMessages:before,
.has-error.shiftErrorLeft~.errorInfoTip:hover .logiErrorMessages:before,
.has-error.shiftErrorLeft:hover .logiErrorMessagesTel:before,
.has-error.shiftErrorLeft~.errorInfoTip:hover .logiErrorMessagesTel:before {
  left: auto !important;
  right: 0 !important;
}

form .logi-package-value {
  display: none;
}

.form-control {
  border-radius: 0px !important;
}
.form-control:focus {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.input-group-addon {
  padding: 4px 5px !important;
}

#transitPointsDiv {
  margin-left: 50px;
}

.modal-dialog .modal-body {
  word-break: break-word;
}

.modal-dialog .modal-body .logiTable {
  overflow: auto !important;
}

.modal-dialog .modal-body .logiTable .table-top-margin {
  margin-top: 0px;
}

.modal-dialog .modal-body .logiTable .table-top-margin .shift-table-top-40 {
  margin-top: 0px;
}

.clientAdd.logiFormActionButtons {
  margin-top: 0px !important;
}

.addClientForm .basic-information-title {
  display: none;
}

.addClientForm .basic-information-title~.row .labelUnderlineWrapper,
.addClientForm .basic-information-title~.row .labelLineWrapper {
  display: none;
}

.logo-image-input {
  margin: 12px 0px 0px 0px;
}

.logo-image-label {
  font-size: 12px;
  letter-spacing: 0.6px;
}

input[disabled] {
  cursor: not-allowed !important;
  opacity: 0.65 !important;
}

.multiSelectCaret {
  top: 50%;
  position: absolute;
  right: 8%;
  z-index: 100;
}

.multiSelectCaret.visitCaret {
  top: 50%;
  position: absolute;
  right: 12%;
  z-index: 100;
}

.logi-input label {
  text-overflow: ellipsis !important;
  max-width: 85%;
  white-space: nowrap;
}

.logi-live-input {
  width: 50%;
}

.logi-input label.email-id-label {
  overflow: hidden;
}

.error-message.emailError.report {
  display: block;
  color: #f00;
}

.uiGridTable .ui-grid-cell-focus {
  background-color: rgba(86, 152, 211, 0.26);
}

.uiGridTable .ui-grid-cell-contents {
  font-size: 11px !important;
  color: #42425c !important;
}

.uiGridTable .ui-grid-row:nth-child(even) .ui-grid-cell {
  background-color: #fff;
}

.uiGridTable .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background-color: #f6f9fd;
}

.uiGridTable .ui-grid-row .ui-grid-cell.ui-grid-row-header-cell {
  border-bottom: none !important;
}

.uiGridTable .ui-grid-selection-row-header-buttons {
  cursor: pointer;
  background: #fff;
  box-shadow: inset 0px 0px 0px 1px #979797;
  width: 15px;
  height: 15px;
}

.uiGridTable .ui-grid-selection-row-header-buttons.ui-grid-row-selected,
.uiGridTable .ui-grid-selection-row-header-buttons.ui-grid-all-selected {
  background: #6F0881 !important;
  color: #fff !important;
  box-shadow: none;
}

.uiGridTable .ui-grid-selection-row-header-buttons::before {
  opacity: 0.05;
}

.uiGridTable .ui-grid-row-selected .ui-grid-cell {
  background-color: var(--color-primary-medium) !important;
}

.uiGridTable .ui-grid-header-cell-label {
  font-family: 'Gotham-Rounded-Medium' !important;
}

.uiGridTable .ui-grid-top-panel {
  background: #fff !important;
}

.uiGridTable .ui-grid-menu .ui-grid-menu-inner {
  background: #fff !important;
  font-size: 11px !important;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.38), inset 0 12px 12px -14px rgba(0, 0, 0, 0.2);
}

.uiGridTable .ui-grid-menu .ui-grid-menu-inner ul li button:hover,
.uiGridTable .ui-grid-menu .ui-grid-menu-inner ul li button:focus {
  box-shadow: none !important;
}

.uiGridTable .ui-grid-header-cell {
  height: 70px !important;
  padding-top: 5px;
  overflow: hidden;
  cursor: -webkit-grab !important;
}

.uiGridTable .headerCell {
  background: #fff !important;
}

.uiGridTable .ui-grid-header-cell .ui-grid-cell-contents {
  max-width: 75%;
  text-overflow: unset;
  white-space: normal;
  word-wrap: normal;
  height: 50px;
  overflow-y: hidden;
}

.uiGridTable .ui-grid-cell,
.uiGridTable .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
.uiGridTable .ui-grid-header-cell,
.uiGridTable .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-color: #eee !important;
}

.uiGridTable .ui-grid-column-menu-button {
  top: 10px;
  background: rgba(179, 179, 179, 0.1);
  border-radius: 5px;
}

.uiGridTable input[type="text"].ui-grid-filter-input,
.uiGridTable input[type="text"].ui-grid-filter-input:hover {
  border: 1px solid #fff;
  border-bottom: 1px solid #abacba !important;
  font-size: 11px !important;
}

.uiGridTable .ui-grid-header-cell:last-child .ui-grid-column-resizer.right {
  border-right: none !important;
}

.uiGridTable .ui-grid-cell-contents input.form-control {
  padding: 3px;
  min-height: 0px !important;
  height: 20px !important;
}

.uiGridTable .orderStatus select.ui-grid-filter-select {
  border: none !important;
  border-bottom: 1px solid #abacba !important;
}

.uiGridTable .ui-grid-filter-input.date-rangepicker {
  min-width: 0px !important;
  padding: 0px !important;
  line-height: 10px !important;
  min-height: 0px !important;
  height: 20px !important;
  border-bottom: 1px solid #abacba !important;
  font-size: 11px !important;
  background: #fff;
  box-shadow: none !important;
  text-align: left !important;
  color: #42425c !important;
  padding-right: 20px !important;
}

.ui-grid-selectable,
.ui-grid-selectable .ui-grid-disable-selection {
  -webkit-touch-callout: default !important;
  -webkit-user-select: text !important;
  -khtml-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
  cursor: auto !important;
}

.errorInfoTipAlign .logiErrorMessages {
  right: -12px !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.donut-content .icon:before {
  font-size: 34px !important;
}

.map-icon .icon:before {
  font-size: 20px !important;
}

ul.menu-items .icon:before {
  font-size: 17px !important;
}

.pagination-button:before {
  font-size: 12px !important;
}

.rotate-donut-anti90 {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

  .col-xs-7,
  .col-xs-5 {
    width: auto !important;
    padding: 0px !important;
  }

  #dashboard-wrapper .trip-maps-wrapper {
    margin-bottom: 16px !important;
  }

  #dashboard-wrapper section {
    padding: 0 !important;
  }

  #dashboard-wrapper section .head {
    width: auto !important;
  }

  #dashboard-wrapper .donut-wrapper .donut {
    width: 100% !important;
    margin: 25px 10px 25px 10px !important;
  }

  #dashboard-wrapper .map-content .menu-header .menu-item {
    overflow: hidden !important;
  }
}

.dashboard {
  margin-top: 0px;
}

#dashboard-wrapper .header-row {
  height: 47px;
  background: #fafafa;
  padding-top: 13px;
  padding: 13px 15px 0px 15px;
}

#dashboard-wrapper .header-row span {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.4px;
}

#dashboard-wrapper section.resource-tracker-status .graph-name {
  text-align: center;
  text-transform: none;
  font-size: 14px;
  font-family: 'Gotham-Round-Medium' !important;
  position: relative;
  margin-top: 40px;
}

#dashboard-wrapper section.resource-tracker-status .graph-name.graph-name-mile {
  margin-top: -130px !important;
  margin-left: -25px;
}

#dashboard-wrapper .trip-maps-wrapper {
  padding-left: 0px;
}

#dashboard-wrapper section {
  margin-bottom: 27px;
  display: table;
  width: 100%;
  padding: 0px 15px;
}

#dashboard-wrapper section .header-row {
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #606060;
  font-weight: bold;
}

#dashboard-wrapper section .head {
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

#dashboard-wrapper section .head h3 {
  font-size: 16px;
  letter-spacing: 0.6px;
  color: #606060;
  padding: 13px 0px;
}

#dashboard-wrapper section .head1 {
  border: 0px !important;
  width: 100% !important;
  padding-bottom: 12px !important;
}

#dashboard-wrapper section .head1 h3 {
  color: #02bfc5;
  text-transform: uppercase;
}

#dashboard-wrapper section .break {
  width: 240px;
  border-bottom: 5px solid #eee;
  margin-bottom: 27px;
}

#dashboard-wrapper .map-content .menu-header {
  height: 47px;
  width: 100%;
  background-color: #fff;
  border: none;
}

#dashboard-wrapper .map-content .menu-header .menu-item {
  text-align: center;
  height: 100%;
  cursor: pointer;
  color: #606060;
  letter-spacing: 0.3px;
}

#dashboard-wrapper .map-content .menu-header .menu-item .map-icon {
  float: left;
  position: relative;
  left: 9px;
  top: -4px;
  margin-left: 5px;
}

#dashboard-wrapper .map-content .menu-header .menu-item .text {
  padding-top: 16px;
  height: 100%;
  border-bottom: 4px solid transparent;
  width: 219px;
  margin: 0px auto;
}

#dashboard-wrapper .map-content .menu-header .menuselected .text {
  border-bottom: 4px solid #6F0881 !important;
}

#dashboard-wrapper .map-content .sectionselected {
  position: relative !important;
  top: 0 !important;
}

#dashboard-wrapper .donut-wrapper .donut {
  background: #fff;
  padding: 15px;
  margin: 15px;
  margin-top: 0px;
  margin-bottom: 0px;
}

#dashboard-wrapper .donut-wrapper .donut:first-child {
  margin-left: 0px;
}

#dashboard-wrapper .donut-wrapper .donut:last-child {
  margin-right: 0px;
}

#dashboard-wrapper .donut-wrapper .donut .graph-section {
  border-bottom: 1px solid #eee;
  height: 80px;
}

#dashboard-wrapper .donut-wrapper .donut .content {
  height: 50%;
  position: relative;
}

#dashboard-wrapper .donut-wrapper .donut .left-content {
  width: 55%;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .graph-name {
  margin-bottom: 12px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .graph-name span {
  font-size: 14px;
  letter-spacing: 0.5px;
  color: #389faf;
  text-transform: uppercase;
  margin-bottom: 2px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .total-trips span {
  font-size: 24px;
  letter-spacing: 2px;
  color: #606060;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .not-dispatched span {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #e32022;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .trip-graph {
  width: 100%;
  overflow: hidden;
  margin: 5px 0;
  border-radius: 15px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .trip-graph .graph-wrapper {
  background: #6F0881;
  height: 4px;
  border-radius: 10px;
}

#dashboard-wrapper .donut-wrapper .donut .right-content {
  width: 103px;
  height: 100px;
  position: absolute;
  right: -8px;
  top: -6px;
}

#dashboard-wrapper .donut-wrapper .donut .data-section {
  padding: 17px 0;
}

#dashboard-wrapper .donut-wrapper .donut .data-section .status {
  width: 50%;
  height: 14px;
  float: left;
  font-size: 11px;
  color: #606060;
  margin-bottom: 13px;
  text-transform: capitalize;
}

#dashboard-wrapper .donut-wrapper .donut .data-section .status .color-palet {
  height: 5px;
  width: 5px;
  border-radius: 10px;
  margin-top: 3px;
  margin-right: 6px;
}

#dashboard-wrapper .resource-donut-wrapper {
  padding-top: 43px;
  height: 373px;
}

#dashboard-wrapper .resource-donut-wrapper .donut.fl.ng-scope {
  width: 33%;
}

#dashboard-wrapper .resource-donut-wrapper .data-section {
  padding: 17px 0;
}

#dashboard-wrapper .resource-donut-wrapper .data-section .status {
  height: 14px;
  font-size: 11px;
  color: #606060;
  margin-bottom: 3px;
  margin-left: 30px;
  text-transform: capitalize;
}

#dashboard-wrapper .resource-donut-wrapper .data-section .status .color-palet {
  height: 5px;
  width: 5px;
  border-radius: 10px;
  margin-top: 3px;
  margin-right: 6px;
}

.map-content .map-labels {
  width: 100%;
  line-height: 20px;
  background: #fff;
}

#prompt-div {
  width: 353px;
  height: 38px;
  background: #474b54;
  position: absolute;
  z-index: 1001;
  display: none;
  top: 140px;
  color: #d0d0d0;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  padding-top: 11px;
}

#prompt-div i {
  margin-right: 11px;
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fff;
}

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

#vehicleList .table-search-wrapper td {
  position: relative !important;
}

#vehicleList .table-search-wrapper td input {
  padding-right: 17px !important;
}

#vehicleList .table-search-wrapper td i {
  top: 14px !important;
  cursor: pointer;
}

#vehicleList th .sort {
  float: right;
  position: relative;
  top: -8px;
}

#vehicleList th .sort i.icon {
  color: #d0d0d0;
  cursor: pointer;
  height: 12px;
}

#vehicleList th small {
  float: left;
  width: 100%;
}

#vehicleList th i.icon:before {
  font-size: 5px;
}

#trackerList .table-search-wrapper td {
  position: relative !important;
}

#trackerList .table-search-wrapper td input {
  padding-right: 17px !important;
}

#trackerList .table-search-wrapper td i {
  top: 14px !important;
  cursor: pointer;
}

#trackerList th .sort {
  float: right;
  position: relative;
  top: -8px;
}

#trackerList th .sort i.icon {
  color: #d0d0d0;
  cursor: pointer;
  height: 12px;
}

#trackerList th small {
  float: left;
  width: 100%;
}

#trackerList th i.icon.icon-dropdown-triangle:before {
  font-size: 5px;
}

#driverList .table-search-wrapper td {
  position: relative !important;
}

#driverList .table-search-wrapper td .table-search-wrapper input {
  padding-right: 17px !important;
}

#driverList .table-search-wrapper td i {
  top: 14px !important;
  cursor: pointer;
}

#driverList th .sort {
  float: right;
  position: relative;
  top: -8px;
}

#driverList th .sort i.icon {
  color: #d0d0d0;
  cursor: pointer;
  height: 12px;
}

#driverList th small {
  float: left;
  width: 100%;
}

#driverList th i.icon:before {
  font-size: 5px;
}

#trackerList .table-search-wrapper td {
  position: relative !important;
}

#trackerList .table-search-wrapper td input {
  padding-right: 17px !important;
}

#trackerList .table-search-wrapper td i {
  top: 14px !important;
  cursor: pointer;
}

#trackerList th .sort {
  float: right;
  position: relative;
  top: -8px;
}

#trackerList th .sort i.icon {
  color: #d0d0d0;
  cursor: pointer;
  height: 12px;
}

#trackerList th small {
  float: left;
  width: 100%;
}

#trackerList th i.icon.icon-dropdown-triangle:before {
  font-size: 5px;
}

#trackerList th i.icon.icon-dropdown-triangle-copy:before {
  font-size: 5px;
}

#tripList .table-search-wrapper td {
  position: relative !important;
}

#tripList .table-search-wrapper td input {
  padding-right: 17px !important;
}

#tripList .table-search-wrapper td i {
  top: 14px !important;
  cursor: pointer;
}

#tripList th .sort {
  float: right;
  position: relative;
  top: -8px;
}

#tripList th .sort i.icon {
  color: #d0d0d0;
  cursor: pointer;
  height: 12px;
}

#tripList th small {
  float: left;
  width: 100%;
}

#tripList th i.icon:before {
  font-size: 5px;
}

#defaultAlertList .table-search-wrapper td {
  position: relative !important;
}

#defaultAlertList .table-search-wrapper td input {
  padding-right: 17px !important;
}

#defaultAlertList .table-search-wrapper td i {
  top: 14px !important;
  cursor: pointer;
}

#defaultAlertList th .sort {
  float: right;
  position: relative;
  top: -8px;
}

#defaultAlertList th .sort i.icon {
  color: #d0d0d0;
  cursor: pointer;
  height: 12px;
}

#defaultAlertList th small {
  float: left;
  width: 100%;
}

#defaultAlertList th i.icon:before {
  font-size: 5px;
}

.date-rangepicker-1 {
  float: right;
  margin: 10px 10px 10px 0px;
  border: 0px;
  outline: 0px;
  background: #474b54;
  color: #fff;
  border-radius: 2px;
  padding: 5px 8px;
  text-align: center;
  min-width: 220px;
  cursor: pointer;
  margin: 0;
  float: left;
  margin-top: -5px;
}

#dashboard-wrapper #mile-resource-wrapper .mile-order-resource-wrapper .donut-content .donut-icon .icon {
  top: 43px !important;
  left: 54px !important;
}

form textarea {
  width: 100%;
  height: 90px;
  border: 1px solid #eee;
  color: #474b54;
  padding-left: 9px;
  margin: 18px 0;
  font-size: 12px;
  padding-top: 12px;
}

table.table.table-hover.table-condensed tbody tr th,
table.table.table-hover.table-condensed thead tr th {
  text-align: left;
}

table.table.table-hover.table-condensed tbody tr th .sort,
table.table.table-hover.table-condensed thead tr th .sort {
  display: inline-block;
}

i.fa:not(.fa-chevron-left) {
  margin-left: 6px;
  position: relative;
  top: -4px;
  font-size: 22px;
}

.table-record-actions ul {
  float: left;
}

.table-wrapper {
  z-index: 99;
}

.table-wrapper .table-record-actions {
  padding: 9px 20px 8px 12px;
}

.table-wrapper .table-record-actions .h30l30 {
  line-height: 29px;
  height: 29px;
  margin-left: 16px;
}

.table-wrapper .table-record-actions .record-action-options.dropdown {
  margin-bottom: 0px;
  margin-right: 0px;
}

.table-wrapper .table-record-actions .record-action-options.dropdown .dropdown-menu {
  border-radius: 2px;
}

.table-wrapper .table-record-actions .record-action-options.dropdown .dropdown-menu li {
  border: 0px;
}

.table-wrapper .table-record-actions .record-action-options.dropdown .dropdown-menu li a {
  height: 40px;
  line-height: 40px;
  display: block;
  box-shadow: 0 1px 0px 0 rgba(105, 119, 151, 0.27);
}

.table-wrapper .table-record-actions .record-action-options>li {
  margin-right: 10px;
  display: block;
  float: left;
  position: relative;
  border-radius: 0px;
  min-width: 87px;
  height: 27px;
  line-height: 27px;
}

.table-wrapper .table-record-actions .record-action-options>li.dropdown-toggle {
  min-width: 67px;
  margin-right: 0px;
}

.table-wrapper .table-record-actions .record-action-options>li a {
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  height: 27px;
  line-height: 27px;
  display: block;
  border-radius: 0px;
  padding: 0px 10px;
  font-size: 11px;
  position: relative;
}

.table-wrapper .table-record-actions .record-action-options>li a .icon {
  font-size: 12px;
}

.table-wrapper .table-record-actions .record-action-options>li a .icon:before {
  font-size: 10px;
  margin-left: 5px;
  position: relative;
  top: -1px;
}

.table-wrapper .table-record-actions .record-action-options>li .hide-overlay {
  content: '';
  position: absolute;
  top: 2px;
  left: -1px;
  right: 0;
  height: 28px;
  min-width: 87px;
  bottom: 6px;
  border-radius: 0px;
  background: rgba(252, 252, 253, 0.67);
  display: block;
  position: absolute;
  cursor: not-allowed;
}

.table-responsive {
  overflow: auto;
  overflow-y: scroll !important;
  max-height: 69vh;
  margin-bottom: 0px;
  border-top: 1px solid #ddd !important;
  border-bottom: 1px solid #ddd !important;
  /* margin-bottom 60px */
}

#vehicleList.table thead tr th {
  padding: 3px 5px;
}

.table tbody tr td:first-child .logiCustomCheck+label {
  top: 8px;
}

.table thead tr:nth-child(2) th:first-child {
  border-top: 0;
}

.table thead tr:nth-child(1) th:first-child {
  border-bottom: 0;
}

.table thead tr th[colspan="3"] {
  text-align: center;
}

.table thead tr:nth-child(3) th {
  border-bottom: 0 !important;
  background: #fff;
}

.table thead tr:nth-child(3) th input {
  width: 100%;
  border: 0;
  outline: none;
  margin-top: 4px;
  margin-bottom: 3px;
  padding-left: 15px;
}

.table thead tr th:first-child {
  text-align: center;
}

.table tbody tr.selected td {
  background-color: #e3f9fa;
}

.table tbody tr td:not(.origin):not(.destination):not(.deliveryType) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.table tbody tr.record .edit-btn {
  display: none;
}

.table tfoot tr {
  background: #fff;
}

.table tfoot tr td {
  text-align: center;
}

.table thead tr th {
  padding: 8px 10px !important;
  vertical-align: middle !important;
  font-weight: 500;
  white-space: normal;
}

.table tbody tr td,
.table tbody tr th {
  padding: 4px 10px !important;
  line-height: 1em;
  position: relative;
  vertical-align: middle !important;
  font-size: 13px;
}

.table:not(#modalTripDetails) tbody tr td:first-child,
.table:not(#modalTripDetails) tbody tr th:first-child {
  text-align: center;
  overflow: visible !important;
}

.table tbody tr td .input-sm,
.table tbody tr th .input-sm {
  width: 100%;
  border: 0px;
  outline: 0px;
  border-radius: 0px;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.table tbody tr td .input-sm:focus,
.table tbody tr th .input-sm:focus,
.table tbody tr td .input-sm:hover,
.table tbody tr th .input-sm:hover {
  outline: 0;
}

.table tbody tr td span,
table tbody tr td div:not(.ui-select-choices-row):not(.ui-select-container):not(.logi-multiselect):not(.gantt-header-columns):not(.gantt):not(.gantt-side):not(.gantt-scrollable-header):not(.gantt-row):not(.gantt-header-row):not(.gantt-column-header):not(.gantt-inner):not(.draggable-cell-dropdown):not(.draggable-cell-dropdown div):not(.pp__loc-restriction__cell):not(.pp__loc-restriction__cell div):not(.pp__loc-restriction__actions):not(.pp__loc-restriction__actions div),
.table tbody tr th span {
  font-size: 11px;
  overflow: hidden;
  width: 100%;
  vertical-align: middle !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}

.table tbody tr td a,
.table tbody tr th a {
  font-size: 11px;
  display: block;
  width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.table tbody tr td .icon.icon-search2,
.table tbody tr th .icon.icon-search2 {
  position: absolute;
  right: 10px;
  top: 20px;
  opacity: 0.8;
}

.ui-grid-row .edit-btn {
  display: none;
}

.table tbody tr.record .STARTED.edit-btn .icon,
.table tbody tr.record .NOTSTARTED.edit-btn .icon,
.table tbody tr.record .Available.edit-btn .icon,
.ui-grid-row .STARTED.edit-btn .icon,
.ui-grid-row .NOTSTARTED.edit-btn .icon,
.ui-grid-row .Available.edit-btn .icon {
  text-align: center;
}

.table tbody tr.record .STARTED.edit-btn .icon:before,
.table tbody tr.record .NOTSTARTED.edit-btn .icon:before,
.table tbody tr.record .Available.edit-btn .icon:before,
.ui-grid-row .STARTED.edit-btn .icon:before,
.ui-grid-row .NOTSTARTED.edit-btn .icon:before,
.ui-grid-row .Available.edit-btn .icon:before {
  font-size: 16px;
}

.table tbody tr.record:hover .STARTED,
.table tbody tr.record:hover .NOTSTARTED,
.table tbody tr.record:hover .Available,
.ui-grid-row:hover .STARTED,
.ui-grid-row:hover .NOTSTARTED,
.ui-grid-row:hover .Available {
  display: inline;
}

.table tbody tr.record:hover .STARTED.edit-btn,
.table tbody tr.record:hover .NOTSTARTED.edit-btn,
.table tbody tr.record:hover .Available.edit-btn,
.ui-grid-row:hover .STARTED.edit-btn,
.ui-grid-row:hover .NOTSTARTED.edit-btn,
.ui-grid-row:hover .Available.edit-btn,
.ui-grid-row:hover .edit-outlet.edit-btn {
  display: block !important;
}

#tripTable .ui-grid-row div .ui-grid-cell:first-child,
#tripTable .ui-grid-header-cell-row .ui-grid-header-cell:first-child {
  text-align: center;
}

#tripTable .ui-grid-menu {
  right: 32px;
}

.ui-select-container.input-sm {
  position: absolute;
  margin-left: 12px;
  margin-top: -24px;
  max-width: 92px !important;
  border-bottom: 0px !important;
}

.pagination {
  margin: 0;
  margin-top: 4px;
}

.pagination>li button {
  border-radius: 2px;
  font-size: 13px;
  outline: none;
}

.pagination>li button:focus {
  outline: none;
}

.pagination>li.active:hover,
.pagination>li.active:focus {
  background-color: transparent;
  color: #000;
}

.pagination>li.active a,
.pagination>li.active span {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.pagination>li.active a:hover,
.pagination>li.active span:hover,
.pagination>li.active a:focus,
.pagination>li.active span:focus {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.pagination>li.active a.page-num,
.pagination>li.active span.page-num {
  background: transparent;
  border-color: transparent;
}

.pagination>li a,
.pagination>li span {
  border-radius: 4px;
  margin-left: 5px;
  padding: 5px 7px;
  line-height: 9px;
  color: #000;
}

.pagination>li a .icon:before,
.pagination>li span .icon:before {
  font-size: 13px;
}

.pagination>li a.page-num,
.pagination>li span.page-num {
  background: transparent;
  border-color: transparent;
}

ol,
ul {
  list-style: none;
}

.pagination-buttons input[type="button"] {
  border-radius: 1px;
  font-size: 13px;
  display: inline-block;
  outline: none;
}

.header-icons {
  padding: 5px 16px;
  cursor: pointer;
}

@media print {
  table {
    border-collapse: collapse;
    border: 1px solid #000;
    width: 100%;
    font-size: 50%;
    zoom: 40%;
    word-break: break-word;
  }
}

.printDiv {
  display: block;
}

table tbody tr td .searchIcon,
table thead tr td .searchIcon,
table tbody tr th .searchIcon,
table thead tr th .searchIcon {
  position: relative;
}

table tbody tr td .searchIcon .icon.icon-search2,
table thead tr td .searchIcon .icon.icon-search2,
table tbody tr th .searchIcon .icon.icon-search2,
table thead tr th .searchIcon .icon.icon-search2 {
  position: absolute;
  top: 0px;
  left: 0px;
  color: #abacba;
}

table.table.table-hover.table-condensed thead th,
table.table.table-hover.table-condensed tr th {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  color: #46465f;
  font-size: 13px;
  text-align: left;
  position: relative;
}

table.table.table-hover.table-condensed thead th.isAttandanceFl,
table.table.table-hover.table-condensed tr th.isAttandanceFl {
  text-align: center;
}

table.table.table-hover.table-condensed thead th.trackNow,
table.table.table-hover.table-condensed tr th.trackNow {
  text-align: center;
}

.row .geocodingTable .table-responsive table thead {
  visibility: visible !important;
}

.check {
  visibility: visible !important;
}

.Offline {
  color: #de5364 !important;
  margin-right: 5px;
}

.Idle {
  color: #eccc0a !important;
  margin-right: 5px;
}

.Online {
  color: #6F0881 !important;
  margin-right: 5px;
}

.logiCustomCheck#Offline:checked+label:after {
  color: #de5364 !important;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.logiCustomCheck#Online:checked+label:after {
  color: #6F0881 !important;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.logiCustomCheck#Idle:checked+label:after {
  color: #eccc0a !important;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.table.table-condensed.table-hover.angular-ui-tree.ng-scope thead {
  visibility: visible !important;
}

.table.table-condensed.table-hover.angular-ui-tree.ng-scope.clone {
  overflow: visible !important;
}

.hide {
  display: none;
}

.downloadSDLR:before {
  width: 6px;
  height: 6px;
  content: '';
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  right: 14px;
}

.downloadSDLR ul li {
  padding: 20px 15px;
  min-width: 480px;
}

.downloadSDLR ul li .dateType {
  font-weight: normal;
  padding-left: 5px;
}

.downloadExcelBtn {
  padding: 15px 0px;
}

.table-striped>tbody>tr:nth-of-type(odd):hover {
  background: #f00;
}

.tableHeader {
  height: 72px !important;
  transition: top 0.2s ease-in-out;
  z-index: 98;
}

.tableBody {
  margin-top: 72px !important;
}

.nav-up {
  margin-top: -40px !important;
  transition: top 0.2s ease-in-out;
}

.nav-down {
  margin-top: 40px !important;
  transition: top 0.2s ease-in-out;
}

.tableBody {
  padding-top: 40px !important;
}

.searchRows {
  border-top: 2px solid #fff;
  border-bottom: 1px solid #e1e6ef;
}

.searchRows th {
  border-top: 2px solid #fff !important;
  border-bottom: 1px solid #e1e6ef !important;
}

.table-top-margin {
  margin-top: 40px;
}

table thead tr th:nth-child(2) .icon-search2,
table thead .searchRows th:nth-child(2) .icon-search2 {
  display: block !important;
}

table thead tr th:not(:nth-child(2)) .icon-search2,
table thead .searchRows th:not(:nth-child(2)) .icon-search2 {
  display: none !important;
}

.searchRows th,
.searchRows td {
  border-bottom: 0 !important;
  background: #fff;
}

.searchRows th:not(:nth-child(1)) .icon-search2,
.searchRows td:not(:nth-child(1)) .icon-search2 {
  display: none !important;
}

.searchRows th input,
.searchRows td input {
  width: 100%;
  border: 0;
  outline: none;
  margin-top: 4px;
  margin-bottom: 3px;
  padding-left: 15px;
  border-bottom: 1px solid #abacba !important;
}

.searchRows th .searchIcon.trackerSearch,
.searchRows td .searchIcon.trackerSearch {
  position: absolute;
  left: 13px;
  color: #abacba;
}

table#tripSummaryList thead tr th:nth-child(1) .icon-search2,
table#tripSummaryList thead .searchRows th:nth-child(1) .icon-search2 {
  display: block !important;
}

table#tripSummaryList thead tr th:not(:nth-child(1)) .icon-search2,
table#tripSummaryList thead .searchRows th:not(:nth-child(1)) .icon-search2 {
  display: none !important;
}

.mapview-trip-haul #tripTable table thead tr th:nth-child(1) .icon-search2,
.mapview-trip-haul #tripTable table thead .searchRows th:nth-child(1) .icon-search2 {
  display: block !important;
}

.mapview-trip-haul #tripTable table thead tr th:not(:nth-child(1)) .icon-search2,
.mapview-trip-haul #tripTable table thead .searchRows th:not(:nth-child(1)) .icon-search2 {
  display: none !important;
}

.table-top-margin.card table thead tbody tr td {
  overflow: visible;
}

.table-condensed>tbody>tr>td.milkRun {
  font-size: 11px;
  overflow: hidden;
}

.table-wrapper.row.col-md-12 {
  position: absolute;
  top: 40px;
}

.main-controller-wrapper-tracker .table-wrapper.card,
.main-controller-wrapper-route .table-wrapper.card {
  max-height: 483px !important
    /* FOR TRACKER, R-CONFIG TABLE*/
  ;
  overflow: scroll;
}

.tracker-table-header.row.col-md-12,
.rconfig-table-header.row.col-md-12,
.set-alerts-table-header.row.col-md-12,
.geofence-table-header.row.col-md-12 {
  position: absolute;
  z-index: 99;
}

#trackerList.table.table-condensed.table-hover thead tr th:first-child {
  width: 160px;
  text-align: left;
}

#trackerList.table.table-condensed.table-hover tbody tr td:first-child {
  text-align: left;
}

.set-alerts-table-header.row.col-md-12 {
  width: 99%;
}

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

.max-height-table {
  max-height: 483px !important;
  overflow: scroll;
}

.analyticsBadge .table-wrapper.row.col-md-12 {
  margin-left: 0px;
  margin-top: -40px;
  border: 0px;
  border-top: 1px;
  border-bottom: 1px solid #ddd;
}

.pagination-buttons.h30l30 .record-action-options-right {
  margin: 0px 0px;
}

.noDataAvailable {
  color: #808080;
  padding: 10px;
  font-size: 11px;
}

.table {
  margin-bottom: 0px !important;
}

table.table tbody tr td.noOfItems {
  text-align: center;
}

.print-div-table table,
.print-div-table th,
.print-div-table td,
.print-div-table tr {
  border: 1px solid #000 !important;
}

.saveMoreOption {
  margin-top: 15px;
}

.geocodingTable .logiTable .table-responsive.shift-table-top-40 {
  margin-top: 88px !important;
}

#drsTableData .table.table-condensed thead tr th.itemCount {
  text-align: center;
}

#drsTableData .table.table-condensed tbody tr td.itemCount {
  text-align: center;
}

#geofenceList .table-search-wrapper td {
  background: #fff;
}

.shift-little-up {
  margin-top: -5px;
}

#notDispatchedModal .modal-body .table-record-actions {
  display: none !important;
}

.shift-table-top-reset {
  margin-top: 0px !important;
}

.outletMasterList .table tbody tr td:not(.origin):not(.destination):not(.deliveryType) {
  min-height: 75px !important;
  height: 75px !important;
}

.outletMasterList .milkrun-table-body {
  border-bottom: 2px solid #c1c1c1 !important;
}

.weeklyPlan {
  text-align: center !important;
}

.weeklyPlan:first {
  border-top: 2px solid #009dff !important;
}

th.weeklyPlan#monday,
th.weeklyPlan.monday {
  border-left: 2px solid #009dff !important;
}

th.weeklyPlan#sunday,
th.weeklyPlan.sunday {
  border-right: 2px solid #009dff !important;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body .calendarTabSelected {
  text-align: center !important;
  background: #f3ffcc !important;
  padding: 5px !important;
  border: 1px solid rgba(177, 119, 31, 0.14) !important;
  font-size: 10px !important;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body .calendarTabSelected .icon:before {
  font-size: 9px;
  color: #6F0881 !important;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body .calendarUnassigned {
  color: #f00 !important;
  font-style: italic;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body .calendarUnassigned .icon:before {
  font-size: 9px;
  color: #f00 !important;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body .calendarTabSelectedBeatMaster {
  text-align: center !important;
  background: #f3ffcc !important;
  padding: 5px !important;
  border: 1px solid rgba(177, 119, 31, 0.14) !important;
  font-size: 10px !important;
}

.outletMasterList table tbody tr .monday {
  border-left: 2px solid #009dff !important;
}

.outletMasterList table tbody tr .sunday {
  border-right: 2px solid #009dff !important;
}

.weeklyPlanTop {
  border-top: 2px solid #009dff !important;
  border-left: 2px solid #009dff !important;
  border-right: 2px solid #009dff !important;
}

.ui-select-container {
  background: #fff !important;
}

.selectDb-edit {
  border: 1px solid #979797;
  min-width: 120px !important;
}

.milkrun-table-body .edit-outlet.edit-btn {
  display: none;
}

.milkrun-table-body tr.record:hover .edit-outlet.edit-btn {
  display: block !important;
}

.outletMasterList table thead tr th .logiCustomCheck+label {
  margin-left: 3% !important;
}

.beatMasterList.outletMasterList table thead tr th .logiCustomCheck+label {
  margin-left: 4% !important;
}

.paginationBtnDisabled {
  opacity: 0.3;
  cursor: not-allowed !important;
}

table thead tr th.checkboxColumn {
  padding: 0px !important;
  text-align: center !important;
  width: 70px !important;
}

table thead tr th.checkboxColumn .logiCustomCheck+label {
  margin: 0px !important;
  position: relative !important;
  top: 20px !important;
  z-index: 50 !important;
}

table thead tr th.checkboxColumn.smallHeaderRow .logiCustomCheck+label {
  top: 3px !important;
}

table tbody tr td:first-of-type .logiCustomCheck+label {
  margin: 0px 0px 0px 0px !important;
}

.clientActivityTable .table tbody tr td:first-child,
.clientDetailTable .table tbody tr td:first-child {
  text-align: left;
}

.disabledTblBtn {
  background-color: #c8c8c8 !important;
  pointer-events: none;
}

.marker.tip {
  margin-left: -80%;
}

.milkrun-table-body-wrapper .tbodyBlueBg {
  background: #f6f9fd !important;
}

.milkrun-table-body-wrapper .tbodyWhiteBg {
  background: #fff !important;
}

.milkrun-table-body-wrapper tr:nth-of-type(odd),
.milkrun-table-body-wrapper tr:nth-of-type(odd) td:not(.milkRun) {
  background: #fff !important;
}

.milkrun-table-body-wrapper tr:nth-of-type(even),
.milkrun-table-body-wrapper tr:nth-of-type(even) td:not(.milkRun) {
  background: #f6f9fd !important;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body td.align-center.monday.calendarTab {
  border-left: 2px solid #009dff !important;
}

.milkrun-table-body-wrapper.outletMasterList .milkrun-table-body td.align-center.sunday.calendarTab {
  border-right: 2px solid #009dff !important;
}

.changeViewLoading {
  background: url(/product/assets/Table-Template.f66ab7ff2a135eb70b60.svg) no-repeat;
  height: 420px;
  margin-top: -50px;
  margin-left: -5px;
  background-size: cover;
  background-position: center;
}

#mileTripHistTabs .mileTripHistTabContent .table-responsive .head .head {
  overflow: hidden !important;
  max-height: none !important;
}

.main-controller-wrapper-deliverymedium .col-md-5 #deliveryMediumTable tbody tr td:first-of-type .logiCustomCheck+label {
  top: 3px !important;
}

table tbody tr td div.checkPromptMsg {
  position: absolute;
  top: -37px;
  left: 50px;
  z-index: 1000;
  white-space: normal !important;
  width: 328px !important;
  overflow: visible !important;
  background-color: #fff;
  box-shadow: 0 4px 10px 0 rgba(65, 65, 92, 0.5);
  border: solid 1px #dadfea;
  text-align: left;
}

table tbody tr td div.checkPromptMsg:before {
  position: absolute;
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 5px solid transparent;
  top: 42px;
  left: -10px;
}

table tbody tr td div.checkPromptMsg .text {
  white-space: normal !important;
  overflow: visible !important;
  text-align: left;
  padding: 20px 30px;
}

#plannedTripsTable .table tbody tr td:first-child .logiCustomCheck+label {
  top: 3px;
}

input[type="checkbox"][disabled].saveToMaster.logiCustomCheck+label {
  background-color: #6F0881;
  border-color: #4c8ec9;
}

.geofenceSelectedVals.label-saveToMaster {
  width: 135px;
}

.logiCustomCheck.saveToMaster:checked+label:after {
  top: -7px;
}

.noDataTemplate_wrapper .vertical-alignment-helper {
  pointer-events: auto;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_bigImage {
  min-height: 250px !important;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin-bottom: 20px !important;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_description {
  padding: 20px;
  min-height: 50px !important;
  font-size: 16px !important;
  text-align: center;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_bigButton {
  min-height: 50px !important;
  width: 100%;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_bigButton .logiFormActionButtons {
  width: auto !important;
  margin: auto !important;
  text-align: center;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline {
  /* border 1px solid gray */
  min-height: 100px;
  width: 100%;
  margin-top: 40px;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul {
  max-width: 70%;
  height: auto;
  margin: auto;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li {
  display: inline;
  float: left;
  position: relative;
  /* border 2px solid red */
  text-align: center;
  font-size: 14px;
  width: 200px;
  height: auto;
  margin-right: 50px;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li .timelineElement_image {
  opacity: 0.3;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li:before {
  content: url(/product/assets/arrow_line.7dffcbc7ea41849fb047.png);
  position: absolute;
  top: 50%;
  left: 95%;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li:last-of-type {
  margin-right: 0px;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li:last-of-type:before {
  content: none !important;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li.selected .timelineElement_image {
  opacity: 1;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li.selected .timelineElement_content {
  font-family: 'Gotham-Rounded-Medium' !important;
  color: #46465f;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li .timelineElement_image {
  width: 200px;
  height: 100px;
  position: relative;
  /* border 1px solid gray */
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.noDataTemplate_wrapper .vertical-alignment-helper .noDataTemplate_timeline ul li .timelineElement_content {
  width: 200px;
  margin-top: 10px;
  color: #6F0881;
}

.col-md-5 .noDataTemplate_timeline {
  display: none !important;
}

@-moz-document url-prefix() {
  .table {
    border-collapse: separate;
  }
}

#vehicleTimelineTableData .table-striped>tbody>tr:nth-of-type(odd) {
  background-color: #fff;
}

#vehicleTimelineTableData .gantt {
  margin-top: 0px !important;
}

.routePlanningTable .table tbody tr.record .STARTED.edit-btn,
.routePlanningTable .table tbody tr.record .NOTSTARTED.edit-btn,
.routePlanningTable .table tbody tr.record .Available.edit-btn {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.table tbody tr td.deliveryType {
  overflow: visible !important;
}

.table tbody tr td.deliveryType span {
  overflow: visible !important;
}

.planningResultsTripAssign .table-responsive.shift-table-top-40 {
  max-height: none !important;
  height: auto !important;
  overflow-x: visible !important;
  overflow-y: visible !important;
  overflow: visible !important;
}

.permission_false {
  display: none;
}

#defaultAlertTableDiv .settings a {
  width: 20%;
  display: inline-block;
}

#defaultAlertTableDiv td.settings {
  text-align: center;
}

#orderTable .table-responsive {
  overflow: hidden !important;
}

#orderTable .table-responsive #orderWrapper,
#orderTable .table-responsive #order-geoding-modal,
#orderTable .table-responsive #js-bulkUpdateModal,
#orderTable .table-responsive #order-deliveryProof-modal,
#orderTable .table-responsive #order_tripAssignPopup,
#orderTable .table-responsive #commonSettingsModal,
#orderTable .table-responsive #notifyModal,
#orderTable .table-responsive #geocodingModal {
  overflow: auto !important;
}

.logiTable-inlineStyle1 {
  margin-left: 30px;
  margin-right: 30px;
  border: 1px solid #e1e6ef;
  font-weight: bold;
}

.logiTable-inlineStyle2 {
  clear: both;
  maegin-left: -30px;
  margin-top: -40px;
  margin-bottom: 12px;
}

@media (min-width: 768px) {
  table:not(.secondSubMenuTable) {
    table-layout: fixed;
  }
}

form .logi-multicheckselect .dropdown-multiselect {
  width: 100%;
}

form .logi-multicheckselect .dropdown-multiselect .dropdown-toggle {
  width: 100%;
  border: 0px;
}

form .logi-multicheckselect .dropdown-multiselect .dropdown-toggle:hover {
  background: transparent;
  z-index: 0 !important;
}

form .logi-multicheckselect .dropdown-menu {
  width: 100%;
}

form .logi-multicheckselect .dropdown-menu li a {
  box-shadow: none;
}

form .logi-multicheckselect .dropdown-menu li a .glyphicon {
  display: none;
}

form .logi-multicheckselect .checkboxInput {
  margin: -12px 0px 0px 570px !important;
}

form .logi-multicheckselect .dropdown-header {
  padding: 0px 20px;
}

form .logi-multicheckselect .dropdown-header .form-control {
  margin: 0px !important;
}

form .logi-multicheckselect .dropdown-menu li a:hover {
  background: #eff8ff;
}

.logi-customfreqselect .spinner input {
  text-align: right;
}

.logi-customfreqselect .input-group-btn-vertical {
  position: relative;
  white-space: nowrap;
  width: 2%;
  vertical-align: middle;
  display: table-cell;
}

.logi-customfreqselect .input-group-btn-vertical>.btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
  padding: 0px 8px 15px 5px;
  margin-left: -1px;
  position: relative;
  border-radius: 0;
}

.logi-customfreqselect .input-group-btn-vertical>.btn:first-child {
  border: 0px;
}

.logi-customfreqselect .input-group-btn-vertical>.btn:last-child {
  margin-top: -2px;
  border: 0px;
}

.logi-customfreqselect .input-group-btn-vertical i {
  position: absolute;
  top: 3px;
  left: -3px;
  color: #42425c;
}

.fileViewUploader {
  width: 285px;
  height: 30px;
  opacity: 0;
  overflow: hidden;
  z-index: -1;
  border: 1px solid #6F0881;
}

.fileViewUploader+label {
  font-size: 12px;
  color: #6F0881;
  display: inline-block;
  width: 285px;
  height: 30px;
  border: 1px solid #6F0881;
  text-align: center;
  cursor: pointer;
}

.fileViewUploaderLabel {
  padding: 5px;
  margin-top: 10px;
}

.fileViewUploaderView {
  margin-top: 16px;
}

.fileViewUploaderNote {
  font-size: 10px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #a2a2af;
  margin-top: 10px;
}

.fileViewUploaderTitle {
  width: 117px;
  height: 15px;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.3px;
  color: #000;
  margin-top: 10px;
}

.zoneSurcharge .rate-chart-zone {
  width: 320px;
}

.zoneSurchargeModal .has-error~.errorInfoTip:before {
  right: -2px;
}

.zoneSurchargeModal .has-error~.errorInfoTip:after {
  right: 0px;
}

.zoneSurchargeModal .has-error~.errorInfoTip:hover .logiErrorMessages {
  right: -8px;
}

.zoneSurchargeModal.logi-modal .modal-dialog.modal-lg {
  width: 791px;
}

.zoneSurchargeModal .zoneSurchargeForm .form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.zoneSurchargeModal .zoneSurchargeForm .form .col-md-3 {
  min-width: 220px;
  width: 100%;
  padding: 0px 5px;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions {
  width: 14px;
  height: 14px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  padding-left: 8px;
  border-radius: 50%;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions.action-remove {
  border: 1px solid #f00;
  color: #f00;
  cursor: pointer;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions.action-add {
  border: 1px solid #6F0881;
  background-color: #6F0881;
  color: #fff;
  cursor: pointer;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions.action-add.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.zoneTaxModal .has-error~.errorInfoTip:before {
  right: -2px;
}

.zoneTaxModal .has-error~.errorInfoTip:after {
  right: 0px;
}

.zoneTaxModal .has-error~.errorInfoTip:hover .logiErrorMessages {
  right: -8px;
}

.zoneTaxModal.logi-modal .modal-dialog.modal-lg {
  width: 791px;
}

.zoneTaxModal .zoneTaxForm .form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.zoneTaxModal .zoneTaxForm .form .col-md-3 {
  min-width: 330px;
  width: 100%;
  padding: 0px 5px;
}

.zoneTaxModal .zoneTaxForm .form .ruleActionsContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.zoneTaxModal .zoneTaxForm .form .ruleActionsContainer .ruleActions {
  width: 14px;
  height: 14px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  padding-left: 8px;
  border-radius: 50%;
}

.zoneTaxModal .zoneTaxForm .form .ruleActionsContainer .ruleActions.action-remove {
  border: 1px solid #f00;
  color: #f00;
  cursor: pointer;
}

.zoneTaxModal .zoneTaxForm .form .ruleActionsContainer .ruleActions.action-add {
  border: 1px solid #6F0881;
  background-color: #6F0881;
  color: #fff;
  cursor: pointer;
}

.zoneTaxModal .zoneTaxForm .form .ruleActionsContainer .ruleActions.action-add.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.zoneSurchargeModal .has-error~.errorInfoTip:before {
  right: -2px;
}

.zoneSurchargeModal .has-error~.errorInfoTip:after {
  right: 0px;
}

.zoneSurchargeModal .has-error~.errorInfoTip:hover .logiErrorMessages {
  right: -8px;
}

.zoneSurchargeModal.logi-modal .modal-dialog.modal-lg {
  width: 791px;
}

.zoneSurchargeModal .zoneSurchargeForm .form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.zoneSurchargeModal .zoneSurchargeForm .form .col-md-3 {
  min-width: 330px;
  width: 100%;
  padding: 0px 5px;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions {
  width: 14px;
  height: 14px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  padding-left: 8px;
  border-radius: 50%;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions.action-remove {
  border: 1px solid #f00;
  color: #f00;
  cursor: pointer;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions.action-add {
  border: 1px solid #6F0881;
  background-color: #6F0881;
  color: #fff;
  cursor: pointer;
}

.zoneSurchargeModal .zoneSurchargeForm .form .ruleActionsContainer .ruleActions.action-add.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.width100 {
  width: 100%;
}

.smallIcon:before {
  font-size: 3px !important;
  color: #606060;
}

#nzTour-box-wrap {
  min-height: 190px;
  transition: height 200ms !important;
}

#nzTour-box-wrap #nzTour-box {
  background: transparent;
  backdrop-filter: blur(5px);
  color: #fff;
  padding: 30px !important;
  border: 1px solid #fff;
  border-radius: 6px;
  text-align: center;
  min-width: 370px;
}

#nzTour-box-wrap #nzTour-box #nzTour-inner-content {
  font-size: 13px;
  font-family: 'Roboto' !important;
  text-align: center;
  margin-top: 20px;
  font-weight: lighter;
  color: #bdbdbd;
  font-family: 'Gotham-Rounded' !important;
  margin-bottom: 20px;
}

#nzTour-box-wrap #nzTour-box #nzTour-inner-content #nzTour-inner-content-heading {
  text-align: center;
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-bottom: 20px;
  font-size: 16px;
  color: #fff;
  font-weight: normal;
}

#nzTour-box-wrap #nzTour-box #nzTour-actions {
  margin-bottom: 15px;
  width: 180px;
  float: right;
  margin-right: 10px;
}

#nzTour-box-wrap #nzTour-box #nzTour-actions button {
  min-width: 60px;
  border-radius: 1px;
  font-size: 12px;
}

#nzTour-box-wrap #nzTour-box #nzTour-actions #nzTour-next {
  background-color: #e32022;
  float: right;
}

#nzTour-box-wrap #nzTour-box #nzTour-actions #nzTour-previous {
  border: 1px solid;
  background-color: transparent;
  position: absolute;
  right: 120px;
  margin: 0;
}

#nzTour-box-wrap #nzTour-box #nzTour-actions #pagination_cm {
  width: 60px;
  min-height: 20px;
  font-size: 12px;
  position: absolute;
  padding-top: 4px;
  right: 60px;
}

#nzTour-box-wrap #nzTour-box #nzTour-close {
  top: 6px;
  right: 13px;
  background: transparent;
  font-size: 12px;
  margin: 5px;
}

#nzTour-box-wrap #nzTour-box #nzTour-skip-tour {
  z-index: 10000;
  font-size: 12px;
  position: absolute;
  bottom: 26px;
  left: 30px;
  background: transparent;
  color: #b5b5b5;
}

.tripStatsDonutBadge .nv-pieChart {
  transform: translate(0px, 100px);
}

.tripStatsDonutBadge.dashboard-delivery.fourthCard .nv-pieChart,
.tripStatsDonutBadge.dashboard-pickup.fourthCard .nv-pieChart {
  transform: translate(0px, 120px);
}

.tripStatsDonutBadge.dashboard-delivery .nv-series:nth-child(1),
.tripStatsDonutBadge.dashboard-pickup .nv-series:nth-child(1) {
  transform: translate(0, 0);
}

.tripStatsDonutBadge.dashboard-delivery .nv-series:nth-child(2),
.tripStatsDonutBadge.dashboard-pickup .nv-series:nth-child(2) {
  transform: translate(0, 20px);
}

.tripStatsDonutBadge.dashboard-delivery .nv-series:nth-child(3),
.tripStatsDonutBadge.dashboard-pickup .nv-series:nth-child(3) {
  transform: translate(0, 40px);
}

.tripStatsDonutBadge.dashboard-delivery .nv-series:nth-child(7),
.tripStatsDonutBadge.dashboard-pickup .nv-series:nth-child(7) {
  transform: translate(170px, 60px);
}

.dashoard-map-legends.map-display-options,
.map-display-options {
  margin: 7px 0px 0px 0px;
}

.dashoard-map-legends.map-display-options li,
.map-display-options li {
  border-right: 0;
  padding: 5px 15px;
}

.dashoard-map-legends.map-display-options li label,
.map-display-options li label {
  font-size: 12px;
  margin: 5px 2px;
}

.dashoard-map-legends.map-display-options li label.mL5,
.map-display-options li label.mL5 {
  margin-left: 5px;
}

.tripStatsDonutBadge.dashboard-delivery.fourthCard .nv-pieChart,
.tripStatsDonutBadge.dashboard-pickup.fourthCard .nv-pieChart {
  transform: translate(0px, 100px) !important;
}

#map-canvas-trip-1,
#map-canvas-trip-2,
#map-canvas-trip-3,
#map-canvas-trip-4,
#map-canvas-trip-5,
#dashboard-wrapper #map-canvas,
#map-canvas-tracker {
  height: 300px !important;
}

#dashboard-wrapper .resourceSection .dashboard-delivery {
  height: 212px !important;
  margin-bottom: 15px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .resourceSection .dashboard-delivery.tripStatsDonutBadge {
  height: calc(222px - 11px) !important;
  min-height: 0 !important;
  margin-bottom: 0 !important;
}

#dashboard-wrapper.controlTowerFl {
  padding-bottom: 0px !important;
}

#dashboard-wrapper.controlTowerFl section {
  margin-bottom: 0px !important;
}

#dashboard-wrapper.controlTowerFl .pageHeader {
  position: fixed !important;
  z-index: 9000;
  background: #fff;
  width: 100vw;
  margin: 0px !important;
  top: 0px !important;
  /* border 3px solid red */
  padding-top: 20px;
  padding-left: 37px;
  min-height: 60px;
}

#dashboard-wrapper.controlTowerFl .pageHeader .heading {
  font-size: 28px !important;
}

#dashboard-wrapper.controlTowerFl .pageHeader .heading form.form {
  position: absolute !important;
  top: 10px !important;
  right: 30px !important;
}

#dashboard-wrapper.controlTowerFl .controlTowerSection {
  margin-top: 50px !important;
  height: calc(100vh) !important;
  overflow: hidden;
}

#dashboard-wrapper.controlTowerFl .centerContent {
  padding-bottom: 0px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .subPageHeader {
  font-size: 22px !important;
  margin-bottom: 10px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .donut.card.fl.haul-card {
  min-height: 38vh !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .donut.card.fl.haul-card .graph-name span {
  font-size: 18px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .donut.card.fl.haul-card .not-dispatched span {
  font-size: 16px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .donut.card.fl.haul-card .data-section {
  width: 90% !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .donut.card.fl.haul-card .data-section .status {
  font-size: 15px !important;
  margin-bottom: 18px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .donut.card.fl.haul-card svg {
  transform: translateX(-50%) !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .trip-table ul.menu-items .item {
  font-size: 13px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .trip-table ul.menu-items .item li {
  font-size: 16px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .trip-table ul.data-fluid li {
  overflow: hidden;
  padding: 10px;
  text-overflow: ellipsis;
}

#dashboard-wrapper.controlTowerFl .centerContent .trip-table #pagination-dashboard-table {
  font-size: 13px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .trips-active-data .trip-graph ul.header-menu,
#dashboard-wrapper.controlTowerFl .centerContent .menu-header {
  height: 10vh !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .trips-active-data .trip-graph ul.header-menu li,
#dashboard-wrapper.controlTowerFl .centerContent .menu-header li {
  font-size: 16px;
  line-height: 30px;
  height: 100%;
}

#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-trip-1,
#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-trip-2,
#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-trip-3,
#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-trip-4,
#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-trip-5,
#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-dbl {
  height: 65vh !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .graphs-container .graph,
#dashboard-wrapper.controlTowerFl .centerContent .graphs-container .graph1,
#dashboard-wrapper.controlTowerFl .centerContent .graphs-container .graph2,
#dashboard-wrapper.controlTowerFl .centerContent .graphs-container .graph3,
#dashboard-wrapper.controlTowerFl .centerContent .graphs-container .graph4,
#dashboard-wrapper.controlTowerFl .centerContent .graphs-container .graph5 {
  height: auto !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .dashoard-map-legends.map-display-options li label,
#dashboard-wrapper.controlTowerFl .centerContent .map-display-options li label {
  font-size: 16px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .trip-graph .map-labels,
#dashboard-wrapper.controlTowerFl .centerContent .map-content .map-labels {
  height: 3vh !important;
  line-height: 3vh !important;
}

#dashboard-wrapper.controlTowerFl .centerContent #map-canvas,
#dashboard-wrapper.controlTowerFl .centerContent #map-canvas-tracker {
  height: 65vh !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .resource-tracker-status .graph-name {
  margin: 0px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .resource-tracker-status .data-section {
  padding: 10px 0px !important;
  width: 65% !important;
  margin: auto !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .resource-tracker-status .data-section .status {
  width: 100% !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .map-content.card .menu-header .text {
  font-size: 20px;
  line-height: 20px;
  padding-top: 25px;
}

#dashboard-wrapper.controlTowerFl .centerContent .map-content.card .menu-header .menuselected {
  background: #f6f9fd;
  box-shadow: 0px 0px 9px rgba(128, 128, 128, 0.56);
}

#dashboard-wrapper.controlTowerFl .centerContent .tripStatsDonutBadge {
  min-height: calc(320px - 15px) !important;
  margin-bottom: 15px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .tripStatsDonutBadge .graph-name span {
  font-size: 18px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .tripStatsDonutBadge .not-dispatched span {
  font-size: 16px !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .tripStatsDonutBadge .data-section {
  width: 90% !important;
}

#dashboard-wrapper.controlTowerFl .centerContent .tripStatsDonutBadge .data-section .status {
  font-size: 15px !important;
  margin-bottom: 18px !important;
}

#controlTower_panel {
  position: fixed;
  height: 13vh;
  min-height: 80px;
  /* background rgba(255, 255, 255, 0.98) */
  background: #6F0881 !important;
  bottom: 0px;
  z-index: 9000 !important;
  box-shadow: 0px -7px 30px #808080;
  overflow: hidden;
  text-align: center;
  width: 100vw;
  color: #808080;
}

#controlTower_panel #controlTower_progress {
  width: 0px;
  position: relative;
  height: 4px;
  background: rgba(0, 0, 0, 0.6);
  top: 0px;
}

#controlTower_panel .ctrlTower_contentWrapper {
  position: relative;
  height: 100%;
  width: 100%;
  padding: 35px;
}

#controlTower_panel .icon:before {
  color: #fff !important;
  font-size: 15px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

#controlTower_panel .icon:hover:before {
  font-size: 17px;
  color: #efefef !important;
}

#controlTower_panel .icon.icon-play:before,
#controlTower_panel .icon.icon-pause:before,
#controlTower_panel .icon.icon-combined-shape-16:before {
  color: #fff !important;
  font-size: 25px;
  transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

#controlTower_panel .icon.icon-play:hover:before,
#controlTower_panel .icon.icon-pause:hover:before,
#controlTower_panel .icon.icon-combined-shape-16:hover:before {
  font-size: 28px;
  color: #efefef !important;
}

#controlTower_panel .ctrlTowerBtns_wrapper ul li {
  display: inline;
  opacity: 0.95;
  margin-right: 50px;
  padding: 5px;
  cursor: pointer;
  position: relative;
}

#controlTower_panel .ctrlTowerBtns_wrapper ul li .ctrlTowerBtns_description {
  position: relative;
  font-size: 13px !important;
  display: none;
}

#controlTower_panel .ctrlTowerBtns_wrapper ul li img {
  width: 30px !important;
}

#controlTower_panel .ctrlTowerSetTimer_wrapper .icon.icon-time_clock_1:before {
  font-size: 35px;
}

#controlTower_panel .ctrlTowerSetTimer_wrapper img {
  width: 35px !important;
  vertical-align: top;
}

.controlTowerOpen,
.controlTowerClose {
  padding: 6px;
  margin-right: 20px;
  background: #6F0881;
  color: #fff;
  box-shadow: 0px 2px 5px #a7a7a7;
  width: 60px !important;
  cursor: pointer;
  border-radius: 4px;
  text-align: center;
  padding-top: 8px;
  padding-bottom: 4px;
}

.controlTowerOpen .icon:before,
.controlTowerClose .icon:before {
  font-size: 25px !important;
}

.controlTowerOpen img,
.controlTowerClose img {
  width: 27px !important;
}

#controlTowerTimer_sec {
  color: #fff;
  background: rgba(255, 255, 255, 0.09);
  padding: 5px;
  padding-left: 10px;
  font-size: 20px;
  line-height: 25px;
  text-align: center;
  width: 80px;
  margin: 0 5px;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper {
  padding-top: 15px !important;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content nvd3 {
  position: relative;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content nvd3 svg {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  width: 100% !important;
  max-width: 170px !important;
  text-align: center;
  /* border 1px solid black !important */
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content nvd3 svg .nvd3.nv-wrap.nv-pieChart {
  transform: translate(0px, 0px) !important;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content nvd3 svg .nvd3.nv-wrap.nv-pieChart .nv-pie {
  transform: translate(62px, -15px) !important;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content nvd3 svg .nvd3.nv-wrap.nv-pieChart .nv-pie .nv-slice {
  transform: translate(-48px, 100px) !important;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content nvd3 svg .nv-legendWrap {
  transform: translate(-25px, 150px) !important;
}

#dashboard-wrapper.dashboard-wrapper-mile-od .resource-tracker-status .resource-donut-wrapper .mile-resource-donut-wrapper .graph-section.content .donut-content .graph-name.graph-name-mile {
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto !important;
  padding-bottom: 45px;
}

#dashboard-wrapper.dashboard-haul .resource-tracker-status .donut {
  /* border 1px solid !important */
  width: 100% !important;
  max-width: 153px !important;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto !important;
}

#dashboard-wrapper.dashboard-haul .resource-tracker-status .donut .donut-icon .icon {
  left: 0;
  right: 0;
  top: 50px;
  bottom: 0;
  margin: auto !important;
}

#dashboard-wrapper.dashboard-haul .resource-tracker-status .donut .data-section .status {
  width: 80%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto !important;
  clear: both;
}

.dashoard-map-legends.map-display-options li #showTraffic.logiCustomCheck+label:after {
  top: -5px;
}

.customDonuts .nvd3.nv-pie path:hover {
  fill-opacity: 0.5 !important;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.cb {
  clear: both;
}

.cl {
  clear: left;
}

.cr {
  clear: right;
}

.donut-content .icon:before {
  font-size: 34px !important;
}

.map-icon .icon:before {
  font-size: 20px !important;
}

ul.menu-items .icon:before {
  font-size: 17px !important;
}

ul.menu-items .searchDmLoation.icon:before {
  font-size: 13px !important;
}

.pagination-button:before {
  font-size: 12px !important;
}

.rotate-donut-anti90 {
  -ms-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}

.donut-icon .icon:before {
  color: #6F0881;
}

.map-icon .icon.icon-delivery-boy:before {
  color: #606060;
}

.legends .intransit:before {
  color: #e32022;
}

.legends .available:before {
  color: #6F0881;
}

.legends .online:before {
  color: #6F0881;
}

.legends .idle:before {
  color: #f5a837;
}

.legends .offline:before {
  color: #e32022;
}

.logiCustomCheck#NOTDELIVERED+label {
  background-color: #fff;
  border: 1px solid #474b54;
}

.logiCustomCheck#NOTDELIVERED:checked+label {
  background-color: #474b54;
  border-color: #474b54;
  color: #fff;
}

.logiCustomCheck#NOTDELIVERED:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: 1px;
}

.logiCustomCheck#DELIVERED+label {
  background-color: #fff;
  border: 1px solid #6F0881;
}

.logiCustomCheck#DELIVERED:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  color: #fff;
}

.logiCustomCheck#DELIVERED:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: 1px;
}

.logiCustomCheck#NOTDISPATCHED+label {
  background-color: #fff;
  border: 1px solid #e32022;
}

.logiCustomCheck#NOTDISPATCHED:checked+label {
  background-color: #e32022;
  border-color: #e32022;
  color: #fff;
}

.logiCustomCheck#NOTDISPATCHED:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: 1px;
}

.logiCustomCheck#INTRANSIT+label {
  background-color: #fff;
  border: 1px solid #f5a837;
}

.logiCustomCheck#INTRANSIT:checked+label {
  background-color: #f5a837;
  border-color: #f5a837;
  color: #fff;
}

.logiCustomCheck#INTRANSIT:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: 1px;
}

.logiCustomCheck#ONLINESTRONGSIGNAL+label {
  background-color: #fff;
  border: 1px solid #6F0881;
}

.logiCustomCheck#ONLINESTRONGSIGNAL:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  color: #fff;
}

.logiCustomCheck#ONLINESTRONGSIGNAL:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.logiCustomCheck#ONLINESTRONGSIGNALRESOURCE+label {
  background-color: #fff;
  border: 1px solid #6F0881;
}

.logiCustomCheck#ONLINESTRONGSIGNALRESOURCE:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  color: #fff;
}

.logiCustomCheck#ONLINESTRONGSIGNALRESOURCE:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: 1px;
}

.logiCustomCheck#ONLINEWEAKSIGNAL+label {
  background-color: #fff;
  border: 1px solid #f5a837;
}

.logiCustomCheck#ONLINEWEAKSIGNAL:checked+label {
  background-color: #f5a837;
  border-color: #f5a837;
  color: #fff;
}

.logiCustomCheck#ONLINEWEAKSIGNAL:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.logiCustomCheck#ONLINEWEAK:checked+label:after {
  content: '' !important;
}

.logiCustomCheck#ONLINESTRONG:checked+label:after {
  content: '' !important;
}

.logiCustomCheck#OFFLINE:checked+label:after {
  content: '' !important;
}

.logiCustomCheck#DASHBOARDOFFLINE+label {
  background-color: #fff;
  border: 1px solid #e32022;
}

.logiCustomCheck#DASHBOARDOFFLINE:checked+label {
  background-color: #e32022;
  border-color: #e32022;
  color: #fff;
}

.logiCustomCheck#DASHBOARDOFFLINE:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.logiCustomCheck#DASHBOARDOFFLINERESOURCE+label {
  background-color: #fff;
  border: 1px solid #e32022;
}

.logiCustomCheck#DASHBOARDOFFLINERESOURCE:checked+label {
  background-color: #e32022;
  border-color: #e32022;
  color: #fff;
}

.logiCustomCheck#DASHBOARDOFFLINERESOURCE:checked+label:after {
  color: #fff;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: 1px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {

  .col-xs-7,
  .col-xs-5 {
    width: auto !important;
    padding: 0px !important;
  }

  #dashboard-wrapper .trip-maps-wrapper {
    margin-bottom: 16px !important;
  }

  #dashboard-wrapper section {
    padding: 0 !important;
  }

  #dashboard-wrapper section .head {
    width: auto !important;
  }

  #dashboard-wrapper .donut-wrapper .donut {
    width: 100% !important;
    margin: 15px 0px !important;
    padding: 15px;
  }

  #dashboard-wrapper .map-content .menu-header .menu-item {
    overflow: hidden !important;
  }
}

#dashboard-wrapper .tripStatsDonutBadge {
  height: 272px;
}

#dashboard-wrapper .header-row {
  height: 47px;
  background: #fafafa;
  padding-top: 13px;
  padding: 13px 15px 0px 15px;
}

#dashboard-wrapper .header-row span {
  font-size: 18px;
  line-height: 18px;
  letter-spacing: 0.4px;
}

#dashboard-wrapper section.resource-tracker-status .graph-name span {
  text-align: center;
  text-transform: none;
  font-size: 14px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  position: relative;
  margin-top: 40px;
}

#dashboard-wrapper .trip-maps-wrapper {
  padding-left: 0px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul {
  height: 48px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul li {
  float: left;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items {
  background: #fff;
  color: #474b54;
  font-size: 14px;
  line-height: 18px;
  letter-spacing: 0.3px;
  border-bottom: 1px solid #eee;
  padding: 0px 18px;
  margin-bottom: 0px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .item {
  padding: 11px 17px;
  width: auto;
  font-size: 12px;
  padding-left: 0px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .item i {
  float: left;
  margin-right: 5px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .search-dm {
  position: relative;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .search-dm input {
  width: 145px;
  height: 24px;
  border-radius: 4px;
  background-color: #fff;
  margin-top: 12px;
  padding: 0px 25px 0px 5px;
  font-size: 12px;
  line-height: 18px;
  border: 1px solid #abacba;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .search-dm .icon {
  right: 6px;
  position: absolute;
  top: 14px;
  cursor: pointer;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .item {
  padding: 11px 17px;
  width: auto;
  font-size: 12px;
  padding-left: 0px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .item i {
  float: left;
  margin-right: 5px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.menu-items .selected-item {
  font-weight: bold;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.head-item li,
#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid li {
  width: 25%;
  height: 100%;
  padding-top: 14px;
  text-transform: capitalize;
  border-bottom: 1px solid #eee;
  padding-left: 13px;
  font-size: 12px;
  color: #000;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.head-item li:nth-child(2),
#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid li:nth-child(2) {
  width: 21%;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.head-item li:last-child,
#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid li:last-child {
  border-right: 0;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.head-item li {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid {
  height: 40px !important;
  margin-bottom: 0px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid li:last-child,
#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid li {
  color: #444 !important;
  font-size: 12px !important;
  padding-top: 6px !important;
  cursor: pointer !important;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid:nth-child(odd) {
  background: #fff;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid:nth-child(even) {
  background: #fff;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid-mile {
  height: 60px !important;
  margin-bottom: 0px;
  border-bottom: 1px solid #eee;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid-mile li:last-child,
#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid-mile li {
  color: #9c9696 !important;
  font-size: 12px !important;
  padding-top: 6px !important;
  cursor: pointer !important;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid-mile:nth-child(odd) {
  background: #fff;
}

#dashboard-wrapper .trip-table-wrapper .trip-table ul.data-fluid-mile:nth-child(even) {
  background: #fff;
  border-bottom: 1px solid #eee;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .data-wrapper {
  height: 450px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 100%;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .table-footer {
  height: 58px;
  text-align: center;
  background-color: #fff;
  padding: 9px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .table-footer .message {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #9c9696;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .table-footer .message span {
  font-size: 12px !important;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .table-footer .pagination-container {
  color: #474b54;
  margin: 7px auto;
  width: 90px;
  height: 17px;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .table-footer .pagination-container .pagination-button {
  cursor: pointer;
}

#dashboard-wrapper .trip-table-wrapper .trip-table .table-footer .pagination-container .current-page {
  margin: 0px 20px;
  background-color: #6F0881;
  color: #fff;
  width: 17px;
  height: 17px;
  font-size: 12px;
  border-radius: 3px;
  padding-top: 2px;
  text-align: center;
  position: relative;
  top: -1px;
}

#dashboard-wrapper section {
  margin-bottom: 15px;
  width: 100%;
}

#dashboard-wrapper section .header-row {
  font-size: 18px;
  letter-spacing: 0.4px;
  color: #606060;
  font-weight: bold;
}

#dashboard-wrapper section .head {
  border-bottom: 1px solid #eee;
  overflow: hidden;
}

#dashboard-wrapper section .head h3 {
  font-size: 16px;
  letter-spacing: 0.6px;
  color: #606060;
  padding: 13px 0px;
}

#dashboard-wrapper section .head1 {
  border: 0px !important;
  width: 100% !important;
  padding-bottom: 12px !important;
}

#dashboard-wrapper section .head1 h3 {
  color: #02bfc5;
  text-transform: uppercase;
}

#dashboard-wrapper section .break {
  width: 240px;
  border-bottom: 5px solid #eee;
  margin-bottom: 27px;
}

#dashboard-wrapper .map-content .map-labels .type.fl {
  margin-top: 5px;
  margin-right: 50px;
  font-size: 12px;
  color: #606060;
}

#dashboard-wrapper .map-content .selectedLegend {
  display: block !important;
}

#dashboard-wrapper .map-content .menu-header {
  height: 47px;
  width: 100%;
  background-color: #fff;
  border: none;
}

#dashboard-wrapper .map-content .menu-header .legends .type.fl {
  margin-top: 13px;
  margin-right: 50px;
  font-size: 12px;
  color: #606060;
}

#dashboard-wrapper .map-content .menu-header .menu-item {
  text-align: center;
  margin-right: 0%;
  margin-left: 0%;
  height: 100%;
  cursor: pointer;
  color: #606060;
  letter-spacing: 0.3px;
}

#dashboard-wrapper .map-content .menu-header .menu-item .map-icon {
  float: left;
  position: relative;
  left: 9px;
  top: -4px;
  margin-left: 5px;
}

#dashboard-wrapper .map-content .menu-header .menu-item .text {
  padding-top: 16px;
  height: 100%;
  border-bottom: 4px solid transparent;
  min-width: 140px;
  width: auto;
  padding-left: 5px;
  padding-right: 5px;
  margin: 0px auto;
}

#dashboard-wrapper .map-content .menu-header .menuselected .text {
  border-bottom: 4px solid #6F0881 !important;
}

#dashboard-wrapper .map-content .sectionselected {
  z-index: 900;
}

#dashboard-wrapper .resource-donut-wrapper .donut-content {
  position: relative;
  top: -21px;
  min-height: 194px;
  /* NEW FOR HAUL */
  min-width: 140px;
  /* NEW FOR HAUL */
  /* margin-left 10px */
}

#dashboard-wrapper .resource-donut-wrapper .donut-content .donut-icon .icon {
  color: #6F0881;
  top: 120px;
  position: absolute;
  width: 34px;
  text-align: center;
}

#dashboard-wrapper .resource-donut-wrapper .donut-content .donut-icon .icon:before {
  font-size: 34px !important;
}

#dashboard-wrapper .resource-donut-wrapper .nvd3-svg {
  overflow: visible !important;
}

#dashboard-wrapper .resource-donut-wrapper .resourceLength2 {
  top: -40px;
}

#dashboard-wrapper .resource-donut-wrapper .resourceLength2 .graph-name {
  top: -62px;
}

#dashboard-wrapper .resource-donut-wrapper .resourceLength3 {
  top: -45px;
}

#dashboard-wrapper .resource-donut-wrapper .resourceLength4 .graph-name {
  top: -68px;
}

#dashboard-wrapper .donut-wrapper .donut {
  background: #fff;
  padding: 15px;
  min-height: 230px;
  margin: 17px;
  min-width: 23vw;
  margin-top: 0px;
  margin-bottom: 0px;
}

#dashboard-wrapper .donut-wrapper .donut:first-child {
  margin-left: 0px;
}

#dashboard-wrapper .donut-wrapper .donut:last-child {
  margin-right: 0px;
}

#dashboard-wrapper .donut-wrapper .donut .donut-content {
  position: relative;
}

#dashboard-wrapper .donut-wrapper .donut .donut-content .donut-icon .icon {
  color: #6F0881;
  top: 58px;
  position: absolute;
  left: 59px;
}

#dashboard-wrapper .donut-wrapper .donut .donut-content .donut-icon .icon:before {
  font-size: 34px !important;
}

#dashboard-wrapper .donut-wrapper .donut .graph-section {
  border-bottom: 1px solid #dddde2;
  height: 80px;
}

#dashboard-wrapper .donut-wrapper .donut .content {
  position: relative;
}

#dashboard-wrapper .donut-wrapper .donut .data-section {
  height: 42%;
}

#dashboard-wrapper .donut-wrapper .donut .left-content {
  width: 65%;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .graph-name {
  height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-bottom: 12px;
  padding-top: 2px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .graph-name span {
  font-size: 14px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  letter-spacing: 0.5px;
  color: #444;
  text-transform: none;
  margin-bottom: 2px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .total-trips span {
  font-size: 14px;
  font-family: "Gotham-Rounded" !important;
  color: #444;
  position: absolute;
  right: 10px;
  font-weight: bolder;
  top: 0px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .not-dispatched {
  width: 63%;
  height: 20px;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .not-dispatched span {
  font-size: 12px;
  letter-spacing: 0.5px;
  color: #e32022;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  display: inline-block;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .trip-graph {
  width: 50%;
  margin-top: 8px;
  background-color: #e1e1e1;
  margin: 5px 0;
  right: 10px;
  position: absolute;
}

#dashboard-wrapper .donut-wrapper .donut .left-content .trip-graph .graph-wrapper {
  background: #6F0881;
  height: 6px;
  border-radius: 15px;
}

#dashboard-wrapper .donut-wrapper .donut .right-content {
  height: 150px;
  position: absolute;
  right: 0px;
  top: 95px;
  z-index: 100;
}

#dashboard-wrapper .donut-wrapper .donut .length1 {
  right: -33px;
  top: -77px;
}

#dashboard-wrapper .donut-wrapper .donut .length2 {
  right: -33px;
  top: -86px;
}

#dashboard-wrapper .donut-wrapper .donut .length3 {
  right: -33px;
  top: -94px;
}

#dashboard-wrapper .donut-wrapper .donut .length4 {
  right: -33px;
  top: -108px;
}

#dashboard-wrapper .donut-wrapper .donut .length5 {
  right: -33px;
  top: -108px;
}

#dashboard-wrapper .donut-wrapper .donut .data-section {
  padding: 17px 0;
}

#dashboard-wrapper .donut-wrapper .donut .data-section .status {
  width: 70%;
  height: 14px;
  float: left;
  font-size: 11px;
  color: #606060;
  margin-bottom: 10px;
  text-transform: capitalize;
}

#dashboard-wrapper .donut-wrapper .donut .data-section .status .color-palet {
  height: 12px;
  width: 12px;
  border-radius: 6px;
  margin-top: 3px;
  margin-right: 6px;
}

#dashboard-wrapper .resource-donut-wrapper .data-section {
  padding: 32px 0;
}

#dashboard-wrapper .resource-donut-wrapper .data-section .status {
  height: 14px;
  font-size: 11px;
  color: #606060;
  margin-bottom: 3px;
  margin-left: 30px;
  text-transform: capitalize;
}

#dashboard-wrapper .resource-donut-wrapper .data-section .status .color-palet {
  height: 10px;
  width: 10px;
  border-radius: 0px;
  margin-top: 3px;
  margin-right: 6px;
}

#dashboard-wrapper .statusWrapper {
  display: block;
}

#dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu {
  background-color: #fff;
  height: 60px;
  text-align: center;
  border-bottom: 1px solid #eee;
  margin-bottom: 0px;
}

#dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu li {
  float: left;
  width: 20%;
  color: #adadad;
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
  cursor: pointer;
  height: 59px;
  padding-top: 8px;
}

#dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu li .trips {
  border-bottom: 1px solid #adadad;
  width: 55%;
  margin: 0px auto;
  padding-top: 5px;
}

#dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu li:last-child {
  border-right: 0;
}

#dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu .selected_trip_menu {
  border-bottom: 4px solid #6F0881 !important;
  color: #606060;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  background-color: #f6f9fd;
  font-weight: bolder;
  box-shadow: 0px 0px 9px rgba(128, 128, 128, 0.56);
}

#dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu .selected_trip_menu .trips {
  border-bottom: 1px solid #606060;
}

#dashboard-wrapper section.trips-active-data .trip-graph .graphs-container .graph {
  height: 300px;
  position: absolute;
  top: -9999px;
}

#dashboard-wrapper section.trips-active-data .trip-graph .graphs-container .graph1 {
  height: 300px;
  position: absolute;
  top: -9999px;
}

#dashboard-wrapper section.trips-active-data .trip-graph .graphs-container .graph2 {
  height: 300px;
  position: absolute;
  top: -9999px;
}

#dashboard-wrapper section.trips-active-data .trip-graph .graphs-container .graph3 {
  height: 300px;
  position: absolute;
  top: -9999px;
}

#dashboard-wrapper section.trips-active-data .trip-graph .graphs-container .graph4 {
  height: 300px;
  position: absolute;
  top: -9999px;
}

#dashboard-wrapper section.trips-active-data .trip-graph .graphs-container .selected_graph {
  position: relative !important;
  top: 0 !important;
}

#dashboard-wrapper section.trips-active-data .trip-graph .map-labels {
  width: 100%;
  line-height: 20px;
  background: #fff;
}

.map-content .map-labels {
  width: 100%;
  line-height: 20px;
  background: #fff;
}

.delivery-boy-table-data .menuselected .text {
  width: 150px;
  padding: 13px 0px;
}

.delivery-boy-table-data .menuselected .text .map-icon {
  margin-right: 8px;
}

.delivery-boy-table-data li {
  height: 65px !important;
  width: 100% !important;
  background: #fff;
}

.delivery-boy-table-data li .info-container {
  padding: 10px 0px;
  width: 100%;
  height: 100%;
}

.delivery-boy-table-data li .info-container .name i {
  margin-right: 13px;
}

.main-controller-wrapper-dashboard text.nvd3.nv-noData {
  display: none;
}

.home .nvtooltip .value {
  display: none;
}

.labelShowAs {
  margin-top: 8px;
  margin-right: 5px;
  font-size: 13px;
  color: #606060;
}

.search-dm {
  position: relative;
  margin-left: 110px;
}

.search-dm input {
  width: 80px;
  height: 24px;
  padding: 0px 25px 0px 5px;
  font-size: 12px;
  line-height: 18px;
  background: #f6f9fd;
  border-bottom: 1px solid #abacba;
}

.search-dm .icon {
  right: 6px;
  top: 14px;
  cursor: pointer;
  color: #abacba;
}

.mile-dashboard-table-heading {
  padding-top: 15px;
}

#dashboard-wrapper #mile-resource-wrapper .mile-order-resource-wrapper .donut-content .donut-icon .icon {
  top: 43px !important;
  left: 54px !important;
}

.delivery-boy.mile-resource-donut-wrapper svg .nv-legendWrap {
  transform: translate(0px, 126px) !important;
}

#mile-resource-wrapper.resource-donut-wrapper .donut-content {
  min-height: 194px;
  /* NEW FOR MILE */
  width: 153px;
  /* NEW FOR MILE */
}

.dashboard-haul rect {
  fill-opacity: 1;
}

text.nv-legend-text {
  font-family: 'Gotham-Rounded', Sans-Serif !important;
  font-size: 12px !important;
  transform: translate(5px, 0px) !important;
  fill: #757575;
  text-transform: capitalize;
}

tooltipDonutGraph {
  background-color: #fff;
  color: #000;
}

.delayedTripTableColumns {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 20% !important;
}

#dashboard-wrapper.controlTowerFl .donut-wrapper .donut .left-content .graph-name {
  height: 30px;
}

.usage-cards-wrapper {
  margin: 0 -7px;
}

.usage-cards-wrapper .usage-card {
  flex: 1;
  margin: 0 7px;
  min-height: 260px;
  position: relative;
}

.usage-card-header {
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.red {
  color: rgba(255, 0, 0, 0.8);
}

strong {
  font-family: 'Gotham-Rounded-Medium';
  font-weight: initial;
}

.range-selector,
.date-selector {
  margin-right: 10px;
}

.range-selector .btn-white {
  width: 90px;
  text-align: center;
}

.date-selector .datepicker-btn {
  margin: 0;
  color: #6F0881;
}

.download-action .btn-white {
  margin: 0;
}

.flex-right {
  justify-content: flex-end;
}

.chart-wrapper>.logiGuide-card {
  min-height: 400px;
}

.percentFloater {
  position: absolute;
  z-index: 10;
  right: 70px;
  top: 87px;
  font-family: "Gotham-Rounded-Medium";
  color: #6F0881;
  font-size: 17px;
}

.percentFloaterResourceBased {
  position: absolute;
  z-index: 10;
  right: 126px;
  top: 89px;
  font-family: "Gotham-Rounded-Medium";
  color: #6F0881;
  font-size: 17px;
}

.content-loading {
  height: calc(100vh - 145px);
  background: #fff;
  box-shadow: 0px 0px 12px -7px #000;
  display: flex;
  align-items: center;
}

.legend .circle {
  height: 12px;
  width: 12px;
  vertical-align: middle;
  margin-right: 2px;
  border-radius: 50%;
  margin-bottom: 2px;
  display: inline-block;
}

.legendSelected {
  background: #fff !important;
}

.legend {
  margin-left: 15px;
  font-size: 12px;
  color: #555;
}

.chart-legends {
  padding-top: 15px;
}

.analytics-tab-card-wrapper {
  height: 107px;
}

.analytics-tab-card-wrapper .analytics-tab-card {
  margin-bottom: 15px !important;
  min-width: 250px;
}

.AutoAssignmentDistribution .analytics-tab-card-wrapper .analytics-tab-card {
  min-width: 150px;
}

.flexGrow1 {
  flex-grow: 1;
}

.flexGrow2 {
  flex-grow: 2;
  padding-left: 0;
}

.flexGrow05 {
  flex-grow: 0.5;
  padding-left: 0;
}

.flexGrow4 {
  flex-grow: 4.5;
  padding-left: 0;
}

.google-visualization-tooltip {
  background-color: #000;
  opacity: 1;
  min-width: 300px;
  max-height: 100px !important;
}

div.google-visualization-tooltip>ul>li>span {
  color: #fff !important;
  display: inline !important;
}

.percentage-toggle-buttons {
  float: right;
  position: relative;
  top: 15px;
  right: 25px;
  z-index: 1;
}

.donut .pieChartHeaderSection {
  border-bottom: 1px solid #dddde2;
  height: 90px;
}

.fl_details {
  float: left;
  min-width: 100%;
}

.donut .pieChartHeaderSection .pieChartHeader {
  font-size: 14px;
  padding: 16px 16px 7px 16px;
  color: #545454;
}

.donut .pieChartHeader,
.pieChartSubHeader {
  display: flex;
  justify-content: space-between;
}

.pieChartSubHeader {
  font-size: 12px;
  padding: 10px 16px;
  color: #6F0881;
}

.shipmentStatsDonutBadgeDriver {
  margin-left: 0px;
}

.shipmentStatsDonutBadge .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(151px, -66px);
}

.shipmentStatsDonutBadge .tripStatsDonutBadge svg,
.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge svg {
  margin-top: unset !important;
}

.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(151px, -66px);
}

.shipmentStatsDonutBadge .acceptFlagTrue .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(151px, -56px) !important;
}

.shipmentStatsDonutBadge .tripStatsDonutBadge .nv-legendWrap,
.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge .nv-legendWrap {
  transform: translate(-160px, -185px);
}

.lineChartHistogram .nv-legendWrap {
  transform: translate(20px, -30px) !important;
}

.shipmentStatsDonutBadge .tripStatsDonutBadge .nv-legend,
.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge .nv-legend {
  transform: translate(195px, 150px);
}

.shipmentStatsDonutBadge .nv-series:nth-child(1),
.shipmentStatsDonutBadgeDriver .nv-series:nth-child(1) {
  transform: translate(0, -5px) !important;
}

.shipmentStatsDonutBadge .nv-series:nth-child(2),
.shipmentStatsDonutBadgeDriver .nv-series:nth-child(2) {
  transform: translate(0, 20px) !important;
}

.shipmentStatsDonutBadge .nv-series:nth-child(3),
.shipmentStatsDonutBadgeDriver .nv-series:nth-child(3) {
  transform: translate(0, 45px) !important;
}

.nvd3 .nv-axislabel {
  font-size: 13px !important;
  font-family: "Roboto-Medium", Arial, 'Gotham-Rounded-Medium';
  font-weight: 500 !important;
}

.nvtooltip {
  max-width: 300px !important;
  background: rgba(0, 0, 0, 0.75);
  color: #fff !important;
  border-radius: 0px;
  white-space: normal;
  font-size: 12px;
  font-family: Roboto-Medium, Arial, 'Gotham-Rounded-Medium' !important;
  font-weight: 400;
}

.legend-color-guide div {
  width: 14px !important;
  float: left;
}

.card-label.card-label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboardListView .logiGuide.mainWrapper {
  padding-top: 0;
}

.dashboardListView .mainWrapper.materialDesignUIrevamp_tablewrapper {
  min-height: unset;
}

.AutoAssignmentDistribution .labelHeader {
  color: #000;
  font-size: 17px !important;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding: 15px 0;
}

.nvd3.nv-scatter .nv-groups .nv-point,
.nvd3 .nv-groups .nv-point {
  stroke-width: 7px;
  fill-opacity: 0.95 !important;
  stroke-opacity: 0.95 !important;
}

.shipmentHeader {
  font-size: 17px;
  padding: 16px 20px;
  z-index: 100;
  position: absolute;
}

.shipmentHeader span {
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #838383;
}

.nv-axisMaxMin.nv-axisMaxMin-x.nv-axisMin-x {
  display: none;
}

.chart-header .lineChartHeader {
  position: absolute;
  padding: 5px;
  font-size: 15px;
  color: #485465;
}

.pane_heading.primaryState,
.pane_heading.secondaryState {
  font-size: 15px !important;
  color: #6F0881;
}

.timelinePopup .modal-content {
  min-width: 600px !important;
  width: 75% !important;
}

.timelinePopup .logi-modal .modal-dialog.modal-lg {
  width: 70%;
}

.timelinePopup .modal-body {
  padding-top: 25px;
}

.timelinePopup .modal-footer {
  padding: 15px !important;
  margin-top: 0px !important;
}

.timelinePopup .timelinePopupCard {
  width: 92%;
  margin-right: 0;
  padding: 10px;
  border-radius: 3px;
  border: solid 0.7px #bdbdbd;
  background-color: #f1f1f1;
  justify-content: space-between;
  margin-bottom: 14px;
  float: right;
  margin-left: 20px;
}

ul.timeline:last-child {
  margin-bottom: 0px;
}

.timelinePopup ul.timeline:last-child .timelinePopupCard {
  margin-bottom: 0px;
}

.timelinePopup .timeline-icon {
  background: #fff;
  color: #737881;
  display: block;
  width: 36px;
  height: 36px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  -moz-box-shadow: 0 0 0 3px #f5f5f6;
  -webkit-box-shadow: 0 0 0 3px #f5f5f6;
  box-shadow: 0 0 0 3px #d6d6d6;
  line-height: 36px;
  font-size: 15px;
  float: left;
  z-index: 1000;
  background-color: #6F0881;
}

.addressBreadcrumb{
  font-size: 17px;
  color: #000;
  margin: 0px;
  line-height: 30px;
}
.addressBreadcrumb .breadcrumbIcon{
  /* font-size: 14px; */
  color: #828395;
}
.addressBreadcrumb .breadcrumbIcon i::before{
  font-size: 11px;
}
.addressBreadcrumb li{
  display: inline-block;
  cursor: pointer;
}
.addressBreadcrumb li:last-child{
  cursor: not-allowed;
}

.flex-wrapper.actionCardTimeline:before {
  content: '';
  position: absolute;
  display: block;
  top: 20px;
  bottom: 15px;
  margin-left: 16px;
  border-left: 4px solid #d6d6d6;
}

.actionCardText {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-top: 3px;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}

ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 16px;
  top: 30%;
  width: 4px;
  height: 100%;
  z-index: 400;
}

ul.timeline:last-child:before {
  display: none;
}

.comparisionHistogram {
  margin: 0 0 15px 0;
}

.comparisionHistogramDriver {
  margin: 15px 0 15px 0;
}

ul.dropdown-menu.fadeInUp.comparisionList {
  overflow-y: unset;
}

.comparisionList .dropdown-submenu:hover>.dropdown-menu {
  display: none;
}

.logiHeader .top-header {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 20px;
  height: 60px;
  line-height: 60px;
  box-shadow: 0px 2px 5px 0px rgba(65, 65, 92, 0.3);
  z-index: 1000 !important;
}

.logiHeader .top-header .logo {
  float: left;
}

.logiHeader .top-header .top-nav .nav-right {
  float: right;
}

.logiHeader .top-header .top-nav .nav-right li {
  display: block;
  position: relative;
  float: left;
  padding: 0 10px;
  left: 20px !important;
}

.logiHeader .top-header .top-nav .nav-right li span {
  display: block;
  position: relative;
  float: left;
  padding: 18px 0px 0 0;
  cursor: pointer;
}

.logiHeader .top-header .top-nav .nav-right li span .icon:before {
  position: relative;
  top: -3px;
  padding-left: 5px;
  font-size: 6px;
}

.logiHeader .top-header .top-nav .nav-right li .profilePhoto-mini {
  display: block;
  position: relative;
  float: left;
  cursor: pointer;
  height: 25px;
  width: 25px;
  overflow: hidden;
  background: #efefef;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  border-radius: 50%;
  box-shadow: inset 0px 0px 8px #333;
}

.dropdown-main {
  overflow: auto;
  max-height: 200px;
}

#userMenuCard.dropdown-user,
#planningProgressCard.dropdown-user {
  position: fixed;
  border-radius: 3px;
  margin-top: 0px;
  margin-right: 0px;
  top: 60px;
  right: 0;
  min-width: 370px;
  width: 25%;
  z-index: 2000;
  padding-bottom: 30px;
}

.hideDropdown-user {
  transform: translateY(-300%) !important;
  transition: all 0.6s ease-in-out !important;
  -webkit-transition: all 0.6s ease-in-out !important;
  -moz-transition: all 0.6s ease-in-out !important;
}

.dropdown-main {
  overflow: auto;
  max-height: 200px;
}

.top-nav .nav-right img {
  width: 25px;
  height: 25px;
  opacity: 0.3;
}

.navBarsearch .icon-search2:before {
  font-size: 17px !important;
}

#userMenuCard.dropdown-user {
  box-shadow: -3px 5px 30px rgba(0, 0, 0, 0.81);
}

#userMenuCard.dropdown-user:before {
  width: 10px;
  height: 10px;
  content: '';
  border-bottom: 10px solid rgba(16, 18, 24, 0.92);
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -6px;
  right: 18px;
}

#planningProgressCard.dropdown-user {
  max-height: calc(65vh - 64px - 0px) !important;
  height: auto !important;
  min-height: 100px !important;
  overflow-y: auto;
  padding: 0px;
}

#planningProgressCard.dropdown-user:before {
  width: 10px;
  height: 10px;
  content: '';
  border-bottom: 10px solid #019ae8;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -6px;
}

#planningProgressCard.dropdown-user .progressCard_header {
  width: 100%;
  background: #6F0881;
  height: auto;
  margin-bottom: 20px;
  font-family: 'Gotham-Rounded' !important;
  font-size: 12px;
  letter-spacing: 0.6px;
  text-align: center;
  color: #fff;
  margin: auto;
  margin-bottom: 20px;
  padding: 10px;
}

#planningProgressCard.dropdown-user .progressElementWrapper {
  max-height: 250px;
  overflow: auto;
  width: auto;
  height: auto;
}

#planningProgressCard.dropdown-user .progressCard_footer,
.chatMasterWrapper .progressCard_footer {
  width: 100%;
  padding: 15px;
  height: auto;
  text-align: center;
  font-size: 12px;
  bottom: 0px;
  border-radius: 3px;
  background-color: #f1f5fb;
  border: solid 1px #eef2f8;
  cursor: pointer;
  box-shadow: 0px 1px 2px #a6aeb9;
}

#planningProgressCard.dropdown-user .progressCard_footer.chatPagination,
.chatMasterWrapper .progressCard_footer.chatPagination {
  position: sticky;
  bottom: 0px;
}

#planningProgressCard.dropdown-user .progressCard_footer:hover,
.chatMasterWrapper .progressCard_footer:hover {
  background-color: #e2e9f5;
}

#userMenuCard .userMenuCard_footer {
  width: 100%;
  padding: 15px;
  height: auto;
  font-size: 12px;
  bottom: 0px;
  border-radius: 3px;
  background-color: #f1f5fb;
  border: solid 1px #eef2f8;
  cursor: pointer;
  box-shadow: 0px 1px 2px #a6aeb9;
}

#userMenuCard .userMenuCard_footer:hover {
  background-color: #e2e9f5;
}

#changeLanguage .languageDropdownWrapper input {
  width: 100% !important;
  margin: 0px 0;
}

.progressElement.overlayKaElement {
  background: #fff !important;
  cursor: auto !important;
}

.progressElement.overlayKaElement:hover {
  background: linear-gradient(to bottom, #fff, #fcfcfc) !important;
}

.progressElement {
  height: 90px;
  overflow: hidden;
  border: 1px solid #808080;
  background: linear-gradient(to bottom, #fff, #fcfcfc);
  box-shadow: 0 1px 2px 0 rgba(91, 91, 91, 0.5);
  border: solid 1px #f0f0f0;
  margin-bottom: 10px;
  border-radius: 3px;
  cursor: pointer;
}

.progressElement:hover {
  background: linear-gradient(to bottom, #fff, #ebecef);
}

.progressElement .progressIcon {
  height: 90px;
}

.progressElement .progressIcon .planningProgressInclude {
  margin-top: 25px;
}

.progressElement .progressIcon .statusImg {
  height: 45px;
  width: auto;
  margin-top: 20px;
}

.progressElement .progressInfo {
  height: 90px;
}

.progressElement .progressInfo .planName {
  text-align: left;
  font-size: 12px;
  padding: 10px;
  padding-left: 0px;
  margin-top: 10px;
  padding-bottom: 5px;
}

.progressElement .progressInfo .statusText {
  font-size: 12px;
  font-style: italic;
  letter-spacing: 0.5px;
  text-align: left;
  margin-top: 4px;
}

.progressElement .progressInfo .statusText.cancelled {
  color: #ed6261;
}

.progressElement .progressInfo .statusText.cancelled.failed {
  color: #edbe61;
}

.progressElement .progressInfo .statusText.completed {
  color: #6F0881;
}

.progressElement .progressInfo .progressBar .progressStatus {
  font-size: 11px;
  color: #979797;
  text-align: left;
  font-style: italic;
  margin-bottom: 5px;
}

.progressElement .progressInfo .progressBar .number {
  float: right;
  transform: translate(5px, -12px);
  font-size: 12px;
}

.progressElement .rightSideDiv {
  height: 90px;
}

.progressElement .rightSideDiv .icon {
  margin-top: 35px;
}

.progressElement .rightSideDiv .icon:before {
  color: #979797;
}

#userMenuCard.dropdown-user,
#planningProgressCard.dropdown-user {
  text-align: center;
  webkit-filter: blur(8px);
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

#userMenuCard.dropdown-user .dropdown-user_close,
#planningProgressCard.dropdown-user .dropdown-user_close {
  height: 30px;
  padding: 20px;
  text-align: right;
  color: #d2d2d2;
  position: relative;
  width: 100%;
}

#userMenuCard.dropdown-user .dropdown-user_close .icon:before,
#planningProgressCard.dropdown-user .dropdown-user_close .icon:before {
  position: relative;
  font-size: 15px;
  cursor: pointer;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic {
  border: 1px solid #272727;
  width: 100px !important;
  height: 100px !important;
  margin: auto;
  position: relative;
  margin-top: 30px;
  text-align: center;
  background: rgba(0, 0, 0, 0.26);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
  border-radius: 50% !important;
  margin-bottom: 30px !important;
  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.8);
  display: table;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic .dropdown-user_profile_pic_darkoverlay,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic .dropdown-user_profile_pic_darkoverlay {
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic img,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic img {
  height: 100px !important;
  width: auto !important;
  max-width: 100px !important;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  opacity: 1;
  cursor: pointer;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic:hover .dropdown-user_profile_pic_darkoverlay,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic:hover .dropdown-user_profile_pic_darkoverlay {
  opacity: 0.7 !important;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic:hover img,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic:hover img {
  opacity: 0.4;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic:hover .dropdown-user_edit,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic:hover .dropdown-user_edit {
  display: block;
}

#userMenuCard.dropdown-user .dropdown-user_profile_pic:hover .dropdown-user_edit .icon:before,
#planningProgressCard.dropdown-user .dropdown-user_profile_pic:hover .dropdown-user_edit .icon:before {
  position: relative;
  font-size: 35px;
  color: #fff;
}

#userMenuCard.dropdown-user .dropdown-user_edit,
#planningProgressCard.dropdown-user .dropdown-user_edit {
  position: absolute;
  display: none;
  right: 30%;
  cursor: pointer;
  top: 25%;
  z-index: 100;
}

#userMenuCard.dropdown-user .dropdown-username,
#planningProgressCard.dropdown-user .dropdown-username {
  font-size: 15px;
  width: 80%;
  color: #d2d2d2;
  text-align: center;
  margin: auto;
  margin-bottom: 50px;
  font-family: 'Gotham-Rounded' !important;
  font-weight: lighter;
  letter-spacing: 0.3px;
}

#userMenuCard.dropdown-user .accountOptions,
#planningProgressCard.dropdown-user .accountOptions {
  display: inline;
  font-size: 12px !important;
  color: #d2d2d2 !important;
  margin-right: 15px;
  padding: 10px 20px;
  background: transparent !important;
  border: 1px solid #797979 !important;
  border-radius: 3px !important;
  box-shadow: 0 0 0 0 #000 !important;
  letter-spacing: 0.3px;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

#userMenuCard.dropdown-user .accountOptions:hover,
#planningProgressCard.dropdown-user .accountOptions:hover {
  background: rgba(0, 0, 0, 0.55) !important;
  color: #fff !important;
  border: 1px solid #151414 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

#userMenuCard.dropdown-user .accountOptions.logoutBtn:hover,
#planningProgressCard.dropdown-user .accountOptions.logoutBtn:hover {
  background: #e32022 !important;
}

#userMenuCard.dropdown-user .usageCount,
#planningProgressCard.dropdown-user .usageCount {
  margin: auto;
  position: relative;
  margin-top: 80px !important;
  color: #d2d2d2;
  width: 80%;
  padding: 30px;
  border-top: 1px solid #808080 !important;
  background: transparent !important;
}

#userMenuCard.dropdown-user .usageCount .subPageHeader-usermenu,
#planningProgressCard.dropdown-user .usageCount .subPageHeader-usermenu {
  font-family: 'Gotham-Rounded-Medium' !important;
  text-align: center;
  margin-top: 20px;
  color: #d2d2d2;
  letter-spacing: 0.5px;
}

#userMenuCard.dropdown-user .usageCount .limit-graph,
#planningProgressCard.dropdown-user .usageCount .limit-graph {
  width: 100%;
  position: relative;
  margin-top: 20px !important;
  border-radius: 20px;
  border-bottom: 1px solid #808080;
  height: 10px;
  background: #545454 !important;
  box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.65);
}

#userMenuCard.dropdown-user .usageCount .limit-graph .limitWrapper,
#planningProgressCard.dropdown-user .usageCount .limit-graph .limitWrapper {
  background: #e32022 !important;
  height: 10px;
  border-radius: 20px;
}

#changeProfilePhoto .modal-body label {
  max-width: none !important;
}

#changeProfilePhoto .modal-body .changeProfilePhoto-preview {
  min-height: 200px;
  border: 1px solid #efefef;
  position: relative;
  padding: 2px !important;
  background: #efefef;
  border: 10px solid #fff;
  text-align: center;
  box-shadow: inset 0 0 8px #8e8e92, 0px 1px 7px #dadada;
  overflow: hidden;
  align-items: middle;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}

#changeProfilePhoto .modal-body .changeProfilePhoto-preview img {
  min-height: 200px;
  max-width: 100%;
  width: auto;
  text-align: center;
  margin: auto;
  align-items: center;
  max-height: 100%;
}

#changeProfilePhoto .modal-body .changeProfilePhoto-preview .previewProfilePhoto-bg {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
}

#changeProfilePhoto .modal-body .btn_selected {
  border: 2px solid #6F0881 !important;
}

#changeProfilePhoto .modal-body .btn_not_selected {
  opacity: 0.5 !important;
}

#changeProfilePhoto .modal-body input[type=file] {
  display: none;
}

#changeProfilePhoto .modal-body .custom-file-upload {
  width: 100%;
  min-height: 100px;
  height: auto;
  padding: 20px;
  background: #fff;
  cursor: pointer;
  position: relative;
  text-align: center;
  border-radius: 5px;
}

#changeProfilePhoto .modal-body .custom-file-upload #uploaded-image-icon,
#changeProfilePhoto .modal-body .custom-file-upload #remove-image-icon {
  background: #1faf00;
  opacity: 0.6;
  padding: 10px;
  width: 50px;
  line-height: 34px;
  float: left;
  height: 50px;
  border-radius: 50%;
  box-shadow: 0px 2px 5px #808080;
}

#changeProfilePhoto .modal-body .custom-file-upload #uploaded-image-icon .icon:before,
#changeProfilePhoto .modal-body .custom-file-upload #remove-image-icon .icon:before {
  color: #fff;
  font-size: 20px;
}

#changeProfilePhoto .modal-body .custom-file-upload #remove-image-icon {
  background: #e32022;
}

#changeProfilePhoto .modal-body .custom-file-upload:hover {
  background: #efefef;
}

#changeProfilePhoto .modal-body .custom-file-upload:hover #uploaded-image-icon,
#changeProfilePhoto .modal-body .custom-file-upload:hover #remove-image-icon {
  opacity: 1 !important;
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

#changeProfilePhoto .modal-body .custom-file-upload #uploaded-image-name {
  max-width: 170px;
  text-overflow: ellipsis;
  overflow: hidden;
  font-family: 'Gotham-Rounded-Medium' !important;
  font-size: 14px;
  position: absolute;
  text-align: left;
  left: 85px;
  margin-top: 15px;
}

#settingsIconWrapper ul li {
  cursor: pointer !important;
  background-color: #fcfcfd !important;
}

#settingsIconWrapper ul li:hover {
  background-color: #f9f9fa !important;
}

#global-search-widget {
  position: fixed;
  top: 60px;
  right: 0px;
  width: 30%;
  z-index: 2000;
  background: #fff;
  transition: all 0.3s ease-in-out;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
}

#global-search-widget .header {
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #6F0881;
  line-height: initial;
  font-family: 'Gotham-Rounded-Medium';
  font-size: 12px;
  letter-spacing: 0.6px;
}

#global-search-widget img {
  position: absolute;
  top: 52px;
  left: 10px;
  height: 16px;
  width: 16px;
}

#global-search-widget input {
  width: 100%;
  line-height: 52px;
  background: transparent;
  padding: 0px 15px;
  padding-left: 35px;
}

.timeZoneDropdownWrapper input.form-control.ui-select-search {
  transform: translateY(-15px);
  background-color: transparent !important;
}

.logiFooter {
  font-size: 11px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}

.logiFooter img {
  position: relative;
}

.mid-container {
  margin: 0 auto;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}

.col-xs-5ths {
  width: 20%;
  float: left;
}

@media (min-width: 768px) {
  .col-sm-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 992px) {
  .col-md-5ths {
    width: 20%;
    float: left;
  }
}

@media (min-width: 1200px) {
  .col-lg-5ths {
    width: 20%;
    float: left;
  }
}

.brightness {
  margin-top: 0px !important;
  -webkit-filter: brightness(0.55);
  filter: brightness(0.55);
}

.brightness:hover {
  -webkit-filter: brightness(0.25);
  filter: brightness(0.25);
}

.inversion {
  margin-top: 0px !important;
  -webkit-filter: invert(1);
  filter: invert(1);
  border: 1px solid;
  border-radius: 5px;
  height: 48px;
  opacity: 0.5;
}

.inversion:hover {
  opacity: 0.8;
}

footer {
  background-color: #fcfcfd;
  border-top: 1px solid #ebeff5;
  margin-left: -15px;
  margin-right: -15px;
}

footer .mid-container {
  padding-top: 60px;
  padding-bottom: 60px;
}

footer .mid-container .col-f-list {
  float: left;
}

footer .mid-container .col-f-list ul li {
  margin-bottom: 12px;
  margin-top: 20px;
  line-height: 18px;
  font-size: 12px;
}

footer .mid-container .col-f-list ul li a {
  color: #808695;
}

footer .mid-container .col-f-list ul li a:hover {
  color: #46465f !important;
}

footer .mid-container .col-f-list ul li a img {
  margin-top: 10px;
}

footer .mid-container .col-f-list ul li:first-child a {
  color: #6F0881 !important;
}

footer .mid-container .col-f-list .footer-social-icons {
  margin-top: 30px !important;
}

footer .mid-container .col-f-list .footer-social-icons a svg {
  width: 20px !important;
  opacity: 0.4;
  margin-right: 10px;
  height: auto;
}

footer .mid-container .col-f-list .footer-social-icons a svg:hover {
  opacity: 0.7 !important;
}

footer .footerBorder {
  border-top: 1px solid #ebeff5 !important;
}

footer .footer-copyright {
  position: relative;
  bottom: 0px !important;
  line-height: 44px;
  height: auto;
  background-color: #fcfcfd;
  font-size: 12px;
  color: #808695;
}

.mid-container-copyright{
  color: #000;
  text-align: center;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 16px;
}

footer .footer-copyright a {
  color: #808695;
}

footer .footer-copyright a:hover {
  color: #46465f !important;
}

.logiNavbar .collapse {
  padding: 0;
  border: 0;
  float: right;
}

.logiNavbar .collapse .nav {
  margin: 0;
}

.logiNavbar .collapse .nav li a {
  line-height: 60px;
  padding: 0 15px;
}

.logiNavbar .collapse .nav li a .dropdown-menu {
  padding: 0;
  min-width: 175px;
  border: 0;
  border-radius: 0;
}

.logiNavbar .collapse .nav li a .dropdown-menu li a {
  padding: 10px 20px;
}

.logiNavbar .collapse .nav li a .dropdown-menu:last-child {
  border-bottom: 0;
}

.logiNavbar .collapse .open a {
  border-right-color: transparent !important;
}

.logiNavbar .collapse .dropdown-menu li a {
  padding: 13px 15px !important;
}

.navbar-toggle {
  border: 0px;
  border-radius: 0px;
  float: left;
  margin: 0px;
  padding: 15px 20px;
}

.navbar-nav a .icon:before {
  font-size: 5px;
  color: #808080;
}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu>.dropdown-menu {
  top: 5px;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.dropdown-submenu:hover>a:after {
  border-left-color: #808080;
}

.dropdown-submenu.pull-left {
  float: none;
}

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

#settingsIconNavbar.icon:before {
  font-size: 21px !important;
}

.settingsIconWrapper a {
  color: #808080 !important;
}

#settingsMenu {
  margin-right: 50px;
}

#settingsMenu li {
  width: 100%;
  margin-top: 2px;
  left: 0px !important;
  background: #f9f9fa !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.dropdown-menu li.dropdown-submenu:last-child a {
  box-shadow: none;
}

.smallNavbar {
  font-size: 12px !important;
}

.smallNavbar li a {
  padding-top: 20px !important;
  padding-bottom: 20px !important;
  padding-left: 10px !important;
  padding-right: 10px !important;
  line-height: 20px !important;
  font-size: 12px !important;
}

.smallNavbar .dropdown-menu.fadeInUp li a {
  padding: 13px 20px !important;
  font-size: 12px !important;
}

.tooltipster-default {
  border-radius: 1px !important;
  font-size: 11px !important;
  box-shadow: 0 2px 2px 0 rgba(105, 119, 151, 0.2);
}

.tooltipster-default .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 11px !important;
  line-height: 16px !important;
  padding: 5px 10px !important;
  overflow: hidden;
}

.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span,
.tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top-right span,
.tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom-right span,
.tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span,
.tooltipster-arrow-top .tooltipster-arrow-border,
.tooltipster-arrow-bottom span,
.tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span,
.tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border,
.tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span,
.tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border,
.tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span,
.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span,
.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0);
  -moz-transform: rotateZ(0);
  -o-transform: rotateZ(0);
  -ms-transform: rotateZ(0);
  transform: rotateZ(0);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0 !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0 !important;
  opacity: 0;
}

.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

a {
  color: #6F0881;
}

a:hover,
a:focus {
  color: #6F0881;
}

.btn.btn-primary.logiPrimaryBtn {
  background: #6F0881;
  color: #fff;
  border-color: #6F0881;
}

input[type="checkbox"][disabled].logiCustomCheck+label {
  background-color: #f5f5f5;
}

.logiCustomCheck+label {
  background-color: #fff;
  border: 1px solid #979797;
}

.logiCustomCheck:checked+label {
  background-color: #6F0881;
  border-color: #4c8ec9;
}

.badgeWrapper {
  background: #fff;
  border: 1px solid #f4f4f4;
}

.badgeTitle {
  color: #6F0881;
}

.btn .btnOutline {
  border: 1px solid #6F0881 !important;
  color: #6F0881 !important;
  background: #fff !important;
}

.mapDisplayOptions form:parent {
  background: topHeaderBg;
  border: 1px solid borderColorMedium;
}

.logiNavbar {
  background-color: transparent;
}

.logiNavbar .collapse .nav li a {
  color: #42425c;
  background-color: #fff;
  font-weight: lighter;
  border-right: 1px solid #fff;
}

.logiNavbar .collapse .nav li a:hover {
  color: #6F0881;
  background-color: #fff;
}

.logiNavbar .collapse .nav li a.active {
  color: #42425c;
  background-color: #fff;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  font-weight: bolder;
  box-shadow: inset 0px -3px 0px 0px #6F0881;
}

.logiNavbar .collapse .nav li a.active table tbody tr td {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.logiNavbar .collapse .nav li .dropdown-menu {
  box-shadow: 0px 0px 2px #fafafa;
  border: 1px solid #f7f7f7;
}

.logiNavbar .collapse .nav li .dropdown-menu:last-child {
  border-bottom: 0;
}

.logiNavbar .collapse .nav li .dropdown-menu:last-child a.active {
  box-shadow: none;
}

.logiNavbar .collapse .open a {
  color: #46465f !important;
  background-color: #fcfcfd !important;
}

.logiNavbar .collapse .open a:focus,
.logiNavbar .collapse .open a:hover {
  color: #000 !important;
  background-color: #f9f9fa !important;
}

.logiNavbar .navbar-toggle .icon-bar {
  background-color: #42425c;
}

.logiNavbar .navbar-toggle .icon-bar {
  background-color: #42425c;
}

.promptDiv {
  background-color: #42425c;
  color: #f4f4ff;
}

.add {
  background: #6F0881;
  color: #fff;
  border-color: #6F0881;
}

.remove {
  background: #afb0b4;
  border: 1px solid #afb0b4;
}

.dropdown-content {
  background-color: #fff;
}

.dropdown-content a {
  color: #000;
}

.dropdown-content a:hover {
  background-color: #eee;
}

.date-rangepicker {
  background: #42425c;
}

.readonlySwitch input.cmn-toggle-round:checked+label:before {
  background-color: #6F0881 !important;
}

.pageHeader .dropdown-menu {
  border: 1px solid #eee;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08);
}

.pageHeader .dropdown-menu:before {
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #e1e6ef;
}

.pageHeader .action-items ul li a {
  color: #6b6b6b;
  background: #fcfcfd;
}

.record-action-options.dropdown .icon-dropdown-angle.dropDown,
.record-action-options li .icon-dropdown-angle.dropDown {
  color: #828395;
}

.lightGreyText {
  color: #ababab;
}

.daterangepicker .calendar.left .calendar-table,
.daterangepicker .calendar.right .calendar-table {
  border: 1px solid #ddd;
}

.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th.start-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th.start-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td.start-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td.start-date {
  background: var(--color-purple-200);
  color: #fff;
}

.daterangepicker .input-mini {
  border-color: #ddd;
}

.daterangepicker .input-mini.active {
  border-color: #6F0881 !important;
}

.ranges .range_inputs .applyBtn {
  background: #6F0881;
  color: #fff;
  border-color: #6F0881;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}

.ranges .range_inputs .cancelBtn {
  color: #6F0881;
  background-color: #fff;
  border: 1px solid #6F0881;
  box-shadow: 0 0 0 0 transparent;
}

.ranges li {
  border-color: #ddd;
  background: #eae8ea;
  color: #000;
}

.ranges li.active,
.ranges li:hover {
  background: #6F0881;
  border-color: #6F0881;
  color: #fff;
}

.logiHeader .top-header {
  background: #fff;
  z-index: 99999;
}

.logiHeader .dropdown-user {
  background: #fff;
  box-shadow: -2px 2px 4px 0 rgba(105, 119, 151, 0.27);
}

.logiHeader .top-header .dropdown-user li {
  color: #46465f !important;
}

.ordercount {
  background-color: #6F0881;
}

.modal-msg {
  margin: 15px !important;
  padding: 9px;
  background-color: #c2c2c5;
}

.logiCustomCheck#STARTED:checked+label {
  background-color: #e9767a;
  border-color: #e9767a;
  color: #fff;
  content: '';
}

.logiCustomCheck#STARTED:checked+label:after {
  color: #fff;
  content: '';
}

.logiCustomCheck#NOTSTARTED:checked+label {
  background-color: #f5a837;
  border-color: #f5a837;
  color: #fff;
  content: '';
}

.logiCustomCheck#NOTSTARTED:checked+label:after {
  color: #fff;
  content: '';
}

.logiCustomCheck#ENDED:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  content: '';
}

.logiCustomCheck#ENDED:checked+label:after {
  content: '';
}

.logiCustomCheck#NOTATTEMPTED:checked+label {
  background-color: #e9767a;
  border-color: #e9767a;
  color: #fff;
  content: '';
}

.logiCustomCheck#NOTATTEMPTED:checked+label:after {
  color: #fff;
  content: '';
}

.logiCustomCheck#CANCELLED:checked+label {
  background-color: #f5a837;
  border-color: #f5a837;
  color: #fff;
  content: '';
}

.logiCustomCheck#CANCELLED:checked+label:after {
  color: #fff;
  content: '';
}

.logiCustomCheck#COMPLETED:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  content: '';
}

.logiCustomCheck#COMPLETED:checked+label:after {
  content: '';
}

.logiCustomCheck#NOTCOMPLETED:checked+label {
  background-color: #006279;
  border-color: #006279;
  content: '';
}

.logiCustomCheck#NOTCOMPLETED:checked+label:after {
  content: '';
}

.logiCustomCheck#attempt5:checked+label {
  background-color: #e9767a;
  border-color: #e9767a;
  content: '';
}

.logiCustomCheck#attempt5:checked+label:after {
  content: '';
}

.logiCustomCheck#attempt4:checked+label {
  background-color: #faa414;
  border-color: #faa414;
  content: '';
}

.logiCustomCheck#attempt4:checked+label:after {
  content: '';
}

.logiCustomCheck#attempt3:checked+label {
  background-color: #48979b;
  border-color: #48979b;
  content: '';
}

.logiCustomCheck#attempt3:checked+label:after {
  content: '';
}

.logiCustomCheck#attempt2:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  content: '';
}

.logiCustomCheck#attempt2:checked+label:after {
  content: '';
}

.logiCustomCheck#attempt1:checked+label {
  background-color: #97c9cb;
  border-color: #97c9cb;
  content: '';
}

.logiCustomCheck#attempt1:checked+label:after {
  content: '';
}

.main-controller-wrapper-drs td.partialDelivery {
  color: #6F0881;
}

.valid-textBox {
  border: none !important;
  border-bottom: 1px solid #6F0881 !important;
}

.invalid-textBox {
  border-bottom: 1px solid #f00 !important;
  background: rgba(255, 0, 0, 0.15);
}

.stateButtons {
  background: #eef4fa;
  color: #a2a2af;
}

.stateButtons:hover {
  color: #9898a5;
}

.stateButtons:before {
  border-top: 25px solid transparent;
  border-bottom: 25px solid transparent;
  border-left: 24px solid #fff;
}

.stateButtons:after {
  border-top: 21px solid transparent;
  border-bottom: 21px solid transparent;
  border-left: 21px solid #eef4fa;
}

.stateButtons.active {
  background: #6F0881;
  color: #fff;
}

.stateButtons.active:after {
  border-left-color: #6F0881;
}

.stateButtons.active .customBadge.badge {
  color: #4686bf;
  background: #78addc;
}

.customBadge.badge {
  color: #eef4fa;
  background: #cce0f1;
}

.planningCount {
  font-size: 12px;
}

.planningCountInput {
  border: 1px solid #d8d8d8;
  background: transparent;
  color: #000;
}

.icon-shape-4:before,
.icon-trip-formed:before,
.icon-time:before,
.icon-shape7:before,
.icon-delivery-boy:before {
  color: #c4c4c4;
}

.selectAllOrders {
  border: 1px solid #4c8ec9;
  background: #6F0881;
  color: #fff;
}

.selectAllOrders:hover {
  color: #fff;
}

section .row.logiPanelBody {
  padding: 25px 0px;
  margin: 8px 30px 8px 30px !important;
  background: #fff;
  border: 1px solid #eee;
}

section .row.logiPanelBody label {
  color: #606060;
}

.uploadBtn {
  background: #fcfcfd;
}

.uploadBtn+label {
  background: #fcfcfd;
  color: #6b6b6b;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}

.not-geocoded {
  color: #f05548;
  opacity: 0.7;
}

.geocoded {
  color: #006279;
  opacity: 0.7;
}

.geocoded-approx {
  color: #f0ad48;
  opacity: 0.7;
}

.manually-geocoded {
  color: #6F0881;
  opacity: 0.7;
}

.downloadSDLR {
  border: 1px solid #eee;
}

.downloadSDLR ul li {
  border-bottom: 1px dotted #ddd;
}

.downloadSDLR ul li .dateType {
  color: #606060;
}

.downloadExcelBtn {
  background: #fff;
}

.logiCustomCheck#MANUALLYGEOCODED+label {
  background-color: #fff;
  border: 1px solid #6F0881;
}

.logiCustomCheck#MANUALLYGEOCODED:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  color: #fff;
}

.logiCustomCheck#SYSTEMGEOCODED+label {
  background-color: #fff;
  border: 1px solid #006279;
}

.logiCustomCheck#SYSTEMGEOCODED:checked+label {
  background-color: #006279;
  border-color: #006279;
  color: #fff;
}

.logiCustomCheck#NOTGEOCODED+label {
  background-color: #fff;
  border: 1px solid #f05548;
}

.logiCustomCheck#NOTGEOCODED:checked+label {
  background-color: #f05548;
  border-color: #f05548;
  color: #fff;
}

.logiCustomCheck#SYSTEMGEOCODEDAPPROX+label {
  background-color: #fff;
  border: 1px solid #f0ad48;
}

.logiCustomCheck#SYSTEMGEOCODEDAPPROX:checked+label {
  background-color: #f0ad48;
  border-color: #f0ad48;
  color: #fff;
}

.subPageHeader {
  color: #46465f;
}

.proofFileLabel {
  background: #6F0881;
}

.commentText {
  color: #383852;
}

.commentsBody .icon-online {
  color: #6F0881;
}

.attendanceFooterLargeLabel,
.attendanceFooterNameLabel {
  border-bottom: 1px solid #ddd;
  color: #979797;
}

.attendanceCalendar .full button span {
  background-color: #afb0b4;
}

.attendanceCalendar button.uib-title {
  background-color: #6F0881;
}

.attendanceCalendar button[disabled].uib-title {
  background-color: #6F0881;
}

.attendanceCalendar .uib-right,
.attendanceCalendar .uib-left {
  background-color: #6F0881;
  color: #42425c;
}

.attendanceCalendar .well {
  background-color: #fff;
}

.attendanceCalendar .header {
  color: #6F0881;
}

.attendanceCalendar {
  border: 1px solid #6F0881;
}

.attendanceCalendar .present {
  background-color: #f1f1f1;
  color: #606060;
}

.attendanceCalendar .absent {
  background-color: #afb0b4;
}

.performanceHeader {
  background-color: #fff;
  border-bottom: 1px solid #f1f1f1;
}

.activeHeader {
  border: 1px solid #6F0881;
}

.pageNumber {
  background-color: #6F0881;
}

.dm-header {
  color: #6F0881;
}

.logiCustomCheck#OFFLINE+label {
  background-color: #fff;
  border: 1px solid #e9767a;
}

.logiCustomCheck#OFFLINE:checked+label {
  background-color: #e9767a;
  border-color: #df6c70;
  color: #fff;
  border-color: #df6c70;
}

.logiCustomCheck#OFFLINE:checked+label:after {
  color: #fff;
  background: #e9767a;
}

.logiCustomCheck#Offline+label {
  background-color: #fff;
  border: 1px solid #e9767a;
}

.logiCustomCheck#Offline:checked+label {
  background-color: #e9767a;
  border-color: #df6c70;
  color: #fff;
  border-color: #df6c70;
}

.logiCustomCheck#Offline:checked+label:after {
  color: #fff;
  background: #e9767a;
}

.logiCustomCheck#Intransit:checked+label {
  background-color: #e9767a;
  border-color: #df6c70;
  color: #fff;
  border-color: #df6c70;
}

.logiCustomCheck#Intransit:checked+label:after {
  color: #fff;
  background: #e9767a;
}

.logiCustomCheck#Intransit:checked+label:after {
  color: #e9767a;
  content: '';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
  position: absolute;
  top: -3px;
}

.logiCustomCheck#Available:checked+label:after {
  content: '';
}

.logiCustomCheck#ONLINEWEAK:checked+label {
  background: #f5a837;
  border-color: #eb9e2d;
  color: #fff;
}

.logiCustomCheck#ONLINEWEAK:checked+label:after {
  color: #fff;
  background: #f5a837;
  border-color: #eb9e2d;
}

.logiCustomCheck#Idle:checked+label {
  background: #f5a837;
  border-color: #eb9e2d;
  color: #fff;
}

.logiCustomCheck#Idle:checked+label:after {
  color: #fff;
  background: #f5a837;
  border-color: #eb9e2d;
}

.ui-select-bootstrap .ui-select-choices.ui-select-dropdown .ui-select-choices-row a a,
.ui-select-bootstrap .ui-select-choices.ui-select-dropdown .ui-select-choices-row.active a {
  background-color: var(--color-primary-medium) !important;
  color: var(--color-primary-main) !important;
}

.languageDropdownWrapper .ui-select-bootstrap .ui-select-choices.ui-select-dropdown .ui-select-choices-row.active span {
  background-color: var(--color-primary-medium) !important;
  color: var(--color-primary-main) !important;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"]+label {
  color: #42425c;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"]+label input[type="checkbox"]+label span {
  background-color: #afb0b4;
}

.logi-checkbox .logi-checkbox-button input[type="checkbox"]:checked+label span {
  background-color: #6F0881;
}

.selected-close.icon-close:before {
  background: #6F0881;
  color: #fff;
}

.logiFormActionButtons li button,
.logiFormActionButtons li a {
  background-color: #6F0881 !important;
  border-color: transparent !important;
  color: #fff !important;
  border-color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
  border-radius: 1px !important;
}

.logiFormActionButtons li button .icon,
.logiFormActionButtons li a .icon {
  background-color: #fff;
  color: #fff;
}

.logiFormActionButtons li button[class="reset"],
.logiFormActionButtons li .reset {
  color: #6F0881 !important;
  background-color: #fff !important;
  border: 1px solid #6F0881 !important;
  box-shadow: 0 0 0 0 transparent;
}

form .mainSection .labelUnderlineWrapper .labelUnderline {
  background-color: #eee;
}

form .mainSection .labelLineWrapper .labelLine {
  background-color: #eee;
}

form .mainSection .form .logi-input:not(.logi-select) input {
  color: #42425c;
  border: 1px solid #eee;
  background: #fff;
}

form .mainSection .form .logi-input:not(.logi-select) input:hover,
form .mainSection .form .logi-input:not(.logi-select) input:focus {
  border: 1px solid #6F0881;
}

form .mainSection .form .logi-input:not(.logi-radio) label {
  color: #000;
  background: #fff;
  font-weight: 500;
}

form .mainSection .form div.logi-dob input~label,
form .mainSection .form div.logi-validity input~label,
form .mainSection .form div.logi-tel input~label {
  color: #42425c;
  background-color: #fff;
}

form .mainSection .form div.logi-checkbox label,
form .mainSection .form div.logi-radio label {
  color: #42425c;
  font-weight: 500;
}

form .mainSection .form .logiErrorMessages {
  color: #f00;
}

i.fa {
  color: #6F0881;
}

.table-wrapper .table-record-actions {
  background: #fcfcfd;
  border: 1px solid #e1e6ef;
}

.table-wrapper .table-record-actions .record-action-options li {
  border: 0px solid #fff;
}

.table-wrapper .table-record-actions .record-action-options.dropdown.open {
  background: #6F0881;
  color: #fff;
}

.table-wrapper .table-record-actions .record-action-options.dropdown.open li.dropdown-toggle a {
  color: #fff;
}

.table-wrapper .table-record-actions .record-action-options>li {
  border: 0px solid #d5d5db;
}

.table-wrapper .table-record-actions .record-action-options>li a {
  color: #828395;
}

.table-wrapper .table-record-actions .record-action-options>li a:hover {
  color: #fff;
}

.table {
  border: 1px solid #ddd;
}

.table thead tr:nth-child(3) th {
  border-right: 1px solid #eee;
  background: #fff;
}

.table thead tr:nth-child(3) th input {
  border-bottom: 1px solid #d5dae4;
}

.table tbody tr.selected td {
  background-color: #e3f9fa;
}

.table tbody tr td:hover td,
.table tbody tr.record:hover td {
  background: #f1faff;
}

.table thead tr th {
  border-right: 1px solid #eee;
  background: #fff;
  border-bottom: 1px solid #eee !important;
}

.table tbody tr td,
.table tbody tr th {
  border-top: 0px !important;
  border-right: 1px solid #eee;
}

.table tbody tr td .input-sm,
.table tbody tr th .input-sm {
  border-bottom: 1px solid #979797;
}

.table tbody tr td .input-sm:focus,
.table tbody tr th .input-sm:focus {
  border-bottom-color: #6F0881;
}

.table tbody tr td .input-sm:focus~.icon.icon-search2,
.table tbody tr th .input-sm:focus~.icon.icon-search2 {
  color: #6F0881;
}

.pagination {
  margin: 0;
  margin-top: 4px;
}

.pagination>li button {
  border: 1px solid #f1f1f1;
  color: #42425c;
  background-color: #fff;
}

.pagination>li.active:hover,
.pagination>li.active:focus {
  background-color: transparent;
  color: #000;
}

.pagination>li.active a,
.pagination>li.active span {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.pagination>li.active a:hover,
.pagination>li.active span:hover,
.pagination>li.active a:focus,
.pagination>li.active span:focus {
  background-color: transparent;
  border-color: transparent;
  color: #000;
}

.pagination>li.active a.page-num,
.pagination>li.active span.page-num {
  background: transparent;
  border-color: transparent;
}

.pagination>li a,
.pagination>li span {
  color: #000;
}

.pagination>li a.page-num,
.pagination>li span.page-num {
  background: transparent;
  border-color: transparent;
}

.page-size~label {
  color: #000;
}

.pagination-buttons input[type="button"] {
  border: 1px solid #f1f1f1;
  color: #42425c;
  background-color: #fff;
  border-radius: 2px;
  font-size: 13px;
  outline: none;
}

.dropdown-menu .selected {
  background: #fff;
}

.pagination-buttons .pagination-button {
  color: #828395;
}

.pagination-container {
  color: #828395;
}

.pagination-container-perPage {
  color: #828395;
}

.table tbody tr td a,
.table tbody tr th a {
  color: #6F0881;
}

.table-striped tbody tr:nth-child(odd) td,
.table-striped tbody tr:nth-child(odd) th {
  background-color: #f6f9fd;
}

.panel-body {
  padding: 15px 0px !important;
}

.table-striped tbody tr:nth-child(even) td,
.table-striped tbody tr:nth-child(even) th {
  background-color: #fff;
}

.table tbody tr:hover {
  background-color: #f1faff !important;
}

.breadcrumbs {
  color: #46465f;
}

.breadcrumbs a {
  color: #46465f;
}

.breadcrumbs i {
  color: #828395;
}

#pagination-dashboard-table {
  border-bottom: 1px solid #eee;
}

.alertsDiv {
  border-bottom: 1px solid #ddd;
}

.bootboxButton {
  background-color: #6F0881 !important;
  border-color: transparent !important;
  color: #fff !important;
  border-color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
  border-radius: 1px !important;
  margin-left: 5px;
  min-height: 45px;
  min-width: 60px;
}

.bootboxButton.reset {
  color: #6F0881 !important;
  background-color: #fff !important;
  border: 1px solid #6F0881 !important;
  box-shadow: 0 0 0 0 transparent;
}

.ticketContent {
  background: #fcfcfd;
  border: 1px solid #e1e6ef;
  color: #000;
}

.ticketNote {
  border: 1px solid #e1e6ef;
}

.set-alert div:nth-child(2) {
  background: #fcfcfd;
  border: 1px solid #e1e6ef;
}

.error-message span {
  color: #f00;
}

.dmTypeBox {
  border: 1px solid #ccc;
}

.progress-indicator.status-bar li.completed .track-history-status:before,
.progress-indicator.status-bar li.completed .track-history-status:after {
  background-color: #fff !important;
  border-color: #fff !important;
}

.tripHistoryDetailsCard {
  color: #46465f;
}

.tripHistoryDetailsCard hr {
  border-top: 1px solid #a5a5a5;
}

.action-items ul li a {
  color: #6b6b6b;
  background: #fcfcfd;
}

table tbody tr.selectedRowBg {
  background: #dbe5f2 !important;
}

table tbody tr.selectedRowBg:hover {
  background: #dbe5f2 !important;
}

table tbody tr.selectedRowBg td,
table tbody tr.selectedRowBg th,
table tbody tr.selectedRowBg span {
  background: transparent !important;
}

.trackingDateFilter {
  border: 0.5px solid #474b54;
  background: #46465f;
}

.dashoard-map-legends li label {
  color: #828395;
}

.menu-header ul.nav-tabs li.active a {
  border-bottom: 4px solid #6F0881;
}

.heading .dropdown .dropdown-menu li a {
  border-bottom: 1px solid #f1f1f1;
}

.heading .dropdown .dropdown-menu li a:hover {
  background: #f9f9fa !important;
}

.heading .dropdown .dropdown-menu li:hover {
  background: #f9f9fa !important;
}

.milkrun-table-body {
  border-top: 1px solid #e1e6ef !important;
}

.nvd3 text {
  color: #828395;
}

.tooltipster-default {
  border: 1px solid #3d3d57 !important;
  background: #42425c !important;
  color: #fff !important;
}

.dbDetailsIndicator {
  background: #f1faff;
}

.templateActionBtns li a {
  color: #606060;
}

.templateActionBtns li a:hover {
  color: #fff;
  background: #6F0881;
}

.templateActionBtns li a:hover .icon {
  border-color: #5395d0;
}

.card.customReportSection .panel-group {
  margin-bottom: 0px;
}

.panel-default {
  border-color: #eee !important;
}

#visual-timeline .vis-timeline .vis-item {
  box-shadow: 0 1px 2px 0 rgba(43, 43, 43, 0.5);
  background-color: #6F0881;
  background-image: linear-gradient(to bottom, #70b8e4, #3a7db9);
}

#visual-timeline .vis-timeline .vis-item.vis-background {
  background-color: rgba(200, 251, 198, 0.47);
  border: solid 2px #2cc6ca;
  background-image: none;
  height: 31px !important;
  margin-top: 4px;
}

#visual-timeline .vis-timeline .vis-item.vis-background.notAvlbl {
  background-color: rgba(171, 173, 175, 0.3);
}

#visual-timeline .vis-timeline .vis-item.vis-background .vis-item-content {
  color: #000;
  font-family: 'Gotham-Rounded-Medium';
  font-size: 12px;
}

.dropdown-dark {
  color: #fff;
  background-color: #46465f;
}

.dropdown-menu .dropdown-dark a {
  color: rgba(255, 255, 255, 0.8);
}

.dropdown-menu .dropdown-dark a:hover {
  background: #46465f !important;
  color: #fff;
}

.saveTemplate {
  box-shadow: 0 2px 3px 0 rgba(65, 65, 92, 0.25);
  background-color: #6F0881 !important;
  border-color: transparent !important;
  color: #fff !important;
  border-color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
}

.closeTemplateSave {
  background-color: #f9f9fc;
  border: solid 1px rgba(217, 217, 222, 0.2);
}

.downloadSDLR.template.haul {
  background-color: #f9f9fc;
  border: solid 1px rgba(217, 217, 222, 0.2);
}

.downloadSDLR.template.haul ul li {
  background-color: #f9f9fc;
}

.logiCustomCheck#AVG:checked+label {
  background-color: #366f72;
  border-color: #366f72;
}

.logiCustomCheck#MAX:checked+label {
  background-color: #e32022;
  border-color: #e32022;
}

.logiCustomCheck#DISTRIBUTION:checked+label {
  background-color: #6F0881;
  border-color: #11bcc1;
}

.logi-repeat-section-sub {
  background: #fdfdfd;
}

.chart-icons .activeView {
  background: #42425c;
  color: #fff;
  border-color: #42425c;
}

.btn.btn-primary.logiPrimaryBtn.next-btn {
  background: #6F0881;
  border: 1px solid #6F0881 !important;
}

.planningDetailInput .logiPrimaryBtn {
  background: #6F0881 !important;
  border: 1px solid #6F0881 !important;
}

.main-controller-wrapper-deliveryPlanninga .badgeTitle {
  color: #6F0881;
}

.logiCustomCheck#MAINTENANCE:checked+label {
  background-color: #babbbd;
  border-color: #babbbd;
  content: '';
}

.logiCustomCheck#MAINTENANCE:checked+label:after {
  content: '';
}

.logiCustomCheck#REST:checked+label {
  background-color: #6F0881;
  border-color: #6F0881;
  content: '';
}

.logiCustomCheck#REST:checked+label:after {
  content: '';
}

.logiCustomCheck#DISPATCHED:checked+label {
  background-color: #fa4767;
  border-color: #fa4767;
  content: '';
}

.logiCustomCheck#DISPATCHED:checked+label:after {
  content: '';
}

.controllerContainer {
  padding: 0 15px;
}

#helpCenterContainer {
  margin: 0 -15px;
  padding: 10px 15px !important;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 99;
}

#knowledgePortalContainer.dropdown-user {
  color: #000 !important;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  border-top: 5px solid #019ae8;
  overflow: visible;
  padding: 10px;
  height: calc(100vh - 60px);
}

.knowledgePortalSearchBox {
  width: 100%;
  padding-bottom: 5px;
  padding-top: 10px;
  padding-left: 20px;
  border-bottom: 1px solid #bdbac6;
}

#knowledgePortalContainer .corner {
  position: absolute;
  left: 0px;
  z-index: 10;
  font-weight: bold;
  color: #808080;
  top: 13px;
}

.searchBoxContainer {
  width: 75%;
  margin: 15px;
  display: inline-block;
}

.helpIcon {
  transform: scale(2, 2);
  position: relative;
  margin-top: 27px;
  cursor: pointer;
}

.questionMark {
  cursor: pointer;
  opacity: 0.8 !important;
  width: 21px !important;
}

.knowledgePortalSearchResults {
  margin-top: 15px;
  background-color: #6F0881 !important;
}

#knowledgePortalContainer.dropdown-user {
  width: 25% !important;
}

#knowledgePortalContainer {
  overflow: scroll;
  min-width: 380px !important;
  background-color: #fff !important;
}

.searchResultsLabel {
  color: #6F0881;
}

.searchResult {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 345px;
  display: inline-block;
}

.searchResult:hover {
  color: #6F0881;
}

.faqContainer {
  position: absolute;
  float: right;
  top: 5px;
  right: 20px;
  text-decoration: underline;
}

.faqContainer :hover {
  color: #6F0881 !important;
  cursor: pointer;
}

.faq {
  color: #000 !important;
}

.faq :hover {
  color: #6F0881 !important;
  cursor: pointer;
}

.popularList,
.searchResultList {
  display: block;
  padding: 7px;
  background-image: url(/product/assets/knowledge-portal-post.036b138dd48f0c11a824.png);
  background-repeat: no-repeat;
  background-position: 0px 9px;
  background-size: 10px;
  list-style: none;
  padding-left: 20px;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  color: #676767;
}

.popularList:hover,
.searchResultList:hover {
  color: #6F0881;
}

.loader {
  top: 280px;
  position: absolute;
  left: 135px;
}

#knowledgePortalContainer.dropdown-user {
  transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  position: fixed;
  border-radius: 3px;
  margin-top: 0px;
  margin-right: 5px;
  top: 60px;
  right: 0;
  min-width: 250px;
  width: 25%;
  z-index: 2000 !important;
  padding-bottom: 30px;
}

.helpCenter {
  font-size: 13px !important;
}

.searchContainer {
  position: relative;
}

.popularListContainer {
  height: auto;
}

.popular {
  padding-top: 25px;
  padding-bottom: 15px;
  font-size: 15px;
  font-weight: 800;
  color: #000;
}

.resultsList {
  margin-top: 10px;
  max-height: 330px;
  overflow: auto;
}

.resultsContainer {
  margin-top: 20px;
  text-align: -webkit-left;
}

.noResults {
  margin-top: 40px;
  opacity: 0.5;
}

.seperator {
  padding: 1px 0;
  background: #ececec;
  margin: 0 -15px;
}

.goToContainer {
  padding-top: 25px;
  padding-bottom: 25px;
}

.goToHeader {
  padding-bottom: 10px;
  padding-top: 25px;
  font-size: 15px;
  font-weight: bold;
  color: #000;
}

.goToContainer ul li {
  padding: 7px 0;
  cursor: pointer;
  font-size: 13px;
}

.goToContainer ul li:hover {
  color: #6F0881;
}

.goToContainer ul li img {
  margin-right: 4px;
  width: 13px;
}

.goToContainer ul li a {
  color: #000;
}

.goToContainer ul li a:hover {
  color: #6F0881;
}

#beatPlanGrid .planName {
  float: left;
}

.input-holder {
  position: relative;
}

.addBeatWrapper {
  margin-bottom: 50px !important;
  margin-top: 20px !important;
  margin-left: 50px !important;
}

.fileErrorMessage {
  color: #f00;
}

.heightSetter {
  min-height: 105px;
}

.padding-top-10 {
  padding-top: 12px;
}

.new-input {
  height: 40px;
  min-width: 300px;
  padding-left: 10px;
  background-color: #fff;
  border-radius: 0;
  border: 1px solid #eee;
}

.newClass {
  border-radius: 2px !important;
  width: 90px;
  padding-left: 20px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5) !important;
  background: #6F0881 !important;
  color: #fff !important;
  border-color: #6F0881 !important;
}

.new-inputactive,
.new-inputfocus {
  outline: none;
}

.mainWrapper {
  margin-bottom: 50px;
  margin-top: 20px;
  margin-left: 50px;
}

.input-holder>label {
  position: absolute;
  top: -8px;
  left: 10px;
  background-color: #fff !important;
  padding: 0 5px;
  font-size: 11px;
  font-weight: 300;
  letter-spacing: 1px;
}

.shiftFields {
  color: #42425c;
  border: 1px solid #eee;
  background: #fff;
}

select {
  -webkit-appearance: none;
  -webkit-border-radius: 0px;
}

-webkit-input-placeholder {
  color: #bababa;
  font-weight: 200;
}

.-input.ui-select-container.ui-select-bootstrap {
  border: 1px solid #979797 !important;
}

-moz-placeholder {
  color: #bababa;
  font-weight: 200;
}

-ms-input-placeholder {
  color: #bababa;
  font-weight: 200;
}

-moz-placeholder {
  color: #bababa;
  font-weight: 200;
}

.btn-general {
  background-color: #6F0881;
  color: #fff;
  font-size: 14px;
  padding: 10px 20px;
  font-weight: 200;
  letter-spacing: 1px;
}

.btn-generalactive,
.btn-generalfocus {
  outline: none;
}

.uploadVisitsLabel {
  background-color: #6F0881 !important;
  border-color: transparent !important;
  color: #fff !important;
  border-color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
  border-radius: 1px !important;
  width: 90px;
  padding-left: 18px !important;
}

.list-img,
.list-content,
.list-input {
  float: left;
}

.beatPlan-input {
  color: #42425c;
  border: 1px solid #eee;
  background: #fff;
  margin: 18px 0;
  padding-left: 9px;
  width: 100%;
  height: 40px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0;
  box-shadow: none !important;
}

.beatPlan-label {
  display: block;
  position: absolute;
  top: 9px;
  margin-left: 9px;
  font-size: 12px;
  letter-spacing: 0.3px;
  background: #fff;
}

.containerClass {
  display: inline;
}

.branchNameContainer {
  position: absolute;
  margin-left: 50px;
}

.cancelAddButton {
  margin-left: 15px;
}

.step2Container {
  margin-left: 20px;
  font-size: 14px;
}

.section-header {
  margin: 15px 0;
  color: #000;
  font-size: 15px;
  font-weight: lighter;
}

.toContainer {
  display: inline;
  position: absolute;
  margin-top: 15px;
}

#importExcelForm .section-header {
  font-size: 15px;
}

.cross {
  cursor: pointer;
  vertical-align: bottom;
}

.fileNameLabel {
  margin-left: 15px;
  font-size: 13px;
}

.fileNameLabel .logi-icon {
  color: #6F0881;
  cursor: pointer;
}

.fromContainer {
  display: inline-block;
  width: 190px !important;
  margin-top: 15px;
}

.overlayOnForm {
  opacity: 0.5;
}

.beatPlanLoaderContainer {
  position: absolute;
  z-index: 99999;
  top: 50%;
  left: 50%;
}

.planButton {
  width: 90px;
}

#beatId-visitOrder::before,
#visitId-visitOrder::before,
#shipmentId-deliveryOrder::before,
.drag-row-icon::before {
  cursor: move;
  content: "";
  height: 15px;
  width: 20px;
  background: #000;
  margin-right: 5px;
  margin-left: -10px;
  background: url(/product/assets/Drag_Drop-Gray.e86c8167018ec4156a5f.svg) no-repeat;
  background-size: contain;
}

#visitId-visitOrder:hover #visitId-visitOrder::before,
#shipmentId-deliveryOrder::before {
  background: url(/product/assets/Drag_Drop-Blue.878d05bf7b3b7fe020c8.svg) no-repeat;
  background-size: contain;
}

.drag-row-icon:hover .drag-row-icon::before {
  background: url(/product/assets/Drag_Drop-Blue.878d05bf7b3b7fe020c8.svg) no-repeat;
  background-size: contain;
}

.latestActivity {
  width: 280px;
  height: 45px;
  background-color: #006279;
  color: #fff;
  padding-top: 11px;
  padding-left: 3px;
  top: 180px;
  right: -270px;
  position: fixed;
  cursor: pointer;
  box-shadow: 0px 2px 4px #808080;
  z-index: 999999;
}

.activityContainer {
  width: 280px;
  max-height: 430px;
  background-color: #fafafa;
  position: fixed;
  top: 225px;
  right: 0px;
  overflow-x: auto;
  z-index: 9999;
}

.activityContainer ul li {
  padding: 10px 15px 10px 15px;
}

.openLatestActivity {
  right: 0px !important;
}

.highAlert {
  width: 280px;
  height: 45px;
  background-color: #e32022;
  color: #fff;
  padding-top: 11px;
  padding-left: 3px;
  top: 225px;
  right: -270px;
  position: fixed;
  cursor: pointer;
  box-shadow: 0px 2px 4px #808080;
}

.highAlertOpen {
  width: 280px;
  height: 45px;
  background-color: #e32022;
  color: #fff;
  padding-top: 11px;
  padding-left: 3px;
  top: 225px;
  right: -270px;
  position: fixed;
  cursor: pointer;
  box-shadow: 0px 2px 4px #808080;
  z-index: 9999;
}

.highAlertContainer {
  width: 280px;
  box-shadow: 0px 7px 14px -6px #000;
  max-height: 430px;
  background-color: #fff;
  position: fixed;
  top: 270px;
  right: 0px;
  z-index: 9999;
  overflow-x: auto;
}

.highAlertContainer ul li {
  padding: 10px 15px 10px 15px;
}

.lowAlert {
  width: 280px;
  height: 45px;
  background-color: #6F0881;
  color: #fff;
  padding-top: 11px;
  padding-left: 3px;
  top: 270px;
  right: -270px;
  position: fixed;
  cursor: pointer;
  box-shadow: 0px 2px 4px #808080;
}

.lowAlertOpen {
  width: 280px;
  height: 45px;
  background-color: #6F0881;
  color: #fff;
  padding-top: 11px;
  padding-left: 3px;
  top: 270px;
  right: -270px;
  position: fixed;
  cursor: pointer;
  box-shadow: 0px 2px 4px #808080;
  z-index: 9999;
}

.lowAlertContainer {
  box-shadow: 0px 7px 14px -6px #000;
  width: 280px;
  max-height: 430px;
  background-color: #fff;
  position: fixed;
  top: 315px;
  right: 0px;
  z-index: 9999;
  overflow-x: auto;
}

.lowAlertContainer ul li {
  padding: 10px 15px 10px 15px;
}

.alertsWrapper {
  float: right;
  position: fixed;
  top: 56px;
  z-index: 8000;
}

.alertsWrapper .icon-slide-left:before {
  font-size: 10px;
}

.alertsWrapper .icon-graph-node:before {
  font-size: 11px;
  color: #ccc;
}

.alertsWrapper .icon-high-priority-alert {
  font-size: 14px;
  font-weight: bold;
}

.alertsWrapper .icon-low-priority-alert {
  font-size: 14px;
  font-weight: bold;
}

.alertBody {
  border-bottom: 1px solid #dadada;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  margin-left: 2px;
  max-width: none !important;
}

.transition {
  -webkit-transition: right 0.3s ease-out;
  /* Chrome 1-25, Safari 3.2+ */
  -moz-transition: right 0.3s ease-out;
  /* Firefox 4-15 */
  -o-transition: right 0.3s ease-out;
  /* Opera 10.50–12.00 */
  transition: right 0.3s ease-out;
  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.10+ */
}

table tbody tr td .alertsMessage,
table thead tr td .alertsMessage,
table tbody tr th .alertsMessage,
table thead tr th .alertsMessage {
  display: block !important;
  width: 100% !important;
  max-width: 280px !important;
  overflow: visible !important;
  white-space: normal !important;
}

.msgBullets {
  vertical-align: top;
  padding-top: 3px;
}

.alertCount {
  padding: 2px;
  border: 1px solid;
  border-radius: 4px;
}

.unreadAlert {
  background-color: #eee;
  border-radius: 4px;
}

.page-header .action-items ul li,
.action-items ul li,
.table-wrapper .table-record-actions .record-action-options>li,
.pagination>li,
.list-wrapper li,
.tab-li li,
#tabButtonWrappers ul li {
  position: relative;
}

.uploadBtn {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1;
}

.uploadBtn+label {
  margin: 0;
  padding: 0px 13px 0px 13px;
  height: 40px;
  line-height: 40px;
  border-radius: 1px;
  font-size: 13px;
  font-weight: normal;
  cursor: pointer;
  position: relative;
  top: 1px;
}

.searchBox {
  width: 100%;
  height: 35px;
}

.starMarker {
  background-image: url(/product/assets/star.5c5325fc894526932da5.png);
  height: 26px;
  width: 20px;
}

.orderMarker {
  background-image: url(/product/assets/black_order.a101fca00dd7ce194840.png);
  height: 38px;
  width: 24px;
}

.hubMarker {
  background-image: url(/product/assets/home_icon.5b3b8922a6cd45cbb526.png);
  height: 42px;
  width: 39px;
}

.markerSequenceNumber {
  color: #fff;
  position: relative;
  top: 8px;
  left: 5px;
}

.borderRight {
  border-right: 1px solid #c6c7c9;
}

.dragIcon {
  float: left;
}

.geocodingMarker {
  background-image: url(/product/assets/delivered.7990ea5aad89ae19ee00.png);
  height: 36px;
  width: 21px;
}

.locationGreen {
  background-image: url(/product/assets/location_green.47e08555fd09f06b1368.png);
  display: inline-block;
  height: 11px;
  width: 11px;
}

.locationYellow {
  background-image: url(/product/assets/location_yellow.0daaff88a857824cee95.png);
  display: inline-block;
  height: 11px;
  width: 11px;
}

.locationRed {
  background-image: url(/product/assets/location_red.f2afb457de2a5e83de87.png);
  display: inline-block;
  height: 11px;
  width: 11px;
}

.updateOverlay {
  background-color: #000;
  top: -60px;
  height: 60px;
  position: relative;
  opacity: 0.7;
}

.updateOverlaybutton {
  position: relative;
  left: 40%;
  top: 20%;
}

.geocoding .table-columns th:first-child,
.geocoding .table-columns th:last-child {
  width: 5%;
}

.geocoding td div {
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.edit-hover {
  cursor: pointer;
}

.downloadSDLR:before {
  width: 6px;
  height: 6px;
  content: '';
  border-bottom: 6px solid #fff;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  right: 14px;
}

.downloadSDLR ul li {
  padding: 20px 15px;
  min-width: 480px;
}

.downloadSDLR ul li .dateType {
  font-weight: normal;
  padding-left: 5px;
}

.downloadExcelBtn {
  padding: 15px 0px 0px;
}

.margin-left-20 {
  margin-right: 20px;
}

.downloadText {
  background: #fcfcfd;
  margin-left: 0px;
  margin-top: -20px;
  padding: 5px 10px;
  color: #828294;
  font-size: 14px;
}

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

.fmlmCustomCheck#SYSTEMGEOCODED:checked+label:after {
  color: #fff;
  content: '\e828';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
}

.fmlmCustomCheck#NOTGEOCODED:checked+label:after {
  color: #fff;
  content: '\e828';
  font-family: fontello;
  background: transparent;
  font-size: 8px;
  left: 1px;
}

.nearestDM {
  position: absolute;
  right: 15px;
  height: 45px;
  z-index: 1000;
  line-height: 45px;
  color: #fff;
  background: #6F0881;
}

.nearestDM .icon-two_wheeler {
  width: 45px;
  text-align: center;
  border-right: 1px solid rgba(0, 0, 0, 0.075);
}

.nearestDM .icon-two_wheeler:before {
  font-size: 20px;
}

.nearestDM .textCenter {
  margin-left: 15px;
  padding-right: 20px;
}

.form .addNewAddress.ondemand {
  position: absolute;
  margin-top: -60px;
}

.hidepageHeader .modal-body .pageHeader {
  display: none;
}

.hidepageHeader .modal-body .centerContent {
  top: 0;
  bottom: 0;
}

.hidepageHeader .modal-body .hideBtn {
  display: inline-block;
}

.hidepageHeader .modal-body .row.geocodingTable {
  display: none;
}

.hidepageHeader .modal-body .updateOverlay {
  top: -118px;
}

.hideBtn.btn {
  display: none;
}

.orderTripListModal {
  max-height: 700px !important;
}

#loaderOverlay {
  width: 20px;
  height: 20px;
  z-index: 5;
  position: relative;
  left: 0px;
  text-align: center;
  cursor: not-allowed;
}

#loaderOverlay img {
  width: 100%;
  height: 100%;
}

.fmlmGeocodingPopup .modal-body .mainWrapper {
  top: 0px;
}

.fmlmGeocodingPopup .modal-body .mainWrapper form[name="geocodingSearchForm"],
.fmlmGeocodingPopup .modal-body .mainWrapper .geocodingLabels {
  display: none;
}

.acitiviyLogMain .eventMasterFilterd {
  box-shadow: 0 0 0 5px #f2c500 !important;
}

.acitiviyLogMain .bg-success img {
  width: 100%;
  vertical-align: middle;
}

.acitiviyLogMain .activityLogCard {
  padding-left: 15px;
}

.acitiviyLogMain .round {
  width: 100%;
  height: 35px;
  border-radius: 15px;
  border: 1px #808080 solid;
  padding: 7px 5px 5px 28px;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 5;
}

.acitiviyLogMain .corner {
  position: absolute;
  top: 7px !important;
  left: 10px;
  z-index: 10;
  font-size: 14px !important;
  font-weight: bold;
}

.acitiviyLogMain .searchActivitySectionLabel {
  height: 35px;
  line-height: 35px;
  font-size: 14px !important;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.acitiviyLogMain .searchActivityLogMaster {
  position: relative;
  width: 89%;
  height: 30px;
}

.acitiviyLogMain .searchActivityLogMaster input {
  text-indent: 5px;
  padding-top: 7px;
  font-size: 14px !important;
}

/* .acitiviyLogMain .eventMasterSection {
  padding-left: 25px !important;
} */

.acitiviyLogMain border-left 1px solid #ddd {
  padding-top: 15px;
}

.acitiviyLogMain #eventMasterlist article {
  -webkit-transition: top 0.5s ease-in-out;
  -moz-transition: top 0.5s ease-in-out;
  transition: top 0.5s ease-in-out;
}

.acitiviyLogMain .activityLogMainSection {
  height: 859px !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding-left: 30px;
  padding-top: 15px;
}

.acitiviyLogMain .eventsSearchSection {
  z-index: 10;
  font-family: Gotham-Rounded-Medium, sans-serif;
  font-size: 14px;
  font-weight: 800;
}

.acitiviyLogMain .eventsSearchBox {
  border-bottom: 1px solid;
}

.acitiviyLogMain .eventMasterlabel {
  width: 75%;
  padding: 1em !important;
  border-radius: 35px !important;
  margin-left: 50px !important;
}

.acitiviyLogMain .eventMasterlabel:after {
  display: none !important;
}

.acitiviyLogMain .middleMileActivityLogMainSection {
  height: 100% !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  padding-left: 30px;
  padding-top: 15px;
}

.acitiviyLogMain .img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}

.acitiviyLogMain .img-rounded {
  border-radius: 3px;
}

.acitiviyLogMain .img-thumbnail {
  background-color: #fff;
  border: 1px solid #ededf0;
  border-radius: 3px;
  display: inline-block;
  height: auto;
  line-height: 1.428571429;
  max-width: 100%;
  moz-transition: all 0.2s ease-in-out;
  o-transition: all 0.2s ease-in-out;
  padding: 2px;
  transition: all 0.2s ease-in-out;
  webkit-transition: all 0.2s ease-in-out;
}

.acitiviyLogMain .img-circle {
  border-radius: 50%;
}

.acitiviyLogMain .timeline-centered {
  position: relative;
  margin-bottom: 30px;
}

.acitiviyLogMain .timeline-centered:after {
  clear: both;
  clear: both;
}

.acitiviyLogMain .timeline-centered:before {
  content: '';
  position: absolute;
  display: block;
  top: 20px;
  bottom: 25px;
  margin-left: 28px;
  border-left: 4px solid #d6d6d6;
}

.acitiviyLogMain .timeline-centered.noline:before {
  display: none;
}

.acitiviyLogMain .timeline-centered .timeline-entry {
  position: relative;
  margin-top: 5px;
  margin-left: 30px;
  margin-bottom: 15px;
  clear: both;
}

.acitiviyLogMain .timeline-centered .timeline-entry:after {
  clear: both;
  clear: both;
}

.acitiviyLogMain .timeline-centered .timeline-entry.begin {
  margin-bottom: 0;
}

.acitiviyLogMain .timeline-centered .timeline-entry.left-aligned {
  float: left;
}

.acitiviyLogMain .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner {
  margin-left: 0;
  margin-right: -18px;
}

.acitiviyLogMain .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-time {
  left: auto;
  right: -100px;
  text-align: left;
}

.acitiviyLogMain .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-icon {
  float: right;
}

.acitiviyLogMain .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label {
  margin-left: 0;
  margin-right: 70px;
}

.acitiviyLogMain .timeline-centered .timeline-entry.left-aligned .timeline-entry-inner .timeline-label:after {
  left: auto;
  right: 0;
  margin-left: 0;
  margin-right: -9px;
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner {
  position: relative;
  margin-left: -20px;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner:after {
  clear: both;
  clear: both;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time {
  position: absolute;
  left: -100px;
  text-align: right;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span {
  display: block;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:first-child {
  font-size: 15px;
  font-weight: bold;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-time>span:last-child {
  font-size: 12px;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon {
  background: #fff;
  color: #737881;
  display: block;
  width: 40px;
  height: 40px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  -moz-box-shadow: 0 0 0 5px #f5f5f6;
  -webkit-box-shadow: 0 0 0 5px #f5f5f6;
  box-shadow: 0 0 0 5px #d6d6d6;
  line-height: 40px;
  font-size: 15px;
  float: left;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-primary {
  background-color: #303641;
  color: #fff;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-secondary {
  background-color: #ee4749;
  color: #fff;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-success {
  background-color: #6F0881;
  color: #fff;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-info {
  background-color: #21a9e1;
  color: #fff;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-warning {
  background-color: #fad839;
  color: #fff;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-icon.bg-danger {
  background-color: #cc2424;
  color: #fff;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
  position: relative;
  background: #f5f5f6;
  padding: 2px 1em 1em;
  margin-left: 60px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

.acitiviyLogMain .timeline-centered border 1px solid #ddd:after {
  content: '';
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9px 9px 9px 0;
  border-color: transparent #f5f5f6 transparent transparent;
  left: 0;
  top: 10px;
  margin-left: -9px;
}

.acitiviyLogMain .timeline-centered border 1px solid #ddd p+p {
  margin-top: 15px;
}

.acitiviyLogMain .timeline-centered border 1px solid #ddd h2 {
  font-size: 16px;
  margin-bottom: 10px;
}

.acitiviyLogMain .timeline-centered border 1px solid #ddd h2 a {
  color: #303641;
}

.acitiviyLogMain .timeline-centered border 1px solid #ddd h2 span {
  -webkit-opacity: 0.6;
  -moz-opacity: 0.6;
  opacity: 0.6;
}

.acitiviyLogMain .timeline-centered border 1px solid #ddd h6 {
  color: #737881;
}

.acitiviyLogMain .timeline-centered:before,
.acitiviyLogMain .timeline-centered:after {
  content: " ";
  display: block;
}

.acitiviyLogMain .timeline-centered-filterd:before {
  border-left: 4px dotted #d6d6d6 !important;
}

.acitiviyLogMain .timeline-centered .timeline-entry:before,
.acitiviyLogMain .timeline-centered .timeline-entry:after {
  content: " ";
  display: table;
  content: " ";
  display: table;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner:before,
.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner:after {
  content: " ";
  display: table;
  content: " ";
  display: table;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label h2,
.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label p {
  color: #000;
  font-family: "Noto Sans", sans-serif;
  font-size: 13px;
  margin: 0;
  line-height: 1.428571429;
}

.acitiviyLogMain b {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

* {
  margin: 0;
  padding: 0;
  border: 0;
  outline: none;
}

.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}

.cl {
  clear: left;
}

.cb {
  clear: both;
}

.cr {
  clear: right;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

ol,
ul {
  list-style: none;
}

.hideMoreButton {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  right: 0;
  bottom: 6px;
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.75);
  display: block;
  min-width: 67px;
  height: 29px;
  line-height: 29px;
  cursor: not-allowed;
}

.sorting {
  position: relative;
  margin-top: -8px;
  float: right;
  cursor: pointer;
  color: #6b6a6a;
}

.sorting .icon-dropdown-triangle-copy {
  position: absolute;
  cursor: pointer;
  z-index: 1;
}

.sorting .icon-dropdown-triangle {
  position: absolute;
  top: 10px;
  cursor: pointer;
  color: #6b6a6a;
}

.main-controller-wrapper-order .sorting {
  display: block;
}

.fmlmFormActionButtons li button[class="saveassign"] {
  color: #6F0881;
  background-color: #fff;
  border: 1px solid #6F0881;
  box-shadow: 0 0 0 0 transparent;
}

.fmlmFormActionButtons li a[class="saveassign"] {
  color: #6F0881;
  background-color: #fff;
  border: 1px solid #6F0881;
  box-shadow: 0 0 0 0 transparent;
  padding: 7px 15px;
  border-radius: 4px;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle .icon:before,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle .icon:before,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle .icon:before {
  font-size: 6px;
}

.pagi .icon:before {
  font-size: 16px;
}

.button-col-action-geocoding-green {
  color: #6F0881;
  text-align: center;
  cursor: pointer;
  margin: 0px auto;
}

.buttonColActionLocationHistoryGreen {
  color: #6F0881;
  text-align: center;
  cursor: pointer;
  margin: 0px auto;
}

.button-col-action-geocoding-red {
  color: #e32022;
  text-align: center;
  cursor: pointer;
  margin: 0px auto;
}

.odAttemptsBredcrumbContainer {
  display: inline-block;
}

#attemptsBreadcrumbDropdown.odAttemptsBredcrumbContainer {
  margin-left: 0px !important;
}

.button-col-action-deliveryProcess-red {
  color: #6F0881;
  text-align: center;
  cursor: pointer;
  margin: 0px auto;
}

.button-col-action-geocoding .icon:before {
  font-size: 15px;
}

.buttonColActionLocationHistoryGreen .icon:before {
  font-size: 15px;
}

#order-deliveryProof-modal .searchRows {
  display: none;
}

#order-deliveryProof-modal .button-col-action-pod,
#order-deliveryProof-modal border-radius 4px,
#order-deliveryProof-modal background #6F0881,
#order-deliveryProof-modal font-size 13px,
#order-deliveryProof-modal color #edffff,
#order-deliveryProof-modal padding 4px 0px,
#order-deliveryProof-modal text-align center,
#order-deliveryProof-modal width 76px,
#order-deliveryProof-modal margin 0px auto,
#order-deliveryProof-modal cursor pointer,
#order-deliveryProof-modal .button-col-action-pod-disabled {
  border-radius: 4px;
  background: #bfbfbf;
  font-size: 13px;
  color: #edffff;
  padding: 4px 0px;
  text-align: center;
  width: 76px;
  margin: 0px auto;
  cursor: not-allowed !important;
}

td.orderStatus div {
  overflow: visible;
  white-space: normal;
  width: 80px;
}

.logiHidden {
  display: none;
}

.addDelMedPg .addDelMedHead {
  margin-bottom: 20px;
  height: 47px;
  background-color: #fafafa;
}

.addDelMedPg .addDelMedHead p {
  float: left;
  padding-left: 15px;
  font-size: 18px;
  letter-spacing: 0.4px;
  line-height: 47px;
  color: #606060;
}

.addDelMedPg .addDelMedHead ul {
  float: right;
  margin: 0;
  list-style-type: none;
}

.addDelMedPg .addDelMedHead ul li {
  display: inline-block;
  padding: 9px 15px 9px 0;
}

.addDelMedPg .addDelMedHead ul li button {
  width: 95px;
  height: 29px;
  background-color: #6F0881;
  border-color: transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 23px;
  text-transform: capitalize;
  color: #fff;
}

.addDelMedPg .addDelMedHead ul li button .icon {
  margin-right: 10px;
  width: 19px;
  height: 11px;
  background-color: #fff;
}

.addDelMedPg .addDelMedHead ul li button[class="format"] {
  color: #6F0881;
  background-color: #fff;
  border: 1px solid #6F0881;
  box-shadow: 0 0 0 0 transparent;
}

.addDelMedPg .fmlmFormActionButtons {
  float: left;
  margin: 0;
  margin-top: 36px;
  list-style-type: none;
}

.addDelMedPg .fmlmFormActionButtons li {
  display: inline-block;
  padding: 0 15px 0 0;
}

.addDelMedPg .fmlmFormActionButtons li button {
  width: 95px;
  height: 29px;
  background-color: #6F0881;
  border-color: transparent;
  border-radius: 5px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  font-size: 12px;
  line-height: 23px;
  text-transform: capitalize;
  color: #fff;
}

.addDelMedPg .fmlmFormActionButtons li button .icon {
  margin-right: 10px;
  width: 19px;
  height: 11px;
  background-color: #fff;
}

.addDelMedPg .fmlmFormActionButtons li button[class="reset"] {
  color: #6F0881;
  background-color: #fff;
  border: 1px solid #6F0881;
  box-shadow: 0 0 0 0 transparent;
}

#orderWrapper .map-display-options .label-text,
#drsWrapper .map-display-options .label-text,
#orderWrapperOndemand .map-display-options .label-text,
#routeDetailsTable .map-display-options .label-text {
  font-weight: normal;
  font-size: 12px;
  letter-spacing: 0.4px;
  color: #5e6169;
  margin-left: 5px;
}

#orderWrapper .trip-assign-popup .table-responsive,
#drsWrapper .trip-assign-popup .table-responsive,
#orderWrapperOndemand .trip-assign-popup .table-responsive,
#routeDetailsTable .trip-assign-popup .table-responsive {
  padding-bottom: 0px;
}

#orderWrapper .modal-dialog .modal-body .modal-footer,
#drsWrapper .modal-dialog .modal-body .modal-footer,
#orderWrapperOndemand .modal-dialog .modal-body .modal-footer,
#routeDetailsTable .modal-dialog .modal-body .modal-footer {
  border-top: 0;
}

#orderWrapper .modal-dialog .modal-body .modal-footer .action-items li:first-child,
#drsWrapper .modal-dialog .modal-body .modal-footer .action-items li:first-child,
#orderWrapperOndemand .modal-dialog .modal-body .modal-footer .action-items li:first-child,
#routeDetailsTable .modal-dialog .modal-body .modal-footer .action-items li:first-child {
  margin-right: 18px;
}

#orderWrapper .modal-dialog .modal-body .modal-footer .action-items li a,
#drsWrapper .modal-dialog .modal-body .modal-footer .action-items li a,
#orderWrapperOndemand .modal-dialog .modal-body .modal-footer .action-items li a,
#routeDetailsTable .modal-dialog .modal-body .modal-footer .action-items li a {
  border: 1px solid #6F0881;
}

#orderWrapper .modal-dialog .modal-body .modal-footer .action-items li:nth-child(2) a,
#drsWrapper .modal-dialog .modal-body .modal-footer .action-items li:nth-child(2) a,
#orderWrapperOndemand .modal-dialog .modal-body .modal-footer .action-items li:nth-child(2) a,
#routeDetailsTable .modal-dialog .modal-body .modal-footer .action-items li:nth-child(2) a {
  border: 1px solid #6F0881;
  background: #fff;
  color: #6F0881;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons,
#routeDetailsTable .modal-dialog .modal-body .cancellation-reasons {
  margin: 0px auto;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons .record-action-options,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons .record-action-options,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons .record-action-options,
#routeDetailsTable .modal-dialog .modal-body .cancellation-reasons .record-action-options {
  width: 100%;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle,
#routeDetailsTable .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle {
  width: 100%;
  height: 40px;
  border: solid 1px #979797;
  background: #fff;
  margin: 0px auto;
  font-size: 12px;
  line-height: 40px;
  letter-spacing: 0px;
  color: #434343;
  border-radius: 0px;
  padding: 0px 10px;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle a,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle a,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle a,
#routeDetailsTable .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle a {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #434343;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle i,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle i,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle i,
#routeDetailsTable .modal-dialog .modal-body .cancellation-reasons .dropdown-toggle i {
  line-height: 35px;
  float: right;
}

#orderWrapper .modal-dialog .modal-body .cancellation-reasons textarea,
#drsWrapper .modal-dialog .modal-body .cancellation-reasons textarea,
#orderWrapperOndemand .modal-dialog .modal-body .cancellation-reasons textarea,
#routeDetailsTable .modal-dialog .modal-body .cancellation-reasons textarea {
  width: 100%;
  height: 100px;
  border: solid 1px #979797;
  resize: none;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 15px;
  font-size: 12px;
  line-height: 1.6;
  color: #424242;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items {
  overflow: hidden;
  overflow-y: auto;
  margin: 0px 0px 10px 0px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details,
#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .item-details,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .item-details {
  clear: both;
  cursor: pointer;
  padding: 14px 10px;
  font-size: 14px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .seperator,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .seperator,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .seperator,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .seperator,
#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .seperator,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .seperator,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .seperator,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .seperator {
  width: 1px;
  height: 25px;
  opacity: 0.3;
  background-color: #fdfdfd;
  margin: 0px 18px;
  margin-top: -2px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .icon.deleteCrate,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .icon.deleteCrate,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .icon.deleteCrate,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .icon.deleteCrate,
#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .icon.deleteCrate,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .icon.deleteCrate,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .icon.deleteCrate,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .icon.deleteCrate {
  margin-right: 18px;
  cursor: pointer;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .loadedUnloadedA,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .loadedUnloadedA,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .loadedUnloadedA,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .crate-details .loadedUnloadedA,
#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .loadedUnloadedA,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .loadedUnloadedA,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .loadedUnloadedA,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .item-details .loadedUnloadedA {
  font-size: 13px;
  letter-spacing: 0.3px;
  font-weight: normal;
  margin-right: 26px;
  margin-top: 3px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate {
  border: solid 1px #ebebeb;
  padding: 10px;
  position: relative;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section {
  position: static;
  padding: 0px;
  background: transparent;
  height: 100%;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form {
  position: relative;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons {
  position: absolute;
  right: 0px;
  top: 14px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .loadedUnloadedAlineItem,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .loadedUnloadedAlineItem,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .loadedUnloadedAlineItem,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .loadedUnloadedAlineItem {
  float: left;
  font-size: 12px;
  line-height: 1.2;
  letter-spacing: 0.5px;
  color: #aaa;
  margin-top: 4px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button {
  margin: 0px 20px;
  cursor: pointer;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button:last-child,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button:last-child,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button:last-child,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section form .action-buttons .button:last-child {
  margin: 0;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section .counter,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section .counter,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section .counter,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section .counter {
  width: 3%;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #424242;
  margin-top: 16px;
  padding-left: 10px;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include input,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include input,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include input,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include input,
#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include .ui-select-container,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include .ui-select-container,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include .ui-select-container,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate .itemsCrate section ng-include .ui-select-container {
  border: 1px solid #979797;
  outline: none;
}

#orderWrapper .modal-dialog .modal-body .crate-section .crate-items .crate:last-child,
#drsWrapper .modal-dialog .modal-body .crate-section .crate-items .crate:last-child,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .crate-items .crate:last-child,
#routeDetailsTable .modal-dialog .modal-body .crate-section .crate-items .crate:last-child {
  margin-bottom: 0;
}

#orderWrapper .modal-dialog .modal-body .crate-section .addCrate,
#drsWrapper .modal-dialog .modal-body .crate-section .addCrate,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .addCrate,
#routeDetailsTable .modal-dialog .modal-body .crate-section .addCrate {
  height: 50px;
  width: 100%;
  background-color: #6F0881;
  color: #fff;
  margin-bottom: 10px;
  border: solid 1px #00c0c6;
}

#orderWrapper .modal-dialog .modal-body .crate-section .addCrate div.icon,
#drsWrapper .modal-dialog .modal-body .crate-section .addCrate div.icon,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .addCrate div.icon,
#routeDetailsTable .modal-dialog .modal-body .crate-section .addCrate div.icon {
  width: 45px;
  height: 100%;
  font-size: 30px;
  text-align: center;
  cursor: pointer;
}

#orderWrapper .modal-dialog .modal-body .crate-section .addCrate div.icon i.icon,
#drsWrapper .modal-dialog .modal-body .crate-section .addCrate div.icon i.icon,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .addCrate div.icon i.icon,
#routeDetailsTable .modal-dialog .modal-body .crate-section .addCrate div.icon i.icon {
  text-align: center;
}

#orderWrapper .modal-dialog .modal-body .crate-section .addCrate .crate-name,
#drsWrapper .modal-dialog .modal-body .crate-section .addCrate .crate-name,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .addCrate .crate-name,
#routeDetailsTable .modal-dialog .modal-body .crate-section .addCrate .crate-name {
  background-color: #fdfdfd;
  height: 100%;
}

#orderWrapper .modal-dialog .modal-body .crate-section .addCrate .crate-name input,
#drsWrapper .modal-dialog .modal-body .crate-section .addCrate .crate-name input,
#orderWrapperOndemand .modal-dialog .modal-body .crate-section .addCrate .crate-name input,
#routeDetailsTable .modal-dialog .modal-body .crate-section .addCrate .crate-name input {
  width: 100%;
  height: 100%;
  background-color: transparent;
  padding: 0px 10px;
  color: #434343;
}

.typea .button.add-lineitem {
  display: none;
}

.typea form:last-child .button.add-lineitem {
  display: block;
}

.typea .col-md-3 {
  width: 12%;
}

.typeb .button.add-lineitem {
  display: none;
}

.typeb .crate:last-child .button.add-lineitem {
  display: block;
}

.typeb .col-md-3 {
  width: 18%;
}

#addOrderForm .fmlmFormActionButtons {
  margin-top: 30px;
}

#addOrderForm .mainSection {
  position: relative;
}

#addOrderForm .mainSection .addNewAddress {
  position: absolute;
  top: 30px;
  left: 230px;
  width: 97px;
  height: 17px;
  cursor: pointer;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #006279;
}

#addOrderForm .mainSection .form-fields .address-bar {
  position: absolute;
  top: 78px;
}

#addOrderForm .mainSection .form-fields .address-bar input {
  width: 100%;
  margin-left: 15px;
  margin-top: 6px;
}

#addOrderForm .mainSection .form-fields .map-form {
  font-size: 12px;
  letter-spacing: 0.2px;
  color: #727272;
}

#addOrderForm .mainSection .form-fields .map-form input {
  padding: 8px;
  margin-left: 14px;
}

#addOrderForm .page-type-action-toggle {
  width: 300px;
}

#addOrderForm .page-type-action-toggle input[type=checkbox],
#addOrderForm .page-type-action-toggle input[type=radio] {
  margin-right: 10px;
  cursor: pointer;
}

#addOrderForm .page-type-action-toggle input[type=radio] {
  margin-top: 3px;
}

#addOrderForm .page-type-action-toggle .action-item .mr60 {
  margin-right: 60px;
}

#addOrderForm .checkboxForm {
  width: 200px;
}

#addOrderForm .branchForm {
  width: 280px;
  margin-right: 30px;
}

#addOrderForm .branchForm .col-md-3 {
  width: 100%;
}

#addOrderForm .hubForm {
  width: 280px;
}

#addOrderForm .hubForm .col-md-3 {
  width: 100%;
}

#addOrderForm label[for="importExcel"] {
  margin: 0;
  padding: 0px 8px;
  height: 28px;
  border-radius: 4px;
  background: #6F0881;
  font-size: 13px;
  cursor: pointer;
  color: #edffff;
}

#addOrderForm .returnOrderAddress {
  padding: 10px 15px 20px;
}

#addOrderForm .returnOrderAddress input {
  margin-right: 8px;
}

#addOrderForm .returnOrderAddress label {
  position: relative;
  top: -1px;
}

#orderTripAssign input[type=checkbox]+label {
  height: 14px !important;
  width: 14px !important;
  position: relative;
}

.auto-address-field .address-row {
  border-top: 1px solid #ddd;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #353943;
  padding: 15px 48px;
  cursor: pointer;
  position: relative;
  line-height: 18px;
}

.auto-address-field .address-row:hover {
  background-color: #fafafa;
}

.auto-address-field .address-row:hover i.icon-map-online {
  color: #6F0881;
}

.auto-address-field .address-row i.icon-map-online {
  position: absolute;
  left: 8px;
  top: 14px;
  color: #afb0b4;
}

.auto-address-field .address-row .header-address {
  margin-bottom: 24px;
}

.auto-address-field .address-row .header-address .name {
  font-weight: 600;
  margin-right: 42px;
}

.auto-address-field .address-row:last-child {
  border-bottom: 2px solid #eee;
}

.auto-address-field .icon:before {
  font-size: 11px;
}

#order-geoding-modal .row {
  margin-right: 0px !important;
  margin-left: 0px !important;
}

#order-geoding-modal .map {
  min-width: 100% !important;
}

#order-geoding-modal .geocodingTable .row {
  margin-right: -15px !important;
  margin-left: -15px !important;
}

#order-geoding-modal section.centerContent {
  height: 100%;
  top: 0px;
}

#order-geoding-modal ng-include[src="'order/geocoding/partial/geocoding-mapview/geocodingMapview.html'"] .map-view-geocode {
  width: 100%;
}

#order-geoding-modal .pageHeader {
  display: none;
}

#order-geoding-modal .mainWrapper {
  top: -1px;
}

#order-geoding-modal .mainWrapper form[ng-hide="hideGeocodingList"] {
  display: none;
}

#order-geoding-modal .mainWrapper div.geocodingLabels {
  display: none;
}

#order-geoding-modal .mainWrapper div.geocodingTable .table-responsive {
  height: 507px;
  padding-bottom: 0px;
}

#order-geoding-modal .mainWrapper .table tbody input {
  display: block;
  margin: 0px auto;
}

#order-geoding-modal .mainWrapper .table tbody label {
  display: none;
}

.form-field-wrapper,
.branchForm,
.hubform {
  position: relative;
}

.error-message {
  display: none;
}

.error-message span {
  position: absolute;
  top: 65px;
  color: #f00;
  font-size: 12px;
  left: 0px;
  font-weight: normal;
}

#order-deliveryProof-modal .modal-footer {
  border-top: 0;
}

#order-deliveryProof-modal .modal-footer .cancel-button {
  font-size: 13px;
  color: #6F0881;
  border: 1px solid #6F0881;
  background: #fff;
  margin-left: 18px;
}

#order-deliveryProof-modal .modal-body .table-responsive {
  overflow-y: auto;
  padding-bottom: 0;
  margin-bottom: 0px;
}

#order-deliveryProof-modal .modal-body .epod-list {
  width: 100%;
  clear: both;
  position: relative;
  display: none;
  overflow: hidden;
}

#order-deliveryProof-modal .modal-body .epod-list .headerDeliveryProof {
  height: 40px;
  background-color: #6F0881;
}

#order-deliveryProof-modal .modal-body .epod-list .headerDeliveryProof .align-center-button {
  margin: 0px auto;
}

#order-deliveryProof-modal .modal-body .epod-list .headerDeliveryProof .align-center-button .actions-buttons .pull-left.button {
  margin: 0px 20px;
  margin-top: 9px;
}

#order-deliveryProof-modal .modal-body .epod-list .headerDeliveryProof .align-center-button .actions-buttons .pull-left.button .icon {
  color: #fff;
  cursor: pointer;
}

#order-deliveryProof-modal .modal-body .epod-list .footerDeliveryProof {
  height: 61px;
  background-color: #ddd;
}

#order-deliveryProof-modal .modal-body .epod-list .footerDeliveryProof .imageChange {
  width: 60px;
  height: 48px;
  border: solid 2px #595d65;
  overflow: hidden;
  margin-left: 12px;
  position: relative;
  top: 6px;
  float: left;
  cursor: pointer;
}

#order-deliveryProof-modal .modal-body .epod-list .footerDeliveryProof .imageChange:hover {
  border: solid 2px #fff;
}

#order-deliveryProof-modal .modal-body .epod-list .footerDeliveryProof .imageChange .image {
  height: 100%;
  width: 100%;
  text-align: center;
  padding: 0px 5px;
}

#order-deliveryProof-modal .modal-body .epod-list .footerDeliveryProof .imageChange .image img {
  height: 100%;
}

#order-deliveryProof-modal .modal-body .epod-list .footerDeliveryProof .imageSelected {
  border: solid 2px #fff;
}

#order-deliveryProof-modal .modal-body .epod-list .image-body {
  height: 270px;
  text-align: center;
  width: 40%;
}

#order-deliveryProof-modal .modal-body .epod-list .image-body img {
  height: 100%;
}

#order-deliveryProof-modal .modal-body .epod-list .prev-image {
  position: absolute;
  top: 150px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border-radius: 4px;
  background-color: #6F0881;
  right: 22px;
}

#order-deliveryProof-modal .modal-body .epod-list .prev-image .icon {
  margin: 0px auto;
}

#order-deliveryProof-modal .modal-body .epod-list .next-image {
  position: absolute;
  top: 150px;
  width: 30px;
  line-height: 30px;
  text-align: center;
  height: 30px;
  border-radius: 4px;
  background-color: #6F0881;
  left: 22px;
}

#order-deliveryProof-modal .modal-body .epod-list .next-image .icon {
  margin: 0px auto;
}

#order-deliveryProof-modal .modal-body .epod-list .pagi {
  cursor: pointer;
}

#order-deliveryProof-modal .modal-body .epod-list .pagi .icon {
  color: #fff;
}

.crateLineItem input::-webkit-input-placeholder {
  color: #fff;
  font-weight: normal;
}

.crateLineItem input:-moz-placeholder {
  /* Firefox 18- */
  color: #fff;
  font-weight: normal;
}

.crateLineItem input::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff;
  font-weight: normal;
}

.crateLineItem input:-ms-input-placeholder {
  color: #fff;
  font-weight: normal;
}

input.addNewCrateInput::-webkit-input-placeholder {
  color: #fff !important;
  font-weight: normal !important;
}

input.addNewCrateInput:-moz-placeholder {
  /* Firefox 18- */
  color: #fff !important;
  font-weight: normal !important;
}

input.addNewCrateInput::-moz-placeholder {
  /* Firefox 19+ */
  color: #fff !important;
  font-weight: normal !important;
}

input.addNewCrateInput:-ms-input-placeholder {
  color: #fff !important;
  font-weight: normal !important;
}

.table-responsive th input {
  padding-right: 16px;
}

.pac-container {
  z-index: 10050;
}

.fontRed {
  color: #e85d6e;
}

table-render {
  height: 100%;
  overflow: auto;
}

.ng-checkbox {
  padding-top: 11px;
  margin: 18px 0;
  padding-left: 11px;
  width: 100%;
  height: 45px;
  color: #474b54;
  font-size: 12px;
  letter-spacing: 0.3px;
  border: 1px solid #eee;
  background: #fcfcfc;
  border-radius: 0px;
  box-shadow: none !important;
}

.legends .fmlmCustomCheck#ONLINESTRONGSIGNAL:checked+label:after {
  top: 1px;
}

.legends .fmlmCustomCheck#DASHBOARDOFFLINE:checked+label:after {
  top: 1px;
}

.main-controller-wrapper-orderHistory .progress-indicator>li .bubble .icon {
  z-index: 5;
}

.main-controller-wrapper-orderHistory thead th {
  text-align: left !important;
}

.main-controller-wrapper-orderHistory .progress-indicator>li {
  min-width: 236px !important;
}

.main-controller-wrapper-orderHistory table.table.table-condensed {
  overflow: hidden;
}

.main-controller-wrapper-orderHistory .section-break {
  width: 100%;
  height: 50px;
  background-color: #6F0881;
}

.main-controller-wrapper-orderHistory .section-break .content-wrapper {
  font-size: 12px;
  width: 120px;
  margin: 0px auto;
  padding-top: 17px;
  letter-spacing: 0.5px;
}

.main-controller-wrapper-orderHistory .section-break .content-wrapper1 {
  font-size: 12px;
  margin-left: 18px;
  /* margin: 0px auto; */
  padding-top: 17px;
  letter-spacing: 0.5px;
}

.main-controller-wrapper-orderHistory .section-break .section-no {
  text-align: center;
  width: 17px;
  height: 16px;
  background-color: #fff;
  border-radius: 40px;
  color: #6F0881;
  margin-right: 5px;
}

.main-controller-wrapper-orderHistory .section-break .section-name {
  color: #fff;
}

.main-controller-wrapper-orderHistory .order-table-detail {
  margin-top: 12px;
  padding: 18px;
}

.main-controller-wrapper-orderHistory .order-table-detail table thead th {
  text-align: left !important;
}

.main-controller-wrapper-orderHistory .more-order-table-detail {
  margin-top: 12px;
  padding: 18px;
}

.main-controller-wrapper-orderHistory .more-order-table-detail table thead th {
  border-right: 1px solid #eee;
  background: #fafafa;
  color: #000;
  text-align: left !important;
}

.main-controller-wrapper-orderHistory .more-order-table-detail .tripDetail {
  padding: 12px;
  border: 0.5px solid #ddd;
  height: 40px;
  border-bottom: 0px;
  font-size: 12px;
}

.main-controller-wrapper-orderHistory .more-order-table-detail .tripDetail .item {
  width: 19%;
  border-right: 0.5px solid #ddd;
  margin-right: 1%;
}

.main-controller-wrapper-orderHistory .more-order-table-detail .tripDetail .item span {
  font-weight: bold;
}

.main-controller-wrapper-orderHistory .more-order-table-detail .tripDetail .item:last-child {
  border-right: 0px;
}

.main-controller-wrapper-orderHistory .more-order-table-detail .table-responsive {
  margin-bottom: 0px;
}

.main-controller-wrapper-orderHistory .head {
  overflow: hidden;
  border-bottom: 1px solid #eee;
  width: 100%;
}

.main-controller-wrapper-orderHistory .head h3 {
  font-size: 16px;
  letter-spacing: 0.6px;
  color: #606060;
  padding: 13px 0px;
}

.main-controller-wrapper-orderHistory .break {
  width: 240px;
  border-bottom: 5px solid #eee;
  margin-bottom: 27px;
}

.main-controller-wrapper-orderHistory .notification-table {
  padding: 15px;
}

.main-controller-wrapper-orderHistory .notification-table .table-responsive {
  margin-bottom: 0px;
}

.main-controller-wrapper-orderHistory .notification-bar {
  padding: 30px 18px 12px 18px;
}

.main-controller-wrapper-orderHistory .notification-bar .table-responsive {
  margin-bottom: 0px;
}

.main-controller-wrapper-orderHistory .proof {
  padding: 30px 18px 12px 18px;
}

.main-controller-wrapper-orderHistory .proof .table-responsive {
  margin-bottom: 0px;
}

.main-controller-wrapper-orderHistory .loadUnload {
  padding: 30px 18px 12px 18px;
}

.main-controller-wrapper-orderHistory .notification-container {
  border: 1px solid #ddd;
  height: 382px;
}

.main-controller-wrapper-orderHistory .notification-container .notification-header {
  background: #fafafa;
  height: 50px;
}

.main-controller-wrapper-orderHistory .progress-indicator>li.completed .bubble:after,
.progress-indicator>li.completed .bubble:before {
  background: #6F0881;
}

.assign-now-wrapper {
  width: 100%;
  height: 130px;
  background-color: rgba(0, 0, 0, 0.6);
  position: fixed;
  bottom: 45px;
  z-index: 1001;
}

.assign-now-wrapper .button {
  width: 155px;
  height: 35px;
  border-radius: 5px;
  background-color: #6F0881;
  color: #fff;
  text-align: center;
  padding-top: 6px;
  margin: 0px auto;
  position: relative;
  top: 36px;
  cursor: pointer;
}

.assign-now-wrapper .text {
  text-align: center;
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 50px;
}

th.orderStatus,
th.packageStatusCd,
th.planType,
th.status,
th.userGroupName,
th.geofenceName,
th.hubScanStatus,
th.paymentSubType,
th.paymentType,
th.deliveryType {
  overflow: visible !important;
}

th.orderStatus .ui-select-container,
th.packageStatusCd .ui-select-container,
th.planType .ui-select-container,
th.status .ui-select-container,
th.userGroupName .ui-select-container,
th.geofenceName .ui-select-container,
th.hubScanStatus .ui-select-container,
th.paymentSubType .ui-select-container,
th.paymentType .ui-select-container,
th.deliveryType .ui-select-container {
  border-width: 0px 0px 1px;
  outline: none;
  border-bottom-style: solid;
  border-bottom-color: #979797;
  margin: 0px;
}

th.orderStatus .caret.pull-right,
th.packageStatusCd .caret.pull-right,
th.planType .caret.pull-right,
th.status .caret.pull-right,
th.userGroupName .caret.pull-right,
th.geofenceName .caret.pull-right,
th.hubScanStatus .caret.pull-right,
th.paymentSubType .caret.pull-right,
th.paymentType .caret.pull-right,
th.deliveryType .caret.pull-right {
  display: none;
}

th.orderStatus .icon-search2,
th.packageStatusCd .icon-search2,
th.planType .icon-search2,
th.status .icon-search2,
th.userGroupName .icon-search2,
th.geofenceName .icon-search2,
th.hubScanStatus .icon-search2,
th.paymentSubType .icon-search2,
th.paymentType .icon-search2,
th.deliveryType .icon-search2 {
  margin-top: -7px;
}

th.orderStatus .ui-select-match-text,
th.packageStatusCd .ui-select-match-text,
th.planType .ui-select-match-text,
th.status .ui-select-match-text,
th.userGroupName .ui-select-match-text,
th.geofenceName .ui-select-match-text,
th.hubScanStatus .ui-select-match-text,
th.paymentSubType .ui-select-match-text,
th.paymentType .ui-select-match-text,
th.deliveryType .ui-select-match-text {
  display: block;
  width: 100%;
}

th.orderStatus .ui-select-match-text span,
th.packageStatusCd .ui-select-match-text span,
th.planType .ui-select-match-text span,
th.status .ui-select-match-text span,
th.userGroupName .ui-select-match-text span,
th.geofenceName .ui-select-match-text span,
th.hubScanStatus .ui-select-match-text span,
th.paymentSubType .ui-select-match-text span,
th.paymentType .ui-select-match-text span,
th.deliveryType .ui-select-match-text span {
  position: relative;
  top: -6px;
  font-size: 10px;
  left: -8px;
  overflow: hidden;
  width: 61%;
  display: block;
}

th.orderStatus input.form-control.ui-select-search,
th.packageStatusCd input.form-control.ui-select-search,
th.planType input.form-control.ui-select-search,
th.status input.form-control.ui-select-search,
th.userGroupName input.form-control.ui-select-search,
th.geofenceName input.form-control.ui-select-search,
th.hubScanStatus input.form-control.ui-select-search,
th.paymentSubType input.form-control.ui-select-search,
th.paymentType input.form-control.ui-select-search,
th.deliveryType input.form-control.ui-select-search {
  position: relative;
}

th.orderStatus .icon-close,
th.packageStatusCd .icon-close,
th.planType .icon-close,
th.status .icon-close,
th.userGroupName .icon-close,
th.geofenceName .icon-close,
th.hubScanStatus .icon-close,
th.paymentSubType .icon-close,
th.paymentType .icon-close,
th.deliveryType .icon-close {
  position: absolute;
  top: -9px;
  right: 0px;
  cursor: pointer;
}

tr .icon-close:before {
  font-size: 11px;
}

.loading-spiner-holder {
  z-index: 2 !important;
}

.deliveryAssignPopup .modal-content .mainWrapper {
  top: 0px;
}

.deliveryAssignPopup .modal-content .mainWrapper .pageHeaderWrapper {
  height: auto;
  padding-top: auto;
  margin-top: auto;
  position: relative;
  width: 100%;
}

.deliveryAssignPopup .modal-content .mainWrapper .table-top-margin.card {
  border: 0px;
  margin-bottom: 24px;
}

.deliveryAssignPopup .modal-dialog .modal-body .logiTable {
  height: auto !important;
}

.deliveryAssignPopup .modal-dialog .modal-body .logiTable .table-responsive {
  height: auto !important;
  margin-bottom: 0px !important;
}

#order-geoding-modal .centerContent {
  height: 100%;
  top: 0px;
}

#order-geoding-modal .map {
  position: relative;
  margin-top: 0px !important;
}

#order-geoding-modal .map form.container-fluid {
  position: absolute;
  bottom: 0px;
  width: 100%;
}

#order-geoding-modal .cancel-button {
  background: #6F0881;
  color: #f7ffff;
}

#order-geoding-modal .table-responsive {
  height: 475px !important;
  overflow-y: auto;
  margin-bottom: 0px !important;
}

table.table.table-hover.table-condensed tbody tr td.statusUpdateDate>div,
table.table.table-hover.table-condensed tbody tr td.pickupStartTimeWindow>div,
table.table.table-hover.table-condensed tbody tr td.deliverEndTimeWindow>div,
table.table.table-hover.table-condensed tbody tr td.pickupEndTimeWindow>div,
table.table.table-hover.table-condensed tbody tr td.deliverStartTimeWindow>div,
table.table.table-hover.table-condensed tbody tr td.orderDate>div {
  white-space: normal;
  text-align: left;
}

.attempts:last-child {
  margin-bottom: 60px;
}

.order-assignment-menu {
  padding: 10px;
  height: 48px;
  border-bottom: 1px solid #d2d2d2;
}

.order-assignment-menu .menu-item {
  width: 110px;
  height: 28px;
  border-radius: 100px;
  border: solid 1px transparent;
  font-size: 14px;
  letter-spacing: 0.3px;
  color: #727272;
  text-align: center;
  padding-top: 3px;
  margin-right: 24px;
  cursor: pointer;
}

.order-assignment-menu .menu-item:hover {
  border: solid 1px #35ccd1;
}

.order-assignment-menu .selectedAttempt {
  border: solid 1px #35ccd1;
}

.orderTrackingSection {
  height: 633px;
}

.orderTrackingSection position relative {
  width: 100%;
}

.orderTrackingSection .selectedAttemptSection {
  top: 0px;
}

.srno {
  width: 70px;
}

.mainSection.pLR20 {
  padding: 0px 20px;
}

.addOrderLocSubloc .buttons-title,
.addOrderOndemand .buttons-title,
.addOrderLocSubloc .buttons,
.addOrderOndemand .buttons {
  display: none;
}

.main-controller-wrapper-orderHistory .orderDeliveryProofPopup table#orderTableData {
  display: none;
}

.logiFormActionButtons li a.saveassign,
.logiFormActionButtons li a.save {
  display: block;
  min-height: 40px;
}

.addNewAddress {
  border-bottom: 1px solid #6F0881;
  background: #fff;
  color: #6F0881;
  font-size: 12px;
  padding: 2px 0px;
  border-radius: 0px;
  margin-left: 15px;
  cursor: pointer;
}

.addOrderForm#isPartialDeliveryAllowedFl {
  clear: both;
}

.white-text {
  color: #fff;
  font-size: 11px;
}

#orderTableData .uiGridTableWrapper {
  overflow: hidden;
}

#orderTripAssign .logiTable {
  overflow: hidden !important;
}

#orderTripAssign .table-responsive {
  overflow: auto !important;
}

.epod-esign-btn {
  width: 100px;
  color: #fff !important;
  background: #6F0881;
  text-align: center;
  border-radius: 3px;
}

.esignLabel {
  margin-top: 13px;
  margin-left: 5px;
}

.green-star-img {
  color: #6F0881;
  margin-top: -4px;
  font-size: 11px !important;
}

.green-star-img img {
  height: 11px;
  width: 11px;
}

.geocodingStatus {
  padding-top: 2px;
}

.loadUnloadHeader.subPageHeader {
  top: 40px;
  margin-left: 0px;
  padding-left: 0px;
}

.modal-body .main-controller-wrapper-geocoding .page-wrapper {
  margin-top: 0px;
}

.modal-body .main-controller-wrapper-geocoding .page-wrapper.geocodingMap {
  margin-top: 0px;
}

.margin_50 {
  margin-left: 50%;
}

.delBoy-input input {
  left: -100%;
}

.delBoy-input span {
  overflow: scroll !important;
  width: auto !important;
}

.transfer {
  height: 12px;
  font-size: 12px;
  margin-top: 10px;
  color: #828395;
}

.transferDetails {
  font-weight: 900;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.tooltipster-default .icon-contact:before {
  font-size: 11px;
  margin-right: 5px;
}

.activeTags {
  font-size: 13px;
  position: relative;
  top: 26px;
  left: 45px;
  height: 20px;
  line-height: 20px;
  display: inline-block;
  color: #42425c;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

#importExcelForm .action-items ul li {
  display: block;
  float: left;
}

#importExcelForm .action-items ul li a {
  padding: 7px 13px;
  display: block;
}

#importExcelForm .action-items ul li a.selected {
  padding: 7px 13px 8px 13px;
}

#importExcelForm .action-items ul .uploadBtn+label {
  height: auto;
  line-height: 24px;
  padding: 7px 13px 7px 13px;
}

#importExcelForm .action-items ul ul.viewTypes {
  display: block;
  float: left;
}

.modal.fmlmGeocodingPopup .main-controller-wrapper-geocoding .geocodingTable .pagination-buttons {
  display: none;
}

.width_90vw {
  max-width: 90vw;
}

#orderWrapper .modal.trip-assign-popup .modal-content {
  overflow: hidden !important;
}

.accordianWrapper .rotateAngle {
  transform: rotate(180deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.accordianWrapper .rotateReverseAngle {
  transform: rotate(0deg);
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.accordianWrapper .accordianBody {
  border: 1px solid #dde2e6;
  height: 704px;
  -webkit-transition: height 0.5s ease;
  -moz-transition: height 0.5s ease;
  -o-transition: height 0.5s ease;
  transition: height 0.5s ease;
  position: relative;
  overflow-y: auto;
  overflow-x: hidden;
}

.accordianWrapper .accordianBody .mainSection {
  padding: 15px;
}

.accordianWrapper .accordianBody.ng-hide {
  height: 0;
  -webkit-transition: height 0.35s ease;
  -moz-transition: height 0.35s ease;
  -o-transition: height 0.35s ease;
  transition: height 0.35s ease;
  overflow: hidden;
  position: relative;
}

.accordianWrapper .accordianBody.ng-hide-remove,
.accordianWrapper .accordianBody.ng-hide-add {
  display: block !important;
}

.accordianWrapper .accordianBody.ng-hide-add {
  animation-name: hide;
  -webkit-animation-name: hide;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-in;
  -webkit-animation-timing-function: ease-in;
}

.accordianWrapper .accordianBody.ng-hide-remove {
  animation-name: show;
  -webkit-animation-name: show;
  animation-duration: 0.5s;
  -webkit-animation-duration: 0.5s;
  animation-timing-function: ease-out;
  -webkit-animation-timing-function: ease-out;
}

.accordianWrapper .bodyTransition {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.accordianWrapper .accordianTitle {
  padding: 0px 15px;
  line-height: 45px;
  cursor: pointer;
  font-size: 12px;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.accordianWrapper .accTitleContent {
  width: 150px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  vertical-align: middle;
}

.accordianWrapper .openedAccordianTitle {
  background: #6F0881;
  color: #fff;
}

.accordianWrapper .closedAccordianTitle {
  background: #dde2e6;
  color: #090909;
}

.accordianWrapper .singleAccord {
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 1px;
}

.accordianWrapper .singleAccord .accordianTitle.has-error~.errorInfoTip:before {
  right: -8px;
  top: -8px;
}

.accordianWrapper .singleAccord .accordianTitle.has-error~.errorInfoTip:after {
  top: -15px;
  right: -5px;
}

.accordianWrapper .icon-dropdown-angle:before {
  top: 0px;
}

.addDeliveryBtn {
  margin-left: 15px;
  margin-right: 15px;
  padding: 12px;
  text-align: center;
  border: 2px dashed #6F0881;
  background: #fafafa;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  margin-top: 5px;
  color: #6F0881;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.addDeliveryBtn:hover {
  background: #fff;
  color: #6F0881;
  border: 2px dashed #6F0881;
}

.scrollableAccordianWrapper {
  max-height: 500px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 5px;
}

.modal-body.orderTripListModal.width_90vw {
  max-height: none !important;
  height: 100% !important;
}

.ui-grid-cell-contents.trackNow {
  text-align: center;
}

#orderTableData th.orderStatus .icon-close {
  top: 15px;
  right: 10px;
}

#orderTable .uiGridTableWrapper {
  overflow: hidden;
}

.addCustomerForm .accordianBody {
  height: 646px !important;
}

#unfulfilledOrders .accordianBody {
  height: 300px !important;
}

.addCustomerForm .addDeliveryBtn {
  margin-bottom: 5px;
}

.lowOpacity {
  opacity: 0.5;
}

.leftAligned {
  position: relative;
  left: calc(100% - 130%);
}

.modelBodyCenterAlign {
  left: 5px;
}

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

.iconAlign {
  position: relative;
  right: 15px;
}

.returnToSameAddress {
  padding: 15px;
}

section .row.fmlmPanelBody {
  padding: 25px 0px;
  margin: 8px 30px 8px 30px !important;
}

section .row.fmlmPanelBody label {
  font-size: 16px;
}

.stateButtons {
  display: block;
  float: left;
  padding: 14px 0px 13px;
  cursor: pointer;
  position: relative;
  text-decoration: none;
}

.stateButtons:hover {
  text-decoration: none;
}

.stateButtons:before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 90%;
  margin-top: -43px;
  left: 100%;
  z-index: 1;
}

.stateButtons:after {
  content: '';
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: 50%;
  margin-top: -21px;
  left: 100%;
  z-index: 2;
}

.stateButtons:last-child:after,
.stateButtons:last-child:before {
  content: none;
}

.p30 {
  padding: 30px 0px;
}

.arrowShape {
  width: 14px;
  height: 16px;
  -webkit-transform: rotate(-270deg);
  transform: rotate(-270deg);
  color: rgba(255, 255, 255, 0.18);
}

.planningCount {
  position: relative;
}

.planningCount .planningCountInput {
  background: transparent;
  padding: 3px 5px;
  width: 55px;
  color: #fff;
  text-align: center;
  margin-right: 5px;
  border: 1px dashed rgba(255, 255, 255, 0.81);
  border-radius: 5px;
  margin-left: 5px;
}

.planningCount .planningCountInput.active {
  background: rgba(86, 152, 211, 0.54);
}

.planningCount .planningCountText {
  font-size: 12px;
  color: #fff;
}

button[disabled].stateButtons {
  cursor: not-allowed;
}

.icon-shape-4:before,
.icon-trip-formed:before,
.icon-time:before,
.icon-shape7:before,
.icon-delivery-boy:before {
  font-size: 34px !important;
  color: #d4d4d6;
}

.badgeWrapper .badgeCount {
  margin-left: 25px;
}

.customBadge.badge {
  position: absolute;
  border-radius: 50%;
  height: 35px;
  width: 35px;
  line-height: 35px;
  padding: 0 !important;
  top: 4px;
  left: 125px;
  font-size: 24px;
}

.selectAllOrders {
  padding: 10px 15px;
  display: block;
}

.selectAllOrders:hover {
  color: #fff;
  text-decoration: underline;
}

.pLRT20 {
  padding: 10px 20px;
}

.pT30 {
  padding-top: 30px;
}

.centerContent.p20 {
  padding: 20px 20px;
}

.planningDetailInput {
  margin: 0px 15px;
}

.logiPlanButtonWrapper {
  padding: 10px 15px;
  position: fixed;
  bottom: 0px;
  right: 0px;
  left: 0;
  box-shadow: 0px -1px 20px -10px #000;
  z-index: 1005;
  background: #fff;
}

.btn.btn-primary.logiPrimaryBtn.next-btn,
.planningDetailInput .logiPrimaryBtn,
padding: 5px 15px {
  border-radius: 1px;
  box-shadow: 0px 1px 2px 0 rgba(0, 0, 0, 0.5);
  min-width: 80px;
  min-height: 40px;
  margin-right: 20px;
}

.card.planFactorWrapper {
  position: fixed;
  bottom: 97px;
  z-index: 99;
  background: #fff;
  right: 20px;
  padding: 25px;
}

.card.planFactorWrapper .row.pB20 {
  padding-bottom: 20px;
}

.main-controller-wrapper-routeDetailsCtrl .table-top-margin.card {
  margin-top: 0px;
}

.main-controller-wrapper-routeDetailsCtrl .table-top-margin.card .table-wrapper {
  margin-top: -40px;
}

span.planning-title {
  width: 80%;
  text-align: center;
  display: inline-block;
}

.plan-badge-circle {
  display: inline-block;
  position: relative;
  top: -24px;
  text-align: right;
  right: 0;
}

.plan-badge-circle .customBadge.badge {
  left: 0;
  top: 0;
}

.planStatWrapper {
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 2px 20px -10px #000 !important;
  margin-bottom: 20px;
}

.planStatWrapper .badgeWrapper {
  border-width: 0px 0px 0px 2px;
  border-color: #e1e5ee;
}

.planStatWrapper .icon {
  width: 111px;
  text-align: center;
  height: 120px;
  line-height: 90px;
  color: #6F0881;
}

.planStatWrapper .icon:before {
  color: #6F0881;
}

.planningFailReasonWrapper .card {
  min-height: 490px;
}

.planningFailReasonWrapper ul {
  padding: 10px 0px;
}

.failedPlanReasonHeader h3 {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  height: 48px;
  line-height: 48px;
  border-bottom: 1px solid #eee;
  margin: 0px;
  padding-left: 15px;
}

.planningFailReason {
  padding: 5px 20px;
  line-height: 40px;
}

.planningFailReason .failReasonName {
  margin-left: 35px;
  top: -2px;
  position: relative;
  display: inline-block;
}

.planningFailReason .failReasonCount {
  width: 80px;
  height: 34px;
  line-height: 30px;
  display: inline-block;
  text-align: center;
  color: #fff;
  border-radius: 4px;
  background-color: #6F0881;
  border: solid 2px #fff;
  position: relative;
}

.planningFailReason .failReasonCount:before {
  content: '';
  position: absolute;
  top: 13px;
  right: -13px;
  width: 15px;
  height: 1px;
  background-color: #6F0881;
}

.planningFailReason .failReasonCount:after {
  content: '';
  position: absolute;
  top: 6px;
  right: -27px;
  width: 14px;
  height: 14px;
  background-color: #6F0881;
  border-radius: 50%;
}

.failReasonWithNoOrders {
  background-color: #e1e6ef !important;
}

.failReasonWithNoOrders:before {
  background-color: #e1e6ef !important;
}

.failReasonWithNoOrders:after {
  background-color: #e1e6ef !important;
}

.failReasonNameWithNoOrders {
  color: #a2a2af;
}

.planningBadgeWrapper {
  padding: 9px 0px !important;
}

.planningBadgeWrapperIcon {
  height: 88px !important;
}

.plannngResultCenterContent {
  padding-bottom: 0px !important;
}

.planningFailAllReasons {
  overflow: auto;
}

.wrapperPlannedRoutes .table-wrapper .table-record-actions .pagination-buttons {
  margin-left: 0px;
}

.currencyLabel {
  font-size: 31px;
  margin-left: 52%;
  margin-top: 30%;
  color: #6F0881;
}

.planGeofenceMap {
  margin: 0px -15px;
}

.planGeofenceMap .geofenceMapContainer {
  height: 68vh;
}

.selOrderDensityHedaer {
  color: #42425c;
  height: 50px;
  line-height: 50px;
  margin: 0px -15px;
  font-size: 14px;
  padding-left: 10px;
  font-family: 'Gotham-Rounded-Medium';
  background: #fcfcfd;
  border: 1px solid #e1e6ef;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.totalCostIcon {
  position: relative;
  margin-top: 40%;
  margin-left: 45%;
}

#geofenceName .dropdown-menu {
  max-height: 200px;
  overflow: auto;
  top: 25px;
}

#geofenceName .dropdown-menu li a {
  box-shadow: none;
}

#geofenceName .dropdown-menu li a i {
  width: 40px;
  height: 20px;
}

#geofenceName .dropdown-menu li a i.fa.fa-times-circle {
  top: 0px;
  color: #000;
}

button.btn.btn-small.table-search-btn {
  background: #fff;
  font-size: 12px;
  border-bottom: 1px solid #abacba;
  border-radius: 0px;
  min-width: 80px;
  height: 37px;
  outline: none;
  top: -10px;
}

.textCenter.planningCount {
  margin-bottom: 10px;
  background: #43435c;
  padding: 10px 15px 10px 15px;
  border-radius: 10px 0px 0px 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
}

.textCenter.planningCount .icon.icon-check-round {
  color: #cce0f1;
  margin-right: 7px;
}

.textCenter.planningCount .icon.icon-check-round:before {
  font-size: 18px;
}

.planningCount-widget {
  background: #333;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  line-height: 20px;
  color: #fff;
  padding: 10px;
  margin-right: -15px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  font-size: 13px;
}

.planningCount-widget .icon-wrapper {
  font-size: 18px;
}

.planningCount-widget .planningCountInput::-webkit-input-placeholder {
  color: #fff;
}

.planningCount-widget .planningCountInput::-moz-placeholder {
  color: #fff;
}

.planningCount-widget .planningCountInput:-ms-input-placeholder {
  color: #fff;
}

.planningCount-widget>* {
  padding: 0 5px;
}

.planning-height-wrapper {
  padding-bottom: 60px;
}

.main-controller-wrapper-delMediumCtrl .logiCustomRadio {
  display: none;
}

.main-controller-wrapper-delMediumCtrl .radio-label {
  vertical-align: middle;
  margin-right: 5px;
}

.main-controller-wrapper-delMediumCtrl .name-label {
  margin: 0;
}

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

#updateMessageTemplates .notificationNameInput,
#updateCustomerNotificationTemplate .notificationNameInput {
  border-color: #979797;
  height: 40px !important;
  margin: 18px 0;
  color: #42425c;
  border: 1px solid #eee;
  background: #fff;
  padding-left: 9px;
  width: 100%;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0px;
  box-shadow: none !important;
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

#updateMessageTemplates .modal-dialog.modal-lg .modal-body,
#updateCustomerNotificationTemplate .modal-dialog.modal-lg .modal-body {
  height: calc(100% - 45px - 65px) !important;
  overflow-y: auto !important;
  width: 100% !important;
}

#updateMessageTemplates .btn,
#updateCustomerNotificationTemplate .btn {
  border-radius: 0px;
}

#updateMessageTemplates i.fa,
#updateCustomerNotificationTemplate i.fa {
  color: #6F0881;
}

#updateMessageTemplates .ta-scroll-window>.ta-bind,
#updateCustomerNotificationTemplate .ta-scroll-window>.ta-bind {
  max-height: 200px;
  overflow: hidden;
}

#updateMessageTemplates .ta-scroll-window>.ta-bind:hover,
#updateCustomerNotificationTemplate .ta-scroll-window>.ta-bind:hover {
  overflow: auto;
}

#updateMessageTemplates .ta-root.focussed>.ta-scroll-window.form-control,
#updateCustomerNotificationTemplate .ta-root.focussed>.ta-scroll-window.form-control {
  border: 1px solid #e0e0e8;
  inset: 0 1px 1px rgba(105, 119, 151, 0.075), 0 0 8px rgba(105, 119, 151, 0.6);
}

#updateMessageTemplates .col-md-3.logi-input.logi-alerttickermessage,
#updateCustomerNotificationTemplate .col-md-3.logi-input.logi-alerttickermessage,
#updateMessageTemplates .col-md-3.logi-input.logi-smsmessage,
#updateCustomerNotificationTemplate .col-md-3.logi-input.logi-smsmessage,
#updateMessageTemplates .col-md-3.logi-input.logi-emailsubject,
#updateCustomerNotificationTemplate .col-md-3.logi-input.logi-emailsubject {
  min-height: 100px !important;
  overflow: visible !important;
  height: max-content !important;
  overflow: hidden;
}

#updateMessageTemplates .tabOptBtn,
#updateCustomerNotificationTemplate .tabOptBtn {
  border: 1px solid #6F0881;
  padding: 10px;
  text-align: center;
  vertical-align: middle;
  width: 45px !important;
  height: 45px;
  top: 18px;
  margin-left: -15px;
  background: #6F0881;
  color: #fff;
  cursor: pointer;
}

#updateMessageTemplates .tagOptBtnDisabled,
#updateCustomerNotificationTemplate .tagOptBtnDisabled {
  background: #eee;
  border: 1px solid #eee;
}

#updateMessageTemplates div#emailBody,
#updateCustomerNotificationTemplate div#emailBody,
#updateMessageTemplates div#emailBodyTemplate,
#updateCustomerNotificationTemplate div#emailBodyTemplate {
  height: 250px;
}

#updateMessageTemplates .emailBodyDiv .tabOptBtn,
#updateCustomerNotificationTemplate .emailBodyDiv .tabOptBtn {
  top: 88px;
}

#updateMessageTemplates .emailSubjectDiv .tabOptBtn,
#updateCustomerNotificationTemplate .emailSubjectDiv .tabOptBtn {
  top: 91px;
}

#updateMessageTemplates .smsMessageDiv .tabOptBtn,
#updateCustomerNotificationTemplate .smsMessageDiv .tabOptBtn {
  top: 28px;
}

#updateMessageTemplates .ta-scroll-window,
#updateCustomerNotificationTemplate .ta-scroll-window {
  height: 250px;
}

#updateMessageTemplates .tagWrapper,
#updateCustomerNotificationTemplate .tagWrapper {
  border: 1px solid #6F0881;
  width: 140px;
  position: absolute;
  left: 86.2%;
  z-index: 10000;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  top: 33px;
  overflow: hidden;
  max-height: 210px;
  padding: 5px 0px;
  background: #fff;
}

#updateMessageTemplates .tagWrapper:hover,
#updateCustomerNotificationTemplate .tagWrapper:hover {
  overflow-y: auto;
  overflow-x: hidden;
}

#updateMessageTemplates .tagWrapper .singleTab,
#updateCustomerNotificationTemplate .tagWrapper .singleTab {
  margin: 0px 5px;
}

#updateMessageTemplates .modal-content,
#updateCustomerNotificationTemplate .modal-content {
  overflow: hidden;
}

#updateMessageTemplates .modal-content:hover,
#updateCustomerNotificationTemplate .modal-content:hover {
  overflow-y: auto;
  overflow-x: hidden;
}

#updateMessageTemplates .alertMessageForm .icon-Product-Icons_Add:before,
#updateCustomerNotificationTemplate .alertMessageForm .icon-Product-Icons_Add:before,
#updateMessageTemplates .alertMessageForm .icon-Product-Icons_Minus:before,
#updateCustomerNotificationTemplate .alertMessageForm .icon-Product-Icons_Minus:before {
  font-size: 20px;
}

#updateMessageTemplates .singleTab,
#updateCustomerNotificationTemplate .singleTab {
  width: 129px !important;
  overflow: hidden;
}

#updateMessageTemplates form.logiForm-discard,
#updateCustomerNotificationTemplate form.logiForm-discard {
  padding: 0px 5px;
}

#updateMessageTemplates #tw-smsMessage,
#updateCustomerNotificationTemplate #tw-smsMessage {
  top: 143px;
}

#updateMessageTemplates #tw-emailSubject,
#updateCustomerNotificationTemplate #tw-emailSubject {
  top: 306px;
}

#updateMessageTemplates #tw-emailBody,
#updateCustomerNotificationTemplate #tw-emailBody {
  top: 403px;
}

#updateMessageTemplates #emailSubject,
#updateCustomerNotificationTemplate #emailSubject {
  height: 45px;
}

#updateMessageTemplates .tabWrap,
#updateCustomerNotificationTemplate .tabWrap {
  max-width: max-content;
  display: inline-block;
  line-height: 10px;
}

#updateMessageTemplates .tabWrap .singleTab,
#updateCustomerNotificationTemplate .tabWrap .singleTab,
#updateMessageTemplates .tabWrap .singleTabClose,
#updateCustomerNotificationTemplate .tabWrap .singleTabClose {
  display: inline;
  color: #6F0881;
  background: rgba(86, 152, 219, 0.09);
}

#updateMessageTemplates .tabWrap .singleTab,
#updateCustomerNotificationTemplate .tabWrap .singleTab {
  border-left: 1px solid #6F0881;
  border-top: 1px solid #6F0881;
  border-bottom: 1px solid #6F0881;
  border-right: none;
}

#updateMessageTemplates .tabWrap .singleTabClose:hover,
#updateCustomerNotificationTemplate .tabWrap .singleTabClose:hover {
  background: #6F0881;
  color: #fff;
}

#updateMessageTemplates .singleTab,
#updateCustomerNotificationTemplate .singleTab {
  padding: 5px;
  background: rgba(86, 152, 219, 0.09);
  color: #6F0881 !important;
  border-radius: 5px;
  border: 1px solid #6F0881;
  text-align: center;
  width: 100px;
  display: inline-block;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin: 0px 2px;
}

#updateMessageTemplates .singleTabWithClose,
#updateCustomerNotificationTemplate .singleTabWithClose {
  border-radius: 5px 0px 0px 5px;
}

#updateMessageTemplates .singleTabClose,
#updateCustomerNotificationTemplate .singleTabClose {
  display: inline-block;
  border: 1px solid;
  padding: 5px;
  color: #6F0881;
  background: rgba(86, 152, 219, 0.09);
  border-radius: 0px 5px 5px 0px;
  margin: 0px 2px 0px -2px;
  cursor: pointer;
}

#updateMessageTemplates .alertMessageForm_discard .col-md-3,
#updateCustomerNotificationTemplate .alertMessageForm_discard .col-md-3 {
  width: 85%;
}

#updateMessageTemplates .inputDiv,
#updateCustomerNotificationTemplate .inputDiv {
  margin: 18px 0;
  padding-left: 9px;
  width: 100%;
  height: 70px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0px;
  box-shadow: none !important;
  color: #42425c;
  border: 1px solid #eee;
  background: #fff;
  overflow: hidden;
  line-height: 40px !important;
}

#updateMessageTemplates .inputDiv:hover,
#updateCustomerNotificationTemplate .inputDiv:hover {
  overflow-y: auto;
  overflow-x: hidden;
}

#updateMessageTemplates [ng-drag],
#updateCustomerNotificationTemplate [ng-drag],
#updateMessageTemplates [ng-drag-clone],
#updateCustomerNotificationTemplate [ng-drag-clone] {
  -moz-user-select: -moz-none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

#updateMessageTemplates .drag-object,
#updateCustomerNotificationTemplate .drag-object,
#updateMessageTemplates [ng-drag-clone],
#updateCustomerNotificationTemplate [ng-drag-clone],
#updateMessageTemplates [ng-drop] [ng-drag],
#updateCustomerNotificationTemplate [ng-drop] [ng-drag] {
  padding: 5px !important;
  color: #fff;
  text-align: center;
  padding-top: 10px;
  display: inline-block;
  cursor: move;
  position: relative;
  overflow: hidden;
}

#updateMessageTemplates .drag-object [ng-drag],
#updateCustomerNotificationTemplate .drag-object [ng-drag] {
  width: 100px;
  height: 30px;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
}

#updateMessageTemplates [ng-drag-clone],
#updateCustomerNotificationTemplate [ng-drag-clone] {
  margin: 0;
}

#updateMessageTemplates [ng-drag].drag-over,
#updateCustomerNotificationTemplate [ng-drag].drag-over {
  border: solid 1px #6F0881;
}

#updateMessageTemplates [ng-drop],
#updateCustomerNotificationTemplate [ng-drop] {
  padding-top: 5px;
  display: block;
  position: relative;
}

#updateMessageTemplates [ng-drop] span.title,
#updateCustomerNotificationTemplate [ng-drop] span.title {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 20px;
  margin-left: -100px;
  margin-top: -10px;
}

#updateMessageTemplates [ng-drop] div,
#updateCustomerNotificationTemplate [ng-drop] div {
  position: relative;
  z-index: 2;
}

#updateMessageTemplates [ng-drag].dragging,
#updateCustomerNotificationTemplate [ng-drag].dragging {
  opacity: 0.5;
  position: relative;
}

#updateMessageTemplates div.logi-smsmessage,
#updateCustomerNotificationTemplate div.logi-smsmessage {
  top: 10px;
}

#updateMessageTemplates div.logi-emailsubject,
#updateCustomerNotificationTemplate div.logi-emailsubject {
  top: 72px;
}

#updateMessageTemplates div.logi-emailbody,
#updateCustomerNotificationTemplate div.logi-emailbody {
  top: 70px;
}

#updateMessageTemplates .alerttickermessage-label,
#updateCustomerNotificationTemplate .alerttickermessage-label {
  font-family: Gotham-Rounded-Medium, Sans-Serif !important;
}

#updateMessageTemplates .emailsubject-label,
#updateCustomerNotificationTemplate .emailsubject-label,
#updateMessageTemplates .emailbody-label,
#updateCustomerNotificationTemplate .emailbody-label {
  font-family: Gotham-Rounded-Medium, Sans-Serif !important;
}

#updateMessageTemplates div#smsMessage,
#updateCustomerNotificationTemplate div#smsMessage {
  position: relative;
}

#updateMessageTemplates .smsmessage-label,
#updateCustomerNotificationTemplate .smsmessage-label {
  font-family: Gotham-Rounded-Medium, Sans-Serif !important;
}

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

.logiFormActionButtons {
  min-height: 32px !important;
  margin-top: 50px !important;
}

.disabledSettings {
  color: #c2c2c5 !important;
  cursor: default !important;
}

.popup-textBox {
  width: 100%;
  border-bottom-width: 2px;
  border-bottom-style: solid;
  border-bottom-color: #6F0881;
  padding-top: 10px;
}

.alert-setting-modal .modal-footer {
  border-top: none !important;
}

.drs {
  margin-left: 0px !important;
}

.set-alert {
  margin-top: 50px;
  padding: 0px 20px;
}

.set-alert div:nth-child(1) {
  margin: 10px 0 5px 0;
  font-size: 12px;
}

.set-alert div:nth-child(2) {
  border-radius: 2px;
}

.set-alert .list-wrapper li {
  margin: 10px;
  padding: 5px;
  border-radius: 2px;
  display: inline-block;
}

.set-alert .list-wrapper li span:nth-child(1) {
  border-right: 1px solid #ddd;
  padding: 5px;
}

.set-alert .list-wrapper li span:nth-child(2) {
  padding: 5px;
}

.set-alert .list-wrapper li span:nth-child(3) {
  color: #b1afaf;
}

.set-alert-invalid-trip {
  margin-bottom: 20px;
  font-family: OpenSans-Semibold;
  font-size: 12px;
  letter-spacing: 0.4px;
}

.set-alert-invalid-trip div:nth-child(1) {
  margin: 10px 0 5px 0;
  font-size: 12px;
  color: #ea5b6c;
}

.list-wrapper li {
  border: 1px solid #ddd;
  padding: 0px 5px 0px 0px;
  margin: 0px 5px;
}

.setAlertToggle {
  text-align: center;
}

.setAlertToggle .setAlertList {
  background: #fff;
  text-align: center;
}

.setAlertToggle .setAlertList .setAlertListSpan .icon.icon-dropdown-angle,
.setAlertToggle .setAlertList .setAlertListSpan .icon.icon-dropdown-angle-copy {
  border: 1px solid #ddd;
  padding: 5px 8px;
  text-align: center;
  border-radius: 50%;
  background: #fff;
  position: relative;
  top: -20px;
}

.setAlertToggle .setAlertList .setAlertListSpan .icon.icon-dropdown-angle:before,
.setAlertToggle .setAlertList .setAlertListSpan .icon.icon-dropdown-angle-copy:before {
  font-size: 8px;
  position: relative;
  top: -3px;
}

.changeTogglePosition {
  max-height: calc(100vh - 130px - 91px - 71px) !important;
}

.flexer,
.progress-indicator {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}

.no-flexer,
.progress-indicator.stacked {
  display: block;
}

.no-flexer-element {
  -ms-flex: 0;
  -webkit-flex: 0;
  -moz-flex: 0;
  flex: 0;
}

.flexer-element,
.progress-indicator>li {
  -ms-flex: 1;
  -webkit-flex: 1;
  -moz-flex: 1;
  flex: 1;
}

.progress-indicator {
  margin: 0;
  padding: 0;
  font-size: 100%;
}

.progress-indicator>li {
  list-style: none;
  text-align: center;
  width: auto;
  min-width: 250px;
  padding: 0;
  margin: 0;
  position: relative;
  text-overflow: ellipsis;
  color: #ddddde;
  display: block;
}

.progress-indicator>li:hover {
  color: #ddddde;
}

.progress-indicator>li .bubble {
  border-radius: 50%;
  width: 18px;
  height: 18px;
  background-color: #ddddde;
  display: block;
  margin: 0 auto 0.5em;
}

.progress-indicator>li .bubble .icon {
  color: #fff;
  z-index: 99;
  margin-left: 1px;
  margin-top: 0px;
  position: relative;
  top: -3px;
}

.progress-indicator>li .bubble .icon:before {
  font-size: 8px;
  font-weight: bolder;
}

.progress-indicator>li a:hover .bubble {
  color: #6F0881;
}

.progress-indicator>li.danger .bubble {
  color: #e32022;
}

.progress-indicator>li.warning .bubble {
  color: #edb10a;
}

.progress-indicator>li.info .bubble {
  color: #5b32d6;
}

.progress-indicator>li .track-history-status {
  width: 18px;
  height: 18px;
  color: #000;
  display: block;
  margin: 0 auto 0.5em;
}

.progress-indicator>li .track-history-status img.destination {
  margin-left: 30px;
  margin-top: -5px;
}

.progress-indicator>li .track-history-status img.origin {
  margin-top: -5px;
}

.progress-indicator>li.completed .bubble {
  background: #6F0881 !important;
}

.progress-indicator.stacked>li {
  text-indent: -10px;
  text-align: center;
  display: block;
}

.progress-indicator.stacked>li a {
  border: none;
}

.progress-indicator.stacked .stacked-text {
  position: relative;
  z-index: 10;
  top: 0;
  margin-left: 60% !important;
  width: 45% !important;
  display: inline-block;
  text-align: left;
  line-height: 1.2em;
}

.progress-indicator.stacked.nocenter>li .bubble {
  margin-left: 0;
  margin-right: 0;
}

.progress-indicator.stacked.nocenter .stacked-text {
  width: auto !important;
  display: block;
  margin-left: 40px !important;
}

.progress-indicator .grey-text {
  font-size: 11px;
  margin-top: 3px;
}

.progress-indicator>li.completed,
.progress-indicator>li.completed .bubble {
  color: #000;
}

.progress-indicator>li .bubble:after,
.progress-indicator>li .bubble:before {
  display: block;
  position: absolute;
  top: 9px;
  /* left 63% */
  margin-left: 18px;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #ddddde;
}

.progress-indicator>li.completed .bubble:after,
.progress-indicator>li.completed .bubble:before {
  background-color: #6F0881;
  border-color: #ddddde;
}

.progress-indicator>li.active,
.progress-indicator>li.active .bubble {
  color: #6F0881;
}

.progress-indicator>li.active .bubble,
.progress-indicator>li.active .bubble:after,
.progress-indicator>li.active .bubble:before {
  background-color: #6F0881;
  border-color: #6F0881;
}

.progress-indicator>li a:hover .bubble,
.progress-indicator>li a:hover .bubble:after,
.progress-indicator>li a:hover .bubble:before {
  background-color: #6F0881;
  border-color: #6F0881;
}

.progress-indicator>li.danger .bubble,
.progress-indicator>li.danger .bubble:after,
.progress-indicator>li.danger .bubble:before {
  background-color: #e32022;
  border-color: #440605;
}

.progress-indicator>li.warning .bubble,
.progress-indicator>li.warning .bubble:after,
.progress-indicator>li.warning .bubble:before {
  background-color: #edb10a;
  border-color: #5a4304;
}

.progress-indicator>li.info .bubble,
.progress-indicator>li.info .bubble:after,
.progress-indicator>li.info .bubble:before {
  background-color: #5b32d6;
  border-color: #25135d;
}

.progress-indicator.stacked>li .bubble:after,
.progress-indicator.stacked>li .bubble:before {
  left: 50%;
  margin-left: -1.5px;
  width: 3px;
  height: 100%;
}

.progress-indicator.stacked.nocenter>li .bubble:after,
.progress-indicator.stacked.nocenter>li .bubble:before {
  left: 10px;
}

@media handheld,
screen and (max-width: 400px) {
  .progress-indicator {
    font-size: 60%;
  }
}

.track-history-status .icon:before {
  font-size: 28px !important;
  color: #6F0881 !important;
}

.track-history-status .icon.icon-destination {
  background: #fafafa;
}

.track-history-status .icon.icon-destination:before {
  font-size: 28px !important;
  color: #000 !important;
}

.track-history-status~b {
  position: relative;
  top: 5px;
  color: #000;
}

.track-history-status~.grey-text {
  margin-top: 5px;
}

.progress-indicator>li.completed .track-history-status:after,
.progress-indicator>li.completed .track-history-status:before {
  background-color: #ddddde;
  border-color: #ddddde;
}

.progress-indicator>li:last-child .track-history-status:after,
.progress-indicator>li:last-child .track-history-status:before {
  display: none;
}

.progress-indicator>li .track-history-status:after,
.progress-indicator>li .track-history-status:before {
  display: block;
  position: absolute;
  top: 9px;
  left: 53%;
  width: 100%;
  height: 2px;
  content: '';
  background-color: #ddddde;
}

.progress-indicator.viapoints>li:last-child .bubble:after,
.progress-indicator.viapoints>li:last-child .bubble:before {
  content: none;
}

.progress-indicator.viapoints>li .bubble:after,
.progress-indicator.viapoints>li .bubble:before {
  left: 53%;
  width: 94%;
}

.viapoint-order {
  color: #fff;
  font-size: 12px;
  position: relative;
  top: 1px;
  left: 0px;
}

.tabButtonWrapper ul {
  width: 340px;
  overflow: hidden;
  border-radius: 4px;
  margin: 0px auto;
}

.tabButtonWrapper ul li {
  display: block;
  float: left;
  position: relative;
}

.tabButtonWrapper ul li a {
  display: block;
  width: 170px;
  height: 30px;
  line-height: 28px;
  font-size: 15px;
  background: #eae8ea;
  color: #5e6169;
  cursor: pointer;
}

.tabButtonWrapper ul li.active a {
  background: #6F0881;
  color: #fff;
}

.locationAlertsWrapper {
  overflow: auto;
}

.locationAlertsWrapper h4 {
  color: #757575;
  font-size: 15px;
}

.locationAlertsWrapper ul li {
  padding: 15px 0px 10px 0px;
  border-bottom: 1px solid #e7e7e7;
}

.locationAlertsWrapper ul li .locationStatus {
  color: #353943;
  font-size: 14px;
}

.locationAlertsWrapper ul li .locationDateTimestamp {
  color: #808389;
  font-size: 14px;
  margin-top: 10px;
}

.locationAlertsWrapper ul li:last-child {
  border-bottom: none;
}

.progress-indicator li:last-child .bubble:after,
.progress-indicator li:last-child .bubble:before {
  display: none;
}

.progressDiv {
  overflow-x: scroll;
}

.ngsf-fullscreen {
  position: relative;
  top: -10px;
}

.dateWrapper {
  background: #46465f;
  border-radius: 3px;
  padding-right: 2px;
  margin-bottom: 10px;
  color: #fff;
}

.trackingDateWrapper {
  list-style: none !important;
}

.trackingDateFilter {
  border-radius: 2px;
  min-width: 120px;
  padding: 4px 7px 4px 7px;
  color: #fff;
  color: #fff;
  text-align: center;
}

.applyBtnDateFilter {
  margin-left: 10px;
}

.applyBtnDateFilter .btn.btn-success {
  height: 31px;
}

.dateFilterIcon {
  height: 30px !important;
  background: #46465f !important;
}

.dateFilterIcon:before {
  font-size: 14px !important;
}

.btn-track {
  padding: 4px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
  color: #f7ffff !important;
  background-color: #6F0881 !important;
  border-color: #6F0881 !important;
}

table tbody tr td a.removeOrder {
  overflow: visible;
}

.tripHistoryDetailsCard {
  padding: 0;
}

.tripHistoryDetailsCard .tripSummaryTitle {
  margin-left: 15px;
}

.tripHistoryDetailsCard .tripSummaryTitle .row {
  margin-top: 10px;
  font-size: 14px !important;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.tripHistoryDetailsCard .tripDetailElement {
  margin-bottom: 15px;
}

.tripHistoryDetailsCard .tripDetailElement .grey-text {
  color: #767676;
  font-weight: lighter;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
}

.tripHistoryDetailsCard .tripDetailElement .grey-text.note {
  text-overflow: ellipsis;
  overflow: hidden;
}

.tripHistoryDetailsCard .tripDetailElement .control-label {
  font-size: 13px;
  color: #000;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.orderHistoryElement.tripDetailElement {
  margin-bottom: 15px;
  min-height: 40px;
  width: 33%;
  min-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.tripHistoryMapCard {
  min-height: 488px;
}

.tripHistoryMapCard .location-alerts-wrapper {
  border: 0px;
}

.tripHistoryData .tripSummaryTitle.mile {
  margin: 0px !important;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  margin-bottom: 22px;
}

.tripHistoryData .tripSummaryTitle.mile h3 {
  font-size: 16px;
  letter-spacing: 0.6px;
  color: #606060;
  padding: 13px 0;
}

.tripHistoryData .tripSummaryTitle.mile .break {
  width: 240px;
  border-bottom: 5px solid #eee;
  margin-bottom: -10px;
}

.tripHistoryData .tripSummaryTitle.mile .logiTable .table-top-margin {
  margin-top: 0px;
}

.tripHistoryData .tripSummaryTitle.mile .tripDetails-progress {
  margin-top: 30px;
}

.deliveryAssignPopup .modal-body .centerContent.row {
  margin: 0px;
}

.deliveryAssignPopup .modal-body .centerContent.row .table-top-margin .shift-table-top-40 {
  margin-top: 119px;
}

.tripFilter .icon-close {
  top: -3px;
  left: 4px;
  line-height: 0px;
  position: relative;
}

.tripFilter .icon-close:before {
  font-size: 7px !important;
  margin-top: -2px;
  position: relative;
  color: #273644;
}

.tripFilter .icon-close:hover:before {
  color: #000;
}

.tripFilter .filterWrapper {
  position: relative;
  height: 30px;
  line-height: 20px;
  display: inline-block;
  margin-bottom: 0;
  width: auto;
  top: 35px;
  left: 60px;
  padding: 5px 5px 5px 10px;
  border-radius: 2px;
  background-color: #fff;
  box-shadow: 0 2px 3px 0 rgba(65, 65, 92, 0.5);
  border: solid 1px #d5d5db;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  color: #42425c;
  font-size: 11px;
  overflow: hidden;
}

.tripFilter .filterWrapper a {
  position: relative;
  display: inline-block;
  margin: 0px 10px 0px 5px;
  top: 1px;
}

.tripFilter .filterWrapper a:before {
  position: absolute;
  content: '';
  width: 15px;
  height: 15px;
  background: #d8d8d8;
  border-radius: 50%;
  top: 0;
  left: 0;
  z-index: 0;
}

.inlineAutoComlepte .form-control {
  width: 60%;
}

.inlineAutoComlepte {
  position: absolute !important;
  z-index: 7;
}

.tripAutoComplete .dropdown-menu {
  position: initial !important;
  z-index: 999;
  height: 100px;
  overflow: auto;
}

.triplegend {
  border: 1px solid #000;
  border-radius: 50px;
  width: 10px !important;
  padding: 4px;
}

.dmHstStats.centerContent {
  height: auto;
  overflow: hidden;
  min-height: 0px;
}

.alertNoteDesc {
  display: none;
  position: absolute;
  border: 1px solid #e1e6ef;
  min-width: 300px;
  height: auto;
  background-color: #fff;
  right: 80px;
  border-radius: 5px;
  padding: 15px;
  z-index: 1;
}

.alertNoteDescMinHeight {
  min-height: 195px;
}

.showAlertNoteEditBox {
  display: block !important;
}

.alertNotes .icon-edit {
  float: right;
  margin-right: 35px;
}

.alertNotes .icon-edit hover {
  cursor: pointer;
}

.editNoteCloseBtn {
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 19px;
  font-weight: 700;
  text-shadow: 0 1px 0 #fff;
}

.editNoteCloseBtn:hover {
  cursor: pointer;
}

.alertNoteTextArea {
  margin-top: 18px;
  border: 1px solid #ddd;
  padding: 12px;
}

.alertNoteSaveBtn {
  background-color: #6F0881;
  color: #fff;
  border-color: #6F0881;
  border: 1px solid #6F0881;
  border-radius: 1px;
  padding: 5px 15px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
  margin-top: 5px;
  position: absolute;
  right: 13px;
  bottom: 13px;
}

.alertEmptyNote {
  color: #808080;
}

.alertEmptyNote:hover {
  color: #000;
  cursor: pointer;
}

.alertNonEmptyNote {
  color: #1882e0 !important;
}

.alertNonEmptyNote:hover {
  color: #1865e0 !important;
  cursor: pointer;
}

#driverContactValidationModal .icon-check-round:before {
  font-size: 17px;
  color: #008000;
}

#driverContactValidationModal .icon-delete-tab:before {
  font-size: 17px;
  color: #ed6261;
}

#temperatureChart .nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 1;
}

#temperatureChart .nvd3 .nv-background rect {
  fill-opacity: 1 !important;
}

#speedChart .nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 1;
}

#speedChart .nvd3 .nv-background rect {
  fill-opacity: 1 !important;
}

#batteryChart .nvd3 .nv-axis.nv-x path.domain {
  stroke-opacity: 1;
}

#batteryChart .nvd3 .nv-background rect {
  fill-opacity: 1 !important;
}

.temperatureChart.domain {
  stroke-opacity: 1 !important;
}

.createTrip .naruto {
  top: 330px;
  left: 28px;
  width: 500px;
}

.sameAdd-label {
  font-size: 13px;
  font-weight: normal;
  margin-left: 5px;
}

.addressProofLabel {
  display: block;
  margin-top: 14px;
  color: #474b54;
  font-size: 12px;
  letter-spacing: 0.3px;
}

.tripStatsDonutBadge {
  background: #fff;
}

.tripStatsDonutBadge.height110 {
  height: 110px !important;
  margin-bottom: 25px;
}

.tripStatsDonutBadge.height110.mT10 {
  margin-top: 13px;
}

.tripStatsDonutBadge .tripStatsDonutBadgeIcon {
  height: 100%;
  line-height: 122px;
  max-height: 122px;
  background: #6F0881;
  margin: 0px -15px;
  text-align: center;
  color: #fff;
}

.tripStatsDonutBadge .tripStatsDonutBadgeIcon .icon.icon-planned-distance:before,
.tripStatsDonutBadge .tripStatsDonutBadgeIcon .icon.icon-time:before {
  color: #fff !important;
  font-size: 50px !important;
}

.avgPerBadge {
  background: #e1e1e1;
  color: #606060;
  text-align: center;
  padding: 25px 15px;
}

.avgPerBadge .avgPerBadgeIcon {
  height: 75px;
  line-height: 75px;
  background: #fff;
}

.avgPerBadge .avgPerBadgeIcon .icon:before {
  font-size: 36px;
  margin-top: -5px;
  display: block;
}

.avgPerBadge .avgPerBadgeIcon .avgPerBadgeTitle {
  font-size: 24px;
  line-height: 75px;
}

.avgPerBadge .avgBadgeSeparator {
  max-width: 180px;
  padding: 5px 10px;
  border-radius: 50px;
  background-color: #fafafa;
  color: #6F0881;
  margin: 0px auto;
  position: relative;
  top: -10px;
}

.tripStatsDOnutBadgeContent {
  padding: 40px 0px 40px 0px;
  text-align: center;
}

.tripStatsDOnutBadgeContent .tripStatsBadgeCount {
  font-size: 24px;
  color: #494d56;
  letter-spacing: 1px;
}

.tripStatsDOnutBadgeContent .tripStatsBadgeCount.fontSize16 {
  font-size: 16px;
}

.tripStatsDOnutBadgeContent .tripStatsTitle {
  font-size: 14px;
  color: #6F0881;
}

.mlr-15 {
  margin: 0px -15px;
}

.tripStatsBadgeTitle {
  margin: 10px 15px;
  color: #6F0881;
  text-transform: uppercase;
}

.tripStatsDonutBadge svg {
  position: relative;
  margin-top: -100px;
  margin-bottom: 15px;
  right: 0px;
}

.tripStatsBadgeTotal {
  margin: 10px 15px;
  font-size: 24px;
  letter-spacing: 2px;
}

.tripSummaryTitle {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  margin-left: 10px;
  float: left;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  position: relative;
  width: 100%;
  display: block;
  padding-bottom: 10px;
}

.tripStatsBadgeBar {
  width: 144px;
  height: 5px;
  border-radius: 20px;
  background-color: #e1e1e1;
  margin: 0px 15px;
}

.tripStatsBadgeBar .tripStatsBadgeFilled {
  height: 5px;
  border-radius: 20px;
  background-color: #6F0881;
}

.tripStatsBadgeBar .tripStatsBadgeAlert {
  color: #e32022;
  margin-top: 5px;
  font-size: 12px;
}

.tripStatsBadgeSep {
  width: 90%;
  height: 1px;
  margin: 0px auto;
  background-color: #f00;
  position: absolute;
  top: 90px;
  left: 0px;
  display: block;
}

.avgPerBadgeTitle {
  font-size: 17px;
  color: #444;
}

.p15-45 {
  padding: 15px 45px;
}

.tripStatsTitle {
  font-size: 12px;
  color: #606060;
  white-space: nowrap;
}

.tripStatsNum {
  font-size: 15px;
  color: #000;
}

.nvtooltip {
  max-width: 300px !important;
  background: rgba(0, 0, 0, 0.75);
  color: #fff !important;
  border-radius: 0px;
  font-size: 12px;
  white-space: normal;
  font-family: 'Trebuchet MS', sans-serif !important;
}

.nvtooltip table td {
  color: #fff;
}

.tripStatsDonutBadge .nv-series:nth-child(1) {
  transform: translate(0, 0);
}

.tripStatsDonutBadge .nv-series:nth-child(2) {
  transform: translate(0, 20px);
}

.tripStatsDonutBadge .nv-series:nth-child(3) {
  transform: translate(0, 40px);
}

.tripStatsDonutBadge .nv-series:nth-child(4) {
  transform: translate(0, 60px);
}

.tripStatsDonutBadge .nv-series:nth-child(5) {
  transform: translate(0, 80px);
}

.tripStatsDonutBadge .nv-series:nth-child(6) {
  transform: translate(0, 100px);
}

.tripStatsDonutBadge .nv-series:nth-child(7) {
  transform: translate(0, 120px);
}

.tripStatsDonutBadge .nv-legend {
  transform: translate(180px, 150px);
}

.tripStatsDonutBadge .nv-legendWrap {
  transform: translate(-160px, -185px);
}

.tripStatsDonutBadge .nv-pieWrap {
  transform: translate(89px, -66px);
}

.tripStatsDonutBadge.smallDonut.orderSummary .nv-pieWrap {
  transform: translate(75px, -66px);
}

.tripStatsDonutBadge .nv-legend>g {
  transform: translate(-13.330078125px, 0px);
}

.tripSummaryroundIcon {
  width: 56px;
  height: 56px;
  background: #6F0881;
  border: 1px solid tripStatsDonutBadgeIconBg-3;
  color: #fff;
  border-radius: 50%;
  text-align: center;
}

.tripSummaryroundIcon .icon {
  margin: 0 auto;
}

.tripSummaryroundIcon .icon:before {
  font-size: 28px !important;
  color: #fff;
  position: relative;
  top: 19px;
}

.nvd3.nv-pie .nv-pie-title {
  font-size: 24px !important;
  color: #6F0881 !important;
  fill: #6F0881 !important;
}

.smallDonut.tripStatsDonutBadge .nv-pieChart {
  transform: translate(-52px, 76px) !important;
}

.tripStatsDonutBadge.smallDonut.cashDonut .nv-legend {
  transform: translate(323px, 262px) !important;
}

.tripStatsDonutBadge.smallDonut.cashDonut.donut {
  width: 100% !important;
}

.standardBreak {
  height: 50px !important;
}

.h-90 {
  height: 90px !important;
}
.form-group {
  margin-bottom: 24px;
}

.tripSummaryList .form-group {
  margin: 0px -15px;
}

.tripSummaryList .form-group .logiTable {
  margin: 0px 5px;
}

.pTB20 {
  padding: 20px 0px;
}

.tripStatsDonutBadge.smallDonut {
  padding: 3px;
}

.tripStatsDonutBadge.smallDonut svg {
  margin: 0px auto;
}

.mT-40 {
  margin-top: -41px;
}

.mT-40 .orderSummaryGraphTitle {
  color: #000;
}

.mT-40 .orderSummaryGraphCount {
  color: #666;
}

.emailInput {
  width: 65%;
  height: 25px;
  border: 1px solid #eee;
}

.sendMailModalClose {
  margin-top: -8px;
  margin-right: -5px;
}

.tripSummaryList .head {
  overflow: auto !important;
}

section.inline-table {
  display: inline-block !important;
}

.geoicon .icon.icon-search2 {
  position: relative !important;
  top: 4px !important;
  opacity: 0.8 !important;
  right: -4px !important;
}

.geoicon .input-sm {
  height: 30px !important;
  padding: 5px 10px !important;
  font-size: 12px !important;
  line-height: 1.5 !important;
  border-radius: 3px !important;
  margin: 0px 0px 2px -12px !important;
}

.tripsHisoryBoard {
  border: 2px solid #eee;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.tripsHisoryBoard>div:not(:first-child) {
  border-left: 2px solid #eee;
  height: 185px;
}

.tripsHisoryBoard .headers {
  font-size: 18px;
  padding: 20px;
  font-weight: bold;
  color: #606060;
  letter-spacing: 0.5px;
}

.progress {
  margin-right: 25px;
  margin-left: 25px;
  height: 15px !important;
}

.progress-bar {
  line-height: 17px !important;
}

.progress-bar-collected {
  background-color: #6F0881 !important;
}

.progress-bar-prepaid {
  background-color: #006279 !important;
}

.progress-bar-pending {
  background-color: #e4e4e4 !important;
}

.icon-positive-rating,
.icon-positive {
  color: #6F0881;
}

.icon-positive-rating:before {
  font-size: 30px !important;
}

.icon-nagative-rating:before {
  font-size: 25px !important;
}

.icon-image-navigation:before {
  font-size: 25px !important;
  color: #ccc;
}

.avg-rating {
  font-size: 32px;
  color: #606060;
  letter-spacing: 0.5px;
  padding-top: 25px;
}

.triphistory-labels {
  color: #828395;
  font-size: 11px;
}

.tripDetail td {
  white-space: normal !important;
  padding: 0 !important;
  text-align: center;
}

.tripSummery {
  border-right: 1px solid #d2d2d2;
  border-top: 1px solid #d2d2d2;
  border-left: 1px solid #d2d2d2;
  padding: 11px;
  margin-top: 20px;
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.tripSummery span:not(:first-child) {
  border-left: 1px solid #c6c7c9;
}

.overlay {
  height: 100%;
  opacity: 1;
  width: 0;
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  background-color: #000;
  background-color: rgba(78, 75, 75, 0.9);
  overflow-x: hidden;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.overlay span {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
}

.overlay a:hover,
.overlay a:focus {
  color: #f1f1f1;
}

.closebtn {
  position: absolute;
  top: 70px;
  right: 12px;
  font-size: 46px !important;
  color: #ccc;
}

@media screen and (max-height: 450px) {
  .overlay a {
    font-size: 20px;
  }

  .closebtn {
    font-size: 40px !important;
    top: 15px;
    right: 35px;
  }
}

.buttonActive {
  cursor: pointer;
}

.buttonDisabled {
  cursor: not-allowed;
}

.disabledLink {
  pointer-events: none;
  cursor: default;
}

.show-inline-block {
  display: inline-block !important;
  margin-top: 20px !important;
}

.triphst-btn {
  z-index: 1;
}

.tripsHisoryBoardNew .card {
  min-height: 230px;
  padding: 20px;
}

.tripsHisoryBoardNew .card .headers {
  font-size: 15px;
  padding-bottom: 20px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  color: #000;
}

.tripsHisoryBoardNew .card .progress {
  height: 15px !important;
  margin-left: 0px;
  margin-right: 0px;
  border-radius: 15px;
  box-shadow: none;
  background: #d1d1d7;
}

.tripsHisoryBoardNew .card .avgRatingStars .icon {
  padding-right: 20px;
}

.tripHistoryDataNew {
  margin-top: 15px;
}

.tripHistoryDataNew .tripSummaryTitle.mile {
  overflow: hidden;
  font-size: 14px;
}

.tripHistoryDataNew .tripSummaryTitle.mile .logiTable .table-top-margin {
  margin-top: 0px;
}

.tripHistoryDataNew .tripSummaryTitle.mile .tripDetails-progress {
  margin-top: 30px;
}

.boldLabel {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  color: #333;
}

.tripHistory-content .tab-content {
  overflow-y: auto;
  overflow-x: hidden;
}

.ticketList:hover {
  cursor: pointer;
  border-left: 5px #808080 solid;
}

.ticketContent {
  padding: 10px 10px 10px 10px;
  color: #000;
  border-radius: 2px;
  float: left;
  width: 80%;
}

.ticketBody {
  padding-top: 2%;
  padding-left: 5%;
}

.ticketHeader {
  font-size: 18px;
}

.boldFont {
  font-weight: bold;
}

.ticketNote {
  background: #fff;
  border-radius: 2px;
  padding: 5px;
}

.ticketStatus {
  float: right;
  font-size: 19px;
}

.qryActionBtn {
  font-size: 15px;
  font-weight: 600;
  padding-left: 10px;
  cursor: pointer;
}

.centerAlign {
  text-align: center;
}

.destClientNodeId {
  text-overflow: ellipsis;
  max-width: 180px;
  overflow: hidden;
  white-space: nowrap;
}

.childAccess {
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
}

.childAccess>li {
  font-family: 'Gotham-Rounded', Sans-Serif, sans-serif !important;
  font-size: 12px;
  line-height: 25px;
}

.parentAccess {
  margin-bottom: 0;
  border-bottom: 1px dashed #ddd;
  padding: 5px 0px;
  padding-top: 0px;
}

.parentAccess>li {
  font-size: 14px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif, sans-serif !important;
}

.userAccess>li label {
  font-family: 'Gotham-Rounded', Sans-Serif, sans-serif !important;
  font-size: 14px;
}

#addTrackerForm .formly-field .ui-select-container {
  margin: 0px;
}

#addTrackerForm .form-group .input-group {
  margin-top: 18px;
}

#addTrackerForm .form-group {
  width: 100%;
}

#addTrackerForm .form-group .form-control {
  width: 100%;
  box-shadow: none;
}

#addTrackerForm .ui-select-container .btn.btn-default.ui-select-toggle {
  width: 100%;
}

#addTrackerForm label.control-label {
  display: block;
}

.deviceType select.ui-grid-filter-select,
.gpsStatus select.ui-grid-filter-select,
.isActiveFl select.ui-grid-filter-select,
.serviceProvider select.ui-grid-filter-select,
.status select.ui-grid-filter-select {
  font-size: 11px !important;
  border: none !important;
  border-bottom: 1px solid #abacba !important;
  background: 0 0 !important;
}

.customReportSection {
  margin: 60px 20px 0px 20px;
  padding: 0 !important;
}

.customReportSection.centerContent {
  height: auto;
  min-height: 0;
}

.reportColumns {
  padding: 10px 20px;
}

.reportColumns li label {
  font-size: 13px;
  padding-left: 8px;
  font-weight: lighter;
}

.reportColumns li.sheets {
  padding-bottom: 10px;
  padding-left: 25px;
}

.reportColumns li.sheets label {
  font-family: 'Gotham-Rounded', Sans-Serif !important;
}

.reportColumns li.cols {
  padding-left: 25px;
  margin-left: 25px;
  border-left: 1px solid #ddd;
  position: relative;
}

.reportColumns li.cols:before {
  content: '';
  position: absolute;
  left: 0px;
  top: 8px;
  height: 1px;
  width: 25px;
  background: #ddd;
}

.templateActionBtns {
  padding-right: 25px;
  margin-top: 5px;
}

.templateActionBtns li {
  display: block;
  float: left;
  padding: 0px 5px;
  position: relative;
  background: transparent !important;
}

.templateActionBtns li span.disable {
  position: absolute;
  top: 0;
  left: 5px;
  background: rgba(255, 255, 255, 0.6);
  width: 23px;
  height: 23px;
  cursor: not-allowed;
}

.templateActionBtns li a {
  font-size: 12px;
  display: block;
}

.templateActionBtns li a .icon.icon-delete:before {
  margin-left: -3px;
}

.templateActionBtns li a .icon:before {
  font-size: 12px;
  position: relative;
  top: 1px;
}

.templateActionBtns li a .icon.icon-edit-2:before {
  left: -3px;
}

.templateActionBtns li .transition {
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}

.reportContent .mainWrapper.reportSchedulingForm {
  margin-top: 0px !important;
}

.reportContent .mainWrapper.reportSchedulingForm .pageHeader {
  display: none;
}

.downloadSDLR.template {
  display: none;
  right: 5px;
  margin-top: -29px;
  max-width: 347px;
}

.downloadSDLR.template:before {
  content: none;
}

.downloadSDLR.template ul li {
  padding: 0px;
  border: 0px;
}

.downloadSDLR.template.haul {
  display: none;
  right: 30px;
  margin-top: -27px;
  max-width: 347px;
}

.downloadSDLR.template.haul:before {
  content: none;
}

.downloadSDLR.template.haul ul.haul {
  padding: 20px;
}

.downloadSDLR.template.haul ul.haul li {
  display: block;
  float: none;
}

.panel-default>.panel-heading,
.panel-title {
  margin-top: 10px;
  font-size: 14px !important;
}

.panel-default>.panel-heading h4,
.panel-title h4 {
  font-size: 14px;
}

.panel-default>.panel-heading a,
.panel-title a {
  font-weight: bolder;
}

.panel-body {
  border-top: solid 1px #eee !important;
}

.panel-group .panel,
.panel-heading {
  border-radius: 2px !important;
}

.reportContent .selectAll {
  padding: 8px 20px 5px 20px;
  border-bottom: 1px solid #eee;
}

.reportContent .selectAll label {
  font-family: 'Gotham-Rounded', Sans-Serif !important;
}

.panel-body {
  padding: 3px 0px 0px 0px !important;
}

.panel-body ul {
  margin-bottom: 0px;
}

.panel-body ul li p {
  font-size: 13px;
  padding: 8px 25px;
  margin: 0px;
}

.saveTemplate {
  min-width: 60px;
  height: 30px;
  padding: 3px !important;
  border-radius: 1px !important;
}

.closeTemplateSave {
  float: left;
  width: 30px;
  height: 30px;
  line-height: 28px;
  display: inline-block;
  text-align: center;
  position: relative;
  cursor: pointer;
}

.haul {
  padding: 20px 0px 10px 0px;
}

.haul>ul>li {
  min-width: 338px;
  padding: 10px 20px !important;
  border: 0px !important;
}

.haul>ul>li .ui-select-container.ui-select-bootstrap.dropdown {
  margin: 0px;
  max-width: 290px;
}

.haul .closeTemplateSave {
  position: absolute;
  top: 0;
  right: -30px;
  border-radius: 2px;
}

.addFolderIcon {
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
  padding: 0px !important;
}

.date-rangepicker.customReport {
  height: 30px;
  display: inline-block !important;
}

.icon-calander2.customReportCal {
  height: 30px !important;
  padding: 2px 8px 2px 8px;
  margin-right: -5px;
}

.icon-calander2.customReportCal:before {
  font-size: 15px !important;
  position: relative;
  top: 2px;
}

.smallText {
  font-size: 11px;
  font-style: italic;
  color: #999;
}

.subCols {
  padding-left: 25px;
}

.selectedRow {
  text-align: left;
  background: #d1dff3;
}

.unSelectedRow {
  text-align: left;
}

.divisionDownloadButton {
  width: 118px;
  height: 41px;
  border-radius: 2px;
  background-color: #4a90e2;
}

.action-items ul li .divisionDownloadButtonText {
  background-color: #4a90e2 !important;
  color: #fff !important;
}

.displaySecScaleColor {
  background-color: #f5a623;
  width: 28px;
  height: 4px;
  display: inline-block;
  vertical-align: middle;
}

.padding-right-60 {
  padding-right: 60px;
}

.activeDivisionAnalyticsTab {
  color: #42425c !important;
}

.leftAlignDivision {
  text-align: left !important;
}

.divisionAnalyticsLabel {
  font-size: 15px !important;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.margin-Top-15 {
  margin-top: 15px !important;
}

.margin-Top-27 {
  margin-top: 27px !important;
}

.margin-Bottom-30 {
  margin-bottom: 30px !important;
}

.verticalDash {
  border-right: 1px solid #808080;
}

.divSummaryTitle {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.parent-divisionAnalysis .table-top-margin.card {
  margin-bottom: 60px !important;
}

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

.usage-cards-wrapper {
  margin: 0 -7px;
}

.usage-cards-wrapper .usage-card {
  flex: 1;
  margin: 0 7px;
  min-height: 260px;
  position: relative;
}

.usage-card-header {
  padding-bottom: 7px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.red {
  color: rgba(255, 0, 0, 0.8);
}

strong {
  font-family: 'Gotham-Rounded-Medium';
  font-weight: initial;
}

.range-selector,
.date-selector {
  margin-right: 10px;
}

.range-selector .btn-white {
  width: 90px;
  text-align: center;
}

.date-selector .datepicker-btn {
  margin: 0;
  color: #6F0881;
}

.download-action .btn-white {
  margin: 0;
}

.flex-right {
  justify-content: flex-end;
}

.chart-wrapper>.logiGuide-card {
  min-height: 400px;
}

.percentFloater {
  position: absolute;
  z-index: 10;
  right: 70px;
  top: 87px;
  font-family: "Gotham-Rounded-Medium";
  color: #6F0881;
  font-size: 17px;
}

.percentFloaterResourceBased {
  position: absolute;
  z-index: 10;
  right: 126px;
  top: 89px;
  font-family: "Gotham-Rounded-Medium";
  color: #6F0881;
  font-size: 17px;
}

.content-loading {
  height: calc(100vh - 145px);
  background: #fff;
  box-shadow: 0px 0px 12px -7px #000;
  display: flex;
  align-items: center;
}

.legend .circle {
  height: 12px;
  width: 12px;
  vertical-align: middle;
  margin-right: 2px;
  border-radius: 50%;
  margin-bottom: 2px;
  display: inline-block;
}

.legendSelected {
  background: #fff !important;
}

.legend {
  margin-left: 15px;
  font-size: 12px;
  color: #555;
}

.chart-legends {
  padding-top: 15px;
}

.analytics-tab-card-wrapper {
  height: 107px;
}

.analytics-tab-card-wrapper .analytics-tab-card {
  margin-bottom: 15px !important;
  min-width: 250px;
}

.AutoAssignmentDistribution .analytics-tab-card-wrapper .analytics-tab-card {
  min-width: 150px;
}

.flexGrow1 {
  flex-grow: 1;
}

.flexGrow2 {
  flex-grow: 2;
  padding-left: 0;
}

.flexGrow05 {
  flex-grow: 0.5;
  padding-left: 0;
}

.flexGrow4 {
  flex-grow: 4.5;
  padding-left: 0;
}

.google-visualization-tooltip {
  background-color: #000;
  opacity: 1;
  min-width: 300px;
  max-height: 100px !important;
}

div.google-visualization-tooltip>ul>li>span {
  color: #fff !important;
  display: inline !important;
}

.percentage-toggle-buttons {
  float: right;
  position: relative;
  top: 15px;
  right: 25px;
  z-index: 1;
}

.donut .pieChartHeaderSection {
  border-bottom: 1px solid #dddde2;
  height: 90px;
}

.fl_details {
  float: left;
  min-width: 100%;
}

.donut .pieChartHeaderSection .pieChartHeader {
  font-size: 14px;
  padding: 16px 16px 7px 16px;
  color: #545454;
}

.donut .pieChartHeader,
.pieChartSubHeader {
  display: flex;
  justify-content: space-between;
}

.pieChartSubHeader {
  font-size: 12px;
  padding: 10px 16px;
  color: #6F0881;
}

.shipmentStatsDonutBadgeDriver {
  margin-left: 0px;
}

.shipmentStatsDonutBadge .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(151px, -66px);
}

.shipmentStatsDonutBadge .tripStatsDonutBadge svg,
.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge svg {
  margin-top: unset !important;
}

.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(151px, -66px);
}

.shipmentStatsDonutBadge .acceptFlagTrue .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(151px, -56px) !important;
}

.shipmentStatsDonutBadge .tripStatsDonutBadge .nv-legendWrap,
.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge .nv-legendWrap {
  transform: translate(-160px, -185px);
}

.lineChartHistogram .nv-legendWrap {
  transform: translate(20px, -30px) !important;
}

.shipmentStatsDonutBadge .tripStatsDonutBadge .nv-legend,
.shipmentStatsDonutBadgeDriver .tripStatsDonutBadge .nv-legend {
  transform: translate(195px, 150px);
}

.shipmentStatsDonutBadge .nv-series:nth-child(1),
.shipmentStatsDonutBadgeDriver .nv-series:nth-child(1) {
  transform: translate(0, -5px) !important;
}

.shipmentStatsDonutBadge .nv-series:nth-child(2),
.shipmentStatsDonutBadgeDriver .nv-series:nth-child(2) {
  transform: translate(0, 20px) !important;
}

.shipmentStatsDonutBadge .nv-series:nth-child(3),
.shipmentStatsDonutBadgeDriver .nv-series:nth-child(3) {
  transform: translate(0, 45px) !important;
}

.nvd3 .nv-axislabel {
  font-size: 13px !important;
  font-family: "Roboto-Medium", Arial, 'Gotham-Rounded-Medium';
  font-weight: 500 !important;
}

.nvtooltip {
  max-width: 300px !important;
  background: rgba(0, 0, 0, 0.75);
  color: #fff !important;
  border-radius: 0px;
  white-space: normal;
  font-size: 12px;
  font-family: Roboto-Medium, Arial, 'Gotham-Rounded-Medium' !important;
  font-weight: 400;
}

.legend-color-guide div {
  width: 14px !important;
  float: left;
}

.card-label.card-label-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.dashboardListView .logiGuide.mainWrapper {
  padding-top: 0;
}

.dashboardListView .mainWrapper.materialDesignUIrevamp_tablewrapper {
  min-height: unset;
}

.AutoAssignmentDistribution .labelHeader {
  color: #000;
  font-size: 17px !important;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  padding: 15px 0;
}

.nvd3.nv-scatter .nv-groups .nv-point,
.nvd3 .nv-groups .nv-point {
  stroke-width: 7px;
  fill-opacity: 0.95 !important;
  stroke-opacity: 0.95 !important;
}

.shipmentHeader {
  font-size: 17px;
  padding: 16px 20px;
  z-index: 100;
  position: absolute;
}

.shipmentHeader span {
  font-size: 14px;
  letter-spacing: 0.14px;
  color: #838383;
}

.nv-axisMaxMin.nv-axisMaxMin-x.nv-axisMin-x {
  display: none;
}

.chart-header .lineChartHeader {
  position: absolute;
  padding: 5px;
  font-size: 15px;
  color: #485465;
}

.pane_heading.primaryState,
.pane_heading.secondaryState {
  font-size: 15px !important;
  color: #6F0881;
}

.timelinePopup .modal-content {
  min-width: 600px !important;
  width: 75% !important;
}

.timelinePopup .logi-modal .modal-dialog.modal-lg {
  width: 70%;
}

.timelinePopup .modal-body {
  padding-top: 25px;
}

.timelinePopup .modal-footer {
  padding: 15px !important;
  margin-top: 0px !important;
}

.timelinePopup .timelinePopupCard {
  width: 92%;
  margin-right: 0;
  padding: 10px;
  border-radius: 3px;
  border: solid 0.7px #bdbdbd;
  background-color: #f1f1f1;
  justify-content: space-between;
  margin-bottom: 14px;
  float: right;
  margin-left: 20px;
}

ul.timeline:last-child {
  margin-bottom: 0px;
}

.timelinePopup ul.timeline:last-child .timelinePopupCard {
  margin-bottom: 0px;
}

.timelinePopup .timeline-icon {
  background: #fff;
  color: #737881;
  display: block;
  width: 36px;
  height: 36px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  text-align: center;
  -moz-box-shadow: 0 0 0 3px #f5f5f6;
  -webkit-box-shadow: 0 0 0 3px #f5f5f6;
  box-shadow: 0 0 0 3px #d6d6d6;
  line-height: 36px;
  font-size: 15px;
  float: left;
  z-index: 1000;
  background-color: #6F0881;
}

.flex-wrapper.actionCardTimeline:before {
  content: '';
  position: absolute;
  display: block;
  top: 20px;
  bottom: 15px;
  margin-left: 16px;
  border-left: 4px solid #d6d6d6;
}

.actionCardText {
  font-family: Roboto, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-top: 3px;
}

ul.timeline {
  list-style-type: none;
  position: relative;
}

ul.timeline:before {
  content: ' ';
  background: #d4d9df;
  display: inline-block;
  position: absolute;
  left: 16px;
  top: 30%;
  width: 4px;
  height: 100%;
  z-index: 400;
}

ul.timeline:last-child:before {
  display: none;
}

.comparisionHistogram {
  margin: 0 0 15px 0;
}

.comparisionHistogramDriver {
  margin: 15px 0 15px 0;
}

ul.dropdown-menu.fadeInUp.comparisionList {
  overflow-y: unset;
}

.comparisionList .dropdown-submenu:hover>.dropdown-menu {
  display: none;
}

.mT100 {
  margin-top: 100px;
}

div[class^="vis"] {
  font-family: 'Gotham-Rounded', sans-serif !important;
}

.timelineWrapper {
  position: relative;
  padding: 0px 20px 0px 0px;
  overflow: auto;
}

.timelineWrapper.dbSel {
  padding: 0px;
  margin: 0px 15px 30px 15px;
}

.timelineWrapper.dbSel .table-responsive {
  max-height: 403px;
}

#visual-timeline .vis-timeline {
  border: 0px;
}

#visual-timeline .vis-timeline .vis-item {
  border-radius: 5px;
  height: 14px;
  line-height: 9px;
}

#visual-timeline .vis-timeline .vis-item.vis-range {
  margin-top: -1px;
}

#visual-timeline .vis-timeline .vis-item .vis-item-content {
  font-size: 9px;
  font-style: italic;
  color: #fff;
  padding: 3px;
}

#visual-timeline .vis-timeline .vis-item.vis-dot {
  display: none;
}

.dbTimelineCal .icon.icon-calander2 {
  margin-right: -5px;
  position: relative;
  box-shadow: 0 2px 2px 0 rgba(105, 119, 151, 0.2);
}

.dbTimelineCal .icon.icon-calander2:before {
  position: relative;
  top: 2px;
}

.dbTimelineCal .date-rangepicker {
  display: inline-block !important;
}

.mL30 {
  margin-left: 30px;
}

.mB20 {
  margin-bottom: 20px;
}

.select-option-label {
  font-size: 14px;
  color: #46465f;
}

.dropdown-dark {
  min-width: 270px;
  height: 26px;
  font-size: 13px;
  border: 0px;
  padding: 0px 5px;
  line-height: 27px;
  min-width: 260px;
}

.dropdown-dark.borderRadius4 {
  border-radius: 4px;
}

.dropdown-dark .icon-dropdown-angle {
  position: relative;
  top: 2px;
}

.dropdown-dark .icon-dropdown-angle:before {
  font-size: 8px;
}

.dropdown-menu.borderRadius4 {
  border-radius: 4px;
}

.dropdown-menu .dropdown-dark a {
  border: 0px;
  border-radius: 0px;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  text-align: left;
  padding: 0px 0px 0px 0px;
  min-width: 250px;
}

#visual-timeline .vis-timeline .vis-item .vis-item-content.item_added {
  background: #000;
  color: #fff;
  border-radius: 2px;
  right: 0;
}

.dbTimelineAssignOrder h3 {
  font-size: 14px;
  font-weight: 500;
  font-family: 'Gotham-Rounded-Medium';
  text-align: left;
  margin-top: 0;
  color: #46465f;
}

.dbTimelineAssignOrder h6 {
  font-size: 13px;
  text-align: left;
  color: #7d7d90;
}

.overlayTimeline {
  z-index: 99;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.6);
}

.vis-labelset .vis-label {
  display: table;
}

.vis-labelset .vis-label .vis-inner {
  display: table-cell !important;
  vertical-align: middle;
}

.mT45 {
  margin-top: 45px;
}

#visual-timeline .vis-panel.vis-left {
  border-top-style: none;
  border-bottom-style: none;
}

#visual-timeline .vis-panel.vis-left .vis-labelset .vis-label {
  border-top-style: none;
  border-bottom-style: none;
  height: 40px !important;
}

.vis-tooltip {
  border-radius: 1px !important;
  font-size: 11px !important;
  box-shadow: 0 2px 2px 0 rgba(105, 119, 151, 0.2);
  line-height: 16px !important;
  padding: 5px 10px !important;
  overflow: hidden;
  border: 1px solid #3d3d57 !important;
  background: #42425c !important;
  color: #fff !important;
}

.user-choice-dropdown {
  position: relative;
}

.user-choice-dropdown .choice-label {
  display: block;
  position: absolute;
  top: -9px;
  font-size: 12px;
  background: #fff;
  z-index: 10;
  left: 8px;
}

.user-choice-dropdown .choice-dropdown .dropdown {
  border: 1px solid #979797;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
  vertical-align: middle;
}

.user-choice-dropdown .choice-dropdown .dropdown .logi-icon {
  margin-left: 5px;
}

.vis-major div {
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  font-size: 13px;
}

.highlight {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.select_back_change {
  background-color: var(--color-primary-medium);
}

.singleLineLabel .nvd3 .nv-legend .nv-series:first-child {
  transform: translate(-150px, 4px);
}

.singleLineLabel .nvd3 .nv-legend .nv-series:nth-child(2) {
  transform: translate(-10px, 4px);
}

.axis path,
.axis line {
  fill: none;
  stroke: #000;
  shape-rendering: crispEdges;
}

.brush .extent {
  stroke: #fff;
  fill-opacity: 0.125;
  fill: rgba(0, 0, 0, 0.6);
  shape-rendering: crispEdges;
}

.d3-tip {
  line-height: 1;
  font-weight: bold;
  padding: 12px;
  background: rgba(0, 0, 0, 0.8);
  color: #fff;
  border-radius: 2px;
}

.logiCustomCheck#COD:checked+label {
  background-color: #e2c200;
  border-color: #e2c200;
  content: '';
}

.logiCustomCheck#COD:checked+label:after {
  content: '';
}

.logiCustomCheck#PREPAID:checked+label {
  background-color: #006279;
  border-color: #006279;
  content: '';
}

.logiCustomCheck#PREPAID:checked+label:after {
  content: '';
}

.d3-tip:after {
  box-sizing: border-box;
  display: inline;
  font-size: 10px;
  width: 100%;
  line-height: 1;
  color: rgba(0, 0, 0, 0.8);
  content: "\25BC";
  position: absolute;
  text-align: center;
}

.d3-tip.n:after {
  margin: -1px 0 0 0;
  top: 100%;
  left: 0;
}

.overspeedingChart {
  display: block;
}

div:not(.dbEfficiencyChart):not(.overspeedingChart):not(.orderStatusGraph):not(.branchStatusGraph):not(.paymentOverallGraph):not(.attemptOverallGraph)>svg {
  shape-rendering: crispEdge;
}

div:not(.dbEfficiencyChart):not(.overspeedingChart):not(.orderStatusGraph):not(.branchStatusGraph):not(.paymentOverallGraph):not(.attemptOverallGraph)>svg .zoom-panel.scrollable {
  fill: #eee;
  cursor: ew-resize;
}

div:not(.dbEfficiencyChart):not(.overspeedingChart):not(.orderStatusGraph):not(.branchStatusGraph):not(.paymentOverallGraph):not(.attemptOverallGraph)>svg .x-axis {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

div:not(.dbEfficiencyChart):not(.overspeedingChart):not(.orderStatusGraph):not(.branchStatusGraph):not(.paymentOverallGraph):not(.attemptOverallGraph)>svg .y-axis {
  fill: none;
  stroke: #000;
  stroke-width: 1px;
  shape-rendering: crispEdges;
}

.padding-right-80 {
  padding-right: 80px;
}

.m20 {
  margin: 20px;
}

.x.label,
.y.label,
.tick text {
  fill: #000;
  stroke-width: 0;
}

.commonbar svg rect {
  fill: #6F0881;
}

.logiCustomCheck#COD:checked+label {
  background-color: #e2c200;
  border-color: #e2c200;
  content: '';
}

.logiCustomCheck#COD:checked+label:after {
  content: '';
}

.logiCustomCheck#PREPAID:checked+label {
  background-color: #006279;
  border-color: #006279;
  content: '';
}

.logiCustomCheck#PREPAID:checked+label:after {
  content: '';
}

rect.zoom-panel {
  fill: #fff;
}

#scroll_chart_branch rect.zoom-panel {
  display: none;
}

.slider-track~.tooltip {
  display: none;
}

.branchStatusGraph svg {
  height: 535px !important;
}

.loginOuterWrapper {
  display: table;
  top: 80px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 101%;
  height: 100%;
  background: #fff;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}

.loginOuterWrapper .loginInnerWrapper .loginContent {
  display: block;
  text-align: center;
  background: #fff;
  z-index: 100;
  height: 100%;
  /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.13);*/
}

.loginContentWrapper {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.13);
  width: 100%;
  height: 100%;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginextLogo {
  text-align: center;
  overflow: auto;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginextLogo img {
  width: 76.5px;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginextLogo h3 {
  margin: 20px 0;
  color: #606060;
  font-size: 30px;
  font-weight: lighter;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginextLogo form {
  padding: 30px;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField {
  position: relative;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField input {
  width: 100%;
  height: 50px;
  margin: auto;
  font-size: 13px;
  border: 1px solid #c0c4c7;
  border-radius: 3px !important;
  outline: none;
  padding: 15px 20px;
  color: #111c22;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  box-shadow: none;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField input:focus {
  background: #fbfbfb;
  border: 1px solid #929ca2;
  box-shadow: none;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField input:focus~label {
  top: -12.5px;
  color: #6F0881;
  font-size: 12px;
  display: none;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField input.ng-not-empty~label {
  top: -12.5px;
  color: #6F0881;
  font-size: 12px;
  display: none;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #fff inset;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField label {
  position: absolute;
  top: 14.5px;
  left: 15%;
  text-align: left;
  margin: 0;
  padding: 0;
  font-family: helvetica, sans-serif !important;
  width: 100%;
  color: #acadb1;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0.5px;
  pointer-events: none;
}

.loginFormField label {
  left: 12.5% !important;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField .error-messages {
  position: absolute;
  left: 0;
  color: #f00;
  font-size: 12px;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .btn,
.loginOuterWrapper .loginInnerWrapper .loginContent .loginButton {

  font-weight: 500;
  background: #6F0881;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  padding: 13px 55px;
  font-family: helvetica, sans-serif !important;
  letter-spacing: 1.5px;
  text-align: center;
  /* font-weight: lighter; */
  font-size: 14px;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  outline: none;
  position: relative;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  min-height: 46px;
  margin-top: 20px;
  width: 100%;
  font-style: normal;
}

#loginAzure {
  margin-top: 0px;
  right: 2px;
}

.horizontalLine {
  position: relative;
  left: 10%;
  margin: 10px 0 0 0 !important;
  width: 80%;
  color: #ececec;
}

.onLineKey {
  bottom: 11px;
  position: relative;
  background: #fff;
  color: #999;
  font-style: normal;
  font-size: 12px;
}

.hrLineAlign {
  margin-top: 30px;
}

.ssoEnabledMsg {
  font-size: 12px;
  color: #999;
  left: 0%;
  position: relative;
}

.leftAlign {
  text-align: left;
  margin: 6% 0% 0 0%;
}

.loginextLink {
  font-style: normal;
  font-size: 12px;
}

.keyImgAlign {
  position: relative;
  left: -2px;
  top: -1px;
  width: 17px;
}

.lockImgAlign {
  position: relative;
  top: 30.3%;
  height: 17px;
  color: #999;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .btn:focus,
.loginOuterWrapper .loginInnerWrapper .loginContent .loginButton:focus {
  color: #fff;
  outline: 0;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

.loginContentLeft {
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.13);
  background: #fff;
  height: 100vh;
  overflow: hidden;
  overflow-y: hidden;
  padding-right: 0px;
  padding-left: 0px;
}

.loginOuterWrapper .loginInnerWrapper .loginContentRight {
  /*background: rgba(0, 0, 0, 0.54);*/
  height: 100%;
  position: absolute;
  right: 0;
  padding: 0px !important;
  width: 66.5%;
  z-index: 99;
}

.loginContentRight .webinar-container{
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-top: auto;
}

.loginContentRight .webinar-container .left-content{
  width: 60%;
  height: auto;
  display: flex;
}

.loginContentRight .webinar-container .right-content{
  width: 37%;
  height: auto;
}

.loginContentRight .webinar-container .top-content{
  height:auto;
  width: 100%;
  display:flex;
  justify-content: space-between;
  flex-direction: column;
}

@media only screen and (min-width: 1200px) and (max-width: 1800px) {
  .loginContentRight .webinar-container .top-content{
    padding: 7px 7px;
    }
  .loginContentRight .webinar-container .top-content .heading{
    font-size: 42px;
  }
  .loginContentRight .webinar-container .top-content .heading span{
    font-size: 42px;
  }
  .loginContentRight .webinar-container .top-content p{
    font-size: 16px;
  }
  .loginContentRight .webinar-container .top-content .buttons .getStarted{
    padding: 12px 32px;
    font-size: 16px;
    border-radius: 8px;
  }
  .loginContentRight .webinar-container .top-content .buttons .vidLink{
    font-size: 16px;
    padding: 11px 31px;
    border: 1.5px solid #4b5e7e;
    margin-left: 20px;
    border-radius: 8px;
  }
}
@media only screen and (min-width: 1801px) and (max-width: 2500px) {
  .loginContentRight .webinar-container .top-content{
    padding: 15px 15px;
  }
  .loginContentRight .webinar-container .top-content .heading{
    font-size: 48px;
  }
  .loginContentRight .webinar-container .top-content .heading span{
    font-size: 48px;
  }
  .loginContentRight .webinar-container .top-content p{
    font-size: 22px;
  }
  .loginContentRight .webinar-container .top-content .buttons .getStarted{
    padding: 18px 48px;
    font-size: 22px;
    border-radius: 10px;
  }
  .loginContentRight .webinar-container .top-content .buttons .vidLink{
    font-size: 22px;
    padding: 16px 46px;
    border: 2px solid #4b5e7e;
    margin-left: 26px;
    border-radius: 10px;
  }
}

@media only screen and (min-width: 2501px) {
  .loginContentRight .webinar-container .top-content{
    padding: 20px 20px;
    }
  .loginContentRight .webinar-container .top-content .heading{
    font-size: 58px;
  }
  .loginContentRight .webinar-container .top-content .heading span{
    font-size: 58px;
  }
  .loginContentRight .webinar-container .top-content p{
    font-size: 32px;
  }
  .loginContentRight .webinar-container .top-content .buttons .getStarted{
    padding: 28px 74px;
    font-size: 32px;
    border-radius: 12px;
  }
  .loginContentRight .webinar-container .top-content .buttons .vidLink{
    font-size: 32px;
    padding: 25px 71px;
    border: 3px solid #4b5e7e;
    margin-left: 36px;
    border-radius: 12px;
  }
}

.loginContentRight .webinar-container .top-content .heading{
  text-align: left;
  margin-left: 3%;
  padding-top: 1%;
  color: #233e76;
  width: auto;
  font-family: 'Gotham-Rounded-Bold';
}

.loginContentRight .webinar-container .top-content .heading span{
  text-align: left;
  padding-top: 1%;
  color: #6F0881;
  font-weight: 700;
  font-family: 'Gotham-Rounded-Bold';
}

.loginContentRight .webinar-container .top-content p{
  text-align: left;
  margin-left: 3%;
  padding-top: 1%;
  color: #4a5f7e; 
  font-family: 'Gotham-Rounded';
  width: 100%;
}

.loginContentRight .webinar-container .top-content .buttons{
  text-align: left;
  margin-left: 3%;
  padding-top: 1%;
  width: 100%;
}

.loginContentRight .webinar-container .top-content .buttons .getStarted{
  color: #ffffff;
  background-color: #233e76;
  border: none;
  display: inline-block;
  font-family: 'Gotham-Rounded';
}

.loginContentRight .webinar-container .top-content .buttons .vidLink{
  color: #233e76;
  display: inline-block;
  font-family: 'Gotham-Rounded';
}

.loginContentRight .webinar-container .bottom-content{
  height: auto;
  width: 100%;
  flex: 1;
  position: relative;
  margin: 0;
  padding: 0;
}

.loginContentRight .webinar-container .bottom-content img{
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}

.loginContentRight .webinar-container .left-content a{
  width: 31%;
  top: 72%;
  left: 2%;
  height: 10%;
  position: absolute;
}

.store-buttons-content{
  z-index: 2;
  top: 11%;
  left: 1%;
  position: absolute;
  transform: scale(0.48);
  transform-origin: top left;
  width: 100%;
  display: flex;
  justify-content: space-evenly;
}

.error-messages {
  color: rgba(247, 0, 0, 0.74);
  font-size: 12px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  text-align: left;
}

.error-messages .loginErrorMessage {
  position: absolute;
  float: left;
}

.login-screen-wrapper header {
  position: fixed !important;
  left: 0;
}

.login-screen-wrapper header a {
  color: #394a58;
  font-family: 'Titillium Web', helvetica, sans-serif !important;
}

.login-jumboDescription {
  color: #f1f1f1;
  font-size: 40px;
  margin-top: 5%;
  text-align: center;
  font-family: 'Titilium Web', sans-serif !important;
  font-weight: bolder;
  /*letter-spacing: 3px;*/
}

.login-jumboDescription img {
  margin: auto;
  text-align: center;
  width: 10%;
  margin-top: -3%;
}

.loginext-logoJumbo {
  margin-bottom: 30px;
}

.login-smallDescription {
  font-size: 25px;
  font-weight: normal;
  /*font-family: helvetica;*/
  color: #a2a2a2;
  margin-top: 20px;
  letter-spacing: 3px;
  margin-bottom: 10%;
}

.centerAlignImgContent {
  padding: 10% 0 0 9%;
}

/* .undergroundDiv {
  position: absolute;
  bottom: 10px;
  width: 100%;
} */

.undergroundDiv .underground-header {
  font-size: 14px;
  font-family: helvetica, sans-serif !important;
  color: #65696b;
  font-weight: normal;
  text-align: left;
  margin-bottom: 10px;
  margin-left: 15px;
  margin-top: -10px;
  font-style: normal;
}

.undergroundDiv .underground-content {
  font-size: 13px;
  font-family: helvetica, sans-serif !important;
  color: #65696b;
  letter-spacing: 1px;
  font-weight: lighter;
  text-align: left;
  margin-left: 15px;
}

.undergroundDiv .underground-content img {
  width: 56%;
  margin-top: 5px;
}

.underground-content ul li {
  display: block;
}

.underground-content span {
  font-style: normal;
  font-size: 10px;
  font-stretch: condensed;
}

.forgotPassword-line {
  font-size: 12px;
  text-align: right;
  font-weight: 400;
  font-style: normal;
}

.forgotPassword-line a {
  color: #6F0881;
  font-weight: 300;
}

.login-auxDiv {
  /*border: 1px solid;*/
  text-align: center;
  font-size: 30px;
  color: #808080;
  width: 100%;
  margin: auto;
  margin-top: 80px;
}

.newsTicker {
  list-style-type: none;
  margin: auto;
  padding: 0;
}

.newsTicker li {
  font-size: 15px;
  line-height: 30px;
  font-weight: lighter;
  letter-spacing: 1px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  opacity: 0.7;
}

.newsTicker li:nth-child(2) {
  letter-spacing: 1px;
  font-weight: lighter;
  color: #efefef;
  opacity: 1;
  font-size: 18px;
}

.latestFeatures {
  text-align: center;
  margin-bottom: 20px;
  font-size: 15px;
  letter-spacing: 7px;
  font-weight: lighter;
  color: #efefef;
}

#videobcg {
  position: relative;
  /*top: 5%;*/
  /*left: 33.33333333%;*/
  min-width: 66.66666667%;
  min-height: 100%;
  width: 100%;
  height: auto;
  z-index: -1000;
  overflow: hidden;
  /*filter: brightness(25%) blur(5px);*/
}

.forgotPassword-section .login-emailDescription {
  font-family: helvetica, sans-serif !important;
  font-size: 13px;
  margin-bottom: 10px;
  color: #808080;
  font-weight: lighter;
  text-align: left;
  width: 100%;
}

.forgotPassword-section .cancelButton {
  position: absolute;
  background: #fff !important;
  color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
  font-weight: normal;
  text-align: center;
  width: 100% !important;
  padding: 0px !important;
  letter-spacing: normal !important;
}

.forgotPassword-section .loginButton {
  width: 100% !important;
  padding: 0px !important;
}

.login-outer-wrapper {
  display: table;
  width: 100%;
  height: 100%;
  position: absolute;
}

.login-outer-wrapper.bg-white {
  background: #fff;
}

.login-content.forgotPwd {
  min-height: 251px;
  max-width: 620px;
  padding: 25px 0px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(161, 161, 175, 0.8);
  border: solid 1px rgba(151, 151, 151, 0.04);
}

.login-content.resetSuccess {
  min-height: 180px;
  max-width: 620px;
  padding: 25px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(161, 161, 175, 0.8);
  border: solid 1px rgba(151, 151, 151, 0.04);
}

.login-content.resetPwd {
  width: 617.6px;
  height: 395px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(161, 161, 175, 0.8);
  border: solid 1px rgba(151, 151, 151, 0.04);
}

.login-inner-wrapper {
  display: table-cell;
  vertical-align: middle;
}

.login-content {
  display: block;
  max-width: 500px;
  position: relative;
  margin: auto;
  background: #fff;
  padding-top: 20px;
}

.login-content .loginext-logo {
  text-align: center;
}

.session-error {
  text-align: center;
  font-size: 22px;
  color: #606060;
  height: 49px;
  font-family: helvetica, sans-serif !important;
}

.login-content .loginext-logo h3 {
  font-size: 36px;
  color: #606060;
  height: 49px;
  font-family: helvetica, sans-serif !important;
}

.login-content:after {
  /* content: url("../images/login-screen-icon.png"); */
  position: absolute;
  bottom: -45px;
  left: 45%;
}

.login-content:before {
  /* content: url("../images/login-screen-icon-shadow.png"); */
  position: absolute;
  bottom: -44px;
  left: 48%;
}

#prompt-div {
  width: 353px;
  height: 38px;
  background: #474b54;
  position: absolute;
  z-index: 1001;
  display: none;
  top: 0;
  color: #d0d0d0;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  padding-top: 11px;
}

#prompt-div i {
  margin-right: 11px;
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fff;
}

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

.alert.alert-danger.login-error {
  background: #fff;
  border: 0;
  padding: 0;
  border-radius: 0;
  position: relative;
  top: -15px;
  color: #f44336;
}

#login-error .text {
  color: #f44336;
  margin-bottom: 15px;
  margin-top: -15px;
}

.forgotPassword {
  font-size: 13px;
}

.loginError {
  color: #de3226;
  padding: 6px;
}

.forgotUserEmail {
  margin: 10px 0px 10px 0px;
}

.forgotUserEmail>label {
  position: absolute;
  top: 0px !important;
  left: 12.5% !important;
  text-align: left;
  margin: 0;
  padding: 0;
  font-family: helvetica, sans-serif !important;
  width: 100%;
  color: #acadb1;
  font-size: 13px;
  font-weight: lighter;
  letter-spacing: 0.5px;
  pointer-events: none;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .save {
  width: 80px;
  height: 30px;
  border-radius: 1px;
  background-color: #e1252b;
  color: #fff;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .cancel {
  width: 80px;
  height: 30px;
  border-radius: 1px;
  background-color: #e3e3e6;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .resend {
  width: 100%;
  min-height: 46px;
  height: 30px;
  border-radius: 4px;
  background-color: #6F0881;
  color: #fff;
}

.shape {
  width: 12px;
  height: 12px;
  background-color: #e1252b;
}

.emailerror {
  font-family: GothamRounded-Book;
  font-size: 12px;
  color: #e1252b;
  text-align: left;
}

.forgotUserEmail input#email {
  width: 100%;
  height: 40px;
  border-radius: 1px;
  border: solid 1px #808080;
}

.forgotUserEmail input#newpass {
  width: 100%;
  height: 50px;
  margin: auto;
  font-size: 13px;
  border: 1px solid #c0c4c7;
  border-radius: 3px !important;
  outline: none;
  padding: 15px 20px;
  color: #111c22;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  box-shadow: none;
}

.resetCenter {
  font-family: 'Gotham-Rounded';
  font-size: 18px;
  font-weight: 600;
  font-style: normal;
  font-stretch: normal;
  text-align: left;
  color: #111c22;
  margin: 0px;
}

.send {
  width: 28px;
  height: 11px;
  font-family: GothamRounded;
  font-size: 11px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  text-align: center;
  color: #fff;
}

.forPwdSubTxt .subTxt {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  text-align: left;
  color: #898a99;
}

.login-content .init form {
  padding: 30px 30px 40px 30px !important;
}

.request {
  line-height: 25px;
  padding: 1px !important;
  text-align: center;
}

.expire {
  padding: 15px;
}

.login-content.resetPwdMssg {
  text-align: center;
  width: 617.6px;
  height: 391px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 5px 0 rgba(161, 161, 175, 0.8);
  border: solid 1px rgba(151, 151, 151, 0.04);
}

.usernameOnBorder {
  top: 16px;
  left: 14%;
  position: absolute;
  font-size: 13px;
  color: #757575;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.usernameFocused {
  top: -8px;
  left: 2%;
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  background-color: #fff;
  color: #999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  padding: 0 6px;
}

.newPassOnBorder,
.confNewPassOnBorder {
  top: 27px;
  left: 16%;
  position: absolute;
  font-size: 13px;
  color: #757575;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.newPassFocused,
.confNewPassFocused {
  position: absolute;
  top: 0px;
  left: 5%;
  font-size: 11px;
  background-color: #fff;
  color: #999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.pwdOnBorder {
  top: 16px;
  left: 14%;
  position: absolute;
  font-size: 13px;
  color: #757575;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.passwordFocused {
  top: -8px;
  left: 2%;
  font-size: 12px;
  background-color: #fff;
  color: #999;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  position: absolute;
  padding: 0 6px;
}

.emptyInput {
  border: 1px solid #f05548 !important;
}

.error_icon:before {
  content: url(/product/assets/error.a6a4c9ca066e9dc0c41c.svg);
  position: absolute;
  right: -7px;
  top: -10px;
}

.forgotUserEmail.error_icon:before {
  content: url(/product/assets/error.a6a4c9ca066e9dc0c41c.svg);
  position: absolute;
  right: 10.5%;
  top: 0px;
}

.userErrorMsg {
  position: absolute;
  bottom: 67px;
  right: -15px;
  background-color: #ffedee;
  opacity: 0;
  border: 1px solid #f05548;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  color: #f00;
}

.newPassErrorMsg,
.confNewPassErrorMsg {
  position: absolute;
  bottom: 77px;
  right: 9.5%;
  background-color: #ffedee;
  opacity: 0;
  border: 1px solid #f05548;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  color: #f00;
  z-index: -1;
}

.userErrorMsg:after,
.passErrorMsg:after,
.emailErrorMsg:after,
.newPassErrorMsg:after,
.confNewPassErrorMsg:after {
  /* content: url("./images/newicons/arrow_drop_down_red.svg"); */
  position: absolute;
  top: 13px;
  right: -3px;
}

.showUserErrMsg.emptyInput:hover~.userErrorMsg,
.loginFormField.error_icon:hover .userErrorMsg {
  opacity: 1;
}

.showNewPassErrMsg.emptyInput:hover~.newPassErrorMsg,
.forgotUserEmail.error_icon:hover .newPassErrorMsg {
  opacity: 1;
  z-index: 1;
}

.showConfNewPassErrMsg.emptyInput:hover~.confNewPassErrorMsg,
.forgotUserEmail.error_icon:hover .confNewPassErrorMsg {
  opacity: 1;
  z-index: 1;
}

.passErrorMsg,
.emailErrorMsg {
  position: absolute;
  bottom: 67px;
  right: -15px;
  background-color: #ffedee;
  opacity: 0;
  border: 1px solid #f05548;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 12px;
  color: #f00;
  z-index: -1;
}

.showPassErrMsg.emptyInput:hover~.passErrorMsg,
.loginFormField.error_icon:hover .passErrorMsg {
  opacity: 1;
  z-index: 1;
}

.showPassErrMsg.emptyInput:hover~.emailErrorMsg,
.loginFormField.error_icon:hover .emailErrorMsg {
  opacity: 1;
  z-index: 1;
}

.marginTop {
  margin-top: 20px;
}

.login-formBox hr {
  margin: 20px 0px 20px 45px;
  width: 80%;
}

.azureImgAlign {
  position: relative;
  top: 30%;
  height: 19px;
  float: right;
}

.oktaImgAlign {
  width: 52px;
}

.errMsgAlign {
  text-align: left;
}

.errMsgBottomSpace {
  margin-top: 3.5%;
}

.gsign_btn_align {
  right: 0.5%;
  margin-top: 0px !important;
}

.gsign_btn_label_align {
  position: absolute;
  left: 43%;
  top: 50%;
  color: #fff;
  font-style: normal;
  font-family: helvetica, sans-serif !important;
  letter-spacing: 1.5px;
}

@media screen and (max-width: 700px) {
  .bottom-70 {
    bottom: 70px;
  }
}

@media screen and (max-height: 584px) {
  #loginplaceholder {
    height: 100% !important;
  }

  #loginplaceholder svg {
    width: 63% !important;
    height: 50% !important;
  }

  .init.loginContentLeft {
    height: 100%;
  }
}

@media screen and (orientation: portrait) {
  .loginContentRight {
    display: none;
  }

  .loginContentLeft {
    width: 100vw !important;
  }

  .forgotPwdFormField {
    margin-left: 0px;
    margin-right: 0px;
  }
}

.menu-icon {
  display: none;
  cursor: pointer;
  position: absolute;
  right: 20px;
  width: 26px;
  height: 26px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  outline: none;
  z-index: 1;
  top: 18px;
}

.menu-icon span {
  display: block;
  width: 25px;
  height: 2px;
  background: #3f4c5d;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  margin: 5px 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

.menu-icon.open span {
  transform-origin: center;
  position: absolute;
  top: 6px;
}

.menu-icon span:nth-child(1) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.menu-icon span:nth-child(2) {
  opacity: 1;
}

.menu-icon span:nth-child(3) {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}

.menu-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  /*  width: 70%; */
}

.menu-icon.open span:nth-child(2) {
  opacity: 0;
}

.menu-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /*  width: 70%; */
}

@media screen and (max-width: 1320px) {
  header {
    padding: 15px 30px;
  }

  .search-block {
    padding: 19px 30px;
  }

  .close-serach {
    right: 43px;
  }

  .award-partners .partners {
    padding: 0 30px;
  }

  .trial {
    padding: 85px 30px;
  }

  footer .mid-container {
    padding: 0 30px;
  }

  .video .video-contain {
    padding: 0 30px;
  }

  .product-inner-cover {
    padding: 0 30px;
  }

  .industries-slider-section .likecell {
    padding: 0 30px;
  }

  .blog-cover {
    padding: 0 30px;
  }
}

@media screen and (max-width: 768px) {
  .newsletter {
    margin-top: 20px;
  }
  

  .tnc-section .tnc .box p.ml {
    margin-top: 10px;
    margin-left: 16px;
  }

  .pnf .text-block .title span {
    font-size: 50px;
  }

  .pnf .text-block .title {
    font-size: 25px;
  }

  .pnf .text-block .disc1 {
    font-size: 16px;
  }

  .pnf .text-block .disc2 {
    font-size: 13px;
    margin: 10px 0 25px 0;
  }

  .pnf .img-block img {
    max-width: 70%;
  }

  .pnf .text-block {
    margin-top: 20px;
  }

  .pnf .text-block .back a {
    font-size: 14px;
    padding: 8px 25px;
  }

  .blog-contain .blog-list {
    margin-top: 20px;
  }

  .sitemap-section .heading .title {
    font-size: 20px;
  }

  .sitemap-section .heading {
    padding: 30px 30px;
  }

  .sitemap-section .sitemap {
    padding: 40px 30px 0px 30px;
  }

  .tnc-section .heading {
    padding: 30px 30px;
  }

  .tnc-section .heading .title {
    font-size: 20px;
  }

  .tnc-section .disc {
    padding: 30px 30px;
    font-size: 14px;
  }

  .tnc-section .tnc {
    padding: 30px;
  }

  .tnc-section .tnc .box p {
    margin-top: 12px;
  }

  .tnc-section .tnc .box {
    margin-bottom: 30px;
  }

  .tnc-section .tnc .box ol.number li {
    margin-top: 12px;
  }

  .tnc-section .tnc .box ul.circle li {
    margin-top: 12px;
  }

  .tnc-section .tnc .box ol.abc li {
    margin-top: 12px;
  }

  .tnc-section .tnc .box ul.circle {
    margin-left: 25px;
  }

  footer .fnum {
    margin-top: 10px;
  }

  .home-video video {
    display: none;
    pointer-events: none;
  }

  body {
    padding-top: 60px;
  }

  .btn {
    font-size: 15px;
    padding: 12px 35px;
  }

  .animate-line {
    top: 138px;
  }

  .home-video-contain .lmore {
    margin-top: 25px;
  }

  .cover {
    height: calc(100% - 60px);
  }

  header {
    height: 60px;
    padding: 10px;
    position: fixed;
  }

  header a.logo img {
    margin-bottom: 0;
    max-height: 40px;
  }

  header a.logo {
    padding: 0;
  }

  .home-video {
    height: 100%;
    /* background: url("../images/videobg.jpg"); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
  }

  .home-video-contain .title {
    font-size: 30px;
    line-height: inherit;
    padding: 0 30px;
  }

  .home-video-contain .disc {
    font-size: 15px;
    line-height: inherit;
    padding: 0 30px;
    margin-top: 10px;
  }

  .taking-logistics {
    padding-top: 50px;
  }

  .taking-logistics .tl-content .heading .title {
    font-size: 25px;
    line-height: inherit;
  }

  .taking-logistics .tl-content .heading .disc {
    font-size: 15px;
    line-height: inherit;
  }

  .taking-logistics .tl-content .heading {
    padding: 0 30px;
  }

  .taking-logistics .tl-content .ipad {
    padding: 0 60px;
  }

  .taking-logistics .tl-content .ipad .ipad-block img {
    max-width: 100%;
  }

  .taking-logistics .tl-content .ipad .line {
    display: none;
  }

  .taking-logistics .tl-content .ipad {
    margin-top: 40px;
  }

  .award-partners {
    padding: 50px 30px 25px 30px;
  }

  .award-partners .partners {
    padding: 0;
  }

  .award-partners .title {
    font-size: 25px;
    line-height: inherit;
  }

  .award-partners .partners {
    margin-top: 50px;
    text-align: left;
  }

  .award-partners .partners .img-block {
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    margin-bottom: 25px;
  }

  .clients {
    padding: 50px 30px;
    background-attachment: initial;
    height: auto;
  }

  .clients .title {
    font-size: 25px;
    line-height: inherit;
  }

  .clients .clients-slider-container {
    margin-top: 50px;
    margin-bottom: 70px;
  }

  .clients-testimonial .disc {
    font-size: 13px;
    line-height: inherit;
  }

  .clients-testimonial .title {
    font-size: 15px;
    line-height: inherit;
  }

  .trial .ask-trial .ask-btn {
    font-size: 16px;
    line-height: inherit;
    padding: 12px 35px;
  }

  .clients-testimonial {
    padding: 20px 20px;
  }

  .trial {
    padding: 50px 30px;
    text-align: center;
  }

  .trial .text {
    line-height: 30px;
    float: none;
  }

  .trial .ask-trial {
    float: none;
    margin-top: 40px;
  }

  footer .col-f-logo {
    display: none;
  }

  footer .col-f-list {
    float: none;
    width: 100%;
    border-bottom: 1px solid;
    padding-bottom: 20px;
    margin-bottom: 20px;
    padding: 0 0 20px 0;
  }

  footer .col-f-social {
    float: none;
    width: 100%;
  }

  footer .col-f-social {
    padding: 0 0px;
  }

  footer .col-f-social a {
    margin: 0 15px 0px 0;
  }

  footer .footer-copy {
    margin-top: 20px;
    padding: 15px 0;
  }

  footer .mid-container {
    padding: 0 30px;
  }

  header .header-left {
    float: none;
    width: 100%;
  }

  header .header-right {
    float: none;
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    z-index: 11;
  }

  header .menu {
    background: rgba(255, 255, 255, 0.95);
    max-height: 0;
    overflow: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all;
    -moz-transition: all;
    -o-transition: all;
    transition: all;
  }

  header .menu ul.levelOne>li {
    float: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  header .menu ul.levelOne>li.nextLevel {
    position: relative;
  }

  header .menu ul.levelOne>li.nextLevel:after {
    position: absolute;
    content: "";
    width: 14px;
    height: 7px;
    top: 22px;
    right: 25px;
    background-repeat: no-repeat;
  }

  header .menu ul.levelOne>li.nextLevel:hover:after {
    background-position: 0 -11px;
  }

  header .menu ul.levelOne>li:hover {
    background: #ececec;
  }

  .menu.open {
    max-height: 1000px;
  }

  .menu-icon {
    display: block;
  }

  header .menu ul.levelOne>li:hover a {
    background: #ececec;
    font-weight: bold;
    color: initial;
  }

  header .menu ul.levelOne>li a {
    display: block;
    font-size: 15px;
    margin-right: 80px;
  }

  header .menu ul.levelOne>li a {
    padding: 15px 25px;
  }

  header .menu ul.levelOne li ul.levelTwo {
    position: initial;
    width: auto;
    padding: 0;
    background: #ececec;
    padding: 0 25px;
  }

  header .menu ul.levelOne li ul.levelTwo li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
  }

  header .menu ul.levelOne li ul.levelTwo li:last-child {
    border-bottom: 0;
  }

  header .menu ul.levelOne li ul.levelTwo li a {
    font-size: 13px;
    padding: 10px 10px;
    font-weight: normal;
    color: #808080;
  }

  .menu-icon-outer {
    position: absolute;
    right: 0;
    top: 0;
    height: 60px;
    width: 70px;
  }

  .menu-icon-outer.open {
    background: rgba(248, 248, 248, 0.97);
  }

  .header-search .search-icon {
    display: none !important;
  }

  .search-block {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    position: initial;
    visibility: visible;
    background: transparent;
    color: initial;
    padding: 15px 25px;
  }

  .search-block input[type=text] {
    width: 100%;
    background: #dfdfdf;
    color: initial;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    font-size: 15px;
    padding: 0 15px;
  }

  .search-block button {
    position: absolute;
    right: 8px;
    top: 15px;
  }

  .close-serach {
    display: none !important;
  }

  .footer-copy span {
    display: none;
  }

  .footer-copy a {
    display: block;
    margin-top: 3px;
  }

  .search-block input[type=text]::-webkit-input-placeholder {
    color: #394a58;
  }

  .search-block input[type=text]:-moz-placeholder {
    /* Firefox 18- */
    color: #394a58;
  }

  .search-block input[type=text]::-moz-placeholder {
    /* Firefox 19+ */
    color: #394a58;
  }

  .search-block input[type=text]:-ms-input-placeholder {
    color: #394a58;
  }

  .col-1-4 {
    float: none;
    width: 100%;
  }

  .home-prodcut-feature {
    padding: 40px 30px 0 30px;
  }

  .home-prodcut-feature .marg-15 {
    margin: 0 15px 40px 15px;
  }

  .home-prodcut-feature .title {
    font-size: 18px;
    line-height: inherit;
    max-width: initial;
    margin-top: 10px;
  }

  .home-prodcut-feature .disc {
    max-width: initial;
    margin-top: 5px;
  }

  .video.product-video {
    /* background: url("../images/product_video_bg.jpg"); */
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .product-video video {
    display: none;
  }

  .video .video-contain .title {
    font-size: 30px;
    line-height: inherit;
  }

  .video .video-contain .disc {
    font-size: 15px;
    line-height: inherit;
    margin-top: 10px;
  }

  .video .video-contain {
    padding: 0 30px;
  }

  .p-col-1-2 {
    float: none;
    width: 100%;
  }

  .product-list {
    padding: 0 30px 60px 30px;
  }

  .product-list .pmarg {
    margin: 60px 0 0 0;
  }

  .product-list .title {
    font-size: 25px;
    line-height: inherit;
    margin-top: 20px;
  }

  .product-list .disc {
    font-size: 18px;
    line-height: inherit;
    margin-top: 0px;
  }

  .product-list .smdisc {
    margin: 5px 0 0 0;
    line-height: inherit;
  }

  .product-list .pmore {
    margin-top: 20px;
  }

  .product-list .pmore a {
    display: inline-block;
    font-size: 15px;
    line-height: inherit;
    padding: 13px 30px;
  }

  .other-offering-section {
    padding: 40px 30px 0 30px;
  }

  .other-offering-section .title {
    font-size: 30px;
    line-height: inherit;
  }

  .other-offering-section .sm-title {
    font-size: 20px;
  }

  .col-1-3 {
    width: 100%;
    float: none;
  }

  .other-offering-section .other-offering-col-container {
    margin-top: 10px;
  }

  .other-offering-section .name {
    margin-top: 15px;
    font-size: 20px;
  }

  .other-offering-section .trybtn {
    margin-top: 15px;
  }

  .other-offering-section .trybtn a {
    display: inline-block;
    font-size: 15px;
    line-height: inherit;
    padding: 10px 30px;
  }

  .other-offering-section .other-offering-col-container .col-1-3 {
    margin: 30px 0;
    float: left;
  }

  .product-footer-bg {
    height: 350px;
    margin-top: -135px;
    background-size: cover;
  }

  .product-inner-cover {
    height: 550px;
    padding: 0 30px;
  }

  .cover-contain .title {
    font-size: 30px;
    line-height: inherit;
  }

  .cover-contain .disc {
    font-size: 15px;
    line-height: inherit;
    margin-top: 10px;
  }

  .product-mulitple-screenshot {
    padding: 0 30px;
  }

  .product-mulitple-screenshot .mid-container {
    padding-top: 45px;
  }

  .p-f-list {
    padding: 0 30px;
  }

  .p-f-list li {
    float: none;
    width: 100%;
    margin-top: 40px;
  }

  .p-f-list li .title {
    font-size: 18px;
    line-height: inherit;
  }

  .p-f-list li .disc {
    max-width: initial;
    line-height: inherit;
    margin-top: 5px;
  }

  .analytics {
    text-align: center;
    padding: 0px 30px;
  }

  .analytics .title {
    font-size: 18px;
    line-height: initial;
    margin-top: 10px;
  }

  .analytics .mixmarg {
    margin: 50px 0;
  }

  .analytics .start-trial a {
    display: inline-block;
    font-size: 15px;
    line-height: inherit;
    padding: 13px 40px;
  }

  .analytics .start-trial {
    margin-top: 0;
  }

  .product-details-footer-bg {
    height: 667px;
    background-position: 50% top !important;
    background-size: cover !important;
  }

  .industries-slider-section {
    height: 490px;
  }

  .industry-contain .title {
    font-size: 30px;
    line-height: inherit;
  }

  .industry-contain .disc {
    font-size: 15px;
    line-height: inherit;
  }

  .industries-slider-section .likecell {
    padding: 0 30px;
  }

  .industries-slider-section .bx-wrapper .bx-pager,
  .industries-slider-section .bx-wrapper .bx-controls-auto {
    bottom: 20px;
  }

  .industries-contain .panel .panel-contain {
    padding: 0 30px;
  }

  .industries-contain {
    margin-top: 50px;
  }

  .industries-contain:after {
    height: 20px;
    top: -20px;
  }

  .industries-contain:before {
    width: 10px;
    height: 10px;
    top: -30px;
    margin-left: -5px;
  }

  .industries-contain .panel .title {
    font-size: 18px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: left;
  }

  .industries-contain .panel.active .title {
    text-align: center;
  }

  .industries-contain .panel .disc1 {
    margin-top: -10px;
  }

  .marg-30auto {
    margin: 20px auto;
  }

  .industries-contain .panel .disc2 {
    padding-bottom: 20px;
  }

  .industries-contain .industories-list ul {
    padding-left: 15px;
  }

  .industries-contain .industories-list li {
    float: none;
    width: 100%;
  }

  .industries-contain .industories-list li:nth-child(odd) {
    padding: 0;
  }

  .industries-contain .industories-list li:nth-child(even) {
    padding: 0;
  }

  .industories-stat .col-1-3 {
    margin-bottom: 40px;
  }

  .industories-stat .col-1-3:nth-child(3) {
    margin-bottom: 0px;
  }

  .industories-stat .name {
    margin-top: 5px;
  }

  .industries-contain .panel .mobile-hidden {
    display: none;
  }

  .industries-contain .panel .mobile-hidden.active {
    display: block;
  }

  .industries-contain .panel .controls {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    right: 25px;
  }

  .industries-contain .panel .controls a img.mobile {
    display: block;
  }

  .industries-contain .panel .controls a img.desktop {
    display: none;
  }

  .industries-contain .panel .controls a img {
    max-width: 100%;
  }

  .industries-contain .panel .desktop-hidden {
    display: block;
  }

  .philosophy-section {
    padding: 50px 30px 0 30px;
  }

  .philosophy-section .heading .title {
    font-size: 25px;
  }

  .philosophy-section .block-contain {
    margin-top: 60px;
    text-align: center;
  }

  .philosophy-section .block-contain .col-75 {
    width: 100%;
    float: left;
  }

  .philosophy-section .block-contain .col-25 {
    width: 100%;
    float: left;
  }

  .philosophy-section .block-contain .col-50 {
    width: 100%;
    float: left;
  }

  .philosophy-section .block-contain .col-33 {
    width: 100%;
    float: left;
  }

  .philosophy-section .block-contain .block-text .title {
    font-size: 18px;
  }

  .philosophy-section .block-contain .block-text .disc {
    font-size: 13px;
  }

  .embrace-section {
    padding: 50px 30px 0 30px;
  }

  .embrace-section .title {
    font-size: 25px;
    line-height: inherit;
    margin-bottom: 60px;
  }

  .embrace-section .embrace-list .name {
    font-size: 18px;
    margin-top: 15px;
  }

  .embrace-section .embrace-list .col-1-3 {
    margin-bottom: 60px;
  }

  .founder {
    margin-top: 10px;
    margin-bottom: 40px;
  }

  .founder .box {
    display: block;
  }

  .founder .box-container:before {
    display: none;
  }

  .founder .box-container {
    padding: 0;
  }

  .founder .box .f-left {
    width: 100%;
    display: block;
  }

  .founder .box .f-right {
    width: 100%;
    display: block;
  }

  .founder .founder-img {
    padding: 0;
    text-align: center;
  }

  .founder .info-table {
    display: block;
  }

  .founder .info-table .info {
    padding: 0 30px;
    display: block;
  }

  .founder .name {
    font-size: 18px;
    line-height: inherit;
    margin-top: 15px;
  }

  .founder .disc {
    margin-top: 10px;
  }

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

  .mr-nodesktop {
    display: block;
  }

  .mr-nodesktop img {
    max-width: 100%;
  }

  .founder .box.mr {
    margin-top: 50px;
  }

  .founder .box.mr .founder-img {
    display: none;
  }

  .founder .box.mr .info-table {
    padding: 0;
  }

  .philosophy-cover-section {
    height: 400px;
  }

  .philosophy-cover-section .ph-video {
    display: none;
  }

  .philosophy-cover-section .ph-cover {
    float: none;
    width: 100%;
  }

  .philosophy-cover-section .ph-cover .cover-contain {
    text-align: center;
    padding: 0 30px;
    max-width: initial;
    float: none;
  }

  .mobile-play {
    display: block;
    margin-top: 20px;
  }

  .mobile-play img {
    max-width: 80px;
  }

  .careers-video-contianer {
    -webkit-transform: translateY(400px);
    -moz-transform: translateY(400px);
    -o-transform: translateY(400px);
    -ms-transform: translateY(400px);
    transform: translateY(400px);
  }

  .careers-video-contianer .video-box video {
    height: 400px;
    max-width: 100%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }

  .recruitment-cover {
    height: 430px;
    padding: 0 30px;
  }

  .recruitment-process {
    padding: 48px 30px 20px 30px;
  }

  .recruitment-process .title {
    font-size: 25px;
    line-height: inherit;
  }

  .recruitment-process-contain {
    margin-top: 40px;
  }

  .recruitment-process-contain .title {
    font-size: 18px;
    margin: 15px 0;
  }

  .recruitment-process-contain .col-1-3 {
    margin-bottom: 40px;
  }

  .recruitment-flow {
    padding: 0 30px;
  }

  .recruitment-flow .box {
    height: auto;
    text-align: center;
    margin-bottom: 50px;
  }

  .recruitment-flow .figure-left .img-block {
    display: inline-block;
    float: none;
  }

  .recruitment-flow .figure-left .text-block {
    display: block;
    width: 100%;
    padding: 0;
    float: none;
    height: auto;
  }

  .recruitment-flow .recruitment-sep {
    display: none;
  }

  .recruitment-flow .figure-right .img-block {
    float: none;
    display: inline-block;
  }

  .recruitment-flow .figure-right .text-block {
    display: block;
    width: 100%;
    float: none;
    padding: 0;
    height: auto;
  }

  .recruitment-flow .figure-left .text-block .disc {
    display: none;
  }

  .recruitment-flow .figure-right .text-block .disc {
    display: none;
  }

  .recruitment-flow .figure-left .text-block .title {
    font-size: 18px;
    margin-top: 10px;
  }

  .recruitment-flow .figure-right .text-block .title {
    font-size: 18px;
    margin-top: 10px;
  }

  .job-openings-cover {
    height: 375px;
    padding: 0 30px;
  }

  .job-openings-container .contain {
    top: 0;
    padding: 0;
  }

  .job-openings-container .panel-group .panel .panel-title {
    height: 50px;
    padding: 146x 25px;
  }

  .job-openings-container .panel-group .panel .panel-title .position-name {
    font-size: 12px;
  }

  .job-openings-container .panel-group .panel .panel-title .position-count {
    font-size: 11px;
  }

  .job-openings-container .panel-group .panel .panel-title .position-count:after {
    top: 4px;
  }

  .job-openings-container .panel-group .panel .panel-contain {
    padding: 0 25px;
  }

  .job-openings-container .panel-group .panel .panel-contain .box .position-name .title {
    font-size: 15px;
    max-width: 65%;
  }

  .job-openings-container .panel-group .panel .panel-contain .box .position-location {
    font-size: 11px;
    margin: 0;
    top: 26px;
    padding-right: 20px;
  }

  .job-openings-container .panel-group .panel .panel-contain .box .position-location:after {
    top: 4px;
  }

  .job-openings-container .panel-group .panel .panel-contain .box .position-name .disc {
    margin-top: 10px;
  }

  .job-openings-container .panel-group .panel .panel-contain .box {
    padding: 20px 0;
  }

  .job-openings-msg {
    font-size: 15px;
    padding: 40px 30px;
  }

  .job-openings-msg a {
    display: inline-block;
    font-size: 15px;
    line-height: inherit;
    padding: 10px 40px;
  }

  .blog-cover {
    height: 320px;
    padding: 0 30px;
  }

  .blog-category-list .title {
    display: block;
    font-size: 20px;
    text-align: left;
    font-weight: bold;
    text-transform: uppercase;
    padding-bottom: 15px;
    padding-top: 15px;
    position: relative;
    cursor: pointer;
  }

  .blog-category-list .title:after {
    content: "";
    position: absolute;
    width: 14px;
    height: 8px;
    /* background: url("../images/c-arrow.png"); */
    right: 0;
    top: 23px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -webkit-transition: all;
    -moz-transition: all;
    -o-transition: all;
    transition: all;
  }

  .blog-category-list .title.hide-cat:after {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  .blog-category-list {
    padding: 0px 30px;
    text-align: left;
  }

  .blog-category-list .list {
    padding-bottom: 7px;
    display: none;
  }

  .blog-category-list a {
    width: 48%;
    margin: 0px 1% 10px 1%;
    padding: 9px 6px;
    text-align: center;
    float: left;
    word-wrap: break-word;
  }

  .blog-category-list a:nth-child(odd) {
    clear: both;
  }

  .blog-contain {
    padding: 0 30px;
  }

  .blog-contain .blog-search {
    margin-top: 10px;
    margin-bottom: 30px;
  }

  .blog-contain .blog-search form input[type=text] {
    font-size: 18px;
    height: 35px;
    padding-left: 40px;
  }

  .blog-contain .blog-search form button {
    margin-top: 7px;
    margin-right: 10px;
  }

  .blog-contain .blog-search form button img {
    max-width: 25px;
  }

  .blog-contain .blog-list ul:before {
    display: none;
  }

  .blog-contain .blog-list ul li {
    margin: 0 0 40px 0 !important;
  }

  .blog-contain .blog-list ul li:nth-child(odd) {
    float: none;
    width: 100%;
    padding: 0;
  }

  .blog-contain .blog-list ul li:nth-child(even) {
    text-align: left;
    float: none;
    width: 100%;
    padding: 0;
  }

  .blog-contain .blog-list ul li .cate-date {
    left: 45px;
    position: initial;
    padding: 0;
    margin: 7px 0;
    font-size: 13px;
  }

  .blog-contain .blog-list ul li:nth-child(odd) .cate-date:before {
    display: none;
  }

  .blog-contain .blog-list ul li:nth-child(odd) a:before {
    display: none;
  }

  .blog-contain .blog-list ul li .title {
    font-size: 16px;
    line-height: 19px;
    margin-top: 20px;
    margin-bottom: 10px;
    padding: 0 3px;
  }

  .blog-contain .blog-list ul li .disc {
    padding: 0 3px;
  }

  .blog-contain .blog-list ul li:nth-child(even) a:after {
    display: none;
  }

  .blog-contain .blog-list ul li:before,
  .blog-contain .blog-list ul li:after {
    display: none !important;
  }

  .get-touch {
    padding: 40px 30px;
  }

  .get-touch .title {
    font-size: 18px;
  }

  .get-touch .disc {
    font-size: 13px;
    margin-top: 10px;
  }

  .col-1-2 {
    float: none;
    width: 100%;
  }

  .contact-section .address {
    padding: 40px 30px;
  }

  .contact-section .address .name {
    font-size: 25px;
    line-height: inherit;
  }

  .contact-section .address p {
    font-size: 13px;
    line-height: inherit;
    margin-top: 7px;
  }

  .contact-section .col-1-2:nth-child(1) {
    border-bottom: 1px solid #d6d9db;
    padding-bottom: 40px;
  }

  .contact-section .col-1-2:nth-child(2) {
    padding-top: 40px;
  }

  .contact-section .contact-sep:after {
    display: none;
  }

  .contact-form {
    padding: 35px 30px;
  }

  .contact-footer-bg {
    display: none;
  }

  .contact-form .title {
    font-size: 18px;
  }

  .contact-form .disc {
    font-size: 13px;
  }

  .award-partners .partners .img-block img {
    max-width: 100%;
  }

  .modal .modal-contian .modal-data {
    padding: 40px 25px;
  }

  .modal .modal-contian .title {
    font-size: 18px;
  }

  .modal .modal-contian .modal-data:after {
    display: none;
  }

  .pagewrap .success-msg {
    font-size: 11px;
    padding: 0 25px;
  }

  .pagewrap .success-msg .close-success {
    right: 10px;
    top: 2px;
  }

  .product-details-footer-bg.force {
    height: 350px;
    margin-top: -90px;
  }

  .product-details-footer-bg.reverse {
    height: 350px;
    margin-top: -100px;
  }

  .product-details-footer-bg.ondemand {
    height: 350px;
    margin-top: -100px;
  }

  .product-details-footer-bg.haul {
    height: 350px;
    margin-top: -110px;
  }

  .product-details-footer-bg.mile {
    height: 350px;
    margin-top: -100px;
  }
}

@media screen and (max-width: 600px) {
  .product-slide {
    height: 220px;
    background-position: center -25px;
    margin-top: -30px;
    margin-bottom: 145px;
  }

  .product-slide .mid-container {
    position: relative;
    height: 100%;
    width: 260px;
    margin: 0 auto;
  }

  .product-slide .slide.map {
    left: 16%;
    top: 50px;
    margin-left: 0;
  }

  .product-slide .slide.table {
    margin-left: -38px;
    left: 32%;
    top: 43px;
    -webkit-transform: scale(0.8) translate(-84px, 0px);
    -moz-transform: scale(0.8) translate(-84px, 0px);
    -o-transform: scale(0.8) translate(-84px, 0px);
    -ms-transform: scale(0.8) translate(-84px, 0px);
    transform: scale(0.8) translate(-84px, 0px);
  }

  .product-slide .slide.table.up {
    -webkit-transform: scale(1) translate(-2px, 2px);
    -moz-transform: scale(1) translate(-2px, 2px);
    -o-transform: scale(1) translate(-2px, 2px);
    -ms-transform: scale(1) translate(-2px, 2px);
    transform: scale(1) translate(-2px, 2px);
  }

  @-moz-keyframes tablegoup {
    0% {
      -moz-transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      -moz-transform: scale(1) translate(-2px, 2px);
    }
  }

  @-o-keyframes tablegoup {
    0% {
      -o-transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      -o-transform: scale(1) translate(-2px, 2px);
    }
  }

  @-ms-keyframes tablegoup {
    0% {
      -ms-transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      -ms-transform: scale(1) translate(-2px, 2px);
    }
  }

  @-webkit-keyframes tablegoup {
    0% {
      -webkit-transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      -webkit-transform: scale(1) translate(-2px, 2px);
    }
  }

  .product-slide .slide.map.back {
    -webkit-transform: translateX(-65px) scale(0.8);
    -moz-transform: translateX(-65px) scale(0.8);
    -o-transform: translateX(-65px) scale(0.8);
    -ms-transform: translateX(-65px) scale(0.8);
    transform: translateX(-65px) scale(0.8);
  }

  @-webkit-keyframes mapgoback {
    0% {
      -webkit-transform: translateX(0px) scale(1);
    }

    100% {
      -webkit-transform: translateX(-65px) scale(0.8);
    }
  }

  @-moz-keyframes mapgoback {
    0% {
      -moz-transform: translateX(0px) scale(1);
    }

    100% {
      -moz-transform: translateX(-65px) scale(0.8);
    }
  }

  @-o-keyframes mapgoback {
    0% {
      -o-transform: translateX(0px) scale(1);
    }

    100% {
      -o-transform: translateX(-65px) scale(0.8);
    }
  }

  @-ms-keyframes mapgoback {
    0% {
      -ms-transform: translateX(0px) scale(1);
    }

    100% {
      -ms-transform: translateX(-65px) scale(0.8);
    }
  }

  .product-slide .slide.table.back {
    -webkit-transform: scale(0.8) translate(-84px, 0px);
    -moz-transform: scale(0.8) translate(-84px, 0px);
    -o-transform: scale(0.8) translate(-84px, 0px);
    -ms-transform: scale(0.8) translate(-84px, 0px);
    transform: scale(0.8) translate(-84px, 0px);
  }

  @-webkit-keyframes tablegoback {
    0% {
      -webkit-transform: scale(1) translate(-2px, 2px);
    }

    100% {
      -webkit-transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-moz-keyframes tablegoback {
    0% {
      -moz-transform: scale(1) translate(-2px, 2px);
    }

    100% {
      -moz-transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-o-keyframes tablegoback {
    0% {
      -o-transform: scale(1) translate(-2px, 2px);
    }

    100% {
      -o-transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-ms-keyframes tablegoback {
    0% {
      -ms-transform: scale(1) translate(-2px, 2px);
    }

    100% {
      -ms-transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-webkit-keyframes mapgoup {
    0% {
      -webkit-transform: translateX(-65px) scale(0.8);
    }

    100% {
      -webkit-transform: translateX(0px) scale(1);
    }
  }

  @-ms-keyframes mapgoup {
    0% {
      -ms-transform: translateX(-65px) scale(0.8);
    }

    100% {
      -ms-transform: translateX(0px) scale(1);
    }
  }

  @-moz-keyframes mapgoup {
    0% {
      -moz-transform: translateX(-65px) scale(0.8);
    }

    100% {
      -moz-transform: translateX(0px) scale(1);
    }
  }

  @-o-keyframes mapgoup {
    0% {
      -o-transform: translateX(-65px) scale(0.8);
    }

    100% {
      -o-transform: translateX(0px) scale(1);
    }
  }

  .search-header .serach-header-container .title {
    font-size: 30px;
  }

  .search-header .serach-header-container .search-box form input[type=text] {
    font-size: 15px;
    height: 40px;
    padding-left: 40px;
  }

  .search-header .serach-header-container .search-box form button img {
    width: 20px;
  }

  .search-header {
    padding: 30px 0;
  }

  .search-reasult-section .s-item {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    margin-top: 0;
  }

  .search-reasult-section .s-result {
    float: none;
    width: 100%;
  }

  .search-reasult-section {
    margin-top: 30px;
  }

  .search-reasult-section .s-item .title {
    font-size: 13px;
  }

  .search-reasult-section .s-item .s-text {
    font-size: 15px;
  }

  .search-reasult-section .s-result .box .title a {
    font-size: 15px;
  }

  .search-reasult-section .s-result .box .link a {
    font-size: 13px;
  }

  .search-reasult-section .s-result .box .disc {
    font-size: 12px;
    margin: 10px 0 15px 0;
  }

  .search-reasult-section .s-result .box .rmore a {
    font-size: 15px;
  }

  .search-reasult-section .s-result .box {
    margin-bottom: 20px;
    padding-bottom: 20px;
  }

  .search-reasult-section .s-result .box .link {
    margin-top: 5px;
  }

  .modal .modal-submit-field {
    bottom: -21px;
  }

  .modal .modal-submit-field .modal-submit-btn {
    font-size: 14px;
    padding: 10px 40px;
  }

  @-moz-keyframes tablegoup {
    0% {
      transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      transform: scale(1) translate(-2px, 2px);
    }
  }

  @-webkit-keyframes tablegoup {
    0% {
      transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      transform: scale(1) translate(-2px, 2px);
    }
  }

  @-o-keyframes tablegoup {
    0% {
      transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      transform: scale(1) translate(-2px, 2px);
    }
  }

  @keyframes tablegoup {
    0% {
      transform: scale(0.8) translate(-84px, 0px);
    }

    100% {
      transform: scale(1) translate(-2px, 2px);
    }
  }

  @-moz-keyframes mapgoback {
    0% {
      transform: translateX(0px) scale(1);
    }

    100% {
      transform: translateX(-65px) scale(0.8);
    }
  }

  @-webkit-keyframes mapgoback {
    0% {
      transform: translateX(0px) scale(1);
    }

    100% {
      transform: translateX(-65px) scale(0.8);
    }
  }

  @-o-keyframes mapgoback {
    0% {
      transform: translateX(0px) scale(1);
    }

    100% {
      transform: translateX(-65px) scale(0.8);
    }
  }

  @keyframes mapgoback {
    0% {
      transform: translateX(0px) scale(1);
    }

    100% {
      transform: translateX(-65px) scale(0.8);
    }
  }

  @-moz-keyframes tablegoback {
    0% {
      transform: scale(1) translate(-2px, 2px);
    }

    100% {
      transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-webkit-keyframes tablegoback {
    0% {
      transform: scale(1) translate(-2px, 2px);
    }

    100% {
      transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-o-keyframes tablegoback {
    0% {
      transform: scale(1) translate(-2px, 2px);
    }

    100% {
      transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @keyframes tablegoback {
    0% {
      transform: scale(1) translate(-2px, 2px);
    }

    100% {
      transform: scale(0.8) translate(-84px, 0px);
    }
  }

  @-moz-keyframes mapgoup {
    0% {
      transform: translateX(-65px) scale(0.8);
    }

    100% {
      transform: translateX(0px) scale(1);
    }
  }

  @-webkit-keyframes mapgoup {
    0% {
      transform: translateX(-65px) scale(0.8);
    }

    100% {
      transform: translateX(0px) scale(1);
    }
  }

  @-o-keyframes mapgoup {
    0% {
      transform: translateX(-65px) scale(0.8);
    }

    100% {
      transform: translateX(0px) scale(1);
    }
  }

  @keyframes mapgoup {
    0% {
      transform: translateX(-65px) scale(0.8);
    }

    100% {
      transform: translateX(0px) scale(1);
    }
  }
}

@media screen and (max-width: 480px) {
  .clients-slider-container .bx-wrapper .bx-prev {
    left: -62px;
  }

  .clients-slider-container .bx-wrapper .bx-next {
    right: -62px;
  }

  .animate-line {
    top: 148px;
  }

  .clients .clients-slider-container {
    margin-bottom: 80px;
  }
}

@media screen and (max-width: 320px) {
  .blog-category-list a {
    font-size: 11px;
  }
}

.saas-card {
  border-radius: 4px !important;
  overflow: hidden;
  padding: 50px;
  margin-bottom: 25px;
  width: 85%;
  margin: auto;
}

.saas-card div:nth-child(2) {
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-top: 20px;
  white-space: nowrap;
}

.saas-card:hover {
  border: 1px solid #000;
  cursor: pointer;
}

.saas-operations-block {
  margin-top: 100px;
  margin-bottom: 30px;
}

.saas-operations {
  margin-top: 40px;
}

.saas-operation-selection {
  box-shadow: 0px 2px 10px 0px #d3d3d8 !important;
  border-radius: 4px !important;
  padding-bottom: 40px;
}

.saas-sysSetting,
.saas-addHub {
  box-shadow: 0px 2px 10px 0px #d3d3d8 !important;
  border-radius: 4px !important;
  padding-bottom: 20px;
}

.centerContent.pLR10 {
  padding: 20px 10px 10px 10px;
}

.saas-operation-title div:nth-child(1) div:nth-child(1) {
  font-size: 18px;
  padding: 20px 0 20px 0;
  font-family: 'Gotham-Rounded-Medium' !important;
}

.saas-operation-title div:nth-child(1) div:nth-child(2) {
  font-size: 14px;
  padding: 0px 0 20px 0;
}

@media screen and (min-width: 321px) and (max-width: 991px) {
  .saas-card img {
    width: 40%;
    height: 40%;
  }
}

@media screen and (min-width: 992px) and (max-width: 1500px) {
  .saas-card img {
    width: 80%;
    height: 80%;
  }
}

.saas-sysSettings .ui-select-container {
  margin: 10px 0px !important;
}

.saas-sysSettings .country-input {
  margin-top: 20px !important;
}

.saas-sysSettings .logiFormActionButtons {
  margin-top: 20px !important;
}

.saas-sysSettings .saasAccountCreation p {
  margin-top: 10px;
  margin-left: 33px;
}

.saas-addHub .ui-select-container {
  margin-top: 10px !important;
  margin-bottom: 0px !important;
}

.saas-addHub .textbox,
.saas-addAcc .textbox {
  margin-top: 20px;
  border-color: #979797;
}

.center {
  text-align: center;
}

.magicOverlay {
  height: 0;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  overflow-x: auto;
  overflow: hidden;
  text-align: center;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0.9;
}

.magicOverlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #fff;
  display: block;
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.magicOverlay img {
  background-color: #fff;
  border-radius: 100px;
  margin-bottom: 15px;
}

.magicOverlay .magicProgressBar {
  margin-bottom: 10px;
}

.magic-overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  height: 100%;
}

#map-canvass {
  height: 100%;
  width: 100%;
}

.hide {
  display: none;
}

.magicProgressBar div {
  width: 20px;
  height: 5px;
  display: inline-block;
  margin-left: 5px;
  animation: magicProgress 0.8s infinite ease-in-out;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

.magicProgressBar div:first-child {
  animation-delay: -1.1s;
}

.magicProgressBar div:nth-child(2) {
  animation-delay: -1s;
}

.magicProgressBar div:last-child {
  animation-delay: -0.9s;
}

@-webkit-keyframes magicProgress {
  50% {
    background-color: #f00;
  }

  100% {
    background-color: #fff;
  }
}

.hubSearch {
  top: -383px;
  width: 85%;
}

form .mainSection .form .logiSaasAddHubErrorMessages {
  position: absolute;
  color: #f00;
  font-size: 12px;
  margin-top: 1px;
  margin-left: 11%;
}

form .mainSection .form .logiSaasSysSettingsErrorMessages {
  position: absolute;
  color: #f00;
  font-size: 12px;
  margin-top: -8px;
  margin-left: 3%;
}

.locked {
  pointer-events: none;
}

.locked i {
  float: right;
  padding-top: 5px;
  color: #46465f;
}

.menuLockTable {
  min-width: 148px;
}

.saas-plans .addons-section .planPrice {
  font-size: 26px !important;
  margin-top: 15px !important;
}

.saas-plans {
  margin-top: 25px;
  margin-left: 15px;
  margin-right: 15px;
}

.saas-plans .planHeading {
  height: 50px;
  color: #46465f;
  font-size: 14px;
  background-color: #f8f8f8;
  text-align: center;
  display: table;
  width: 100%;
}

.saas-plans .planHeading span {
  display: table-cell;
  vertical-align: middle;
  font-family: 'Gotham-Rounded-Medium' !important;
}

.saas-plans .planBody {
  text-align: center;
  color: #46465f;
}

.saas-plans .planBody table tr td {
  padding-bottom: 10px;
}

.saas-plans hr {
  margin-left: 20px;
  margin-right: 20px;
}

.saas-plans .planPrice {
  font-size: 26px;
  color: #46465f;
  margin-top: 20px;
}

.saas-plans .moreInfo {
  margin-top: 35px;
  margin-bottom: 35px;
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-top: 45px;
  margin-bottom: 30px;
}

.saas-plans .detailPlan .logiFormActionButtons {
  margin-top: 0 !important;
  margin-bottom: 50px !important;
}

.saas-plans .planHead {
  font-size: 20px;
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-bottom: 21px;
}

.saas-plans .planDesc {
  font-size: 14px;
  margin-bottom: 15px;
  font-family: 'Gotham-Rounded-Medium' !important;
}

.saas-plans .planDesc hr {
  margin-left: 30%;
  margin-right: 30%;
  margin-bottom: 10px;
}

.saas-plans .enterprisePlan {
  margin: 30px 50px 0px 50px;
  min-height: 200px;
  display: table;
  font-size: 17px;
}

.saas-plans .enterprisePlan span {
  display: table-cell;
  vertical-align: middle;
}

.saas-plans .card {
  border: 1px solid #ececec;
  box-shadow: none !important;
}

.saas-plans .card:hover {
  box-shadow: 6px 7px 15px #888 !important;
}

.saas-plans .card:hover .planHeading {
  color: #fff;
  background: #6F0881;
  border: 1px solid transparent;
}

.saas-plans .card:hover .logiFormButtons button {
  color: #fff;
  background: #6F0881;
}

.saas-plans .logiFormButtons button {
  padding: 7px 40px;
  border-radius: 4px;
  border-color: #394a58;
  border: 1px solid #394a58;
  color: #111c22;
  background: #fff;
  margin-top: 20px;
  margin-bottom: 30px;
}

.saas-plans .resourceCount {
  border: 1px solid #f8f8f8;
  width: 75px;
  margin-left: 20px;
  background-color: #fff;
}

.planBody .addons-section .logiFormActionButtons {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.main-controller-wrapper-sassSetup #addonsPop .ui-select-search {
  margin: 0px 0 !important;
}

.main-controller-wrapper-sassSetup #addonsPop .ui-select-container {
  margin: 10px 0px 10px !important;
}

.main-controller-wrapper-sassSetup #addonsPop .resourceCount {
  margin-top: 10px;
  margin-left: 0px;
}

.main-controller-wrapper-sassSetup #addonsPop .uploadDelBtn {
  border: none;
}

.main-controller-wrapper-sassSetup #addonsPop .modal-content {
  width: 800px;
}

.main-controller-wrapper-sassSetup #addonsPop .logiForm {
  text-align: center;
}

.saas-plans .resourcesCountPadding {
  padding: 0px 25px;
}

.planBody .logiFormActionButtons {
  margin-top: 20px !important;
  margin-bottom: 30px !important;
}

.saas-billing .saas-row {
  margin-top: 15px;
}

.saas-billing .billingHeading {
  height: 30px;
  color: #46465f;
  font-size: 15px;
  background-color: #fcfcfd;
  display: table;
  width: 100%;
}

.saas-billing .billingHeading span:first-child {
  display: table-cell;
  vertical-align: middle;
  font-family: 'Gotham-Rounded-Medium' !important;
  padding-left: 15px;
}

.saas-billing .billingBody {
  color: #46465f;
}

.saas-billing .table-top-margin {
  margin-top: 0px !important;
}

.saas-billing .table-wrapper.row.col-md-12 {
  top: 0px !important;
}

.saas-billing .table-wrapper .table-record-actions {
  position: absolute;
  width: 100%;
  left: 15px;
}

.saas-billing .table-wrapper .table-record-actions .record-action-options-right {
  margin-right: 20px;
}

.saas-billing #tableLoader div:nth-child(2) div:nth-child(1) {
  padding-left: 0px;
  padding-right: 0px;
}

.saas-bootstrapModal .modal-dialog {
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 0;
  margin-bottom: 0;
}

.saas-bootstrapModal .modal.fade .modal-dialog {
  -webkit-transition: top;
  -moz-transition: top;
  -o-transition: top;
  transition: top;
  transform: translate(0, -50%);
}

.saas-bootstrapModal .modal.in .modal-dialog {
  transform: translate(0, -50%);
}

.saas-bootstrapModal .trialTitle {
  font-size: 16px;
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-top: 15px;
  margin-bottom: 25px;
}

.saas-bootstrapModal .trialInfo {
  font-size: 13px;
  margin-bottom: 25px;
  padding: 0 35px 0 35px;
}

.saas-bootstrapModal .modal-content {
  width: 70% !important;
}

.saas-bootstrapModal .warning-img {
  margin-top: 35px;
}

.saas-bootstrapModal .upgradeBtn button {
  padding: 10px;
  color: #fff;
  background-color: #e32022;
  margin: 30px 0 30px 0;
}

.bold {
  font-family: 'Gotham-Rounded-Medium' !important;
}

.saas-cancel-bootstrapModal .modal-body {
  padding: 0px;
}

.saas-cancel-bootstrapModal .cancelTitle {
  font-size: 16px;
  font-family: 'Gotham-Rounded-Medium' !important;
  background-color: #fcfcfd;
  padding: 7px;
  text-align: left;
  padding-left: 20px;
}

.saas-cancel-bootstrapModal .trialInfo {
  padding: 0 35px 0 35px;
  margin-top: 20px;
}

.saasPlanError {
  font-size: 12px;
  color: #f00;
}

.cancellationReason .ui-select-container {
  margin: 0px !important;
}

.cancellationReason .cancellation-input .ui-select-match {
  overflow: hidden;
}

.disableSaasBtn {
  cursor: not-allowed;
}

.subscriptionStatus {
  font-weight: normal !important;
  display: table-cell;
  vertical-align: middle;
  padding-left: 20px;
}

.word-wrap {
  word-wrap: break-word;
}

.activePlanLabel {
  position: absolute;
  bottom: 17px;
  text-align: center;
  width: 95%;
}

.showSubClientActive {
  color: #42425c;
  background-color: #fff;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  box-shadow: inset 0px -3px 0px 0px #6F0881;
}

.saas-plans .planBody sup,
.saasastric {
  font-size: 15px !important;
}

.limit-graph {
  width: 70%;
  background-color: #e1e1e1;
  position: absolute;
}

.limitWrapper {
  background: #6F0881;
  height: 6px;
  border-radius: 15px;
}

.usageCount div:nth-child(2) {
  font-size: 12px;
  margin: 5px;
}

.trialExpiryMsg {
  color: #de5364;
  box-shadow: 0px 2px 10px 0px #d3d3d8;
  position: absolute;
  top: 62px;
  z-index: 10;
  background-color: #fff;
  padding-left: 15px;
  padding-right: 15px;
  line-height: 25px;
}

.address-bar .hubSearch {
  top: -391px !important;
}

.saas_reactivation_div {
  color: #42425c !important;
  min-height: 200px;
  position: relative;
  /* width 60% */
  box-shadow: 0px 2px 10px 0px #d3d3d8 !important;
  border-radius: 4px !important;
  overflow: hidden;
  margin: auto;
  margin-top: 30px;
  text-align: center;
  padding: 30px !important;
  padding-bottom: 80px !important;
}

.saas_reactivation_div .saas_reactivation_heading {
  font-size: 24px;
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-bottom: 50px;
  margin-top: 20px;
}

.saas_reactivation_div .saas_reactivation_content {
  font-size: 14px;
  font-family: 'Gotham-Rounded' !important;
  margin-bottom: 30px;
  text-align: left !important;
}

.saas_reactivation_div .saas_reactivation_content .minheight-50 {
  min-height: 50px;
}

.saas_reactivation_div .saas_reactivation_content .margin-65 {
  margin-top: 65px;
  margin-bottom: 65px;
}

.saas_reactivation_div .saas_reactivation_content .helloCustomer {
  font-family: 'Gotham-Rounded-Medium' !important;
  margin-bottom: 20px;
}

.saas_reactivation_div .saas_reactivation_content .reactivateBtn {
  height: 50px;
  background: #e0232b;
  color: #fff;
  /* width 25% */
  text-align: center;
  padding: 10px;
  line-height: 30px;
  border-radius: 5px;
  margin: auto;
  margin-top: 65px;
  margin-bottom: 65px;
  cursor: pointer;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.2);
}

.selectRight {
  float: Right;
  cursor: pointer;
  width: 100%;
  padding: 2px 8px;
  margin-bottom: 6px;
  border: 1px solid #979797;
  background: #fff;
  font-family: "Gotham-Rounded";
  font-size: 13px;
}

.saas-sysSettings .sysSettingNote {
  color: #777;
  margin-left: 38px;
  font-size: 11x;
  margin-top: 5px;
}

.saas-sysSettings .saas-radioBtn {
  margin: 25px 50px 35px 50px;
  margin-bottom: 55px;
}

.saas-sysSettings .saas-contactPersons {
  margin: 25px 50px 0px 50px;
}

.saas-sysSettings .saas-textbox,
.saas-addHub .saas-textbox {
  margin: 0 50px 0 50px;
}

.saas-sysSettings .saas-dropdown {
  margin: 11px 50px -8px 50px;
}

.saas-offline-account-form {
  margin-bottom: 80px;
}

.saas-addHub .saas-hub-select {
  margin: 10px 50px 0 50px;
}

.add-hub-map {
  padding: 15px 20px 10px 0px;
}

.add-hub-map .map {
  height: inherit;
  border: 0;
}

.magic-overlay-content .magic-white {
  font-size: 20px;
  color: #fff;
}

.magic-overlay-content .magic-red {
  font-size: 30px;
  color: #e32022;
}

#magicScreen {
  height: 100%;
}

.headerWarningMessage {
  position: fixed;
  text-align: center;
  color: #fff;
  z-index: 1005;
  background-color: #5698d3;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  padding: 0 20px;
  height: 35px;
  line-height: 35px;
}

.menuWithHeaderWarningMsg {
  top: 35px !important;
}

.headerWarningMessage .icon:before {
  padding-right: 10px;
}

.saasLoaderContainer {
  position: absolute;
  margin-left: 50%;
  transform: translateX(-50%);
  margin-top: 150px;
  width: 60%;
  height: 200px;
}

.saasLoaderContainer .saasReloadMsg {
  text-align: center;
  margin-top: 150px;
  color: #565656;
}

.saasLoaderContainer .saasReloadMsg span {
  color: #6F0881;
  text-decoration: underline;
  cursor: pointer;
}

@-moz-keyframes magicProgress {
  50% {
    background-color: #f00;
  }

  100% {
    background-color: #fff;
  }
}

@-webkit-keyframes magicProgress {
  50% {
    background-color: #f00;
  }

  100% {
    background-color: #fff;
  }
}

@-o-keyframes magicProgress {
  50% {
    background-color: #f00;
  }

  100% {
    background-color: #fff;
  }
}

@keyframes magicProgress {
  50% {
    background-color: #f00;
  }

  100% {
    background-color: #fff;
  }
}

.adminDashboardSection {
  margin: 60px 30px 0px 30px !important;
  padding: 20px 100px 20px 100px;
}

.adminDashboardSection .rippler {
  text-align: Center;
}

.adminDashboardSection .toolName {
  margin-top: 10px;
}

.adminDashboardSection>div {
  padding: 20px 0 20px 0;
  border: 1px solid #e1e6ef;
  cursor: pointer;
  position: relative;
}

.adminDashboardSection .leftBox {
  border-left: 1px solid #fff;
}

.adminDashboardSection .leftBoxLastChild {
  border-bottom: 1px solid #fff;
}

.adminDashboardSection .leftBoxFirstChild {
  border-top: 1px solid #fff;
}

.adminDashboardSection .rightBox {
  border-right: 1px solid #fff;
}

.adminDashboardSection .rightBoxLastChild {
  border-bottom: 1px solid #fff;
}

.adminDashboardSection .rightBoxFirstChild {
  border-top: 1px solid #fff;
}

.adminDashboardSection .centerBoxLastChild {
  border-bottom: 1px solid #fff;
}

.adminDashboardSection .centerBoxFirstChild {
  border-top: 1px solid #fff;
}

@media screen and (min-width: 400px) and (max-width: 1199px) {
  .adminDashboardSection>div {
    border: 1px solid #e1e6ef !important;
  }
}

.rippler {
  position: relative;
  overflow: hidden;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.rippler::-moz-focus-inner {
  border: 0;
}

.rippler:focus,
.rippler:active {
  outline: none;
}

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

.rippler-img {
  display: block;
}

.rippler-circle-mask {
  border-radius: 50%;
  /* -webkit-mask: url("../svg/circle.svg") no-repeat; */
  -webkit-mask-size: 100%;
}

.rippler-effect {
  position: absolute;
  opacity: 0.2;
}

.rippler-default .rippler-svg {
  fill: #fff;
}

.rippler-default .rippler-div {
  background-color: #fff;
}

.rippler-loginext {
  position: relative;
  top: 1px;
  left: 1px;
}

.rippler-loginext .rippler-svg {
  fill: #6F0881;
}

.rippler-loginext .rippler-div {
  background-color: #6F0881;
}

.rippler-div {
  border-radius: 50%;
}

.adminDashboardSection img {
  width: 104px;
  height: 104px;
}

.adminDashboardSection .disableSection {
  opacity: 0.5;
  cursor: not-allowed;
}

.clientAdminAlerts .logiCustomRadio:checked+label {
  border-color: #6F0881 !important;
  border: 2px solid #6F0881 !important;
  background-color: #fff;
}

.clientAdminAlerts .logiCustomCheck:checked+label {
  background-color: #63a0d6;
  border-color: #63a0d6;
}

.clientAdminAlerts input.cmn-toggle-round:checked+label:before {
  background-color: #63a0d6;
}

.clientAdminAlerts .icon-setting,
.clientAdminAlerts .icon-edit-2 {
  color: #63a0d6;
}

.clientAdminAlerts .disabledSettings .icon-setting,
.clientAdminAlerts .disabledSettings .icon-sms-1 {
  color: #c2c2c5 !important;
  cursor: not-allowed;
}

.disabledSettings {
  cursor: not-allowed !important;
}

.clientAdminSection {
  margin-left: 15px;
  margin-right: 15px;
  margin-top: 35px;
}

.sysPreferencesForm .subPageHeader {
  background-color: #fcfcfd;
  margin-left: 0px !important;
}

.sysPreferencesForm .systemPreferencesBtn {
  margin-top: 35px !important;
  margin-bottom: 25px !important;
}

.sysPreferencesForm .has-error {
  border: 1px solid #eee !important;
}

.sysPreferencesForm .errorInfoTip {
  display: none !important;
}

.planningPreferencesForm .subPageHeader {
  background-color: #fcfcfd;
  margin-left: 0px !important;
  padding-left: 20px !important;
}

.planningPreferencesForm .errorInfoTip {
  display: none !important;
}

.planningPreferencesForm .has-error {
  border: 1px solid #eee !important;
}

.planningPreferencesForm .has-error .planningPreferencesForm .planningPreferencesBtn {
  margin-top: 35px !important;
  margin-bottom: 25px !important;
}

.jsonDiv {
  padding: 10px;
  min-height: 100px;
  border-radius: 3px;
  background: #fbfbfb;
  -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.1);
}

.webhookSection .nav-pills>li>a {
  border-radius: 0px;
}

.webhookSection .nav-pills>li.active>a,
.webhookSection .nav-pills>li.active>a:focus,
.webhookSection .nav-pills>li.active>a:hover {
  color: #42425c;
  background-color: #fff;
}

#id-attachedWithModules ul {
  position: absolute;
}

.adminBadgeWrapper {
  position: relative;
  padding: 25px;
  color: #fff;
  cursor: pointer;
  box-shadow: 0px 2px 10px 0px #d3d3d8;
}

.adminBadgeWrapper .icon:before {
  font-size: 40px;
}

.adminBadgeWrapper:hover {
  box-shadow: 5px 5px 10px 5px #d3d3d8;
}

.badgeCount {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  font-size: 20px;
  margin-bottom: 10px;
}

.activeclients {
  background: #006279;
}

.nologin {
  background: #99c9ca;
}

.nousage {
  background: #e9767a;
}

.paymentdue {
  background: #6F0881;
}

.detailWrapper .icon-view:before {
  cursor: pointer;
  font-size: 8px;
  color: #808080;
}

.detailWrapper .icon-view:hover:before {
  color: #333;
}

.adminMain .table-top-margin {
  margin-top: 0px;
}

.adminMain .table-wrapper.row.col-md-12 {
  top: 0px;
}

.clienDetailTable .table-top-margin {
  margin-top: 40px;
}

.clienDetailTable .table-wrapper.row.col-md-12 {
  top: 40px;
}

.detailWrapper .tripFilter .filterWrapper {
  top: 30px;
  left: 0px;
  color: #fff;
}

.detailWrapper .tripFilter .filterWrapper .icon-close:before {
  color: #fff;
}

.activeclientsLbl {
  background-color: #006279 !important;
  border: 1px solid #006279 !important;
}

.noUsageLbl {
  background-color: #99c9ca !important;
  border: 1px solid #99c9ca !important;
}

.noLoginLbl {
  background-color: #e9767a !important;
  border: 1px solid #e9767a !important;
}

.paymentDueLbl {
  background-color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
}

.divisionDashboardWrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  position: relative;
  left: 20px;
  right: 20px;
  top: 80px;
  bottom: 40px;
  min-height: 690px;
  padding: 20px;
}

.divisionDashboardWrapper .sep20 {
  margin: 20px 15px;
}

.divisionDashboardWrapper .col-md-5.width47perc {
  width: 47.667%;
}

.top {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 400px;
  width: 100%;
}

.bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  height: 400px;
  width: 100%;
}

.allTripsButton {
  height: 290px;
  display: table;
}

.autoSMSAlert {
  margin-top: 20px;
  height: 290px;
  width: 393px;
  overflow-y: scroll;
  position: relative;
}

.autoSMSAlert .alertsWrapper,
.autoSMSAlert .lowAlertContainer {
  position: absolute;
  top: 27px;
  left: 0px;
  right: 0;
  width: 100%;
  z-index: 0;
}

.autoSMSAlert .alertBody {
  border-bottom: 1px solid #fafafa;
  padding-bottom: 5px;
  padding-top: 5px;
  padding-left: 10px;
  margin-left: 2px;
  max-width: none !important;
}

.rakeProductivityAnalysis {
  margin-top: 10px;
  height: 311px;
  width: 393px;
  position: relative;
  bottom: -9px;
}

.divisionWiseAnalysis {
  margin-top: 10px;
  height: 311px;
  width: 393px;
  position: relative;
  bottom: -9px;
}

.map-pic {
  background-image: url(/product/assets/MsilDivisionDashboard.4d0156c0e0dd51ca5882.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
}

.cosCalculatorBtn {
  padding: 5px;
  width: 35px;
  height: 42px;
  position: fixed;
  top: 350px;
  right: -3px;
  z-index: 12;
  background-color: #fff;
  box-shadow: 0px 3px 3px 0px #d3d3d8;
  border-radius: 4px;
  cursor: pointer;
}

.cosCalculatorBtn .icon:before {
  font-size: 25px;
  color: #6F0881;
}

.costIndicator {
  height: 113px;
  border-radius: 4px;
  background-color: #f9f9fc;
  border: solid 1px #eaeef4;
  text-align: center;
}

.costIndicator .costIndicatorHeader {
  background-color: #eaeaef;
  border-bottom: solid 1px #e1e1ed;
  padding: 10px;
  color: #777;
  display: block;
}

.opIndicator {
  text-align: center;
  line-height: 113px;
  vertical-align: middle;
  color: #eaeaef;
  font-size: 30px;
}

.costLabel {
  font-size: 30px;
  color: #46465f;
  position: relative;
  top: 15px;
}

.costHeadLabel {
  background-color: #fff;
  position: relative;
  top: -25px;
  color: #777;
}

.costDiffWrapper {
  text-align: center;
  margin-left: 29%;
  width: 40%;
  height: 80px;
  border-radius: 4px;
  border: solid 1px #6F0881;
}

.costCalculationWrapper .row:not(:first-child) {
  margin-top: 30px;
}

.costCalculationWrapper input {
  background-color: #f9f9fc;
  border: solid 1px #eaeef4;
}

.costCalculationWrapper .input-group-addon {
  width: 40px;
  background-color: #6F0881;
  color: #fff;
}

.inputLabel {
  color: #777;
  font-size: 13px;
}

.costCalculationWrapper .logiPrimaryBtn {
  background: #6F0881 !important;
  border: 1px solid #6F0881 !important;
}

.greetingMsg {
  text-align: center;
  color: #6F0881;
}

.greetingMsg .mainHead {
  font-size: 40px;
  font-family: 'Gotham-Rounded-Medium' !important;
}

.greetingMsg .innerText {
  font-size: 20px;
}

.costcalculatorOpenAnim {
  display: block !important;
}

@-moz-keyframes fadeAndScaleOpen {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
}

@-webkit-keyframes fadeAndScaleOpen {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
}

@-o-keyframes fadeAndScaleOpen {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
}

@keyframes fadeAndScaleOpen {
  from {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }

  to {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }
}

@-moz-keyframes fadeAndScaleClose {
  from {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }
}

@-webkit-keyframes fadeAndScaleClose {
  from {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }
}

@-o-keyframes fadeAndScaleClose {
  from {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }
}

@keyframes fadeAndScaleClose {
  from {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
  }

  to {
    opacity: 0;
    -webkit-transform: scale(0.1, 0.1);
    -webkit-transform-origin: 100% 60%;
    -moz-transform: scale(0.1, 0.1);
    -moz-transform-origin: 100% 60%;
  }
}

.rowbackground {
  background-color: #ffcdcd !important;
}

.seqTable {
  top: 0px !important;
}

.sequencebuttons {
  background-color: #6F0881 !important;
  border-color: transparent !important;
  color: #fff !important;
  border-color: #6F0881 !important;
  border: 1px solid #6F0881 !important;
  border-radius: 1px !important;
}

.dragDropFieldsWrapper input[type=checkbox],
.dragDropFieldsWrapper input[type=radio] {
  display: none !important;
}

.dragDropFieldsWrapper input[type=radio]+label {
  margin-right: 5px !important;
}

.dragDropFieldsWrapper label {
  vertical-align: middle !important;
}

.dragDropFieldsWrapper {
  margin-top: 15px;
  padding: 20px;
}

.addFieldWrapper {
  background: #fff;
  min-width: 300px;
  max-width: 300px;
  max-height: 370px;
  box-shadow: 0 2px 5px 0 rgba(65, 65, 92, 0.2);
  border: solid 1px rgba(151, 151, 151, 0.04);
  border-radius: 4px;
}

.addFieldWrapper .addFieldHeader {
  background: #fcfcfd;
  border: 1px solid #e1e6ef;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.addFieldWrapper .addFieldHeader h6 {
  color: #42425c;
  height: 40px;
  line-height: 40px;
  margin: 0px;
  font-size: 12px;
  padding-left: 10px;
  font-family: 'Gotham-Rounded-Bold';
}

.addFieldWrapper .addFieldItems {
  overflow: hidden;
  margin: 0px;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper {
  display: block;
  width: 50%;
  float: left;
  height: 41px;
  line-height: 52px;
  color: #383852;
  font-size: 12px;
  border-width: 0px 0px 1px 1px;
  border-style: solid;
  border-color: #e1e6ef;
  border-radius: 2px;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper:hover {
  background: #f6f9fd;
  color: #2e2e48;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper:hover .icon {
  background: #6F0881;
  border-color: #dee3ec;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper:hover .icon:before {
  color: #fff;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper .drag-element {
  line-height: 44px;
  cursor: pointer;
  margin-left: 2px;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper .elementName {
  display: inline-block;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper .icon {
  width: 36px;
  height: 36px;
  line-height: 36px !important;
  text-align: center;
  border: 1px solid #e1e6ef;
  background: #f6f9fd;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.addFieldWrapper .addFieldItems .addFieldItemsList li.dragElement-wrapper .icon:before {
  color: #6F0881;
}

.fieldDropWrapper {
  margin: 0 auto;
  min-height: 795px;
  max-height: 795px;
  overflow: hidden;
  position: relative;
}

.fieldDropWrapper .fieldDropContainer {
  position: absolute;
  top: 65px;
  left: 22px;
  width: 358px;
  min-height: 400px;
  max-height: 628px;
  margin-bottom: 10px;
  overflow-y: auto;
  overflow-x: hidden;
}

.fieldDropWrapper .fieldDropContainer .formNameHeader {
  padding: 15px 10px;
  text-transform: capitalize;
  font-size: 14px;
  background: #6F0881;
  color: #fff;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.6);
  margin-bottom: 15px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fieldDropWrapper .fieldDropContainer .formNameHeader .fa.fa-long-arrow-left {
  top: 0px;
}

.fieldDropWrapper .fieldDropContainer .formNameHeader .fa.fa-long-arrow-left:before {
  color: #f6f6ff;
  margin-right: 10px;
}

.fieldDropWrapper .input-as-label {
  display: block;
  font-size: 12px;
  letter-spacing: 0.3px;
  color: #42425c;
  margin-bottom: 3px;
  background: transparent;
}

.fieldDropWrapper .form-group {
  margin-bottom: 10px;
  padding: 10px 20px;
  border: 1px dashed transparent;
}

.fieldDropWrapper .form-control {
  padding-left: 9px;
  width: 100%;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0px;
  box-shadow: none !important;
}

[draggable] {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  /* Required to make elements draggable in old WebKit */
  -khtml-user-drag: element;
  -webkit-user-drag: element;
}

.drop-to-add {
  height: 80px;
  padding: 10px 0px;
}

.form-group.active-field {
  background-color: #f6f9fd;
  border: 1px dashed #6F0881;
}

.form-group i.remove-ico {
  position: absolute;
  right: 20px;
  top: -10px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}

.form-group i.remove-ico:before {
  color: #6F0881;
}

.fieldPropertiesWrapper {
  min-width: 300px;
  max-width: 300px;
  max-height: 370px;
  overflow: auto;
  box-shadow: 0 2px 5px 0 rgba(65, 65, 92, 0.2);
  border: solid 1px rgba(151, 151, 151, 0.04);
  border-radius: 4px;
  position: relative;
}

.fieldPropertiesWrapper .fieldPropertiesHeader {
  background: #fcfcfd;
  border: 1px solid #e1e6ef;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.fieldPropertiesWrapper .fieldPropertiesHeader h6 {
  color: #42425c;
  height: 40px;
  line-height: 40px;
  margin: 0px;
  font-size: 12px;
  padding-left: 10px;
  font-family: 'Gotham-Rounded-Bold';
}

.fieldPropertiesWrapper .fieldPropertiesItems {
  padding: 20px;
  font-size: 12px;
}

.fieldPropertiesWrapper .fieldPropertiesItems .validationSection {
  margin: 0px -20px 10px -20px;
}

.fieldPropertiesWrapper .fieldPropertiesItems .field-property {
  height: 35px;
  min-height: 35px !important;
  line-height: 35px;
  border: 1px solid #e1e6ef;
  box-shadow: none;
  font-size: 12px;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
}

.fieldPropertiesWrapper .fieldPropertiesItems .field-property.field-property-sm {
  width: 60%;
}

.fieldPropertiesWrapper .fieldPropertiesItems .field-property:focus {
  border-color: #6F0881;
  box-shadow: none;
}

.fieldPropertiesWrapper .fieldPropertiesItems .field-property-label {
  color: #42425c;
  font-size: 12px;
}

.fieldPropertiesWrapper .fieldPropertiesItems .field-property-label.dBlock {
  display: block;
}

.fieldPropertiesWrapper .fieldPropertiesItems .form-group.pull-left {
  width: 50%;
}

fieldset.form-group {
  width: 100% !important;
}

sortable-formbuilder,
.sortable-stdFields {
  padding-left: 0px;
  -moz-padding-start: 0px;
  -webkit-padding-start: 0px;
  -khtml-padding-start: 0px;
  -o-padding-start: 0px;
  padding-start: 0px;
  list-style: none;
  min-height: 40px;
}

.sortable-field {
  cursor: move;
}

.sortable-field .form-group {
  font-size: 12px;
}

.sortable-field .form-group .logiCustomCheck+label,
.sortable-field .form-group .logiCustomRadio+label {
  top: 3px;
  margin-right: 5px;
}

.sortable-field .form-group .logiCustomCheck:checked+label {
  background-color: #6F0881;
  border-color: #4c8ec9;
}

.sortable-field .form-group .logiCustomRadio:checked+label {
  background-color: #6F0881;
  border-color: #4c8ec9;
}

.option-btn {
  width: 35px;
  height: 35px;
  line-height: 34px !important;
  font-size: 34px;
  text-align: center !important;
  border: 1px solid #e1e6ef;
  background: #f6f9fd;
  -webkit-transition: all ease-in-out 0.2s;
  -moz-transition: all ease-in-out 0.2s;
  -o-transition: all ease-in-out 0.2s;
  transition: all ease-in-out 0.2s;
  color: #6F0881;
}

.option-btn.remove-btn {
  margin-left: -1px;
}

.option-btn.add-btn {
  margin-left: -70px;
}

.option-btn:hover {
  background: #6F0881;
  border-color: #dee3ec;
  color: #fff;
}

.logiFormActionButtons.formBuilder {
  margin-top: 30px !important;
  margin-left: 0px !important;
}

.form-control {
  position: relative;
}

.form-control.upload-btn-wrapper {
  border-width: 0px 0px 1px 0px;
}

.form-control~.upload-btn {
  width: 95px;
  height: 30px;
  border-radius: 0px;
  background-color: #6F0881;
  border-color: #dee3ec;
  color: #fff;
  position: absolute;
  top: 36px;
  right: 40px;
}

.form-control.esign {
  width: 320px;
  height: 95px;
  border-radius: 2px;
  background-color: #fcfcfd;
  border: solid 1px #e1e6ef;
}

.form-control.edpod_camera {
  left: 15px;
}

.form-control.edpod_gallery,
.form-control.edpod_camera {
  width: 150px;
  height: 95px;
  border-radius: 2px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  background-color: #fcfcfd;
  border: solid 1px #e1e6ef;
}

.form-control.edpod_gallery .epod_text,
.form-control.edpod_camera .epod_text {
  margin: 0px auto;
  max-width: 64px;
}

.form-control.edpod_gallery .epod_text .icon:before,
.form-control.edpod_camera .epod_text .icon:before {
  font-size: 26px !important;
}

input.field-property.maxRange.ng-invalid.ng-dirty {
  border-color: #f00 !important;
}

.geofenceMasterMapContainer {
  width: 100%;
}

.inpSearchLocation {
  float: left;
  height: 35px;
  line-height: 35px;
  width: 300px;
  text-indent: 10px;
  margin: 2px;
}

.geofenceSearchBox {
  height: 50px;
  width: 100%;
}

.searchTextBox {
  float: left;
  margin: 5px 20px 0 10px;
  border-radius: 5px;
  width: 350px;
  height: 40px;
  background: #fff;
}

.geoShapeBox {
  float: left;
  margin: 8px 0px 0px 0px;
  width: 200px;
}

.chkGeoShape {
  float: left;
  margin: 10px !important;
  width: 12px;
}

.chkGeoLabel {
  margin: 6px 0 0 0;
}

.geofenceSearchIcon {
  float: left;
  margin: 10px 0 0 6px;
  cursor: pointer;
  border-left: 1px solid #ccc;
  padding-left: 10px;
}

.geofenceMapContainer {
  float: left;
  width: 100%;
  height: 74vh;
  overflow: auto;
}

.plotModalHeader {
  background: #fcfcfd;
}

.plotModalHeaderLabel {
  color: #000 !important;
}

.plotModalOptions {
  width: 100%;
  min-height: 200px;
  border-bottom: 1px solid #ccc;
}

.plotOrdersData {
  float: left;
  width: 48%;
  height: 175px;
  margin: 10px 5px 0px 5px;
}

.plotOrderLabel {
  float: left;
  margin: 15px 0 5px 0px;
}

.plotOrderCalendar {
  float: left;
  margin: 0px 0 0 50px;
}

.geoUploadFile {
  background: #6F0881;
  color: #fff;
}

.geoPlotIcon {
  background: url(/product/assets/plot_location.63243cc2b1522c8c9ac4.svg) no-repeat;
  width: 20px;
  height: 20px;
  float: left;
}

.plotCustomData {
  float: left;
  width: 47%;
  height: 100%;
  margin: 20px 5px 5px 5px;
}

.no-padd {
  padding: 0px !important;
}

.orDiv {
  height: 200px;
  border-left: 1px solid #ccc;
  width: 1%;
  float: left;
}

.sepOr {
  position: absolute;
  top: 80px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  background: #fcfcfd;
  left: 320px;
  line-height: 50px;
  text-align: center;
}

.geoModal {
  width: 700px !important;
}

.geoLeft {
  float: left;
}

.geoCalIcon {
  padding: 5px 8px 5px 8px;
  float: left;
  border-radius: 0px !important;
}

.uploadFileDiv {
  float: left;
  width: 185px;
  height: 40px;
  line-height: 40px;
  text-align: left;
  cursor: pointer;
}

.uploadIcon {
  float: left;
  height: 40px;
  line-height: 30px;
  width: 35px;
  text-align: center;
  cursor: pointer;
}

.dwdIcon {
  float: left;
  height: 40px;
  line-height: 30px;
  width: 35px;
  color: #000;
  background: #fff;
  border: 1px solid #ccc;
  text-align: center;
  border-radius: 25px;
  cursor: pointer;
}

.geofenceBoxContainer {
  margin: 25px 10px 10px 0px;
  width: 300px;
}

.geofenceNameTxt {
  height: 40px;
  line-height: 40px;
  width: 100%;
  text-indent: 5px;
  border-radius: 2px;
  border: 1px solid #979797;
  color: #000;
  padding: 0px 0px 0px 9px;
  font-weight: 400;
  margin-top: 15px;
}

.geofenceNameTxt span,
.geofenceNameTxt input {
  font-weight: 400 !important;
}

.geofenceNameTxt .ui-select-placeholder {
  padding-left: 0px !important;
  font-weight: 400;
}

.geofenceNameTxt.ui-select-container input.ui-select-search {
  height: 40px !important;
  line-height: 40px !important;
  padding: 0px !important;
  border: 0px !important;
}

.geofenceNameTxt.ui-select-container .ui-select-match-text {
  padding: 0px;
  font-weight: 400;
}

.geofenceNameTxt.ui-select-container .ui-select-match-text span {
  font-weight: inherit;
}

.geofenceNameTxt .ui-select-match .btn.btn-default.form-control.ui-select-toggle {
  left: -5px;
}

.geofenceBoxRow {
  min-height: 25px;
  line-height: 25px;
  width: 100%;
}

.geofenceBoxSelect {
  height: 35px;
  line-height: 35px;
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 2px;
  text-indent: 5px;
}

.dataBox {
  width: 100%;
  margin-bottom: 30px;
}

.ctaBox {
  width: 100%;
  min-height: 30px;
  text-align: center;
}

.geofenceError {
  border: 1px solid #f00;
}

.errorMessage {
  color: #f00;
  height: 30px;
  line-height: 30px;
  font-weight: 400;
  display: none;
}

.geofenceDeleteMsgBox {
  text-align: left;
  margin: 15px 0px;
  font-weight: normal;
}

.geofenceBoxButtons {
  margin: 15px 0px;
  min-height: 30px;
}

.geofenceBoxButtons li {
  display: inline-block;
}

.geofenceBoxButtons li a {
  padding-top: 8px !important;
}

.geofenceBoxButtons li button,
.geofenceBoxButtons li a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  font-size: 12px;
  box-shadow: 0px 1px 9px -5px #000;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  color: #6F0881;
  font-weight: normal;
}

.geofenceBoxButtons li button:hover,
.geofenceBoxButtons li a:hover {
  background: #6F0881;
  color: #fff;
  border-color: #6F0881;
  box-shadow: 0px 5px 20px -8px #000;
}

.geofenceBoxButtons li button i.logi-icon,
.geofenceBoxButtons li a i.logi-icon {
  vertical-align: bottom;
  margin-right: 5px;
}

.geofenceBoxButtons li button i.logi-icon.rightIcon,
.geofenceBoxButtons li a i.logi-icon.rightIcon {
  margin-left: 5px;
  margin-right: 0px;
}

.geofenceBoxButtons li button[class="reset"],
.geofenceBoxButtons li .reset {
  color: #6F0881 !important;
  background-color: #fff !important;
  border: 1px solid #6F0881 !important;
  box-shadow: 0 0 0 0 transparent;
}

.geofenceHeading {
  float: left;
  margin: 15px 0px 10px 15px;
}

.geofenceSelectedVals {
  width: 150px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.geoViewLabel {
  float: left;
  width: 130px;
}

.geofence-multiline-select .ui-select-bootstrap .ui-select-match-item {
  white-space: normal;
}

#geofenceMasterTableData>.table tbody tr td.deliveryMediumMasterId,
#deliveryMediumTable .table tbody tr td.weeklyOff {
  white-space: nowrap;
  max-width: 160px;
  overflow: visible !important;
}

#geofenceMasterTableData>.table tbody tr td.deliveryMediumMasterId .ui-select-match,
#deliveryMediumTable .table tbody tr td.weeklyOff .ui-select-match {
  white-space: normal !important;
  display: block !important;
}

#geofenceMasterTableData>.table tbody tr td.deliveryMediumMasterId .ui-select-match-close {
  white-space: normal !important;
  margin: 5px -5px 0 0;
  width: 15%;
  float: right;
}

#geofenceMasterTableData>.table tbody tr td.deliveryMediumMasterId .ui-select-match span:nth-child(2),
#deliveryMediumTable .table tbody tr td.weeklyOff .ui-select-match span:nth-child(2) {
  white-space: normal !important;
  width: 80%;
  float: left;
  text-align: left;
}

.releaseMappedDbs {
  float: left;
  width: 300px;
  height: 40px;
  line-height: 40px;
}

.geoMapLegend {
  position: absolute;
  width: 100%;
  margin: 0 auto 0 auto;
  left: 0;
  right: 0;
  bottom: 0;
  height: 40px;
  line-height: 40px;
  background-color: #fcfcfd;
  box-shadow: 0 1px 3px 0 rgba(17, 41, 56, 0.25);
  border-color: #fcfcfd;
  border-radius: 2px;
  z-index: 999 !important;
}

.geoMapLegend.geoFull {
  width: 350px !important;
  bottom: 10px !important;
}

.legendBox {
  float: left;
  margin: 0 10px 0 10px;
  height: 100%;
  color: #46465f;
  font-size: 12px;
}

.unmappedGeo {
  float: left;
  height: 12px;
  width: 12px;
  background-color: #ef3434;
  border-radius: 1px;
  margin: 13px 5px 0 5px;
}

.mappedGeo {
  float: left;
  height: 12px;
  width: 12px;
  background-color: #6F0881;
  border-radius: 1px;
  margin: 13px 5px 0 5px;
}

.moreDbs {
  float: left;
  height: 10px;
  line-height: 5px;
}

.leaflet-bottom.leaflet-right {
  bottom: 30px !important;
  z-index: 999;
}

.leaflet-draw-actions li a {
  color: #fff !important;
}

.pieChartRouteTrip {
  height: 250px;
  width: 390px;
  position: relative;
  right: 27px;
  top: -1px;
}

.option-button {
  height: 41px;
  width: 150px;
  border-style: solid;
  border-color: #e0e0e8;
  border-width: 1px 1px 1px 0px;
  cursor: pointer;
}

.selectedRouteButton {
  background-color: #4a90e2;
  color: #fff;
}

.pointer {
  cursor: pointer;
}

.routeAnalyticsHeatMap {
  width: 80%;
  height: 50%;
  margin: 0 auto;
  position: relative;
  left: 5px;
  margin-top: 25px;
}

.heatMapCover {
  width: 1383px;
  border-style: solid;
  border-color: #e0e0e8;
  border-width: 1px 1px 1px 1px;
  margin-left: 30px;
  margin-right: 30px;
}

.disclaimerMapView {
  margin-left: 31px;
  margin-top: 15px;
}

.manifest-heightAuto {
  min-height: auto !important;
}

.createManifestForm .selected-close {
  display: none;
}

.createManifestForm .currentShipmentTextBox {
  width: 100%;
  height: 40px;
  border: 1px solid #979797;
  margin: 18px 0;
  padding: 0 8px;
  font-size: 12px;
}

.createManifestForm .createManifestSelectAll {
  width: 75px !important;
}

.createManifestForm .customTextBox {
  width: 15% !important;
  text-align: center;
  padding-left: 0px !important;
}

.createManifestForm .customTextBoxLabel {
  position: static !important;
  display: inline !important;
  margin-right: 19px;
}

.createManifestForm .addManifestControls {
  position: fixed;
  right: 20px;
  z-index: 100;
  bottom: 30px;
}

.mileTrip svg {
  height: 200px !important;
}

.mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
  transform: translate(135px, -2px);
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
  .search-dm {
    position: relative;
    margin-left: 60px !important;
  }
}


@media (max-width: 1400px) {
  #dashboard-wrapper .donut-wrapper .donut .left-content .graph-name span {
    font-size: 14px !important;
  }

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

  #dashboard-wrapper .donut-wrapper .nvd3 text {
    font-size: 9px !important;
  }

  #dashboard-wrapper.controlTowerFl .centerContent .resource-tracker-status svg {
    margin-left: 4.5vw !important;
  }

  .mileTrip svg {
    height: 200px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(10vw, -16px) !important;
  }

  .col-md-5 .table-record-actions {
    font-size: 11px !important;
  }

  .col-md-5 .table-record-actions .pagination-container {
    min-width: 120px !important;
  }

  .col-md-5 .table-record-actions .pagination-container-perPage {
    min-width: 110px !important;
  }

  .col-md-5 .table-record-actions .record-action-options-right a {
    padding: 0px 6px;
  }

  .logiGuide .selectedRows-count {
    width: 60px !important;
  }
}

@media (max-width: 1200px) {
  .logiNavbar .collapse .nav:not(.dropdown-menu) li a {
    font-size: 12px;
  }

  .logiHeader .top-header .top-nav .nav-right li {
    padding: 0 6px !important;
  }

  .radius {
    width: 1px !important;
  }

  .navBarsearch .search {
    top: 8px !important;
  }

  #pagination-dashboard-table .pagination-container-perPage {
    display: none !important;
  }

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

  .logiHeader .top-header .top-nav .nav-right li {
    left: 0px !important;
  }

  #userMenuCard.dropdown-user {
    width: 40vw !important;
  }

  #planningProgressCard.dropdown-user,
  #knowledgePortalContainer.dropdown-user {
    width: 40vw !important;
  }

  .pageHeader .heading form.form {
    position: absolute !important;
    top: 50px !important;
    left: 0px !important;
    margin-left: 30px !important;
    font-size: 12px !important;
  }
}

@media (max-width: 767px) {
  .logiNavbar {
    margin: 60px -20px;
    position: absolute;
    box-shadow: 0px 2px 10px rgba(101, 101, 101, 0.58);
  }

  .logiNavbar .navbar-toggle {
    float: right !important;
    display: block !important;
  }

  .logiNavbar .collapse .nav:not(.dropdown-menu) li a {
    width: 100vw;
    text-align: center;
  }

  .logiNavbar .collapse .nav li a.active {
    background-color: #6F0881 !important;
    color: #fff !important;
  }

  .logiNavbar .collapse .nav li a.active .icon {
    color: #fff !important;
  }

  .logiNavbar .collapse .nav li a.active .icon:before {
    color: #fff !important;
  }

  .navbar-toggle.logi-navbar-toggle {
    position: fixed;
    top: 5px;
    left: 110px;
  }

  .navbar-toggle.logi-navbar-toggle.highlightToggler {
    background: #6F0881 !important;
  }

  .navbar-toggle.logi-navbar-toggle.highlightToggler .icon-bar {
    background-color: #fff !important;
  }

  .nav.navbar-nav {
    box-shadow: 0px 2px 7px rgba(97, 97, 97, 0.58) !important;
    display: block !important;
  }

  .navbar-collapse .nav.navbar-nav table {
    margin: auto !important;
  }

  #mile-resource-wrapper .graph-section.content {
    margin-bottom: 30px;
  }

  .dropdown-user {
    min-width: 50% !important;
  }

  #dashboard-wrapper section.trips-active-data .trip-graph ul.header-menu li {
    font-size: 10px !important;
  }
}

@media (width: 768px) and (orientation: portrait) {
  .logiHeader .top-header .logo {
    display: none;
  }

  .mileTrip svg {
    height: 200px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(30vw, -16px) !important;
  }
}

@media (width: 1024px) and (orientation: landscape) {
  .haul-card .right-content svg {
    margin: 20px !important;
  }

  .info-container .col-md-4 {
    width: 50% !important;
  }

  #dashboard-wrapper .donut-wrapper .donut .left-content .not-dispatched span {
    font-size: 9px !important;
  }

  #dashboard-wrapper .donut-wrapper .donut .left-content .graph-name span {
    font-size: 9px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(86px, -16px) !important;
  }
}

@media (max-width: 875px) and (min-width: 766px) {
  .logiHeader .top-header .logo {
    display: none;
  }
}

@media (max-width: 375px) {
  #mile-resource-wrapper .graph-section.content {
    margin-bottom: 20px;
  }

  .mileTrip svg {
    height: 200px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(30vw, -16px) !important;
  }

  .dropdown-user {
    min-width: 100% !important;
  }
}

@media (max-width: 420px) and (-webkit-min-device-pixel-ratio: 2) {
  #pagination-dashboard-table .pagination-container-perPage {
    display: none !important;
  }

  .logiHeader .top-header .top-nav .nav-right li {
    padding: 0 4px !important;
  }

  .navBarsearch {
    display: none !important;
  }

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

  .mileTrip svg {
    height: 200px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(100px, -16px) !important;
  }

  .dropdown-user {
    min-width: 90% !important;
  }
}

@media (max-width: 992px) {
  .table-wrapper.row.col-md-12 {
    top: 0px !important;
  }

  .pagination-container {
    min-width: 50px !important;
  }

  .count {
    padding: 0px 9px;
  }

  .table-wrapper .table-record-actions {
    padding: 9px 3px 8px 12px;
  }

  .map_fullscreen.card.vehicle-map-view-container {
    position: relative !important;
    margin-left: 0px !important;
  }

  .pagination-container-perPage {
    margin-right: 10px;
    margin-left: 10px;
  }

  .globalDtIcon {
    display: none !important;
  }

  .dateWrapper input {
    width: 100px !important;
  }

  .dateWrapper .trackingDateFilter {
    min-width: 100px !important;
  }

  .navbar-collapse.in {
    overflow-y: auto;
    margin-left: 20px;
  }

  .customReportSection {
    margin: 100px 20px 0px 20px !important;
    padding: 0 !important;
  }

  form[name="misReport"] {
    margin-top: 150px;
  }

  form[name="misReport"] .date-rangepicker {
    position: absolute;
    margin-top: -65px !important;
  }

  .mileTrip svg {
    height: 200px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(36vw, -16px) !important;
  }

  .dropdown-user {
    min-width: 50% !important;
  }

  .pageHeader .action-items {
    line-height: 24px;
    position: absolute;
    left: 20px;
    margin-top: 75px !important;
  }
}

@media (min-width: 1500px) {
  .mileTrip svg {
    height: 200px !important;
  }

  .mileTrip svg .nvd3.nv-wrap.nv-pieChart .nv-pieWrap .nv-pie {
    transform: translate(12vw, 0px) !important;
  }

  #dashboard-wrapper.controlTowerFl .centerContent .resource-tracker-status svg {
    margin-left: 6.5vw !important;
  }
}

@media (max-width: 1290px) and (min-width: 992px) {
  .dropdown-user {
    min-width: 25% !important;
  }
}

@media (max-width: 560px) {

  #userMenuCard.dropdown-user,
  #planningProgressCard.dropdown-user,
  #knowledgePortalContainer.dropdown-user {
    width: 100vw !important;
  }
}

nav.logiNavbar .navbar-header button.navbar-toggle.logi-navbar-toggle .icon-bar:before {
  content: '' !important;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }

  100% {
    -moz-transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }

  100% {
    -o-transform: rotate(359deg);
  }
}

@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }

  100% {
    -ms-transform: rotate(359deg);
  }
}

.icon-spin {
  display: inline-block;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  -webkit-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

#orderTable .icon-spin,
#haulTripGrid .icon-spin,
#inTransitHubTable .icon-spin,
#mileTrip .icon-spin {
  display: inline-block;
  -moz-animation: spin 0.4s infinite linear;
  -o-animation: spin 0.4s infinite linear;
  -webkit-animation: spin 0.4s infinite linear;
  animation: spin 0.4s infinite linear;
}

.getThisElementOutOfHere {
  display: inline-block;
  -moz-animation: goAway 1s linear;
  -o-animation: goAway 1s linear;
  -webkit-animation: goAway 1s linear;
  animation: goAway 1s linear;
}

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

@-o-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(359deg);
  }
}

@-moz-keyframes spin90 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@-webkit-keyframes spin90 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@-o-keyframes spin90 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@keyframes spin90 {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(45deg);
  }
}

@-moz-keyframes goAway {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0.5;
  }
}

@-webkit-keyframes goAway {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0.5;
  }
}

@-o-keyframes goAway {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0.5;
  }
}

@keyframes goAway {
  0% {
    transform: translateY(0%);
    opacity: 1;
  }

  100% {
    transform: translateY(100%);
    opacity: 0.5;
  }
}

.singleLineNodes div.col-md-3 {
  width: 18%;
}

.routeFormAddButton {
  margin-left: 0px !important;
}

.routeFormRemButton {
  font-size: 50px !important;
}

.logiCustomCheck#showIntransitHubs:checked+label {
  background-color: #1919ff;
  border-color: #1919ff;
  content: '';
}

.logiCustomCheck#showIntransitHubs:checked+label:after {
  content: '';
}

.logiCustomCheck#showAllGeofences:checked+label {
  background-color: #f00;
  border-color: #f00;
  content: '';
}

.logiCustomCheck#showAllGeofences:checked+label:after {
  content: '';
}

.singleLineNodes .middlemile-addroute-number.logi-delivery-order {
  width: 5% !important;
  margin-right: -20px;
}

.singleLineNodes .middlemile-addroute-number.logi-delivery-order .delivery-order-label {
  display: none !important;
}

.singleLineNodes .middlemile-addroute-select,
.singleLineNodes .middlemile-addroute-text,
.singleLineNodes .middlemile-addroute-time,
.singleLineNodes .middlemile-addroute-number {
  width: 11.5% !important;
}

.route-timeline-wrapper {
  display: flex;
  width: 90%;
  overflow: hidden;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 85px;
  align-items: center;
}

.route-timeline-wrapper .item {
  flex: 1;
  display: flex;
  align-items: center;
}

.route-timeline-wrapper .item-details {
  position: absolute;
  margin-top: 30px;
}

.route-timeline-wrapper .item-details.item-sub-details {
  margin-top: 50px;
  color: #808080;
  font-size: 12px;
}

.single-route {
  flex: 1;
  border-bottom: 2px solid #6F0881;
  position: relative;
}

.single-route img {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  background: #fff;
}

.direction-arrow-right {
  border: solid #629ad0;
  border-width: 0 2px 2px 0;
  display: inline-block;
  padding: 3px;
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  margin-left: -8px;
  margin-right: 2px;
}

.rotate180 {
  transform: scaleX(-1) !important;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.rotate-180 {
  transform: scaleX(1) !important;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.rotatePlane180 {
  transform: scaleX(-1) rotate(90deg) !important;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.rotatePlane-180 {
  transform: scaleX(1) rotate(90deg) !important;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.flightImgAlign {
  position: relative;
  top: 17px;
}

.remFlightImgAlign {
  top: 0px;
}

.advancedSearchWrapper .newFilterBox .columnListDropdown.ui-select-container {
  height: 40px !important;
}

.advancedSearchWrapper {
  padding: 0 25px !important;
  z-index: 99999;
}

.advancedSearchWrapper .ui-select-multiple .ui-select-match {
  max-width: 70% !important;
}

.advancedSearchWrapper .collapsedFilterBox .filterDeleteBtn {
  top: -2px !important;
}

.advancedSearchWrapper .ui-select-container .ui-select-search {
  height: 30px !important;
  border-bottom: none !important;
}

.advancedSearchWrapper .ui-select-container .btn.btn-default.ui-select-toggle {
  height: 30px;
  line-height: 30px;
}

.advancedSearchWrapper .ui-select-toggle {
  font-size: 13px;
}

.advancedSearchWrapper .margin10 {
  margin: 10px 0;
}

.advancedSearchWrapper .columnListDropdown.searchValText {
  height: 30px;
  line-height: 30px;
  border: 1px solid #979797 !important;
  font-size: 13px;
  padding: 0 10px;
}

.advancedSearchWrapper .operationDropdown.ui-select-container {
  margin-top: 0px;
  margin-bottom: 0px;
  border-radius: 0;
  box-shadow: none;
  height: 30px !important;
  background: #fff !important;
  width: 285px;
  padding: 0 !important;
}

.advancedSearchWrapper .newFilterBox .operationDropdown .ui-select-match-text {
  top: unset;
  height: 30px;
  line-height: 30px;
}

.advancedSearchWrapper .icon-dropdown-angle:before {
  top: unset;
}

.advancedSearchWrapper .newFilterBox .columnListDropdown.ui-select-container {
  margin: 0;
  display: inline-block;
}

.advancedSearchWrapper .newFilterBox .columnListDropdown.ui-select-container .icon-dropdown-angle:before {
  font-size: 6px;
  opacity: 0.7;
}

.advancedSearchWrapper .newFilterBox .columnDrop {
  top: -30px;
}

.advancedSearchWrapper .selectedFilterSpan {
  text-align: center;
  padding: 10px;
}

.advancedSearchWrapper .advancedSearch-header {
  background: #6F0881;
  color: #fff;
  line-height: 45px;
  margin: 0 -25px;
  margin-bottom: 0;
  padding: 0px 15px;
  font-size: 15px;
}

.advancedSearchWrapper .advancedSearch-header i.logi-icon {
  cursor: pointer;
  opacity: 0.6;
  font-size: 20px;
}

.advancedSearchWrapper .advancedSearch-header i.logi-icon:hover {
  opacity: 1;
}

.filters-wrapper {
  margin: 15px 0;
}

.filters-wrapper .filter-heading {
  position: relative;
  color: #42425c;
  text-align: center;
  font-size: 13px;
  padding: 5px 0px;
}

.filters-wrapper .filter-heading span {
  background: #fff;
  padding: 0px 10px;
}

.filters-wrapper .filter-heading::before {
  content: '';
  position: absolute;
  left: -25px;
  height: 1px;
  width: calc(100% + 50px);
  border-top: 1px solid #ddd;
  margin-top: 7px;
  z-index: -1;
}

.advanced-filter-footer {
  position: fixed;
  bottom: 0;
  width: 420px;
  right: 0px;
  padding: 0 15px;
}

.advancedSearchWrapper {
  z-index: 9001;
  top: 0px;
  overflow-y: auto;
  overflow-x: hidden;
  margin-bottom: 0px;
  max-width: 420px;
  width: 100%;
  box-shadow: -7px 2px 15px 0 rgba(0, 0, 0, 0.19) !important;
}

.advancedSearchWrapper .ui-select-bootstrap .ui-select-choices {
  min-width: 0px;
}

.advancedSearchWrapper .col-md-12 {
  text-align: center;
}

.advancedSearchWrapper .icon-close {
  font-weight: bold;
}

.advancedSearchWrapper .col-md-12,
.advancedSearchWrapper .col-md-10,
.advancedSearchWrapper .col-md-2 {
  padding-left: 0px;
  padding-right: 0px;
}

.advancedSearchWrapper .searchTitle {
  text-align: center;
  color: #42425c;
  font-weight: bold;
}

.advancedSearchWrapper .close {
  color: #838383;
  font-size: 15px;
  opacity: 0.7;
  text-align: right;
}

.advancedSearchWrapper .hrTitle span {
  position: relative;
  font-size: 10px;
  color: #42425c;
  background: #fff;
  padding: 10px;
}

.advancedSearchWrapper .noFilterMsg {
  font-size: 12px;
  padding: 5px 0;
  color: #b7b7b7;
  position: relative;
}

.advancedSearchWrapper .addFilterWrapper {
  padding: 15px;
  border: 1px dashed #979797;
  color: #6F0881;
  cursor: pointer;
}

.advancedSearchWrapper .logi-icon.icon-Product-Icons_Add {
  margin-right: 5px;
}

.advancedSearchWrapper .advancedFilterBtnWrapper {
  position: relative;
}

.advancedSearchWrapper .logiPrimaryDisabledBtn,
.advancedSearchWrapper .logiPrimaryActiveBtn {
  background: #6F0881;
  border: 1px solid #6F0881;
  color: #fff;
}

.advancedSearchWrapper .collapsedFilterBox {
  border: 1px solid #e6e6e6;
  margin-bottom: 10px;
  border-radius: 4px;
  padding: 0 10px;
  cursor: pointer;
  text-align: left;
  height: 45px;
  line-height: 45px;
}

.advancedSearchWrapper .collapsedFilterBox .fieldLabel {
  color: #42425c;
  font-size: 13px;
  font-weight: bold;
  float: left;
}

.advancedSearchWrapper .collapsedFilterBox .operationLabel {
  color: rgba(66, 66, 92, 0.7);
  font-size: 13px;
  font-style: italic;
  margin: 0 10px;
  float: left;
  position: relative;
}

.advancedSearchWrapper .collapsedFilterBox .contentLabel {
  color: #42425c;
  font-size: 13px;
  float: left;
  width: 110px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
}

.advancedSearchWrapper .newFilterBox {
  position: relative;
  padding: 10px 15px;
  margin-bottom: 10px;
  background-color: #fff;
  border: 1px solid #e7e7e7;
  color: rgba(66, 66, 92, 0.73);
  text-align: left;
}

.advancedSearchWrapper .newFilterBox .operationDropdown .ui-select-match-text {
  position: relative;
}

.advancedSearchWrapper .operationDropdown {
  border: 1px solid #979797;
  padding: 5px !important;
  width: 180px;
  background-image: linear-gradient(to bottom, #fcfcfc, #fcfcfc) !important;
  font-size: 11px;
  color: #42425c;
  border-radius: 3px;
  background-color: #fcfcfc !important;
}

.advancedSearchWrapper .columnListDropdown {
  background: none !important;
  width: 285px;
  border: 1px solid #abacbb;
  border-radius: 0px;
  cursor: pointer;
  font-size: 12px;
  height: 40px;
  color: #42425c;
}

.advancedSearchWrapper .searchValText {
  cursor: auto;
}

.advancedSearchWrapper .columnDrop {
  position: relative;
  left: 268px;
  top: -20px;
  color: #acacac;
  cursor: pointer;
}

.advancedSearchWrapper .operationDrop {
  position: relative;
  left: 160px;
  color: #acacac;
  cursor: pointer;
}

.advancedSearchWrapper .selectDrop {
  position: relative;
  margin-left: -24px;
  color: #333;
  cursor: pointer;
}

.advancedSearchWrapper .selectDrop i.caret {
  margin-top: 1px;
}

.advancedSearchWrapper .filterContainerOverlay {
  position: absolute;
  bottom: 0;
  top: 45px;
  left: 0;
  right: 0;
  background: #fff;
  opacity: 0.8;
  height: calc(100vh - 190px);
  width: 100%;
  z-index: 100;
}

.advancedSearchWrapper .filterContainer .overflow-fix {
  overflow: auto;
  height: calc(100vh - 450px);
  margin-bottom: 15px;
}

.advancedSearchWrapper .filterContainer::-webkit-scrollbar {
  display: none;
}

.advancedSearchWrapper .filterDeleteBtn {
  position: relative;
  float: right;
  top: -14px;
  cursor: pointer;
}

.advancedSearchWrapper .savePanel {
  position: relative;
  background: #f8f8f8;
  padding: 8px;
  color: #6F0881;
  font-style: italic;
  cursor: pointer;
}

.advancedSearchWrapper .filterNameWrapper {
  position: relative;
}

.advancedSearchWrapper .deltag {
  position: absolute !important;
  display: none;
  z-index: 1;
  border: 1px solid #ed6261;
  border-radius: 15px;
  width: 25px;
  height: 25px;
  line-height: 16px;
  background: #fff;
  font-size: 14px;
  padding: 2px !important;
  color: #ed6261;
  top: 1px !important;
  right: -12px;
  cursor: pointer;
}

.advancedSearchWrapper .deltag:hover {
  background: #ed6261;
  color: #fff;
}

.advancedSearchWrapper .filtersContainer {
  position: relative;
  background: #fafafa;
  padding: 10px;
  border: 1px solid #eee;
  max-height: 110px;
  overflow-y: auto;
}

.advancedSearchWrapper .filtersContainer:hover {
  overflow-y: auto;
  overflow-x: hidden;
}

.advancedSearchWrapper .filterTab {
  margin: 0 5px;
  padding: 5px 10px;
  box-shadow: 0px 1px 13px -6px #000;
  background: #fff;
  position: relative;
  border-radius: 2px;
  color: #424242;
  display: inline-block;
  text-overflow: ellipsis;
  font-size: 12px;
  width: 97px;
  cursor: pointer;
}

.advancedSearchWrapper .filterTab:hover .deltag {
  display: block;
}

.advancedSearchWrapper .filterTab .icon-delete-button {
  color: #ed6261;
}

.advancedSearchWrapper .selectedFilterDiv {
  background: #6F0881 !important;
  color: #fff;
}

.advancedSearchWrapper .selectedFilterDiv:after {
  background: #6F0881;
}

.advancedSearchWrapper .ui-select-multiple.ui-select-bootstrap .ui-select-match .close {
  overflow: hidden !important;
}

.advancedSearchWrapper .ui-select-bootstrap>.ui-select-choices {
  max-height: 150px;
}

.advancedSearchWrapper .filterError {
  color: #f00;
  font-size: 12px;
  padding: 5px;
}

.icon-ry-filter {
  cursor: pointer;
}

.appliedFilterSpan {
  position: absolute;
  height: 30;
  margin-top: 41px;
  z-index: 10;
  width: calc(100% - 15px);
  background: var(--color-primary-medium);
  padding: 6px 10px !important;
  font-size: 12px;
  color: var(--color-primary-main);
  text-align: center !important;
}

.appliedFilterSpan:before {
  content: "";
  height: 30px;
  width: 15px;
  background: var(--color-primary-medium);
  position: absolute;
  left: -15px;
  top: 0;
}

.appliedFilterSpan .icon-close:before {
  font-size: 10px;
}

.appliedFilterSpan .removeFilterSpan {
  padding: 0 3px;
  color: var(--color-primary-main);
  cursor: pointer;
}

.filterCount {
  border: 1px solid #ed6261;
  border-radius: 10px;
  background: #ed6261;
  color: #fff;
  position: absolute;
  top: 5px;
  left: 13px;
  height: 15px;
  width: 15px;
  font-size: 10px;
  /* padding: 5px; */
  line-height: 15px;
  text-align: center;
  padding: 0;
}

.pendingFilterCount {
  border: 1px solid #ed6261;
  border-radius: 10px;
  background: #ed6261;
  color: #fff;
  position: absolute;
  top: 9px;
  left: 10px;
  height:9px;
  width: 9px;
  font-size: 10px;
  line-height: 15px;
  text-align: center;
  padding: 0;
}


.third-count-visible{
  width: auto ;
  min-width: 15px;
  left: 10px ;
  height: auto ;
  min-height: 15px;
}
.displayBlock {
  display: block !important;
}

.btn-white .filterCount {
  top: -5px;
  left: 15px;
}

.naruto .multiselect-parent {
  margin: 0;
}

.naruto .multiselect-parent button {
  height: 30px;
  background: #fff !important;
  border: none;
  box-shadow: none;
  border: 1px solid #ddd !important;
  color: #333;
}

.naruto .multiselect-parent button span.caret {
  color: #333 !important;
}

.naruto .multiselect-parent ul.dropdown-menu li a {
  overflow-x: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.naruto {
  position: absolute;
  z-index: 1000;
  top: 50px;
  right: 15px;
  width: 600px;
  background: #fff;
  box-shadow: -4px 5px 30px -9px #000;
}

.naruto .filter-name {
  color: #333;
  height: 30px;
  padding: 0 8px;
  font-size: 13px;
}

.naruto.near-header {
  top: 0;
  left: 215px;
  right: initial;
}

.naruto .filter-preview {
  padding: 10px 0;
}

.naruto .ui-select-container,
.naruto .date-rangepicker,
.naruto .columnListDropdown {
  font-size: 13px;
  height: 30px;
  line-height: 30px;
  border: none;
  margin-bottom: 0px;
  border: 1px solid #ddd;
  box-shadow: none;
}

.naruto .date-rangepicker,
.naruto .searchValText {
  padding: 0 8px;
  width: 100%;
}

.naruto .newFilterBox {
  display: flex;
  margin: 0 -5px;
  align-items: center;
}

.naruto .newFilterBox .margin10 {
  margin: 0 5px;
  flex: 1;
}

.naruto .ui-select-container .ui-select-search {
  height: 30px !important;
  border: none !important;
}

.naruto-header {
  background: #6F0881;
  color: #fff;
  padding: 10px;
  font-size: 13px;
}

.naruto-body {
  position: relative;
  padding: 15px;
  max-height: 50vh;
  overflow: auto;
}

.naruto-body .filter-preview {
  padding-top: 0;
  margin-top: 10px;
  box-shadow: 0px 2px 13px -6px #000;
}

.naruto-body .filter-preview .preview-header {
  color: #fff;
  width: 100%;
  background: #6F0881;
  padding: 10px;
}

.naruto-body .filter-preview .preview-header .btn-white {
  text-transform: initial;
}

.naruto-body .filter-preview .filter-lineitem {
  padding: 10px;
  background: #eee;
  margin: 10px;
}

.naruto-body .filter-preview .filter-lineitem.add-lineitem {
  background: #fff;
  border: 1px dashed #6F0881;
  color: #6F0881;
  text-align: center;
}

.naruto-body .filter-preview .filter-lineitem.add-lineitem button {
  background: transparent;
  width: 100%;
}

.naruto-body .filter-preview .multiTagIdentifier {
  padding: 10px;
  background: #eee;
  margin: 10px;
}

.naruto-body .saved-filters-wrapper {
  position: relative;
  background: #fafafa;
  padding: 10px;
  border: 1px solid #ddd;
}

.naruto-body .saved-filters-wrapper .wrapper-label {
  opacity: 0.8;
  font-size: 13px;
  padding: 5px 5px;
}

.naruto-body .saved-filters-wrapper .filter-item {
  border-radius: 2px;
  position: relative;
  margin: 5px;
  cursor: pointer;
  background: #fff;
  display: inline-block;
  padding: 0 10px 0 10px;
  font-size: 13px;
  line-height: 26px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0 2px 15px -6px #000;
  color: #525252;
}

.naruto-body .saved-filters-wrapper .filter-item a {
  color: #eb6261;
}

.naruto-body .saved-filters-wrapper .filter-item.selectedFilterDiv {
  color: #fff;
  background: #6F0881;
}

.naruto-body .saved-filters-wrapper .filter-item.selectedFilterDiv a {
  color: #fff;
}

.naruto-body .saved-filters-wrapper .filter-item:before,
.naruto-body .saved-filters-wrapper .filter-item:after {
  left: -13px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid #fff;
}

.naruto-body .saved-filters-wrapper .filter-item span:before {
  height: 10px;
  width: 10px;
  background: #eee;
  position: absolute;
  left: 5px;
  top: 8px;
  border-radius: 50%;
  box-shadow: inset 1px 2px 8px -4px #000;
}

.naruto-footer {
  padding: 15px;
}

.naruto-footer .logi-btn:last-child {
  margin-right: 0;
}

.naruto.containedInside {
  position: static;
  box-shadow: none;
}

.naruto.containedInside .naruto-body {
  max-height: 70vh;
}

.naruto.fadeIn {
  top: 60px;
}

.showOnHover {
  position: absolute;
  z-index: 11;
  background: rgba(86, 152, 211, 0.95);
  border-radius: 2px;
  padding: 10px 10px;
  color: #fff;
  font-size: 13px;
  top: 0px;
  left: 15px;
  display: none;
  box-shadow: 0px 4px 20px -6px #000;
  margin-top: 40px;
  min-width: max-content;
}

.showOnHover .tip_close {
  position: absolute;
  top: 2px;
  right: 2px;
}

div#filterDetailsTemplate span::before {
  display: none;
}

.filter-item:hover .showOnHover {
  display: block;
}

.tabSwitch {
  margin: 0;
  font-size: 13px;
  background: #fff;
  max-width: 145px;
  overflow: hidden;
  max-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 10px 13px;
  display: block;
  color: #333;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  text-decoration: none;
  cursor: pointer;
}

.selectedTabSwitch {
  color: #fff;
  background: #6F0881;
}

.main-controller-wrapper-walletbalance .table-top-margin,
.main-controller-wrapper-wallettransaction .table-top-margin {
  margin-top: 15px;
}

.main-controller-wrapper-walletbalance .table-wrapper.row.col-md-12,
.main-controller-wrapper-wallettransaction .table-wrapper.row.col-md-12 {
  top: 15px;
}

.iconWrapper {
  background: rgba(239, 239, 239, 0.32);
  padding: 5.5px;
  border: 1px solid #e1e6f0;
  border-right: none;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.balanceWrapper {
  padding-left: 0px;
  background: #fff;
  padding: 4px;
  border: 1px solid rgba(225, 230, 240, 0.64);
  border-left: none;
  font-weight: bold;
  font-size: 13px;
  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.3);
}

.redFont {
  color: #ed6261 !important;
}

.main-controller-wrapper-walletbalance table thead tr .icon-search2,
.main-controller-wrapper-wallettransaction table thead tr .icon-search2,
.main-controller-wrapper-walletbalance table thead .searchRows .icon-search2,
.main-controller-wrapper-wallettransaction table thead .searchRows .icon-search2,
.main-controller-wrapper-walletbalance table thead th:nth-child(1) .icon-search2,
.main-controller-wrapper-wallettransaction table thead th:nth-child(1) .icon-search2 {
  display: block !important;
}

.main-controller-wrapper-walletbalance table thead th:not(:nth-child(1)) .icon-search2,
.main-controller-wrapper-wallettransaction table thead th:not(:nth-child(1)) .icon-search2 {
  display: none !important;
}

.withdrawForm .col-md-3 {
  width: 100%;
}

.material-ui-tableLikeDiv-wrapper {
  height: calc(100vh - 120px);
}

div.ui-grid-cell input[type=radio],
div.ui-grid-cell input[type=checkbox] {
  display: none;
}

#orderTripAssign label {
  cursor: pointer;
}

.ui-grid-row .STARTED.edit-btn,
.ui-grid-row .NOTSTARTED.edit-btn,
.ui-grid-row .Available.edit-btn {
  display: none;
  z-index: 99;
  position: absolute;
  line-height: 24px;
  text-align: right;
  left: 3px;
  color: #6F0881;
  font-size: 15px;
  margin-top: -21px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper {
  margin-left: unset;
  margin-right: unset;
  min-height: 100vh;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper {
  height: 100%;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper {
  overflow: hidden;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper {
  background: inherit;
  /* border 1px solid green */
  /* background: yellow */
  height: unset;
  padding-top: unset;
  position: initial;
  margin-bottom: unset;
  top: unset;
  width: unset;
  z-index: 999;
  background-color: initial;
  color: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader {
  margin-top: unset;
  margin-left: unset;
  margin-right: unset;
  margin-bottom: unset;
  max-height: unset;
  background: unset;
  border: unset;
  /* border 1px solid black !important */
  /* background pink */
  background: inherit;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
  padding: 15px 15px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .heading {
  font-size: unset;
  line-height: unset;
  margin: unset;
  margin-left: unset;
  float: unset;
  font-family: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .heading .breadcrumbs .breadCrumbElement {
  overflow: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .heading .breadcrumbs:first-child a {
  font-size: 17px !important;
  line-height: 30px;
  color: #000;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .heading .breadcrumb-dropdown-item {
  font-size: 17px !important;
  line-height: initial;
  color: #6F0881;
  cursor: pointer;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .action-items-material-ui {
  font-size: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .action-items-material-ui ul {
  margin-bottom: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .action-items-material-ui ul li label {
  font-weight: initial;
  margin-bottom: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .action-items-material-ui ul li .date-rangepicker {
  box-shadow: unset !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper .pageHeaderWrapper .pageHeader .action-items-material-ui ul li .globalDtIcon {
  border-radius: unset;
  padding: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent {
  padding: 0px;
  min-height: unset;
  height: unset;
  background: inherit !important;
  padding-top: 0px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper {
  width: 100%;
  height: calc(100vh - 120px);
  /* 100vh - pageHeaderHeight - navbarHeight*/
  border: 0px dashed #f00;
  padding-bottom: 15px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper .material-ui-full-table-wrapper {
  height: 100%;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper .material-ui-full-map-wrapper {
  height: 100%;
  padding-left: 0;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper .map-display-options {
  overflow: hidden;
  height: 40px;
  margin: 0px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper .map-display-options li {
  padding: 0px 30px;
  height: 40px;
  line-height: 40px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .logiTable {
  margin-left: unset;
  margin-right: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .logiTable .table-responsive {
  overflow: hidden !important;
  max-height: unset;
  height: 100%;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .col-md-12.yolo {
  position: unset;
  min-height: unset;
  padding-right: unset;
  padding-left: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .card {
  border-radius: 2px !important;
  box-shadow: 0px 2px 20px -10px #000 !important;
  background: #fff !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .table-top-margin {
  margin: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .table-wrapper.row.col-md-12 {
  top: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .shift-table-top-40 {
  margin-top: unset !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .table-wrapper .table-record-actions {
  border: unset;
  background: #fff;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-cell,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell,
.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-cell,
.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-cell:last-child,
.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-pinned-container.ui-grid-pinned-container-left .ui-grid-header-cell:last-child {
  border-right-color: rgba(0, 0, 0, 0) !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-cell-contents {
  display: flex;
  align-items: center;
  font-size: 12px !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-header-cell .ui-grid-cell-contents {
  max-width: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header {
  border-bottom: 1px solid #ddd;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-cell-contents div:not(.ui-grid-selection-row-header-buttons),
.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-cell-contents a,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-bottom: 1px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background: #fff;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row:nth-child(odd) .ui-grid-cell {
  background: #fff;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row .ui-grid-cell {
  border-bottom: 1px solid rgba(0, 0, 0, 0.122) !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row:hover {
  background: var(--color-purple-100);
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row:hover .ui-grid-cell {
  background: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .table-responsive {
  border-top: unset !important;
  border-bottom: unset !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid {
  border: unset;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-column-menu-button {
  top: 6px;
  background: unset;
  color: #6F0881;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row-selected .ui-grid-cell {
  background-color: var(--color-primary-medium) !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable .ui-grid-row-header-cell {
  display: flex !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .table-wrapper .table-record-actions .record-action-options>li .hide-overlay,
.mainWrapper.materialDesignUIrevamp_tablewrapper .hideMoreButton {
  background: #fff;
  opacity: 0.8;
  height: 100%;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .record-action-options.dropdown a,
.mainWrapper.materialDesignUIrevamp_tablewrapper .record-action-options li a {
  text-transform: capitalize;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-canvas {
  padding-top: unset;
  min-height: 1px;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .box-icon {
  border: unset;
}

.material-ui-btn {
  height: 30px;
  width: auto;
  padding: 0rem 1.73rem;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  margin-right: 5px;
  white-space: normal !important;
  word-wrap: break-word;
}

.material-ui-btn:hover {
  transform: scale(1.07);
  z-index: 99;
}

.material-ui-btn .icon {
  margin-right: 6px;
  height: 16px;
}

.material-ui-btn .icon:before {
  font-size: 12px;
}

.material-ui-pageheader-btn {
  border-radius: 0em !important;
  font-size: 11px;
  line-height: 30px;
}

.material-ui-pageheader-btn span {
  display: inline-block;
}

.material-ui-dont-display-btn {
  display: none !important;
}

.material-ui-btn-active {
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
  cursor: pointer;
}

.material-ui-btn-active.non-hollow {
  color: #fff;
  background: linear-gradient(40deg, #45cafc, #6F0881);
}

.material-ui-btn-active.non-hollow.selected {
  color: #fff !important;
  background: linear-gradient(40deg, #45cafc, #6F0881) !important;
  box-shadow: inset 2px 2px 1px 1px rgba(0, 0, 0, 0.2) !important;
}

.material-ui-btn-active.non-hollow.selected:hover {
  box-shadow: inset 2px 2px 1px 1px rgba(0, 0, 0, 0.2), 0 2px 5px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.15) !important;
}

.material-ui-btn-active.hollow {
  color: #6F0881;
  color: linear-gradient(40deg, #45cafc, #6F0881);
  background: #fff;
  box-shadow: inset 0px 0px 0px 0px #6F0881, 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.material-ui-btn-active.hollow:hover {
  box-shadow: inset 0px 0px 0px 0px #6F0881, 0 2px 5px 0 rgba(0, 0, 0, 0.18), 0 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.material-ui-left-half-capsule {
  border-radius: 0em 0em 0em 0em !important;
  margin-right: -1px;
  z-index: 98;
}

.material-ui-right-half-capsule {
  border-radius: 0em 0em 0em 0em !important;
  margin-left: -1px;
  z-index: 98;
}

.material-ui-date-rangepicker.globalDtRange {
  background: inherit;
  color: #808080;
  border-bottom: 1px solid #808080;
  height: 30px !important;
}

.material-ui-calendar-icon {
  border-radius: 0em !important;
  height: 30px !important;
  width: 30px !important;
}

.material-ui-calendar-icon.icon:before {
  font-size: 12px !important;
}

.materialDesignUI {
  background: #fafafa !important;
}

.materialDesignUI.container-fluid {
  padding-left: unset;
  padding-right: unset;
  position: unset;
  overflow-x: unset;
  overflow: unset;
}

.materialDesignUI.container-fluid .wrapper {
  display: unset;
  table-layout: unset;
  overflow: unset;
}

.materialDesignUI.container-fluid .wrapper .headerCtrlWrapper {
  position: absolute;
  height: 60px;
  width: 100%;
  overflow: hidden;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.monday {
  border-top: 2px solid #6F0881 !important;
  border-left: 2px solid #6F0881 !important;
  border-left-color: #6F0881 !important;
  border-top-color: #6F0881 !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.sunday {
  border-top: 2px solid #6F0881 !important;
  border-right: 2px solid #6F0881 !important;
  border-top-color: #6F0881 !important;
  border-right-color: #6F0881 !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.tuesday,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.wednesday,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.thursday,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.friday,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-header-cell.headerCell.saturday {
  border-top: 2px solid #6F0881 !important;
  border-top-color: #6F0881 !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-cell #beatId-monday,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-cell #id-monday {
  border-left: 2px solid #6F0881 !important;
  border-left-color: #6F0881 !important;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-cell #beatId-sunday,
.mainWrapper.materialDesignUIrevamp_tablewrapper .ui-grid-cell #id-sunday {
  border-right: 2px solid #6F0881 !important;
  border-right-color: #6F0881 !important;
}

.ui-grid-header-cell .ui-select-container .ui-select-match-text {
  max-width: 85%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.uiGridTableWrapper .appliedFilter-wrapper {
  position: absolute;
  margin-top: 71px;
  width: 100%;
  z-index: 100;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper .map-display-options li {
  line-height: 30px;
  padding: 0px 15px;
}

.logiGuide div.ui-grid-cell input {
  height: 25px;
  padding: 0 5px;
}

.inline-select-wrapper .editTemplateDropDown {
  min-width: 0;
  width: 100%;
}

.editTemplateDropDown {
  min-width: 130px;
  width: 100%;
  height: 25px;
  padding-left: 5px;
  padding-right: 15px;
  border-bottom: 1px solid #6F0881;
  background: #fff;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.inline-select-wrapper,
.inline-multiselect-wrapper {
  position: relative;
  cursor: pointer;
}

.inline-select-wrapper:after {
  content: '';
  height: 10px;
  width: 12px;
  background: url(/product/assets/arrowDown.3999c58a6183f08d18ed.svg) no-repeat;
  position: absolute;
  background-size: 11px;
  right: 4px;
  top: 11px;
}

.actualCostCardBody .inline-select-wrapper:after {
  background: none;
}

.inline-multiselect-wrapper:after {
  content: '';
  height: 10px;
  width: 12px;
  background: url(/product/assets/arrowDown.3999c58a6183f08d18ed.svg) no-repeat;
  position: absolute;
  background-size: 11px;
  right: 4px;
  top: 15px;
}

.inline-multiselect-wrapper .ui-select-container.ui-select-multiple {
  border: 0 !important;
  border-bottom: 1px solid #6F0881 !important;
  min-width: 130px !important;
}

.inline-multiselect-wrapper .ui-select-container.ui-select-multiple input {
  height: 25px !important;
  width: 100% !important;
}

.uiGridTable .ui-grid-cell-contents .inline-date-wrapper input.inline-date-input {
  height: 25px !important;
  border: 0;
  border-bottom: 1px solid #6F0881 !important;
  min-width: 130px !important;
  padding: 0 3px;
}

.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-header-cell:first-child,
.ui-grid-pinned-container.ui-grid-pinned-container-right .ui-grid-cell:first-child {
  border: none !important;
}

.uploadDelBtn {
  border: 1px solid #babac2;
  border-radius: 20px;
  padding: 5px;
  text-align: center;
  width: 35px;
  margin-top: 5px;
  margin-right: 5px;
  color: #828395;
  cursor: pointer;
  float: right;
}

.uploadDelBtn:hover {
  background: #eee;
}

.liveWrapper {
  overflow: hidden;
  width: 100vw;
  height: calc(100%);
  position: absolute;
  background: #fff;
  min-width: 100vw;
  min-height: 600px;
  z-index: 999;
  background: #fff;
  overflow: scroll;
  overflow-x: hidden;
}

.flex-container {
  display: flex;
}

.flex-align-items-end {
  align-items: flex-end;
}

.space-between {
  justify-content: space-between;
}

#live_wrapper.live_withMintenanceMsg {
  height: calc(100vh - 60px - 35px);
}

.full-width {
  width: 100%;
}

.flex-justify-space-between {
  justify-content: space-between;
}

.cursor-pointer {
  cursor: pointer;
}

.liveRightPane_class {
  height: calc(100% - 35px);
}

.paneTabsHidden .liveRightPane_class {
  height: calc(100%);
}

.flex-row {
  flex-direction: row;
}

.flex-column {
  flex-direction: column;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-baseline {
  align-items: baseline;
}

.flex-center {
  align-items: center;
}

.flex-justify-center {
  justify-content: center;
}

.live_pane {
  height: 100%;
  position: sticky !important;
  /* overflow hidden */
}

.order_pane {
  background: #efefef;
  z-index: 1;
  width: 300px;
  left: 0px;
  flex-grow: 0;
  flex-shrink: 0;
}

.trip_pane {
  width: 300px;
  background: #efefef;
  z-index: 1000 !important;
  right: 0px;
  flex-grow: 0;
  flex-shrink: 0;
}

.map_pane {
  flex-shrink: 0;
  flex-grow: 0;
}

.left_pane {
  box-shadow: 15px 0px 5px -14px rgba(0, 0, 0, 0.271);
}

.right_pane {
  box-shadow: -15px 0px 5px -14px rgba(0, 0, 0, 0.271);
}

.map_pane {
  width: 100%;
  overflow: hidden;
  background: #aadafd;
}

.map_pane.live_pane .commonMapWrapper .addressBox_discard {
  width: 40%;
}

.resizer {
  position: absolute;
  height: 100%;
  width: 8px;
  background: rgba(255, 255, 255, 0);
  cursor: ew-resize;
  top: 0px;
  border-radius: 5px;
  z-index: 1001;
  display: none;
  opacity: 0;
  animation: fadeOutAnimation 0.3s ease-in !important;
}

.resizer:hover {
  background: #f6f8f9;
  background-image: url(/product/assets/moreColumns.af5c5e902bb7b15a5e41.svg);
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
  animation: fadeInAnimation 0.3s ease-in !important;
}

.resizer_left {
  left: -8px;
}

.resizer_right {
  right: -8px;
}

.resizer_adjust_right_discard {
  padding-right: 3px;
}

.resizer_adjust_left_discard {
  padding-left: 3px;
}

.mr10 {
  margin-right: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.pane_notification {
  position: relative;
  width: 100%;
  top: 0px;
  height: 80px;
  background: linear-gradient(to bottom right, #ffcd16, #e1c32d) !important;
  color: #000;
  text-align: left;
  border-radius: 3px;
  z-index: 100;
  cursor: pointer;
  font-size: 13px;
}

.pane_notification.pane_header {
  border-bottom: unset;
  height: 50px;
}

.pane_notification .notification_header {
  font-size: 13px;
  font-family: 'Gotham-Rounded-Medium';
  border_discard: 1px dashed #f00;
}

.pane_notification .notification_text {
  font-size: 12px;
  opacity: 0.5;
  border_discard: 1px dashed #f00;
}

.pane_notification .notification_icon {
  border_discard: 1px dashed #f00;
  width: 20px;
  height: 100%;
}

.pane_notification .notification_icon img {
  width: 100%;
}

.pane_header {
  position: relative;
  top: 0px;
  box-shadow: 0px 4px 15px -10px #000;
  background: #fafafa;
  width: 100%;
  padding: 10px;
  padding-bottom: 10px;
  padding-top: 15px;
  border-bottom: 1px solid #eee;
}

.pane_header.highlighted_blue {
  background: #b7d5ef;
}

.pane_header .pane_select_all {
  margin-left: 8px;
}

.pane_header .pane_select_all .logi-form-checkbox {
  margin: -1px 0px !important;
}

.pane_header .pane_heading {
  font-size: 15px;
  font-family: 'Gotham-Rounded-Medium';
}

.pane_header .pane_heading .dropdown i.logi-icon {
  position: absolute;
  right: -20px;
  top: 3px;
}

.pane_header .pane_selection_count {
  font-size: 12px;
  color: #ababab;
}

.pane_header .pane_pagination {
  font-size: 12px;
  text-align: center;
  color: #828395;
}

.ui-resizable-handle:hover {
  border: 2px solid #6F0881;
  background-image_discard: none !important;
  background: #6F0881;
  z-index: 0 !important;
}

.ui-resizable-resizing {
  filter_discard: grayscale(100%);
  opacity_discard: 0.8;
  background-image: none !important;
  width: 10px;
  background: #fff !important;
  pointer-events: none;
}

.ui-resizable-resizing .halfWindowIndication {
  display: block;
  display: none;
}

.ui-resizable-resizing .card_pane_wrapper {
  background-size: 50%;
  background-position: center;
  background-repeat: no-repeat;
}

.ui-resizable-e {
  cursor: col-resize;
  opacity: 1;
  background-image: url("/product/assets/Ticker%20left.88faf4217edfdf8a6167.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width_discard: 15px;
  right: -7px;
  filter: drop-shadow(1px 2px 0px #075dab);
}

.ui-resizable-w {
  cursor: col-resize;
  opacity: 1;
  background-image: url("/product/assets/Ticker%20right.9d2274e3e767d0de5839.svg") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  width_discard: 15px;
  left: -7px;
  filter: drop-shadow(-1px 2px 0px #075dab);
}

.softSelect {
  background: #fff !important;
  animation_discard: click-animation 0.1s alternate ease-in-out 0s;
  box-shadow: inset 0px 0px 0px 2px #6F0881;
}

.softSelect:hover {
  background: #fff !important;
}

.sticky {
  position: sticky;
  top: 0px;
  z-index: 1001;
}

.fullHeightSpan_discard {
  height: 100%;
  overflow: scroll;
  position: absolute !important;
  max-height: 100%;
}

.fullHeightSpan_discard .liveCard_swish_container {
  visibility: hidden;
}

.liveCard input[type="checkbox"].logiCustomCheck {
  visibility: hidden;
}

.hardSelected {
  background: var(--color-primary-medium) !important;
}

.hardSelected.card_discard {
  box-shadow: inset 0px 0px 1px 1px #6F0881, 0px 1px 0px 0px rgba(0, 0, 0, 0.341) !important;
}

.tar {
  text-align: right;
}

.logiFormActionButtons.convertToTableBtns button {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  font-size: 12px;
  box-shadow: 0px 1px 9px -5px #000;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  color: #6F0881 !important;
  background: #fff !important;
}

.logiFormActionButtons.convertToTableBtns button:hover,
.logiFormActionButtons.convertToTableBtns button.active {
  background: #6F0881 !important;
  color: #fff !important;
  box-shadow: 0px 5px 20px -8px #000;
}

.tac {
  text-align: center;
}

.dmIconWrapper {
  width: 40px;
  height: 40px;
  filter: drop-shadow(0px 1px 0px #fff);
  background: transparent;
  position: relative;
  border-radius: 50%;
}

.dmIconWrapper.animateMe {
  animation: fadeIn3 1s linear 0s infinite alternate, last-location-animation-subtle 2s ease-out infinite !important;
}

.dmIconWrapper.dmIntransit {
  padding: 5px;
}

.dmIconWrapper .baseIcon img {
  width: 100%;
  height: 100%;
}

.inPaneModalHeader {
  height: 35px;
  text-align: center;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.6px;
  background: #6F0881;
  position: relative;
  line-height: 35px;
}

.inPaneModalHeader .close-header {
  float: right;
  cursor: pointer;
}

.inPaneModalHeader .close-header i {
  font-size: 18px;
}

.btn_overlay {
  position: absolute;
  background: #fff;
  height: 30px;
  cursor: not-allowed;
  width: 90px;
  overflow: hidden;
  opacity: 0.8;
  text-align: center;
  margin: auto;
}

.btn_overlay .logi-spinner {
  width: 100%;
  transform: scale(0.6);
  margin-top: 7px;
}

.detail_label {
  font-family: 'Gotham-Rounded-Medium' !important;
}

.suggestedTrip {
  background: #ff0;
  padding: 5px;
  font-size: 12px;
  color: #000;
}

.liveCard_swish_container {
  position: relative;
  width: 100%;
  height: 3px;
  top: 0px;
  left: 0px;
  margin-top: 7px;
  z-index: 0;
}

.swishAnimation {
  animation: swish-l2r 0.85s ease-out 0s;
}

.suggest_trips_settings {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  z-index: 1013;
  background: #fff;
  height: 100%;
}

.suggest_trips_settings .content {
  position: relative;
  height: calc(100% - 50px);
  width: 100%;
}

.suggest_trips_settings .content .formElementsWrapper {
  position: relative;
  max-height: calc(85vh - 80px);
  overflow-y: scroll;
  overflow-x: hidden;
  padding: 15px;
}

.suggest_trips_settings .logiFormActionButtons {
  right: 15px;
}

.saveDRSwidget_relativeBackdrop {
  height: 100px;
  width: 100%;
  position: relative;
}

.saveDRSwidget {
  background: #fff;
  z-index: 9000;
  width: 100%;
  height: 70px;
  left: 0px;
  padding: 15px;
  position: absolute;
  bottom: 10px !important;
  text-align: right;
  overflow: hidden;
}

.saveDRSwidget li {
  margin-top: 0px;
  display: inline-block;
}

#live_main_map.commonMapWrapper {
  padding: 0px;
}

.compositeMarkers_DM {
  background: #6F0881 !important;
}

.compositeMarkers_DM .marker-cluster-container_discard {
  /* background-image: url("../images/newicons/nav/userIcon_blue.svg") !important; */
  background-repeat: no-repeat;
  font-size: 12px;
  opacity: 1;
}

.pane_calendar .pseudo-datepicker,
.chatCalendarSearch .pseudo-datepicker {
  width: 100%;
  height: 100%;
  background: #000;
  position: absolute;
  top: 0px;
  opacity: 0;
  cursor: pointer;
}

.pane_calendar i.logi-icon,
.chatCalendarSearch i.logi-icon {
  cursor: pointer;
  padding: 5px;
}

ul.dropdown-menu.liveCardDropdown {
  max-height: 250px;
  border: unset;
  overflow: auto;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

ul.dropdown-menu.liveCardDropdown li a.selected {
  background: #6F0881 !important;
  color: #fff !important;
}

ul.dropdown-menu.liveCardDropdown li a.selected:hover {
  background: #6F0881 !important;
  color: #fff !important;
}

.pane_heading ul.dropdown-menu {
  max-height: 250px;
  overflow-y: auto;
}

.liveCardDropdown.dropdown-menu>li>a {
  padding: 10px 15px;
  font-size: 13px;
  min-width: 200px;
}

.liveCardDropdown.dropdown-menu>li>a:hover {
  background-color: #f5f5f5;
  color: #6F0881;
}

.pane_pagination .pagination-remote {
  margin-left: -5px;
}

.pane_pagination .pagination-remote .pagination_btn {
  font-size: 13px;
}

.pane_pagination .pagination-remote>span {
  padding: 0 3px;
}

.pane_pagination .pagination-pagesize-container {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2px;
  height: 20px;
}

.pane_pagination .pagination-pagesize-container span.icon {
  padding-left: 5px;
}

.live-card-wrapper {
  border-bottom_discard: 1px solid #ddd;
  margin: 2px;
  border-radius: 3px;
  box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.38), 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.live-card-wrapper:hover {
  box-shadow: 0px 4px 7px -2px rgba(0, 0, 0, 0.36), 0px 0px 1px rgba(0, 0, 0, 0.2);
}

.live-card-wrapper:last-child {
  border: none;
}

.liveCard {
  width: 100%;
  color: #1a1a1a;
  border-radius: 3px;
  font-size: 13px;
  margin-bottom: 0px;
  background: #fff;
  padding_discard: 10px 0px 0px 0px;
}

.liveCard:hover {
  background: #fff;
  z-index: 1000;
}

.liveCard .card_data {
  flex: 1;
  width: 100%;
}

.liveCard .card_checkbox .logi-form-checkbox {
  margin: 6px -1px;
}

.liveCard .close_card_btn {
  float: right;
  height: 30px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  color: #f00;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
  display: inline-block;
}

.liveCard .close_card_btn i {
  font-size: 18px;
}

.liveCard .card_data_detail {
  padding-left: 5px;
  margin-left: 35px;
  margin-right: 10px;
}

.liveCard .card_data_more_details_btn {
  margin: 10px 0;
  color: #6F0881;
  font-size: 12px;
}

.liveCard .card_data_more_details_btn span {
  border-bottom: 1px solid;
}

.liveCard .card_data_more_details_btn i.logi-icon {
  margin-right: 2px;
  border: 1px solid;
  border-radius: 50%;
  font-size: 11px;
  height: 13px;
  width: 13px;
  display: inline-block;
}

.liveCard .card_action_btns {
  position: relative;
  bottom: 0px;
  width: 100%;
  height: 70px;
}

.liveCard .card_action_btns .dropdown-more {
  position: initial !important;
}

.liveCard .card_action_btns .dropdown-more .dropdown-menu {
  right: 0;
}

.liveCard .card_action_btns .logi-btn-primary {
  height: 30px;
  line-height: 30px;
  padding: 0 10px;
  font-size: 12px;
}

.liveCard .card_action_btns .logi-btn-primary i {
  font-size: 12px;
}

.liveCard .card_action_btns .dropdown-toggle i {
  margin: 0;
}

.liveCard .card_action_btns button i {
  font-size: 12px;
}

.liveCard .card_data_badge {
  background: #fff;
  border_discard: 1px dashed #777;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 0px;
  margin-left: 10px;
  transform: scale(0.9);
}

.liveCard .card_data_primary {
  flex: 1;
}

.liveCard .card_data_primary .card_data_heading {
  color: #1a1a1a;
  font-size: 13px;
  font-family: "Gotham-Rounded-Medium";
  height: 18px;
}

.liveCard .card_data_primary .card_data_heading i.order_type {
  font-size: 12px;
  color: #a0a0a0;
  font-family: "Gotham-Rounded";
  text-transform: lowercase;
}

.liveCard .card_data_primary .card_data_subheading {
  padding-top: 3px;
  color: #a0a0a0;
  font-family: "Gotham-Rounded";
  font-size: 12px;
}

.liveCard .detail_entity {
  margin: 4px 0;
  font-size: 12px;
}

.liveCard .detail_entity .detail_label {
  color: #1a1a1a;
  font-family_discard: "Gotham-Rounded" !important;
  padding-right: 5px;
  white-space: nowrap;
  font-weight: 700 !important;
  color: #333;
}

.liveCard .detail_entity .detail_value {
  color: #a0a0a0;
  color: #545454;
}

.detail_entity {
  max-width: 92%;
  text-overflow: ellipsis;
  overflow: hidden;
}

.card_data_subheading .detail_entity {
  display: block;
  align-items: flex-start;
}

.card_data_subheading .detail_entity .tertiaryBtnText {
  display: inline;
}

.pane_data_container {
  max-height: calc(100%);
  min-height: calc(100%);
  overflow-y: scroll;
  overflow-x: hidden;
  background: #efefef;
  position_discard: relative;
}

.right_pane .pane_data_container {
  max-height: calc(100%);
  min-height: calc(100%);
}

.right_pane .pagination-container-perPage ul.dropdown-menu {
  left: unset;
  right: 0;
}

.right_pane .pane-tab-wrapper {
  display: flex;
}

.right_pane .pane-tab-wrapper .pane-tab {
  cursor: pointer;
  display: flex;
  background: #fafafa;
  border-bottom: 1px solid #eee;
  flex: 1;
  font-size: 13px;
  height: 35px;
  justify-content: center;
  align-items: center;
}

.right_pane .pane-tab-wrapper .pane-tab.active {
  background: #6F0881;
  color: #fff;
}

.right_pane .pane-tab-wrapper .pane-tab i {
  margin-right: 5px;
}

.right_pane .pane-tab-wrapper .pane-tab img {
  width: 23px;
  height: 23px;
  margin-right: 5px;
}

.pane-tab.active:after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  transform: translateY(-50%) rotate(45deg);
  background: #6F0881;
  top: 30px;
  z-index: 1011;
}

.pane_search_popup {
  position: absolute;
  z-index: 10;
  min-width: 390px;
  background: #fff;
  top: 15px;
  box-shadow: 0px 5px 20px -9px #000;
}

.pane_search_popup .advanced_search .advancedSearchWrapper {
  box-shadow: none !important;
}

.pane_search_popup .advanced_search .advancedSearchWrapper .advancedSearch-header {
  display: none;
}

.pane_search_popup .pane_search_body .quick_search {
  padding: 10px;
  display: flex;
}

.pane_search_popup .pane_search_body img.search-icon {
  position: absolute;
  height: 30px;
  width: 16px;
}

.pane_search_popup .pane_search_body input.search-input {
  width: calc(100% - 35px);
  line-height: 30px;
  padding-left: 24px;
}

.pane_search_popup .pane_search_footer .show_more {
  background: #f1f5fb;
  padding: 10px;
  font-size: 13px;
  color: #555;
  cursor: pointer;
}

.pane_search_popup .pane_search_header {
  background: #6F0881;
  letter-spacing: 0.6px;
  text-align: left;
  color: #fff;
  font-size: 13px;
  padding: 10px;
}

.pane_search_popup .pane_search_header .show_less {
  float: left;
  cursor: pointer;
}

.pane_search_popup .pane_search_header .show_less i {
  font-size: 16px;
}

.pane_search_popup .pane_search_header .close_pane {
  float: right;
  cursor: pointer;
}

.pane_search_popup .pane_search_header .close_pane i {
  font-size: 16px;
}

.left_pane .pane_search_popup {
  transform: translateX(50%);
}

.suggest_trips_cta {
  cursor: pointer;
  margin: 15px 10px;
  padding: 10px;
  cursor: pointer;
  background: #f4f4f4;
  border: 2px dashed rgba(151, 151, 151, 0.4);
  text-align: center;
  border-radius: 5px;
}

.suggest_trips_cta.modeOn {
  border: none;
  background: none;
  padding: 0px;
  color: #6F0881;
}

.assignOrderModeHeader {
  background: #6F0881;
  padding: 10px;
  color: #fff;
  text-align: center;
  font-size: 13px;
  letter-spacing: 0.6px;
}

.assignOrderModeHeader .close_suggest_settings {
  float: right;
  cursor: pointer;
}

.assignOrderModeHeader .close_suggest_settings i {
  font-size: 18px;
}

.pane_search_popup .filterWrapper {
  position: relative !important;
}

.pane_search_popup .filterWrapper .advanced-filter-footer {
  position: absolute;
  width: 100%;
  bottom: -100px;
}

.pane_search_popup.rightPanePopup {
  right: 15px !important;
}

.pane_search_popup.rightPanePopup.advanceFilterActivated:not(.paneSearchPopupReact) {
  top: -20px !important;
}

.pane_search_popup .advancedSearchWrapper .filterContainerOverlay {
  height: calc(100%);
}

.pane_search_popup .advancedSearchWrapper .filterNameWrapper {
  position: relative;
  z-index: 10000;
}

.searchActive {
  width: 10px;
  height: 10px;
  background: #ee5448;
  position: absolute;
  border-radius: 50%;
  transform: translate(14px, -18px);
}

.filterApplied {
  background: #6F0881;
  color: #fff;
  border-radius: 2px !important;
  padding-left: 10px;
  box-shadow: 0px 1px 1px -1px #808080;
  font-size: 13px;
  display: flex;
  flex-direction: row;
  line-height: 20px;
  align-items: center;
}

.filterApplied span {
  max-width: 100px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  position: relative;
}

.undoBtn {
  position: absolute;
  top: 25px;
  font-size: 12px;
  left: 15px;
  color: #6F0881;
  cursor: pointer;
}

.undoBtn span {
  text-decoration: underline;
}

.detail_label_discard:before {
  content: '\2022';
  margin-right: 5px;
  font-size: 22px;
  line-height: 10px;
  position: relative;
  top: 4px;
  color: #6F0881;
}

.card_checkbox_discard:before {
  width: 40px;
  height: calc(100% + 20px);
  position: absolute;
  left: -15px;
  background: rgba(86, 152, 211, 0.188);
  content: "";
  background: linear-gradient(to right, rgba(86, 152, 211, 0.58), rgba(163, 163, 163, 0));
  top: -10px;
}

.liveCard .dropdown.open .dropdown-menu_discard {
  transform: translate(250px);
  position: fixed;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  top: 45%;
}

.liveCard {
  cursor: pointer;
}

.liveCard:hover {
  background: #fff;
}

.card_data_subheading .detail_entity {
  margin: 2px 0;
  font-size: 11.5px;
}

.liveCard .inlineBadge {
  opacity: 1;
  position: relative;
  white-space: nowrap !important;
}

.orderTypeBadge {
  font-size: 11px;
  line-height: 20px;
  border-radius: 3px;
  padding-left: 2px;
  padding-right: 2px;
  display: inline;
  background: #fff;
  cursor: help;
  color: #fff;
}

.orderTypeBadge.DELIVER,
.orderTypeBadge.DELIVERYLOCATION {
  border: 1px solid #5698d3;
  background: #5698d3;
}

.orderTypeBadge.PICKUP,
.orderTypeBadge.PICKUPLOCATION {
  border: 1px solid #6fc44b;
  background: #6fc44b;
}

.orderTypeBadge.SUGGESTED {
  background: linear-gradient(to right bottom, #c583b4, #9198e5);
  padding: 3px 6px 3px 6px;
  color: #fff;
}

.orderTypeBadge.EDITED {
  border: 1px solid #6fc44b;
  background: #6fc44b;
}

.orderTypeBadge.RED {
  border: 1px solid #f00;
  background: #f00;
}

.orderTypeBadge .icon {
  margin-right: 3px;
}

.orderTypeBadge .icon:before {
  font-size: 12px;
}

.notGeocodeTypeBadge {
  color: #f00;
  line-height: 10px;
  font-size: 11px;
  padding: 0px 4px;
  border-radius: 2px;
  cursor: pointer;
  transform: translate(0px, 1px);
  width: 20px;
}

.notGeocodeTypeBadge .icon:before {
  font-size: 13px;
}

.vizHide {
  visibility: hidden !important;
  pointer-events: none;
}

.level_3 .vizHide {
  margin-left: -20px !important;
}

.card_arrow {
  width: 12px;
  text-align: center;
  display: none;
  position: relative;
  opacity: 0.4 !important;
}

.card_arrow.right {
  right: 0px;
}

.card_arrow.right .icon {
  right: 8px;
}

.card_arrow.left {
  left: 0px;
}

.card_arrow.left .icon {
  margin-left: 10px;
}

.card_arrow .icon {
  position: absolute;
  margin-top: 50%;
  transform: translateY(-50%);
  background: #fff;
}

.card_arrow .icon:before {
  font-size: 10px;
}

.mainHeadingText {
  padding-right: 5px;
  border-radius: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  margin-right: 5px;
  min-width: 10%;
  max-width: 60%;
  font-size: 14px;
}

.liveCard .card_checkbox.appears {
  margin-left: 0px !important;
  margin-right: 0px;
  transform: translateX(-32px) translateY(-3px);
  opacity: 1;
}

.hidden_pane_overlay {
  position: absolute;
  top: 0px;
  width: 50px;
  height: 100%;
  z-index: 1015;
  background: #fff;
}

.hidden_pane_overlay:hover {
  background: #b7d5ef;
}

.hidden_pane_overlay:hover .resize_btn {
  transform: scale(1.2);
}

.hidden_pane_overlay .resize_btn {
  height: 34px;
  width: 34px;
  cursor: pointer;
  padding: 3px 7px;
  color: #fff !important;
  background: #6F0881;
  text-align: center;
  border-radius: 50%;
  margin: auto;
  margin-top: 13px;
  font-size: 18px;
  box-shadow_discard: 0px 2px 2px 1px rgba(0, 0, 0, 0.322);
}

.hidden_pane_overlay .resize_btn .icon {
  margin-left: unset;
  top: unset;
  color: #fff;
}

.hidden_pane_overlay.right {
  right: 0px;
}

.hidden_pane_overlay.left {
  left: 0px;
}

.fullHeightSpan {
  overflow: scroll;
  position: absolute !important;
  height: 100% !important;
  top: 0px !important;
  cursor: auto;
  z-index: 1012;
  width: 100% !important;
  background: #fff !important;
}

.hideOverflow {
  overflow: hidden !important;
}

.uib-dropdown-open {
  overflow: hidden;
}

.level_2 .card_action_btns {
  height: 30px !important;
  margin-bottom: 10px;
}

.level_1 .card_action_btns {
  height: unset;
  padding: 15px 5px 10px 0px;
}

.level_3 .card_action_btns {
  background: #fff !important;
  position: absolute;
}

.card_action_btns .inlineList {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.floating_action_pane {
  position: absolute;
  background: #fff;
  width: 200px;
  z-index: 9000;
  min-height: 100px;
  min-width: 210px;
  height: max-content;
  height: -moz-max-content;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175) !important !important;
  height: -webkit-max-content;
  height: max-content;
  top: 65px;
  text-align: center;
}

.floating_action_pane .header {
  height: 40px;
  background: rgba(255, 255, 255, 0.32);
  color: #000;
  font-size: 15px;
  text-align: left;
  padding: 10px 15px;
  font-family: "Gotham-Rounded-Medium" !important;
}

.floating_action_pane .floating_action_pane_content.empty {
  padding: 20px 15px;
  font-size: 12px;
  text-align: left;
  color: #808080;
}

.floating_action_pane .floating_action_pane_content .action {
  position: relative;
  text-align: left;
  padding: 10px 15px;
  font-size: 13px;
}

.floating_action_pane .floating_action_pane_content .action:hover {
  background: var(--color-purple-100);
  color: var(--color-primary-main);
}

.floating_action_pane.left {
  right: 0px;
  transform: translateX(100%);
}

.floating_action_pane.left:after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  left: -7px;
  transform: translateY(-50%) rotate(45deg);
  background: #fff;
  top: 20px;
  z-index: -10;
}

.floating_action_pane.right {
  left: 0px;
  transform: translateX(-100%);
}

.floating_action_pane.right:after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  right: -7px;
  transform: translateY(-50%) rotate(45deg);
  background: #fff;
  top: 20px;
  z-index: -10;
}

.liveModeStatusBar {
  height: 40px;
  width: 100vw;
  background: #6F0881;
  color: #fff;
  text-align: center;
  font-size: 15px;
  line-height: 40px;
}

.liveModeStatusBar .modeExitBtn {
  pointer: cursor;
  float: right;
}

#live_wrapper {
  height: calc(100vh - 60px);
  width: 100%;
  max-width: 100%;
  min-height: unset;
}

#live_wrapper .loaderContainer {
  background: rgba(255, 255, 255, 0.85);
  z-index: 1000000;
}

.modeOn {
  height: calc(100% - 40px) !important;
  overflow: hidden;
}

.dropup {
  transform: translateY(-100%) !important;
}

.stikethrough {
  text-decoration: line-through;
}

.liveCard.level_3.fullHeightSpan {
  left: 0px;
  z-index: 1012;
  padding-top: 0px;
  box-shadow: unset;
}

.liveCard.level_3.fullHeightSpan .mainHeadingText {
  font-size: 17px;
}

.liveCard.level_3.fullHeightSpan .card_data_heading {
  margin-bottom: 20px;
}

.liveCard.level_3.fullHeightSpan .card_data_badge {
  visibility: hidden;
}

.orders_pane_data_container-discard.drs_pane {
  max-height: calc(100% - 70px);
  min-height: calc(100% - 70px);
}

.smoothHeightAnimation.ng-enter,
.smoothHeightAnimation.ng-leave {
  -webkit-transition: 0.4s linear all 0.2s;
  -moz-transition: 0.4s linear all 0.2s;
  -o-transition: 0.4s linear all 0.2s;
  transition: 0.4s linear all 0.2s;
  /* no overflow during animation */
  overflow: hidden;
}

.smoothHeightAnimation.ng-enter {
  max-height: 0;
  opacity: 0;
}

.smoothHeightAnimation.ng-enter.ng-enter-active {
  max-height: 999px;
  opacity: 1;
}

.smoothHeightAnimation.ng-leave {
  max-height: 999px;
  opacity: 1;
}

.smoothHeightAnimation.ng-leave.ng-leave-active {
  max-height: 0;
  opacity: 1;
}

.smoothFadeAnimation.ng-enter,
.smoothFadeAnimation.ng-leave {
  -webkit-transition: 0.7s linear all;
  -moz-transition: 0.7s linear all;
  -o-transition: 0.7s linear all;
  transition: 0.7s linear all;
}

.smoothFadeAnimation.ng-enter {
  opacity: 1;
}

.smoothFadeAnimation.ng-enter.ng-enter-active {
  opacity: 1;
}

.smoothFadeAnimation.ng-leave {
  -webkit-transition: 0.7s linear all;
  -moz-transition: 0.7s linear all;
  -o-transition: 0.7s linear all;
  transition: 0.7s linear all;
  opacity: 1;
}

.smoothFadeAnimation.ng-leave.ng-leave-active {
  opacity: 0;
}

.pane_data_container_overlay {
  background: #fafafa;
  overflow: scroll;
  max-height: inherit;
  min-height: inherit;
}

.pane_data_container_overlay .liveCard {
  pointer-events: none;
  opacity: 0.8;
}

.selected_orders_pane_data_container .card_action_btns.card_action_btns_positioning {
  /* position: absolute; */
  bottom: 0px;
  background: rgba(255, 255, 255, 0.82);
  width: 100%;
  z-index: 1;
  height: max-content;
  height: -moz-max-content;
  height: -webkit-max-content;
  height: max-content;
  padding: 15px;
}

.draggedElement {
  max-width: 300px;
  opacity: 0.6;
  border: 2px dashed #6F0881;
  transform: scale(0.8);
}

.draggedElement.stacked {
  opacity: 0.6;
  box-shadow: 5px 5px 0px rgba(86, 152, 211, 0.55), 7px 7px 0px rgba(255, 255, 255, 0.85), 10px 10px 0px rgba(86, 152, 211, 0.45), 12px 12px 0px rgba(255, 255, 255, 0.85), 15px 15px 0px rgba(86, 152, 211, 0.45) !important;
}

.droppingOnElement {
  transform: scale(0.9);
  border: 3px dashed #6F0881 !important;
  -webkit-transition: transform 0.3s ease-in;
  -moz-transition: transform 0.3s ease-in;
  -o-transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  box-shadow: 0px 0px 15px -5px rgba(86, 152, 211, 0.75) !important;
}

.droppingOnIcon {
  transform: scale(0.9) !important;
  border: 3px dashed #6F0881 !important;
  border-radius: 50%;
  -webkit-transition: transform 0.3s ease-in;
  -moz-transition: transform 0.3s ease-in;
  -o-transition: transform 0.3s ease-in;
  transition: transform 0.3s ease-in;
  box-shadow: 0px 0px 15px -5px rgba(86, 152, 211, 0.75) !important;
}

.lighter {
  opacity: 0.3 !important;
}

.paneLock_overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 100;
  top: 0px;
  left: 0px;
  opacity: 0.5;
  text-align: center;
  padding: 15px;
  color: #fff;
  display: none;
}

.paneLock_overlay .icon:before {
  font-size: 50px;
  color: rgba(255, 255, 255, 0.639);
}

.paneLock {
  pointer-events: none;
  opacity: 0.3;
}

.paneLock .paneLock_overlay {
  display: block;
}

.tertiaryBtnText {
  color: #6F0881 !important;
  cursor: pointer;
  text-decoration: underline;
  white-space: nowrap;
  overflow: hidden;
  max-width: 60%;
  text-overflow: ellipsis;
  display: inline-block;
}

.tertiaryBtnText span {
  white-space: nowrap;
}

.tertiaryBtnText i.icon:before {
  font-size: 12px;
}

.orderSequencerElement_new {
  display: none;
  position: relative;
  background: #ff0e00;
  transform: scale(0.95) translate(0px, -3px);
  padding: 2px;
  font-size: 9px;
  border-radius: 3px;
  box-shadow: 0px 1px 0px;
  font-style: normal !important;
}

.leafletStandardHtmlMarker.shipment {
  width: 30px;
  height: 30px;
  font-size: 10px !important;
}

.leafletStandardHtmlMarker.shipment.pickupIcon {
  background: #6fc44b;
}

.leafletStandardHtmlMarker.shipment.deliveryIcon {
  background: #6F0881;
}

.leafletStandardHtmlMarker.shipment.newOrderIcon .orderSequencerElement_new {
  display: block;
  text-transform: uppercase;
}

.cardSort_placeholder {
  min-height: 10px;
  background: #6F0881;
  width: 100%;
  transform: scale(0.6);
  border-radius: 10px;
  opacity: 0.75;
  margin: 30px 0px;
}

.templateRow_placeholder {
  min-height: 50px;
  background: #fff;
  width: 100%;
  opacity: 0.75;
  margin: 10px 0px;
  border: 2px dashed #efefef;
}

.seqSort_placeholder {
  min-width: 10px;
  background: #6F0881;
  height: 100%;
  transform: scale(0.6);
  border-radius: 10px;
  opacity: 0.75;
  margin: 0px 30px;
}

.orderDone {
  margin-top: 4px;
}

.orderDone i:before {
  font-size: 12px;
}

.drs_orders-card-wrapper {
  margin-bottom-discard: 20px;
  position: relative;
}

.drs_orders-card-wrapper-discard:not(:last-child):after {
  content: '';
  /* border: 1px solid; */
  width: 30px;
  height: 50px;
  /* background: #ff0; */
  background-image: url(/product/assets/right.742fd733d7ac21dddfb7.svg);
  transform: translateX(6px) rotate(90deg);
  position: absolute;
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  text-align: center;
  opacity: 0.3;
  bottom: -30px;
  z-index: 10000;
  /* margin-left: 50%; */
}

.liveCard #tripLoader-bigCircle_secondary {
  transform: translate(-6px, -6px) scale(0.7);
  filter: hue-rotate(290deg);
}

.card_pane_wrapper {
  height: calc(100% - 82px);
}

.table_pane_wrapper {
  padding: 10px;
  height: calc(100vh - 60px);
}

.table_pane_wrapper .logiGuide.mainWrapper {
  padding-top: 0px;
  height: 100%;
  min-height: unset;
}

.table_pane_wrapper .logiGuide.mainWrapper .page-wrapper {
  height: 100%;
}

.table_pane_wrapper .logiGuide.mainWrapper .page-wrapper .centerContent {
  height: 100%;
}

.table_pane_wrapper .logiGuide.mainWrapper .page-wrapper .centerContent .centerContentChild_wrapper {
  height: 100%;
}

.table_pane_wrapper .logiGuide.mainWrapper .page-wrapper .centerContent .mileTripCtrl_wrapper {
  height: 100%;
}

.table_pane_wrapper .logiGuide.mainWrapper .page-wrapper .centerContent .deliveryMediumTableCtrl_wrapper {
  height: 100%;
}

.sequencerNoOrders {
  font-size: 15px;
  line-height: 40px;
  color: rgba(0, 0, 0, 0.471);
  margin-left: 20px;
  margin-right: 20px;
  text-align: center;
}

.drsCardsNoOrders {
  font-size: 17px;
  line-height: 100px;
  color: rgba(0, 0, 0, 0.37);
  width: 100%;
  padding: 10px;
  text-align: center;
}

.orderQtyChanged_discard .live-card-wrapper,
.orderQtyChanged_discard .map_pane.live_pane,
.orderQtyChanged_discard .saveDRSwidget {
  pointer-events: none !important;
  filter: grayscale(1) blur(2px) !important;
}

.map_pane {
  background-size: 30%;
  background-position: center;
  background-repeat: no-repeat;
}

.map_pane .commonMapWrapper {
  min-width: 400px;
}

.commonActionsCrossBtn {
  position: absolute;
  top: 7px;
  right: 10px;
  cursor: pointer;
  color: #ee5448;
}

.pane_search_popup .advancedSearchWrapper .filterDeleteBtn {
  position: absolute;
  top: 0px;
  cursor: pointer;
  left: unset !important;
  right: 5px !important;
}

.pane_search_popup .advancedSearchWrapper .collapsedFilterBox {
  position: relative;
}

.pane_header.selectionMode .pane_heading {
  margin-right: 30px;
}

.pane_header.selectionMode .dropdown-toggle.headerDropdown {
  text-transform: capitalize;
  max-width: 100px;
  min-width: unset;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: relative;
}

.live_pane .mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper {
  height: calc(100% - 80px);
}

.live_pane .logiGuide .selectedRows-count {
  width: 50px;
}

.live_pane .logiGuide .viewTypes.inlineList.btn-toggle-pair #timelineview {
  filter: grayscale(1);
  opacity: 0.3;
  pointer-events: none;
}

.live_pane .logiGuide .breadcrumbs {
  pointer-events: none;
}

.live_pane .logiGuide #tripBreadcrumbDropdown,
.live_pane .logiGuide #orderBreadcrumbDropdown {
  color: #adadad;
  pointer-events: none;
}

.live_pane .logiGuide #tripBreadcrumbDropdown .breadcrumb-arrow-down,
.live_pane .logiGuide #orderBreadcrumbDropdown .breadcrumb-arrow-down {
  visibility: hidden;
}

.live_pane .logiGuide .material-ui-tableLikeDiv-wrapper .nodata-template {
  position: relative;
  transform: scale(0.9);
}

.live_pane.trip_pane .mainWrapper.materialDesignUIrevamp_tablewrapper .centerContent .material-ui-tableLikeDiv-wrapper {
  height: calc(100% - 120px);
}

.btn-group.btn-group-hoverable:hover>.dropdown-menu {
  display: block !important;
}

.live_map_interactive_text_widget {
  height: 35px;
  line-height: 35px;
  background: rgba(0, 0, 0, 0.329);
  position: absolute;
  z-index: 1000;
  color: rgba(255, 255, 255, 0.871);
  padding: 0px 15px;
  top: 15px;
  right: 65px;
  max-width: 420px;
  border-radius: 2px;
  font-size: 13px;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.rzslider .rz-selection {
  background: #6F0881 !important;
}

.rzslider .rz-pointer {
  top: -9px;
  z-index: 3;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background-color: #6F0881 !important;
}

.rzslider .rz-pointer:after {
  top: 7px;
  left: 7px;
  width: 8px;
  height: 8px;
}

.livePaneLoaderOverlay {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: -10px;
  background: rgba(255, 255, 255, 0.239);
  z-index: 10000;
  overflow: hidden;
}

.livePaneLoaderOverlay .loaderAsset {
  transform: translateX(-50%);
  margin-left: 50%;
  text-align: center;
}

.littlePing {
  height: 1px;
  width: 1px;
  background: rgba(86, 152, 211, 0.369);
  opacity: 0.1;
  border-radius: 50%;
  animation: little-ping-animation 2s ease-out infinite !important;
}

.liveMainLoader {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  left: 0px;
  background: rgba(255, 255, 255, 0.91);
  z-index: 1000;
  overflow: hidden;
}

.liveMainLoader .mainLoader_image {
  height: 100px;
  width: 200px;
  margin-bottom: 50px;
}

.liveMainLoader .mainLoader_image img {
  width: 100%;
  height: 100%;
}

.liveMainLoader .mainLoader_description {
  height: 50px;
  width: 500px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.58);
  letter-spacing: 1px;
  line-height: 50px;
  position: relative;
  bottom: 64px;
}

.liveMainLoader .mainLoader_progress {
  height: 50px;
  width: 300px;
  justify-content: space-evenly;
  margin-bottom: 100px;
}

.liveMainLoader .mainLoader_progress .logi-spinner {
  width: unset !important;
}

.liveMainLoader .mainLoader_progress .liveProgressDots {
  height: 7px;
  width: 7px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px transparent;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  background: rgba(0, 0, 0, 0.161);
}

.liveMainLoader .mainLoader_progress .liveProgressDots.loaded {
  background: linear-gradient(to left bottom, #6F0881, #488bc7);
  height: 7px;
  box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.62), 0px 0px 25px 4px #6F0881;
  width: 7px;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.logi-input.logi-suggestTripBranches span.ui-select-match {
  position: absolute;
  z-index: 20000;
  background: #efefef;
  border-radius: 10px;
  padding: 2px;
  top: 4px;
}

.logi-input.logi-suggestTripBranches input {
  cursor: pointer;
}

form .mainSection .form .logi-input:not(.logi-radio):not(.map-assist-element-toggle) label.suggestTripsRadius-label {
  margin-left: 0;
}

.logi-suggestTripsSettingHeader span {
  position: absolute;
  top: 17px;
  font-weight: 600;
}

.halfWindowIndication {
  height: 100vh;
  width: 0px;
  border: 1px dashed #ed4630;
  position: fixed;
  top: 0px;
  z-index: 10000;
  left: 0px;
  margin-left: 50vw;
  opacity: 1;
  display: none;
}

.invertToGreen {
  filter: hue-rotate(280deg);
}

.headerDropdownListItem {
  display: flex !important;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}

.headerDropdownListItem .headerDropdownImg {
  transform: scale(0.9);
}

.headerDropdownImg {
  width: 22px;
  height: 22px;
  margin-right: 10px;
  overflow: hidden;
  transform: scale(0.8);
}

.headerDropdownListItem.selected .headerDropdownImg {
  filter_discard: brightness(100) grayscale(1);
}

.cardActionItem {
  padding: 10px 15px;
  color: #333;
  display: flex !important;
  align-items: center;
  flex-wrap: nowrap !important;
}

.cardActionItem i {
  margin-right: 10px;
  width: 15px;
  color: #6F0881;
  opacity: 0.9;
}

.cardActionItem i:before {
  font-size: 12px;
}

.liveBtnLockedDisabled {
  cursor: not-allowed !important;
  filter: grayscale(1) !important;
  pointer-events: none;
  opacity: 0.5;
  background: url(/product/assets/lock_filled.4ca4f216daecee71837b.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 50% !important;
  background-position: center !important;
}

.liveBtnLockedDisabled button {
  opacity: 0.5;
}

.geocodingModeBlock_mapBtns {
  background-blend-mode: soft-light;
  width: 100%;
  height: 75px;
  position: absolute;
  bottom: 0px;
  text-align: center;
  cursor: not-allowed !important;
  z-index: 1030;
  filter: grayscale(1) !important;
  background: url(/product/assets/lock_filled.4ca4f216daecee71837b.svg) !important;
  background-repeat: no-repeat !important;
  background-size: 100% 50% !important;
  background-position: center !important;
  background-color: rgba(255, 255, 255, 0.541) !important;
  line-height: 70px;
}

.liveCard_updated {
  width: calc(100% - 20px);
  padding: 10px 10px;
  text-align: center;
  border-radius: 3px;
  border: 1px dashed #cc9825;
  background: linear-gradient(to bottom right, #ffcd16, #e1c32d);
  margin: 10px;
  position: sticky;
  z-index: 10;
  font-size: 12px;
  top: 0px;
  overflow: visible !important;
  cursor: pointer;
}

.liveCard_updated.drsPaneLock {
  position: absolute;
  z-index: 1013;
}

.rightSideDropdown {
  margin-left: -50px;
}

.upSideDropdown {
  margin-top: -40px;
  margin-left: 47px;
}

.wrapper_l3 {
  margin-bottom: 100px;
}

.suggest_trips_cta {
  color: #808080;
}

.suggest_trips_cta img {
  position: relative;
  width: 20px;
  margin-right: 0px;
  opacity: 1;
}

.suggest_trips_cta:hover {
  background: #e8e7e7;
}

.suggest_trips_cta:hover img {
  opacity: 0.7;
}

.suggest_trips_cta.modeOn span {
  text-decoration: underline;
}

.suggest_trips_cta.modeOn img {
  position: relative;
  width: 17px;
  opacity: 1;
  margin-right: 0px;
  margin-top: -2px;
}

.suggest_trips_cta.modeOn:hover {
  background: none;
}

.liveCard_updated:before {
  background-image: url(/product/assets/lock_filled.4ca4f216daecee71837b.svg);
  position: absolute;
  width: 30px;
  height: 30px;
  content: "";
  left: -5px;
  top: -15px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center;
  border-radius: 50%;
  background-size: 50%;
  border: 1px solid #cc9827;
}

.noDataTemplate_live {
  position: relative;
  width: 100%;
  margin-top: 20px;
  height: 400px;
  text-align: center;
}

.noDataTemplate_live img {
  width: 80%;
  text-align: center;
  max-width: 300px;
  margin-bottom: 40px;
}

.noDataTemplate_live .noDataTemplate_live_cta {
  transform: scale(0.85);
  width: 100%;
}

.noDataTemplate_live .noDataTemplate_live_cta button {
  margin-bottom: 20px;
}

.appears .deleteBox i {
  transform: translateY(0px) translateX(-5px) scale(0.7);
  box-shadow: 0px 0px 0px 6px #f00;
  border-radius: 50%;
  background: #f00;
  color: #fff;
}

.clearSearchBtn.undoBtn {
  display: flex;
  height: 30px;
  align-items: center;
  position: static;
  top: 0px;
}

.liveCard.level_2 .card_data_subheading {
  transform: translateX(-15px);
}

.liveCard.level_2 .card_data_subheading .detail_entity {
  font-size: 12px;
}

.liveCard.level_2 .card_data_detail {
  margin-top: 0px !important;
}

.liveCard.level_2 .card_checkbox.appears {
  transform: translateX(-32px) translateY(-7px);
}

.liveCard.level_2 .card_data_badge {
  transform: scale(0.9) translate(0px, 0px);
}

.liveCard.level_2 .card_data_heading {
  transform: translate(-5px, 5px);
  margin-bottom: 10px;
}

.liveCard.level_2 .card_data_division.wrapper_l1 .card_header {
  align-items: flex-start !important;
}

.liveCard.level_3 .card_data_subheading .detail_entity {
  font-size: 12px;
}

#live_wrapper .logi-btn-primary span {
  text-transform: capitalize !important;
}

.pane_reload {
  color: #525252;
  cursor: pointer;
  margin-top: -1px;
}

.pane_reload .icon:before {
  font-size: 12px !important;
}

.orders_pane_header .pane_reload {
  right: 69px;
}

.trips_pane_header .pane_reload,
.dbs_pane_header .pane_reload {
  right: 40px;
}

.trips_pane_header .pane_reload {
  right: 69px;
}

.pane_reload.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

#suggestTripModal .manualAssignDiv.modal-content .manualAssignDiv.modal-body #live_wrapper.mainWrapper {
  height: calc(100% - 45px);
  position: absolute;
  left: 0px;
  top: 0px;
}

#suggestTripModal .manualAssignDiv.modal-content .manualAssignDiv.modal-body #live_wrapper.mainWrapper .mapAssist_legends.card {
  position: absolute;
}

#live_wrapper.mainWrapper .refreshMap .liveMapRefreshButton {
  align-content: center;
  height: 35px;
  width: 35px;
  background-color: #6F0881;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1001 !important;
  right: 55px;
  cursor: pointer;
  top: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 2px !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.findingTripsLoader {
  width: 100%;
  height: 5px;
  overflow: hidden;
  background: #e1e1e1;
  border-radius: 10px;
  cursor: pointer !important;
}

.findingTripsLoader .findingTripsLoader_andar {
  height: 100%;
  left: 0px;
  border-radius: 5px;
  position: relative;
  width: 0%;
  min-width: 2px;
  background-size: 100% 100%;
  background-position: 0%;
}

.findingTripsLoader .findingTripsLoader_andar.live {
  background: linear-gradient(88deg, #2b5072, #6F0881);
  animation: fadeIn2 1s linear 0s infinite;
}

.findingTripsLoader .findingTripsLoader_andar.cancelled {
  background: linear-gradient(88deg, #808080, #989898);
}

.findingTripsLoader.pseudoBar .findingTripsLoader_andar {
  min-width: 50%;
  animation: livePseudoProgressAnimation 0.7s ease-out 0s infinite !important;
}

.detail_entity.findingTripsEntity {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  align-items: baseline !important;
}

.detail_entity.findingTripsEntity .detail_value {
  width: 100%;
  padding-left: 5px;
}

.children_action_items_wrapper {
  position: absolute;
  background: #fff;
  top: 0;
  width: 280px;
  box-shadow: 0px 1px 11px -5px #000;
  display: none;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

.floating_action_pane.left .children_action_items_wrapper {
  right: 0;
  transform: translateX(100%);
}

.liveCardDropdown .children_action_items_wrapper {
  right: 0;
  transform: translateX(100%);
}

.liveCardDropdown.rightSideDropdown .children_action_items_wrapper {
  right: initial;
  left: 0;
  transform: translateX(-100%);
}

.floating_action_pane.right .children_action_items_wrapper {
  left: 0;
  transform: translateX(-100%);
}

.floating_action_pane.right .children_action_items_wrapper {
  left: 0;
  transform: translateX(-100%);
}

.w3 .floating_action_pane.left .children_action_items_wrapper {
  left: 0;
  transform: translateX(-100%);
}

.w3 .floating_action_pane.right .children_action_items_wrapper {
  right: 0;
  transform: translateX(70%);
}

.child_action_item {
  padding: 10px 15px;
  color: #333;
  display: flex;
}

.child_action_item:hover {
  color: var(--color-primary-main);
  background: var(--color-purple-100);
}

.open_submenu:hover .children_action_items_wrapper {
  display: block;
}

ul.dropdown-menu.liveCardDropdown {
  overflow: visible;
}

ul.dropdown-menu.liveCardDropdown>li {
  position: relative;
}

.liveCardDropdown .parent_action_item {
  padding: 10px 15px;
  cursor: pointer;
  color: #333;
  text-transform: capitalize;
  display: flex;
  align-items: center;
}

.liveCardDropdown .parent_action_item i {
  color: #6F0881;
  margin-right: 8px;
}

.liveCardDropdown .parent_action_item i:last-child {
  margin-right: 0;
  margin-left: 5px;
}

.liveCardDropdown .parent_action_item:hover {
  color: #6F0881;
}

.parent_action_item {
  text-transform: capitalize;
}

.miniProgressBar {
  height: 2px;
  background: #6F0881;
  max-width: 100%;
  position: absolute;
  bottom: 0px;
  left: 0px;
  animation-name: progressWidthAnimation;
  animation-duration: 190s;
  animation-iteration-count: 1;
  animation-timing-function: ease-out;
  cursor: help;
  width: 0px;
}

.persistentTooltip {
  position: absolute;
  font-size: 9px;
  color: #fff;
  background: #f00;
  width: 15px;
  height: 15px;
  overflow: hidden;
  text-align: center;
  line-height: 17px;
  border-radius: 50%;
  transform: translateX(-7px);
}

.persistentTooltip.mapUpdateCount {
  line-height: 14px;
  transform: translate(0px, 16px);
}

.pane-tab-text {
  max-width: 60%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  z-index: 1012;
}

.orders_pane_data_container.drs_pane {
  max-height: calc(100% - 70px);
  min-height: calc(100% - 70px);
}

.showOnHover {
  position: absolute;
  z-index: 11;
  background: rgba(86, 152, 211, 0.95);
  border-radius: 2px;
  padding: 10px 10px;
  color: #fff;
  font-size: 13px;
  top: 0px;
  left: 15px;
  display: none;
  box-shadow: 0px 4px 20px -6px #000;
  margin-top: 40px;
  min-width: max-content;
}

.showOnHover .tip_close {
  position: absolute;
  top: 2px;
  right: 2px;
}

.dynamicShowOnHover {
  position: absolute;
  z-index: 11;
  margin-right: 10px;
  background: var(--color-primary-main);
  border-radius: 2px;
  padding: 10px 10px;
  color: #fff;
  font-size: 13px;
  top: 0px;
  left: 15px;
  display: none;
  box-shadow: 0px 4px 20px -6px #000;
  margin-top: 40px;
  flex: auto;
}

.dynamicShowOnHover .tip_close {
  position: absolute;
  top: 2px;
  right: 2px;
}

div#filterDetailsTemplate span::before {
  display: none;
}

div#filterDetailsTemplateORDERS span::before {
  display: none;
}

div#filterDetailsTemplateDBS span::before {
  display: none;
}

div#filterDetailsTemplateTRIPS span::before {
  display: none;
}

.filterApplied:hover .showOnHover {
  display: block;
}

.filterApplied:hover .dynamicShowOnHover {
  display: block;
}

.liveCard .data_label:after {
  content: ":";
}

.liveCard .rightSideArrow:before {
  font-size: 12px;
}

.liveCard .dragHandler {
  position: absolute;
  right: 15px;
  width: 12px;
  padding: 2px;
  height: 100%;
  top: 0px;
  text-align: center;
  opacity: 0;
}

.liveCard .dragHandler.dragShiftLeft {
  right: 35px;
}

.liveCard .dragHandler.activeHandle {
  cursor: move;
  opacity: 1;
}

.liveCard .dragHandler img {
  width: 100%;
}

.ui-draggable-handle {
  -ms-touch-action: auto !important;
  touch-action: auto !important;
}

.cardActionButtons {
  height: 30px;
}

.cardActionButtons .cardActionButtons-inner {
  position: absolute;
  right: 10px;
  display: flex;
}

.btn_position {
  margin-left: -37px !important;
}

@-moz-keyframes swish-l2r {
  0% {
    left: -100%;
    background-color: transparent;
    opacity: 0;
  }

  100% {
    left: 0px;
    background-color: #6F0881;
    opacity: 0.8;
  }
}

@-webkit-keyframes swish-l2r {
  0% {
    left: -100%;
    background-color: transparent;
    opacity: 0;
  }

  100% {
    left: 0px;
    background-color: #6F0881;
    opacity: 0.8;
  }
}

@-o-keyframes swish-l2r {
  0% {
    left: -100%;
    background-color: transparent;
    opacity: 0;
  }

  100% {
    left: 0px;
    background-color: #6F0881;
    opacity: 0.8;
  }
}

@keyframes swish-l2r {
  0% {
    left: -100%;
    background-color: transparent;
    opacity: 0;
  }

  100% {
    left: 0px;
    background-color: #6F0881;
    opacity: 0.8;
  }
}

@-moz-keyframes little-ping-animation {
  from {
    box-shadow: 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 0px 1000px rgba(86, 152, 211, 0);
  }
}

@-webkit-keyframes little-ping-animation {
  from {
    box-shadow: 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 0px 1000px rgba(86, 152, 211, 0);
  }
}

@-o-keyframes little-ping-animation {
  from {
    box-shadow: 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 0px 1000px rgba(86, 152, 211, 0);
  }
}

@keyframes little-ping-animation {
  from {
    box-shadow: 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 0px 1000px rgba(86, 152, 211, 0);
  }
}

@-moz-keyframes click-animation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  0% {
    transform: scale(1);
  }
}

@-webkit-keyframes click-animation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  0% {
    transform: scale(1);
  }
}

@-o-keyframes click-animation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  0% {
    transform: scale(1);
  }
}

@keyframes click-animation {
  0% {
    transform: scale(1);
  }

  50% {
    transform: scale(1.1);
  }

  0% {
    transform: scale(1);
  }
}

@-moz-keyframes livePseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@-webkit-keyframes livePseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@-o-keyframes livePseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@keyframes livePseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@-moz-keyframes progressWidthAnimation {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@-webkit-keyframes progressWidthAnimation {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@-o-keyframes progressWidthAnimation {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

@keyframes progressWidthAnimation {
  from {
    width: 0%;
  }

  to {
    width: 100%;
  }
}

.icon_checkbox_column {
  width: 40px;
  overflow: hidden;
  flex-grow: 0;
  flex-shrink: 0;
}

.data_column {
  flex-grow: 1;
}

.disable_hover_icons {
  cursor: default !important;
}

.ellipsisText {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.data_level_section {
  margin-bottom_discard: 10px;
}

.titleText {
  font-size: 14px;
  font-family: "Gotham-Rounded-Medium";
  width: 130px;
  cursor: copy;
}

.titleText:hover {
  text-decoration: underline;
}

.w1 .titleText {
  max-width: 80%;
  width: auto;
}

.orderTypeBadge {
  margin-left: 10px;
  height: 15px;
  line-height: 15px;
  white-space: nowrap;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.data_element_wrapper {
  font-size: 12px;
  margin: 2px 0px;
  margin-right: 15px;
}

.data_element {
  height: max-content;
  width: 260px;
}

.data_element.title_bar {
  width: 260px;
}

.title_bar {
  margin-right: 15px;
}

.data_label {
  font-family: 'Gotham-Rounded-Medium';
  margin-right: 3px;
}

.data_value {
  overflow: hidden;
  text-overflow: ellipsis;
}

.liveCard {
  padding: 5px 0px;
  position: relative;
}

.liveCard .data_element_discard .data_label,
.liveCard .data_element_discard .data_value {
  cursor: text;
}

.w3 .liveCard.level_1 {
  padding: 0px 0px;
}

.w3 .pane_header_column1 {
  width: 70%;
}

.w3 .pane_header_column2 {
  width: 30%;
}

.icon_checkbox_column .leafletStandardHtmlMarker.shipment_v2 {
  height: 25px;
  width: 25px;
}

.icon_checkbox_column .leafletStandardHtmlMarker.shipment_v2:hover {
  transform: scale(1);
}

.horizontal-center {
  transform: translateX(-50%) !important;
  margin-left: 50% !important;
}

.w2 .data_element.title_bar,
.w3 .data_element.title_bar,
.w2 .data_element,
.w3 .data_element {
  width: 150px;
}

.w2 .titleText,
.w3 .titleText {
  width: 100px;
}

.w2 .pane_header_column1,
.w3 .pane_header_column1 {
  justify-content: start;
}

.w2.trip_pane .data_element.title_bar,
.w3.trip_pane .data_element.title_bar,
.w2.trip_pane .data_element,
.w3.trip_pane .data_element {
  width: 120px;
}

.w2.trip_pane .titleText,
.w3.trip_pane .titleText {
  width: 100px;
}

.tertiaryLink .data_value {
  color: #6F0881;
  text-decoration: underline;
  cursor: pointer;
}

.findingTripsWrapper .data_value {
  width: 100%;
  height: 17px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.failed .data_value {
  color: #f00;
}

.emptyTrip .data_value {
  color: #f00 !important;
  font-family: 'Gotham-Rounded-Medium' !important;
}

.level_2.liveCard,
.level_3.liveCard {
  padding: 15px 0px;
}

.liveCardDropdown {
  font-size: 12px;
}

.cardActionButtons {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-end;
  margin: 10px;
}

.cardActionButtons button {
  font-size: 12px;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  align-items: center;
  display: flex;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.cardActionButtons button i.logi-icon {
  font-size: 15px;
}

.highZIndex.live_pane {
  z-index: 100000 !important;
}

.live-pagination-dropdown-menu {
  border: 0;
  padding: 5px 0px;
  border-radius: 0;
}

.live-pagination-dropdown-menu a {
  box-shadow: none !important;
  background: #fff;
  color: #555;
  font-size: 13px;
  line-height: initial !important;
  height: auto !important;
  box-shadow: none;
  padding: 10px 15px !important;
  border: none !important;
  font-family: 'Gotham-Rounded', Sans-Serif;
}

.live-pagination-dropdown-menu a:hover {
  color: #6F0881 !important;
  background: #f9f9fa !important;
}

.level_3.liveCard .title_bar.data_element {
  width: 100%;
  margin-bottom: 15px;
}

.level_3.liveCard .title_bar.data_element .title_name {
  font-size: 17px;
}

.level_3.liveCard .cardActionButtons {
  position: absolute;
  bottom: 15px;
  right: 0px;
  width: 100%;
  background: #fff;
}

.level_3.liveCard .cardActionButtons button {
  height: 40px;
}

.level_3.liveCard .cardActionBtnAlign {
  bottom: 8px;
}

.level_3.liveCard .cardActionBtn_TrackNowAlign {
  bottom: -4.5em;
}

.live_pane-discard .ui-resizable-handle {
  display: none;
}

.alarmBadge img {
  box-shadow-discard: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.302);
  width: 20px;
  height: 20px;
  border-radius: 50%;
  padding: 3px;
}

.alarmAndUncountContainer {
  height: 100%;
  overflow: hidden;
  position: absolute;
  right: 10px;
  top: 0px;
}

.level_2 .alarmAndUncountContainer {
  align-items: flex-start;
  padding-top: 4px;
}

.level_3 .alarmAndUncountContainer {
  position: inherit;
  margin-left: 5px;
}

.unreadCountOrder {
  background: #6F0881;
  min-width: 20px;
  position: relative;
  margin-right: 5px;
  color: #fff;
  text-align: center;
  padding: 1px 5px;
  border-radius: 2px 2px 2px 0;
  font-size: 12px;
}

.unreadCountOrder:before {
  content: "";
  border-left: 3px solid #6F0881;
  position: absolute;
  bottom: -6px;
  left: 0;
  border-right: 3px solid #fff;
  border-top: 3px solid #6F0881;
  border-bottom: 3px solid #fff;
}

.level_2 .unreadCountOrder {
  top: 15px;
}

.level_2 .alarmBadge,
.level_2 .dragHandler {
  align-items: flex-start;
  padding-top: 13px;
}

.level_3 .alarmBadge,
.level_3 .dragHandler {
  position: relative;
  margin-left: 5px;
}

.invertTextColor-discard {
  color: #808080 !important;
  text-shadow: 0px 1px 1px #fff !important;
}

.redirectToDetails {
  border-radius: 3px;
  padding: 0px 1px;
  margin-left: 10px;
  position: relative;
  filter: grayscale(1);
}

.redirectToDetails img {
  height: 17px;
  width: 17px;
}

.redirectToDetails:hover {
  opacity: 1;
  background: #efefef;
  filter: none;
}

.redirectToDetails:hover .redirectToDetailsMenu {
  display: flex;
}

.redirectToDetails .redirectToDetailsMenu {
  display: none;
  position: absolute;
  top: -5px;
  overflow: hidden;
  animation: widthAnimation 0.15s ease-in-out 0s;
  margin-left: 50%;
  transform: translateX(-50%);
  padding: 0px 5px;
  color: #6F0881;
  border-radius: 4px;
  background: #fff;
  z-index: 100;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.251), 0px 3px 8px -1px rgba(0, 0, 0, 0.38);
}

.redirectToDetails .redirectToDetailsMenu .menuItem {
  padding: 5px 8px;
}

.redirectToDetails .redirectToDetailsMenu .menuItem:hover {
  background: #efefef;
}

.space-between {
  justify-content: space-between;
}

.flex-end {
  justify-content: flex-end;
}

.flex-start {
  justify-content: flex-start;
}

.flex-wrap {
  flex-wrap: wrap;
}

.flex-one {
  flex: 1;
}

.space-evenly {
  justify-content: space-evenly;
}

.pane_header_column1,
.pane_header_column2 {
  width: 50%;
}

.w2 .pane_header_column1 {
  width: 60%;
}

.w2 .pane_header_column2 {
  width: 40%;
}

.w3 .pane_header_column1 {
  width: 60%;
}

.w3 .pane_header_column2 {
  width: 40%;
}

.w1 .pane_header_title {
  width: 100%;
}

.w1 .pane_header_pagination2 {
  width: 100%;
  padding: 0px 0px;
}

.w1 .pane_header_column2 {
  flex-direction: column-reverse;
  justify-content: end;
}

.pane_header_pagination2 {
  text-align: right;
  padding: 0px 10px;
}

.pane_header_title {
  padding-right: 20px;
}

.pane_header_icon {
  min-width: 25px;
  text-align: center;
}

.pane_header_title_text {
  white-space: nowrap;
  max-width: 85px;
  text-overflow: ellipsis;
  overflow: hidden;
}

.w3 .pane_header_title_text {
  max-width: 200px;
}

.w1 .pane_header_element,
.w2 .pane_header_element {
  margin: 3px 0px;
}

.liveCard .cardActionButtons button i.logi-icon {
  font-size: 13px;
}

.liveCard .cardActionButtons button i.logi-icon.icon-close:before {
  font-size: 11px;
}

#liveTripPane {
  background: #efefef;
}

#drs_pane_wrapper {
  position: relative;
}

#live_wrapper .sequencer_element {
  cursor: move;
}

#live_wrapper .logi-spinner>div {
  -webkit-animation: sk-bouncedelay 0.7s infinite ease-in-out both;
  animation: sk-bouncedelay 0.7s infinite ease-in-out both;
}

#live_wrapper .logi-spinner .bounce1 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

#live_wrapper .logi-spinner .bounce2 {
  -webkit-animation-delay: -0.2s;
  animation-delay: -0.2s;
}

.liveCardCell {
  width: 100%;
  min-height: 100px;
  height: auto;
  display: flex;
  align-items: center;
}

.liveCardCell .placeholderImg {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  position: relative;
  background-position: center;
  background-position-x: 3px;
}

.liveCardCell .live-card-wrapper {
  width: 100%;
}

.w1 .liveCardCell,
.w1 .liveCard {
  min-height: 72px;
}

.w1 .placeholderImg {
  background-image: url(/product/assets/w1_placeholder.8fdaadbe795859a01598.svg);
  height: 66px;
}

.w2 .liveCardCell,
.w2 .liveCard {
  min-height: 50px;
}

.w2 .placeholderImg {
  background-image: url(/product/assets/w2_placeholder.5e1a3aaf09295012bbbd.svg);
  height: 44px;
}

.w3 .liveCardCell,
.w3 .liveCard {
  min-height: 38px;
}

.w3 .placeholderImg {
  background-image: url(/product/assets/w3_placeholder.fe86dbe4fb0dbb0b9f1a.svg);
  height: 32px;
  background-position-x: unset;
}

.loaderContainer_live {
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1000;
  background-discard: rgba(255, 255, 255, 0.6);
  cursor: not-allowed;
}

.loaderContainer_live .loadingMessage {
  background: #6F0881;
  padding: 0px 15px;
  line-height: 40px;
  color: #fff;
  margin-top: 15px;
  box-shadow: 0px 2px 10px -4px rgba(0, 0, 0, 0.62);
  border-radius: 1px;
}

.liveCard_l3_header {
  position: sticky;
  top: 0px;
  margin-bottom: 25px;
  line-height: 45px;
  background: #6F0881;
  height: 45px;
  font-size: 15px;
  color: #fff;
  padding: 0px 15px;
  z-index: 1000;
}

.liveCard_l3_header i.icon {
  cursor: pointer;
  line-height: 40px;
}

.liveCard_l3_header i.icon:before {
  font-size: 11px;
}

.draggableStrip {
  height: 40px;
  /*background-image: url("../images/drag_indicator.svg");*/
  width: 10px;
  margin-left: 7px;
  flex-shrink: 0;
  background-size: contain;
  background-repeat-x: no-repeat;
  background-repeat-y: inherit;
}

.w1 .drs_orders-card-wrapper .deleteBox {
  cursor: pointer !important;
}

.w1 .drs_orders-card-wrapper .icon_checkbox_column {
  cursor: move;
}

.w1 .drs_orders-card-wrapper .icon_checkbox_column:before {
  content: "";
  background-image: url(/product/assets/down.2a724ae11c616a6b82da.svg);
  position: absolute;
  height: 20px;
  width: 20px;
  top: 10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
  transform: rotate(180deg);
}

.w1 .drs_orders-card-wrapper .icon_checkbox_column:after {
  content: "";
  background-image: url(/product/assets/down.2a724ae11c616a6b82da.svg);
  position: absolute;
  height: 20px;
  width: 20px;
  bottom: 10px;
  left: 10px;
  background-size: contain;
  background-repeat: no-repeat;
  opacity: 0.3;
}

#mileOrderHistoryPopup #orderWrapper {
  margin-top: 0px !important;
}

#mileOrderHistoryPopup .pageHeaderWrapper {
  display: none !important;
}

#mileOrderHistoryPopup .logi-progressbar-section .origin-dest-item {
  white-space: nowrap;
}

#dbHistoryPopup .pageHeader,
#mileTripHistoryPopup .pageHeader {
  padding-top: 0px;
}

#dbHistoryPopup .logiGuide.mainWrapper,
#mileTripHistoryPopup .logiGuide.mainWrapper {
  padding: 0 !important;
  padding-top: 0px !important;
}

#dbHistoryPopup .heading,
#mileTripHistoryPopup .heading {
  visibility: hidden;
}

#dbHistoryPopup #dmTrackButton,
#mileTripHistoryPopup #dmTrackButton,
#dbHistoryPopup #tripTrackButton,
#mileTripHistoryPopup #tripTrackButton {
  visibility: hidden;
}

#dbHistoryPopup .logi-progressbar-section .origin-dest-item,
#mileTripHistoryPopup .logi-progressbar-section .origin-dest-item {
  white-space: nowrap;
}

#tripStartConfirmationModal .info {
  margin-bottom: 10px;
}

@-moz-keyframes widthAnimation {
  0% {
    transform: translateX(-50%) scale(0, 1);
  }

  100% {
    transform: translateX(-50%) scale(1);
  }
}

@-webkit-keyframes widthAnimation {
  0% {
    transform: translateX(-50%) scale(0, 1);
  }

  100% {
    transform: translateX(-50%) scale(1);
  }
}

@-o-keyframes widthAnimation {
  0% {
    transform: translateX(-50%) scale(0, 1);
  }

  100% {
    transform: translateX(-50%) scale(1);
  }
}

@keyframes widthAnimation {
  0% {
    transform: translateX(-50%) scale(0, 1);
  }

  100% {
    transform: translateX(-50%) scale(1);
  }
}

.inputTypeLabel {
  font-size: 12px;
  border: 1px solid #979797;
  position: relative;
  padding: 12px 0 5px 8px;
  height: 40px;
  color: #42425c;
}

.inputTypeLabel label {
  padding: 0;
  margin: 0;
  font-size: 12px;
  position: absolute;
  top: -9px;
  left: 8px;
  background: #fff;
}

.triggerEventRow {
  margin-bottom: 30px;
  margin-top: 30px;
}

.triggerEventCount {
  display: inline-block;
  height: 30px;
  width: 30px;
  border-radius: 50%;
  border: 1px solid #999;
  padding-top: 4px;
  margin-top: 2px;
  color: #999;
}

#crateId-cratetypecd .multiselect-parent.dropdown-multiselect.open {
  z-index: 99999999;
  display: block;
  padding-top: 0px;
  margin-top: 0px;
  top: 0px;
  min-height: 200px;
  border: 1px solid #979797 !important;
  width: 138px !important;
  max-height: 255px !important;
  position: absolute !important;
  width: 100%;
  overflow-x: scroll !important;
  overflow-y: scroll !important;
}

#crateId-cratetypecd .new-multiselect .multiselect-parent button.dropdown-toggle {
  height: 30px !important;
  border: 1px solid #979797 !important;
}

#crateId-cratetypecd .listviewmulselect.logi-multiselect-new .multiselect-parent.dropdown-multiselect.open>.dropdown-menu.dropdown-menu-form {
  position: absolute !important;
  border: 1px solid #979797;
  padding-top: 0px !important;
  margin-top: 0px !important;
  top: auto !important;
  left: auto !important;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

.Value-input ul {
  position: absolute !important;
  min-width: 136px;
}

.multiselectDropdownBoxBorder {
  border-bottom: 1px dashed #414040 !important;
  border-top: 0px !important;
  border-right: 0px !important;
  border-left: 0px !important;
}

#crateId-temperatureCategory .multiselect-parent.dropdown-multiselect.open {
  z-index: 99999999;
  display: block;
  padding-top: 0px;
  margin-top: 0px;
  top: 0px;
  min-height: 200px;
  border: 1px solid #979797 !important;
  width: 138px !important;
  max-height: 255px !important;
  position: absolute !important;
  width: 100%;
  overflow-x: scroll !important;
  overflow-y: scroll !important;
}

#crateId-temperatureCategory .new-multiselect .multiselect-parent button.dropdown-toggle {
  height: 30px !important;
  border: 1px solid #979797 !important;
}

#crateId-temperatureCategory .listviewmulselect.logi-multiselect-new .multiselect-parent.dropdown-multiselect.open>.dropdown-menu.dropdown-menu-form {
  position: absolute !important;
  border: 1px solid #979797;
  padding-top: 0px !important;
  margin-top: 0px !important;
  top: auto !important;
  left: auto !important;
  overflow-y: scroll !important;
  overflow-x: scroll !important;
}

.serviceType-action,
.serviceType-status {
  width: 80px;
}

.serviceType-serviceDays {
  width: 200px;
}

#serviceTypeMaster table th {
  font-size: 14px;
  font-weight: bold !important;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.27;
  letter-spacing: -0.1px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
}

#serviceTypeMaster table th span {
  font-weight: bold !important;
}

#serviceTypeMaster table th td {
  font-size: 13px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: -0.2px;
  color: #525252;
}

#serviceTypeMaster table .serviceType-serviceDays-detail {
  overflow: hidden;
  text-overflow: ellipsis;
}

#serviceTypeMaster table .uploadServiceTypes {
  text-align: right;
}

#serviceTypeMaster table .serviceTypesModal .shift-time-icon {
  background: #6F0881;
  position: absolute;
  right: 15px;
  top: 18px;
  height: 40px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
}

#serviceTypeMaster table .serviceTypesModal .shift-time-icon img {
  height: 20px;
}

#serviceTypeMaster table .statusUpdateReasonTable .deleteButton {
  font-size: 17px;
  background-color: #fff;
}

#serviceTypeMaster table .fleetManagement .toggleDescription {
  font-size: 13px;
  opacity: 0.7;
  letter-spacing: 0.3px;
  line-height: 17px;
  margin-top: 5px;
  padding-right: 30px;
  color: #444;
  cursor: pointer;
}

.lane2.widthFix .node {
  max-width: 150px;
}

.autofill-address {
  padding-left: 15px;
  font-size: 13px;
}

.autofill-address .heading {
  opacity: 0.7;
}

.button-glow {
  animation: glowing 2000ms infinite;
}

.hint--show[class*=hint--]:before {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(-8px);
  -moz-transform: translateY(-8px);
  transform: translateY(-8px);
}

.hint--show[class*=hint--]:after {
  visibility: visible;
  opacity: 1;
  animation: glowing 2000ms infinite;
  webkit-transform: translateX(-50%) translateY(-8px);
  -moz-transform: translateX(-50%) translateY(-8px);
  transform: translateX(-50%) translateY(-8px);
}

.note-label-red {
  color: #f00 !important;
  opacity: 0.8;
}

.note-label-red i.logi-icon {
  margin-top: -3px;
  display: inline-block;
  margin-right: 3px;
}

.logiGuide.onboarding-wrapper.mainWrapper {
  background: #ddd;
  overflow: hidden;
  padding-top: 0;
}

.logiGuide.onboarding-wrapper.mainWrapper .onboarding-body {
  height: 100vh;
}

.logiGuide.onboarding-wrapper.mainWrapper i:before {
  font-size: inherit;
}

.onboarding-content {
  position: relative;
  height: 100%;
  -webkit-transition: all 0.12s ease-in;
  -moz-transition: all 0.12s ease-in;
  -o-transition: all 0.12s ease-in;
  transition: all 0.12s ease-in;
  overflow: hidden;
  padding: 30px 5%;
  width: calc(100% - 315px);
  float: left;
  box-shadow: inset 0px 0px 20px -10px #000;
  background: url(/product/assets/mapbg.5ff3f5e4a443b595a5b2.png);
  background-size: cover;
}

.onboarding-content.sidebar-collapsed {
  -webkit-transition: all 0.12s ease-in;
  -moz-transition: all 0.12s ease-in;
  -o-transition: all 0.12s ease-in;
  transition: all 0.12s ease-in;
  width: calc(100% - 50px);
}

.decorated-link {
  background-color: white;
  cursor: pointer;
  color: #6F0881;
  font-size: 13px;
  margin: 5px 0;
}

.decorated-link span {
  text-decoration: underline;
}

.decorated-link.toggle-advanced i {
  border: 1px solid;
  border-radius: 50%;
  margin-right: 2px;
}

#advancedToggleElm {
  margin: 15px 0;
}

.dotted-input {
  padding: 5px 0;
  border-bottom: 1px dashed;
}

.skillsetLabel{
  word-break: break-all;
}

.dotted-input.error,
.dotted-input.ng-invalid {
  border-color: #f00;
}

.gif-helper {
  display: flex;
  align-items: baseline;
  justify-content: center;
}

.gif-helper video {
  box-shadow: 0px 4px 15px -7px #000;
  width: 100%;
  max-height: 100%;
}

.gif-helper span {
  color: #fff;
  font-size: 30px;
  opacity: 0.8;
  text-align: center;
}

.mainSection .section-title {
  color: #000;
  font-size: 15px;
  padding: 10px 0;
  letter-spacing: 0.6px;
  text-transform: capitalize;
}

.flex-vert-center {
  display: flex;
  align-items: center;
}

.flex-nowrap {
  flex-wrap: nowrap;
}

.flex-align-center {
  align-items: center;
}

.flex-space-between {
  justify-content: space-between;
}

.onboarding-card .options-wrapper .option-group {
  margin-bottom: 10px;
}

.alertSetting_boxInput {
  width: 100%;
  position: relative;
}

.alertSetting_boxInput input {
  width: 100%;
  line-height: 40px;
  height: 40px;
  border: 1px solid #979797;
  font-size: 13px;
  padding: 0px 8px;
}

.onboarding-card .options-wrapper .box-input {
  width: 100%;
  position: relative;
}

.onboarding-card .options-wrapper .box-input input {
  width: 100%;
  line-height: 40px;
  height: 40px;
  border: 1px solid #979797;
  font-size: 13px;
  padding: 0px 8px;
  top: 9px;
}

.onboarding-card .options-wrapper .box-input.percent padding-right:input {
  padding-right: 30px;
}

.onboarding-card .options-wrapper .box-input.percent:after {
  content: '%';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(-100%, -50%);
}

.onboarding-card .options-wrapper .box-input select {
  width: 100%;
  line-height: 40px;
  height: 40px;
  border: 1px solid #979797;
  font-size: 13px;
  padding: 0px 8px;
  width: 100%;
  background: #fff;
}

.switch-card-content {
  padding: 15px 5px;
  padding-top: 10px;
}

.min-capacity-form .box-input {
  margin: 0 10px;
}

.box-input .top-label {
  display: block;
  position: absolute;
  top: -9px;
  margin-left: 8px;
  font-size: 12px;
  background: #fff;
}

.switch-card {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  background: var(--color-purple-100);
  margin: 10px 0;
  padding: 10px 15px;
  text-align: left;
}

.switch-card .switch-desc {
  flex: 1;
}

.switch-card .switch-desc .switch-desc-heading {
  font-family: "Gotham-Rounded-Medium";
  font-size: 14px;
  color: #000;
  letter-spacing: 0.3px;
}

.switch-card .switch-desc .switch-desc-subheading {
  color: #000;
  opacity: 0.7;
  font-size: 13px;
  margin-top: 2px;
  letter-spacing: 0.3px;
  line-height: 17px;
  padding-right: 30px;
}

.switch-card .switch-wrapper {
  width: 100px;
  text-align: right;
}

.switch-card .switch-wrapper .switch label {
  margin-left: auto;
  margin-top: 10px;
}

.switch-card.disabled {
  opacity: 0.5;
}

.addDeliveryBtn.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

.no-records-content-wrapper {
  padding: 20px;
}

.no-records-content-wrapper .intial-content {
  padding-top: 20px;
}

.no-records-content-wrapper .no-records-text {
  font-size: 13px;
  line-height: 25px;
}

.no-records-content-wrapper .no-records-text .link-text {
  color: #6F0881;
  cursor: pointer;
  text-decoration: underline;
}

.step-complete-icon {
  color: #6F0881;
  font-size: 18px;
}

.step-complete-icon i {
  vertical-align: top;
}

.onboarding-sidebar {
  position: relative;
  height: 100%;
  width: 315px;
  -webkit-transition: all 0.12s ease-in;
  -moz-transition: all 0.12s ease-in;
  -o-transition: all 0.12s ease-in;
  transition: all 0.12s ease-in;
  background: #fff;
  float: left;
}

.onboarding-sidebar .logo-wrapper {
  padding: 15px 15px;
  border-bottom: 1px solid #ddd;
}

.onboarding-sidebar .sidebar-collapse {
  cursor: pointer;
  position: absolute;
  right: 13px;
  top: 0;
  margin-top: 13px;
  width: 34px;
  border-right: 0;
  background: #6F0881;
  color: #fff;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px 6px;
  border-radius: 50%;
  opacity: 1 !important;
}

.onboarding-sidebar .sidebar-collapse i {
  font-size: 18px;
}

.onboarding-sidebar .sidebar-collapse * {
  opacity: 1 !important;
}

.onboarding-sidebar .sidebar-overlay {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #fff;
}

.onboarding-sidebar .sidebar-overlay .sidebar-collapse {
  right: 8px;
  color: #fff;
}

.onboarding-sidebar .sidebar-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #eee;
  padding: 5px 15px;
  opacity: 0.7;
  font-size: 13px;
}

.onboarding-sidebar .sidebar-menu {
  height: calc(100% - 120px);
  overflow: auto;
  padding: 15px;
}

.onboarding-sidebar .sidebar-menu .menu-options {
  margin: 0;
  padding: 0;
}

.onboarding-sidebar .sidebar-menu .menu-options .menu-item {
  margin-bottom: 10px;
}

.onboarding-sidebar .sidebar-menu .menu-tab {
  display: flex;
  flex-wrap: no-wrap;
  line-height: 40px;
  margin: 0 -15px;
  cursor: pointer;
  padding: 0 15px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

/* .onboarding-sidebar .sidebar-menu .menu-tab .menu-tab-name {
  flex: 3;
  font-family: "Gotham-Rounded-Medium";
  color: #000;
  font-size: 14px;
  letter-spacing: 0.3px;
} */

.onboarding-sidebar .sidebar-menu .menu-tab .menu-tab-name span {
  display: inline-block;
  vertical-align: middle;
  line-height: 20px;
}

.onboarding-sidebar .sidebar-menu .menu-tab .menu-tab-icon {
  text-align: right;
  color: #6F0881;
  font-size: 18px;
}

.onboarding-sidebar .sidebar-menu .menu-tab:hover {
  background: #fafafa;
}

.onboarding-sidebar .sidebar-menu .menu-tab:hover .menu-tab-name {
  color: #6F0881;
}

.onboarding-sidebar .sidebar-menu .menu-tab.menu-disabled {
  opacity: 0.5;
}

.onboarding-sidebar .sidebar-menu .menu-tab.menu-disabled:hover {
  background: #fff;
  cursor: not-allowed;
}

.onboarding-sidebar .sidebar-menu .menu-tab.menu-disabled:hover .menu-tab-name {
  color: #000;
}

.onboarding-sidebar .sidebar-menu .menu-tab>div {
  flex: 1;
}

.onboarding-sidebar .sidebar-menu ul.submenu-options {
  margin: 0 -15px;
  margin-top: 5px;
}

.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 15px;
  cursor: pointer;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #545454;
  padding-left: 25px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-name:hover {
  background: #fafafa;
  color: #6F0881;
}

.onboarding-sidebar .sidebar-menu ul.submenu-options .active .submenu-name {
  background: #fafafa;
  color: #6F0881;
}

.onboarding-sidebar .sidebar-menu ul.submenu-options .menu-disabled .submenu-name {
  opacity: 0.5;
  cursor: not-allowed;
}

.onboarding-sidebar .sidebar-menu ul.submenu-options .menu-disabled .submenu-name:hover {
  background: #fff;
  color: #545454;
}

.onboarding-sidebar.sidebar-collapsed {
  width: 50px;
  -webkit-transition: all 0.12s ease-in;
  -moz-transition: all 0.12s ease-in;
  -o-transition: all 0.12s ease-in;
  transition: all 0.12s ease-in;
}

.onboarding-sidebar.sidebar-collapsed * {
  opacity: 0;
}

.onboarding-sidebar.sidebar-collapsed .sidebar-overlay {
  display: block;
  opacity: 1;
}

.onboarding-sidebar .panel.panel-open .panel-heading {
  background: #6F0881;
}

.onboarding-sidebar .panel.panel-open .panel-heading .menu-tab-name,
.onboarding-sidebar .panel.panel-open .panel-heading .menu-tab-icon {
  color: #fff;
}

.onboarding-sidebar .panel.panel-open .menu-tab:hover {
  background: #6F0881 !important;
}

.onboarding-sidebar .panel.panel-default {
  box-shadow: none;
}

.onboarding-sidebar .panel.panel-default .panel-heading {
  margin: 0 -15px;
  padding: 0 15px;
}

.onboarding-sidebar .panel .panel-body {
  border: none !important;
}

.onboarding-sidebar .panel .panel-heading:focus,
.onboarding-sidebar .panel .panel-heading a:focus,
.onboarding-sidebar .panel .panel-heading .accordion-toggle:focus {
  outline: 2px solid #6F0881 !important;
  outline-offset: 2px;
}

.onboarding-sidebar .panel .panel-heading:focus-within {
  box-shadow: 0 0 0 2px #6F0881 !important;
}

.logi-accord .panel.panel-default .panel-heading h4.panel-title a {
  color: #000;
  outline: none;
}

.logi-accord .panel.panel-default .panel-heading h4.panel-title a:hover {
  color: #000;
}

.logi-accord .no-children a {
  cursor: default !important;
}

.logi-accord .accord-item {
  margin-top: 10px !important;
  margin-bottom: 10px;
  box-shadow: 0px 2px 15px -8px #000 !important;
}

.logi-accord .panel-group {
  margin-bottom: 0;
}

.logi-accord .accord-item .icon-Product-Icons_Navbar-Up {
  display: none;
}

.logi-accord .accord-item .icon-Product-Icons_Navbar-Down {
  display: inline;
}

.logi-accord .accord-item.panel-open>.panel-heading .icon-Product-Icons_Navbar-Up {
  display: inline;
}

.logi-accord .accord-item.panel-open>.panel-heading .icon-Product-Icons_Navbar-Down {
  display: none;
}

.logi-accord .panel.panel-default .panel-heading {
  background: var(--color-purple-100);
}

.logi-accord .panel.panel-open>.panel-heading {
  background: var(--color-primary-medium);
}

.logi-accord .accord-header {
  display: flex;
  align-items: center;
  padding: 7px 0;
}

.logi-accord .accord-header .header-name {
  flex: 3;
  text-align: left;
  line-height: initial;
  padding-right: 25px;
}

.logi-accord .accord-header .header-name .primary {
  font-family: "Gotham-Rounded-Medium";
  padding-bottom: 3px;
  font-size: 14px;
  letter-spacing: 0.3px;
}

.logi-accord .accord-header .header-name .secondary {
  font-size: 13px;
  opacity: 0.7;
  letter-spacing: 0.3px;
  line-height: 17px;
  margin-top: 2px;
  padding-right: 30px;
}

.logi-accord .accord-header .header-icons {
  text-align: right;
  font-size: 18px;
  padding: 0;
}

.logi-accord .accord-content {
  padding: 15px;
  background: #fff;
}

table.simple-table {
  text-align: left;
}

table.simple-table div {
  overflow: initial !important;
}

table.simple-table .ui-sortable-helper {
  background: #fff;
  box-shadow: 0px 0px 10px -4px #000;
  display: table;
}

table.simple-table .ui-sortable-helper td {
  text-align: left;
}

table.simple-table .ui-sortable-helper td:first-child {
  width: 30px;
}

table.simple-table tr,
table.simple-table thead {
  border-bottom: 1px solid #ddd;
}

table.simple-table tr:last-child {
  border: none;
}

table.simple-table th,
table.simple-table td {
  padding: 5px 15px;
  color: #525252;
  font-size: 13px;
  height: 40px;
}

table.simple-table th {
  font-family: "Gotham-Rounded-Medium";
  vertical-align: top;
  color: #000;
  font-size: 14px;
  padding: 15px 15px;
}

table.simple-table.table-border {
  border: 1px solid #ddd;
}

table.simple-table .dotted-input {
  width: 100%;
}

table.simple-table .search-column {
  position: relative;
  color: #555;
}

table.simple-table .search-column i {
  position: absolute;
  top: 8px;
  font-size: 12px !important;
  color: #555;
}

table.simple-table .search-column .dotted-input {
  padding-left: 15px;
  padding-right: 15px;
  border-bottom: 1px solid #aaa;
  width: 100%;
  color: #525252;
  font-family: "Gotham-Rounded";
  font-size: 13px;
}

table.simple-table .search-column .remove-column-filter {
  position: absolute;
  right: 14px;
  top: 1px;
  cursor: pointer;
  font-size: 12px;
  color: #555;
}

table.simple-table .delete-action i {
  font-size: 17px !important;
  cursor: pointer;
  color: #6F0881;
}

.onboarding-card {
  background: #fff;
  box-shadow: 0px 0px 20px -7px #000;
  height: 100%;
  border-radius: 3px;
  padding: 15px 0px;
  padding-bottom: 70px;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

.onboarding-card:before {
  content: '';
  height: calc(100% - 10%);
  width: 20px;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  left: -20px;
  top: 5%;
  z-index: 0;
  border-radius: 3px;
  box-shadow: inset -5px 0px 15px -8px #000;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.onboarding-card:after {
  content: '';
  height: calc(100% - 10%);
  width: 20px;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  right: -20px;
  top: 5%;
  z-index: 0;
  border-radius: 3px;
  box-shadow: inset 5px 0px 15px -8px #000;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.onboarding-card .content-loading {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  z-index: 2000;
  display: flex;
  align-items: center;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  height: 100%;
}

.onboarding-card .content-loading.ng-hide {
  opacity: 0;
}

.onboarding-card .step-header {
  text-align: center;
}

.onboarding-card .scroll-area {
  height: 100%;
  overflow: auto;
  padding: 0 15px;
}

.onboarding-card .step-footer {
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 15px;
  padding: 0 10px;
}

.onboarding-card .question-wrapper {
  padding: 0;
}

.onboarding-card .question-wrapper .question-heading {
  color: #000;
  font-size: 15px;
}

.onboarding-card .question-wrapper .options-wrapper {
  margin: 15px 0;
}

.onboarding-card .question-wrapper .options-wrapper:first-child {
  margin-top: 0;
}

.onboarding-card .step-heading {
  font-size: 19px;
  color: #000;
  margin-top: 5px;
  margin-bottom: 10px;
  padding: 0 10%;
}

.onboarding-card .step-subheading {
  font-size: 14px;
  letter-spacing: 0.2px;
  line-height: 21px;
  color: #545454;
  margin: 10px 0;
  margin-bottom: 20px;
  padding: 0 15%;
}

.onboarding-card.inactive {
  height: 10px;
  overflow: hidden;
}

.animationIf.ng-enter .onboarding-card,
.animationIf.ng-leave .onboarding-card {
  -webkit-transition: opacity ease-in-out 1s;
  -moz-transition: opacity ease-in-out 1s;
  -o-transition: opacity ease-in-out 1s;
  transition: opacity ease-in-out 1s;
}

.animationIf.ng-enter .onboarding-card,
.animationIf.ng-leave.ng-leave-active .onboarding-card {
  opacity: 0;
}

.animationIf.ng-leave .onboarding-card,
.animationIf.ng-enter.ng-enter-active .onboarding-card {
  opacity: 1;
}

.language-sticky {
  position: absolute;
  right: 15px;
  color: #6F0881;
  cursor: pointer;
  width: 215px;
}

.language-sticky .flex-wrapper {
  justify-content: flex-end;
}

.language-sticky .flex-wrapper .breadcrumb-arrow-down {
  padding-left: 15px;
}

.welcome-step {
  padding-top: 0;
}

.welcome-step .options-wrapper {
  max-width: 900px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.welcome-step .step-header {
  padding: 15px;
  padding-bottom: 1px;
}

.welcome-step .step-header .step-heading {
  font-size: 48px;
  color: #000;
  font-family: "Gotham-Rounded-Thin";
  margin-bottom: 0;
}

.welcome-step .step-header .step-subheading {
  font-size: 17px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  margin-bottom: 20px;
  margin-top: 0;
}

.welcome-step form.flex-wrapper {
  flex-wrap: wrap;
}

.welcome-step form.select-language {
  display: inline-block;
  width: 300px;
}

.welcome-step form.select-language .logi-input {
  width: 100%;
}

.onboarding-card.welcome-step .options-wrapper input {
  display: none;
}

.onboarding-card.welcome-step .options-wrapper .option-group {
  margin: 10px;
  width: calc(25% - 20px);
}

.onboarding-card.welcome-step .options-wrapper .option-group label {
  font-weight: lighter;
  font-size: 13px;
  padding: 10px;
  height: 100%;
  background: #eee;
  cursor: pointer;
  justify-content: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  width: 100%;
  margin: 0;
  display: flex;
  align-items: center;
  border: 4px solid transparent;
}

.onboarding-card.welcome-step .options-wrapper .option-group label:hover {
  transform: scale(1.05);
  box-shadow: 0px 7px 20px -9px #000;
}

.onboarding-card.welcome-step .options-wrapper .option-group input:checked+label {
  transform: scale(1.05);
  box-shadow: 0px 7px 20px -9px #000;
  border: 4px solid #6F0881;
  background: #6F0881;
  color: #fff;
}

.onboarding-card.industry-vertical-step .industry-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}

.onboarding-card.industry-vertical-step .industry-card {
  position: relative;
  cursor: pointer;
  padding: 5px;
  min-width: 250px;
  width: calc(33.3% - 20px);
  max-width: 370px;
  margin: 10px;
  text-align: center;
  box-shadow: 0px 2px 15px -8px #000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.onboarding-card.industry-vertical-step .industry-card.disabled:not(.selected) {
  opacity: 0.5;
  cursor: not-allowed !important;
}

.onboarding-card.industry-vertical-step .industry-card.disabled:not(.selected):hover {
  box-shadow: none !important;
  transform: none !important;
}

.onboarding-card.industry-vertical-step .industry-card.disabled:not(.selected) .industry-info {
  display: none !important;
}

.onboarding-card.industry-vertical-step .industry-card .step-heading,
.onboarding-card.industry-vertical-step .industry-card .step-subheading {
  padding: 0px 15px;
}

.onboarding-card.industry-vertical-step .industry-card .industry-info {
  position: absolute;
  right: 12px;
  top: 12px;
  padding: 5px 8px;
  box-shadow: 0px 0px 15px -4px #000;
  border-radius: 2px;
  background: #fff !important;
  font-size: 12px;
  display: none;
  justify-content: space-between;
  align-items: center;
  color: #6F0881 !important;
}

.onboarding-card.industry-vertical-step .industry-card .image-wrapper {
  cursor: initial;
  margin: -5px;
  margin-bottom: 15px;
  height: 200px;
  background-position: center !important;
  background-size: cover !important;
}

.onboarding-card.industry-vertical-step .industry-card .image-wrapper img {
  height: 150px;
  width: 100%;
}

.onboarding-card.industry-vertical-step .industry-card .step-heading {
  font-size: 15px;
}

.onboarding-card.industry-vertical-step .industry-card .step-subheading {
  font-size: 13px;
  color: #828282;
}

.onboarding-card.industry-vertical-step .industry-card:hover .industry-info {
  display: flex;
}

.onboarding-card.industry-vertical-step .industry-card:hover,
.onboarding-card.industry-vertical-step .industry-card.selected {
  box-shadow: 0px 5px 30px -10px;
  transform: scale(1.02);
}

.onboarding-card.industry-vertical-step .industry-card.selected {
  background: #6F0881;
}

.onboarding-card.industry-vertical-step .industry-card.selected .step-heading {
  color: #fff;
}

.onboarding-card.industry-vertical-step .industry-card.selected .step-subheading {
  color: #fff;
  opacity: 0.7;
}

.uploadLogo-label {
  cursor: pointer;
}

.onboarding-card.organisation-profile-step .leaflet-control-scale {
  display: none;
}

.laptop-graphic {
  margin-right: -15px;
}

.onboarding-card.organisation-profile-step .question-wrapper,
.onboarding-card.system-settings-step .question-wrapper {
  margin-top: 25px;
}

.onboarding-card.organisation-profile-step .laptop-graphic img,
.onboarding-card.system-settings-step .laptop-graphic img {
  width: 100%;
  margin-right: -30px;
}

.form-elements-width-100percent .col-md-3 {
  width: 100%;
}

.form-elements-width-50percent .col-md-3 {
  width: 50%;
}

.onboarding-card.primary-operations-step .gif-helper {
  box-shadow: none;
  padding-top: 5px;
  padding-bottom: 5px;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0;
  height: 250px;
  line-height: 150px;
  text-align: center;
}

.onboarding-card.primary-operations-step .gif-helper span {
  color: #fff;
  font-size: 60px;
  opacity: 0.8;
}

.label-manager-modal {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(12, 26, 31, 0.71);
  z-index: 9999;
}

.label-manager-modal .question-wrapper {
  height: calc(100vh - 270px);
  overflow: auto;
  padding: 0 15px;
  margin: 0 -15px;
}

.label-manager-modal .modal-content {
  background: transparent;
  box-shadow: none;
}

.label-manager-modal .onboarding-card:before,
.label-manager-modal .onboarding-card:after {
  display: none;
}

.label-manager-modal .close-btn {
  opacity: 0.5;
  cursor: pointer;
  margin-top: -5px;
}

.label-manager-modal .close-btn i {
  font-size: 26px;
}

.label-manager-modal .close-btn:hover {
  opacity: 1;
}

.scroll-area.heightFixLifecycle {
  height: calc(100vh - 60px - 160px) !important;
  overflow: hidden !important;
}

.scan-process-wrapper {
  border: 1px solid #ddd;
}

.scan-process-wrapper .switch-card {
  margin: 0;
}

.scan-process-wrapper .flex-wrapper {
  padding: 15px;
}

.scan-process-wrapper .flex-wrapper .heading {
  font-size: 14px;
  font-family: "Gotham-Rounded-Medium";
}

.scan-process-wrapper .flex-wrapper .desc {
  color: #000;
  opacity: 0.7;
  font-size: 13px;
  margin: 5px 0;
  letter-spacing: 0.3px;
  line-height: 17px;
}

.neo-tree {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  text-align: center;
  position: relative;
  padding: 0 25px;
}

.neo-tree .svg-connectors {
  position: absolute;
  left: 0;
  top: 0;
}

.neo-tree .lane {
  margin-top: 14px;
  margin: 60px 0;
  font-size: 0;
}

.neo-tree .rotate180 {
  transform: rotate(180deg);
}

.neo-tree .node.start {
  border-radius: 35px;
}

.neo-tree .node {
  font-size: 13px;
  color: #000;
  border-radius: 2px;
  display: inline-block;
  border: 1px solid #6F0881;
  padding: 15px;
  padding-top: 20px;
  width: 200px;
  margin: 0 10px;
  position: relative;
  text-align: center;
}

.neo-tree .node .icon {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%);
  height: 30px;
  width: 30px;
  border-radius: 50%;
  text-align: center;
  background: #6F0881;
  color: #fff;
  line-height: 27px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.neo-tree .node .icon img {
  max-width: 55%;
}

.neo-tree .node .icon i {
  font-size: 18px;
}

.neo-tree .node.dotted-border {
  border: 1px dashed #6F0881;
}

.neo-tree .node.node-yellow {
  border-color: #fba729;
}

.neo-tree .node.node-yellow .icon {
  background: #fba729;
}

.neo-tree .node .switch label:not(.desc-label) {
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
}

.neo-tree .node-order-cancelled {
  position: absolute;
  right: 0;
}

.neo-tree .node-order-auto-assign {
  position: absolute;
  right: 0;
}

.neo-tree .node-no,
.neo-tree .node-yes {
  width: 45px;
  padding: 2px 10px;
  font-size: 12px;
  border-color: #777;
  margin: 0 15px;
  background: #fafafa;
}

.neo-tree .node-yes {
  color: #008000;
  background: rgba(0, 128, 0, 0.102);
}

.neo-tree .node-no {
  color: #f00;
  background: rgba(255, 0, 0, 0.102);
}

.neo-tree .node-pickup-attempted {
  margin-left: 100px;
}

.neo-tree .node-picked-up {
  margin-right: 135px;
  margin-top: 130px;
}

.neo-tree .lane11 .node-yes,
.neo-tree .lane11 .node-no {
  margin-top: 18px;
}

.neo-tree .node .decorated-link {
  display: inline-block;
}

.neo-tree .lane12 .node1,
.neo-tree .lane12_1 .node1 {
  margin-left: -6px;
  width: 145px;
}

.neo-tree .lane12 .node2,
.neo-tree .lane12_1 .node2 {
  margin-right: -26px;
  width: 145px;
}

.neo-tree .lane13 {
  margin: 0;
  margin-top: -30px;
}

.neo-tree .label-editor {
  margin: 5px 0;
}

.neo-tree .label-editor .label-name {
  color: #9b9ba8;
  display: inline-block;
}

.neo-tree .label-editor .edit-link {
  display: inline-block;
  color: #555;
}

.neo-tree .label-editor .edit-link .decorated-link {
  margin: 0;
}

#branchLimitButton {
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fafafa;
  margin: 15px;
  display: block;
  width: calc(100% - 30px);
  padding: 10px 15px;
  border: 2px dashed #ddd;
  border-radius: 3px;
  font-family: "Gotham-Rounded-Medium";
  font-size: 14px;
  color: #555;
  letter-spacing: 0.3px;
}

#branchLimitButton span {
  margin-left: 5px;
}

#branchLimitButton i.logi-icon {
  border: 1px solid #555;
  border-radius: 50%;
}

.neo-tree.haul {
  padding-bottom: 25px;
}

.neo-tree.haul .toggle-switch {
  display: inline-block;
  margin-top: 10px;
  border: 1px solid #6F0881;
}

.neo-tree.haul .toggle-switch span {
  cursor: pointer;
  padding: 0 10px;
  text-align: center;
  line-height: 30px;
  display: inline-block;
}

.neo-tree.haul .toggle-switch span.active {
  background: #6F0881;
  color: #fff;
}

.neo-tree.haul .lane10 .node-yes {
  position: absolute;
  margin-top: 40px;
}

.neo-tree.haul .lane11 .node-no {
  margin-top: -30px;
}

.neo-tree.haul .lane13 {
  margin-top: 0;
}

.neo-tree.haul .lane13 .node.end-trip {
  border-radius: 35px;
}

.neo-tree.haul .lane12 .stop-manually {
  width: 200px;
  margin: 0 10px;
}

.neo-tree.haul .stop-trip-destination-geofence {
  position: absolute;
  right: 0;
}

.neo-tree.haul .lane4 .trip-cancelled {
  position: absolute;
  right: 0;
  margin-top: -27px;
}

.neo-tree.haul #geofence-radius {
  border: 1px solid #979797;
  width: 90px;
  height: 25px;
  margin-top: 10px;
  color: #333;
  padding: 0px 8px;
  font-size: 13px;
}

.node-order-available,
.node-trip-created,
.node-pickup-attempted,
.node-trip-started {
  width: auto !important;
}

.order-cancelled-label:after {
  content: attr(aria-label);
  position: absolute;
  right: 0;
  transform: translate(110%, -125%);
  top: 50%;
  color: rgba(255, 0, 0, 0.75);
  background: #fff;
  font-size: 12px;
}

.lane12 .node1:before {
  content: attr(aria-label);
  position: absolute;
  top: -500%;
  left: -44%;
  transform: rotate(-90deg);
  color: #9b9ba8;
}

.lane12.flow2 .node1:before {
  left: -40%;
}

.lane12_1.flow2 .node1:before {
  left: -40%;
}

.node-pickup-attempted .attempts-input {
  width: 30px;
  background: #6F0881;
  color: #fff;
  text-align: center;
  border-radius: 2px;
}

.onboarding-card .options-wrapper .logi-radio,
.onboarding-card .options-wrapper .switch {
  display: flex !important;
}

.onboarding-card .options-wrapper .logi-radio .desc-label,
.onboarding-card .options-wrapper .switch .desc-label {
  flex: 1;
  padding-left: 15px;
}

.onboarding-card .options-wrapper .logi-radio .desc-label .heading,
.onboarding-card .options-wrapper .switch .desc-label .heading {
  color: #000;
  font-size: 14px;
  font-family: "Gotham-Rounded-Medium";
}

.onboarding-card .options-wrapper .logi-radio .desc-label .desc,
.onboarding-card .options-wrapper .switch .desc-label .desc {
  color: #000;
  opacity: 0.7;
  font-size: 13px;
  margin: 5px 0;
  letter-spacing: 0.3px;
  line-height: 17px;
  padding-right: 30px;
}

.logiGuide .additional-hubs-step .logi-tabset {
  margin: 25px 0;
}

.logiGuide .additional-hubs-step .logi-tabset .tab-content {
  padding: 15px;
  min-height: 100%;
}

.logiGuide .additional-hubs-step .logi-tabset .table-top-margin .container-fluid {
  min-height: 100% !important;
}

.logiGuide .additional-hubs-step .panel.panel-default>.panel-heading h4.panel-title a {
  color: #444 !important;
}

.logiGuide .additional-hubs-step .panel.panel-open>.panel-heading h4.panel-title a {
  color: #fff !important;
}

.logiGuide .additional-hubs-step .text-muted {
  color: #444 !important;
}

.logiGuide .additional-hubs-step .text-muted .accord-header .icon-Product-Icons_Navbar-Up,
.logiGuide .additional-hubs-step .text-muted .accord-header .icon-Product-Icons_Navbar-Down {
  display: none;
}

.logiGuide .additional-hubs-step .header-icons i {
  margin: 0 5px;
  opacity: 0.7;
}

.logiGuide .additional-hubs-step .header-icons i:hover {
  opacity: 1;
}

.logiGuide .additional-hubs-step .header-icons .action-icons {
  display: inline-block;
}

.logiGuide .additional-hubs-step .panel-group {
  margin-bottom: 0;
}

.switchCardRemovePadingMargin {
  padding: 0;
  margin: 0;
  width: 40px;
}

.switchCardRemovePadingMargin label {
  margin: 0px !important;
}

.toggleBackground {
  background: #dde2e6 !important;
}

.toggleFontColor {
  color: #444;
}

.addToTable {
  margin-left: 15px;
  margin-right: 15px;
  padding: 12px;
  text-align: center;
  border: 2px dashed #6F0881;
  background: #fafafa;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  margin-top: 5px;
  color: #6F0881;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.addToTable:hover {
  background: #fff;
  color: #6F0881;
  border: 2px dashed #6F0881;
}

.addToTable.disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

.additional-hubs-step .mapAssist_legends {
  display: none;
}

.addGeofenceForm .logi-createuser {
  width: 50%;
}

#defaultAlert .uiGridTable .ui-grid-header-cell {
  height: 45px !important;
}

.planning-profile-step .mainSection {
  margin-bottom: 15px;
}

.planning-profile-step .mainSection>.options-wrapper {
  margin: 0;
}

.planning-profile-step .switch-card {
  box-shadow: 0px 2px 15px -8px #000;
}

.attempt-reasons-modal .modal-body,
.cancellation-reasons-modal .modal-body {
  max-height: calc(100vh - 45px - 71px - 71px - 70px) !important;
}

.expectional-reason .modal-body {
  overflow: unset !important;
}

.expectional-reason .modal-body.set-overflow {
  overflow: auto !important;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch {
  height: 100vh;
  padding-top: 0;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-content {
  background: #fafafa;
  overflow: auto;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-body {
  height: 100%;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-body .onboarding-content {
  padding: 15px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-sidebar {
  padding-top: 60px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-sidebar .sidebar-menu {
  border-top: 1px solid #eee;
  height: calc(100% - 30px);
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-sidebar .sidebar-heading {
  position: absolute;
  top: 21px;
  left: 15px;
  color: #000;
  font-family: "Gotham-Rounded";
  font-size: 17px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card {
  height: auto;
  min-height: calc(100% - 60px);
  box-shadow: 0px 1px 15px -7px #000;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card:after,
.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card:before {
  display: none;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card .step-header {
  display: none;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card .scroll-area {
  height: auto;
  overflow: unset;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card .question-wrapper {
  margin-top: 0 !important;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card .question-wrapper .calendar-label.calendar-icon {
  padding-top: 6px;
  margin-left: -20px;
  color: #6F0881;
  font-size: 15px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card .question-wrapper .holiday-table {
  width: auto !important;
  margin: 15px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card input[type="date"]::-webkit-inner-spin-button {
  display: none;
  -webkit-appearance: none;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .onboarding-card input[type="date"]::-webkit-calendar-picker-indicator {
  color: #6F0881;
  opacity: 0;
  display: block;
  width: 17px;
  height: 17px;
  z-index: 1;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .admin-header {
  height: 60px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .admin-header .header-title {
  color: #000;
  font-size: 17px;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .admin-header .actions-wrapper {
  font-size: 0;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .admin-header .actions-wrapper ul li:last-child a {
  margin-right: 0;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .label-manager-modal .step-header {
  display: block !important;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .additional-hubs-step {
  padding: 0;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .additional-hubs-step .scroll-area {
  padding: 0;
  overflow: visible !important;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .additional-hubs-step .logi-tabset {
  margin: 0;
}

.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch .additional-hubs-step .logi-tabset .tab-content {
  box-shadow: none;
}

.addClientForm label.email-id-label {
  overflow: visible;
}

.sidebar-progress {
  display: none;
}

.sidebar-progress .progress {
  margin: 0 !important;
  border-radius: 0;
}

.sidebar-progress .progress-bar.active {
  -webkit-animation: reverse progress-bar-stripes 2s linear infinite !important;
  animation: reverse progress-bar-stripes 2s linear infinite !important;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}

.sidebar-progress .progress-value {
  text-align: right;
  padding-right: 10px;
}

.onboarding-sidebar .subsubmenuAccordian .panel-group {
  margin-bottom: 0px;
}

.onboarding-sidebar .subsubmenuAccordian .panel .menu-tab:hover {
  background: #fafafa !important;
}

.onboarding-sidebar .subsubmenuAccordian .panel .menu-tab:hover .menu-tab-name {
  color: #6F0881;
}

.onboarding-sidebar .subsubmenuAccordian .panel .panel-heading {
  margin: 0px !important;
  padding: 0px 15px 0px 5px !important;
  background: #fff !important;
}

.onboarding-sidebar .subsubmenuAccordian .panel .panel-heading .menu-tab-name {
  padding-left: 20px;
  font-size: 13px;
  letter-spacing: 0.3px;
  color: #545454;
  font-family: 'Gotham-Rounded' !important;
}

.onboarding-sidebar .subsubmenuAccordian .panel.panel-open .panel-heading {
  background: #fff;
}

.onboarding-sidebar .subsubmenuAccordian .panel.panel-open .panel-heading .menu-tab-name {
  color: #6F0881 !important;
}

.onboarding-sidebar .subsubmenuAccordian .panel.panel-open .panel-heading .menu-tab-icon {
  color: #bfbfbf !important;
}

.onboarding-sidebar .subsubmenuAccordian .panel.panel-default .panel-heading {
  background: #fff;
}

.onboarding-sidebar .subsubmenuAccordian .panel.panel-default .panel-heading .menu-tab-icon {
  color: #6F0881;
}

.onboarding-sidebar .subsubmenuAccordian .submenu-name {
  font-size: 12px !important;
}

.onboarding-sidebar .subsubmenuAccordian .subsubList .submenu-name {
  padding: 9px 50px !important;
}

.onboarding-sidebar .subsubmenuAccordian .inactive .submenu-name {
  background: #fff !important;
  color: #545454 !important;
}

.onboarding-sidebar .subsubmenuAccordian .inactive .submenu-name:hover {
  color: #6F0881 !important;
  background: #fafafa !important;
}

.dashed-select {
  border: none !important;
  border-bottom: 1px dashed !important;
  margin: 0px !important;
}

.dashed-select .btn.btn-default.ui-select-toggle {
  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
}

.caretAlign {
  position: absolute;
  top: 29.45%;
  right: 27.2%;
  z-index: 1;
}

.editCaretAlign {
  position: absolute;
  top: 28.3%;
  right: 27.2%;
  z-index: 1;
}

.timeInputWrapper .shift-timing-icon {
  cursor: pointer;
  background: #6F0881;
  position: absolute;
  right: 0;
  top: 0px;
  height: 40px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
}

.timeInputWrapper .shift-timing-icon img {
  height: 20px;
}

.timeInputWrapper .shift-time-input {
  padding-right: 35px;
}

.timeInputWrapper a.remove-shift-time {
  display: flex;
  height: 15px;
  width: 15px;
  align-items: center;
  justify-content: center;
  color: #f00;
  margin: 0px 3px;
}

.timeInputWrapper a.remove-shift-time i {
  border: 1px solid #f00;
  border-radius: 50%;
}

.timeInputWrapper a.add-shift-item {
  display: flex;
  height: 15px;
  width: 15px;
  align-items: center;
  justify-content: center;
  color: #fff;
  margin: 0px 3px;
}

.timeInputWrapper a.add-shift-item i {
  border-radius: 50%;
  background: #6F0881;
  border: 1px solid #6F0881;
}

.timeInputWrapper .add-remove-items {
  display: flex;
  height: 76px;
  align-items: center;
}

.timepickerPlaceholder {
  position: relative;
  top: -32px;
  right: -45px;
  font-size: 12px;
  color: #333;
}

.customer-notification-table th.name {
  width: 60%;
}

.notificationTemplateLabel {
  display: block;
  position: absolute;
  top: 8px;
  margin-left: 8px;
  font-size: 12px;
  color: #000;
  background: #fff;
  font-weight: lighter !important;
  text-overflow: ellipsis !important;
  max-width: 85%;
  white-space: nowrap;
}

.togglePositionReviseEtaE2e {
  position: absolute;
  right: 22px;
  top: 9px;
  cursor: default;
}

.txtBoxPropAlign {
  left: -15px;
  position: relative;
  margin-top: -10px;
}

#sharedFleetPool .ui-select-match .ui-select-toggle .ui-select-placeholder,
#sharedFleetPool .ui-select-match .ui-select-toggle .ui-select-match-text {
  text-overflow: ellipsis;
  max-width: 120px;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}

#sharedFleetPool .ui-select-match {
  padding-top: 9px;
}

.active-profile-select .ui-select-match-text {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 30px;
}

.active-profile-select .ui-select-toggle>.btn.btn-link {
  margin-right: 10px;
  top: 6px;
  position: absolute;
  right: 10px;
}

.internalDropdownMargin {
  margin: 10px 15px 10px 15px !important;
}

.internalDropdownMargin.panel.panel-default .panel-heading h4.panel-title a {
  color: #000 !important;
  outline: none;
}

.internalDropdownMargin.panel.panel-open .panel-heading h4.panel-title a {
  color: #fff !important;
}

.headerColor .switch-card .switch-desc .switch-desc-heading {
  color: #444;
  cursor: pointer;
}

.sso_chkbox_align {
  position: absolute;
  bottom: 7%;
  right: 5%;
}

.sso_chkbox_lbl_align {
  position: relative;
  top: 1px;
  padding-left: 4px;
}

@-moz-keyframes glowing {
  0% {
    box-shadow: 0 0 15px -10px #6F0881;
  }

  40% {
    box-shadow: 0 2px 20px -5px #6F0881;
  }

  60% {
    box-shadow: 0 6px 30px -5px #6F0881;
  }

  100% {
    box-shadow: 0px 8px 80px -5px #6F0881;
  }
}

@-webkit-keyframes glowing {
  0% {
    box-shadow: 0 0 15px -10px #6F0881;
  }

  40% {
    box-shadow: 0 2px 20px -5px #6F0881;
  }

  60% {
    box-shadow: 0 6px 30px -5px #6F0881;
  }

  100% {
    box-shadow: 0px 8px 80px -5px #6F0881;
  }
}

@-o-keyframes glowing {
  0% {
    box-shadow: 0 0 15px -10px #6F0881;
  }

  40% {
    box-shadow: 0 2px 20px -5px #6F0881;
  }

  60% {
    box-shadow: 0 6px 30px -5px #6F0881;
  }

  100% {
    box-shadow: 0px 8px 80px -5px #6F0881;
  }
}

@keyframes glowing {
  0% {
    box-shadow: 0 0 15px -10px #6F0881;
  }

  40% {
    box-shadow: 0 2px 20px -5px #6F0881;
  }

  60% {
    box-shadow: 0 6px 30px -5px #6F0881;
  }

  100% {
    box-shadow: 0px 8px 80px -5px #6F0881;
  }
}

#organizationRoleswrapper {
  height: calc(100% - 50px);
}

#organizationRoleswrapper .breadcrumbUserAccess {
  height: 60px;
}

.QUE_ACCESSPROFILE_SELECTED-input .new-multiselect .multiselect-parent button.dropdown-toggle span.caret {
  color: #333;
}

.disabledCountCell {
  background: #dadada !important;
  cursor: not-allowed !important;
}

#accessProfileWrapper .switch-card {
  padding-right: 54px;
}

#accessProfileWrapper .accord-content {
  padding: 5px 15px 5px 15px;
}

#accessProfileWrapper #btn-append-to-body {
  margin-top: -5px;
}

#accessProfileWrapper .breadcrumbUserAccess {
  height: 60px;
}

#accessProfileFormWrapper .mainSection {
  height: unset !important;
}

.desc-label-access-profile {
  flex: 1;
  padding-left: 15px;
}

.accessFilter {
  min-height: max-content;
  border: unset;
  border-radius: 0 !important;
}

.accessFilter li {
  min-height: 35px;
  line-height: 35px;
  vertical-align: middle;
  padding: 5px;
}

.accessFilter li:hover {
  background-color: #f5f5f5;
}

.accessFilter li>a:hover {
  color: #6F0881;
}

.headnav .logi-tabset .quickActionAccessProfile {
  line-height: 35px;
  height: 35px;
}

.access-toggle-wrapper {
  padding: 0 10px 10px 10px;
}

.access-toggle-wrapper:first-child {
  padding: 10px 10px 0px 10px;
}

.option-group:first-child {
  margin-top: 10px;
}

#userManagementWrapper .breadcrumbUserAccess {
  height: 60px;
}

#userManagementWrapper .logi-organization-role-name,
#userManagementWrapper .logi-organization-role-description,
#userManagementWrapper .logi-access-profile-ids {
  min-width: 485px !important;
  padding-right: 0px !important;
}

#userManagementWrapper .timelinePopup {
  min-width: 500px;
}

#userManagementWrapper .timelinePopup .modal-content {
  min-width: 500px !important;
}

#addOrganizationRolePopup .dropdown-menu.dropdown-menu-form {
  position: fixed;
  top: 0px;
  max-width: 465px;
  transform: translate(58%, 108%);
}

#addOrganizationRolePopup .modal-header-title {
  margin-top: 15px;
}

#addOrganizationRolePopup .ui-select-choices.ui-select-choices-content.ui-select-dropdown.dropdown-menu {
  position: fixed;
  max-width: 470px;
  min-width: 470px;
  left: auto;
  top: auto;
}

#addOrganizationRolePopup #id-persona {
  min-width: 470px;
}

.addOrganizationButton {
  cursor: pointer;
}

body {
  padding-top: 0 !important;
}

.wrapper.logiPrimaryTheme {
  min-height: calc(100% - 50px) !important;
}

.logiSidebar .sidebar-heading {
  color: #000;
  font-family: "Gotham-Rounded";
  font-size: 17px;
  padding: 15px;
}

.logiSidebar,
.sidebar-container {
  height: calc(100vh - 120px);
  box-shadow: 0px 1px 15px -7px #000;
  background-color: #fff;
  overflow-y: auto;
}

.sidebar-container {
  padding: 20px;
}

.sidebar-container .page-wrapper {
  padding-bottom: 10px;
}

.logiSidebar .sidebar-menu {
  margin-top: 20px;
  border-top: 1px solid #eee;
}

.onboarding-sidebar .sidebar-menu .menu-options .menu-item {
  position: relative;
}

.panel-close:before,
.panel-open:before {
  width: 20px;
  height: 20px;
  font-size: 18px;
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  right: -2px;
  top: 10px;
  -webkit-font-smoothing: antialiased;
}

.addShipperForm .col-md-3 {
  width: 33.33% !important;
}

.addShipperForm .logi-logo {
  width: 33.33% !important;
}

.left-panel {
  width: 300px;
  float: left;
  display: table;
}

.sidebar-collapsed {
  width: 75px;
}

.right-panel {
  width: calc(100% - 320px);
  float: left;
  display: table;
}

.padd15 {
  padding: 15px !important;
}

.card-shadow {
  background: #fff;
  box-shadow: 0px 2px 20px -9px #000;
}

.flex-wrapper.align-center {
  align-items: center;
}

.flex-wrapper.space-between {
  justify-content: space-between;
}

.section-heading-line .title {
  color: #000;
  font-size: 15px;
  padding: 10px 0;
  border-bottom: 1px solid #eee;
}

.section-heading-line .line {
  border-top: 5px solid #eee;
  width: 25%;
  max-width: 350px;
}

.table-upload-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin-top: 50px !important;
  margin-left: 0px !important;
}

.logi-btn-primary.height30 {
  height: 30px;
  line-height: 30px;
}

.form_ui_select {
  position: relative;
  padding: 0 10px;
}

.form_ui_select .ui-select-container {
  height: 40px !important;
  line-height: 40px !important;
  border: 1px solid #979797;
}

.form_ui_select .ui-select-container .ui-select-search {
  height: 40px !important;
  border: none;
}

.form_ui_select .ui-select-container .ui-select-search:focus {
  border: none;
}

.form_ui_select .box-label {
  display: block;
  position: absolute;
  top: 0;
  margin-left: 8px;
  font-size: 12px;
  color: #333;
  z-index: 1;
  background: #fff;
  transform: translateY(-50%);
}

.box-input.profile-name input {
  height: 40px;
  border: 1px solid #979797;
  width: 200px;
  font-size: 13px;
  padding: 0 8px;
}

.planning_header .action-items-material-ui>ul>li {
  margin-left: 10px;
}

.planning_header .route-name-input {
  height: 30px;
  margin-left: 5px;
  width: 200px;
  font-size: 13px;
  padding: 0 8px;
  box-shadow: 0px 2px 11px -5px #000;
}

.planning_header .new-multiselect .multiselect-parent {
  margin: 0;
}

.planning_header .new-multiselect .multiselect-parent button.dropdown-toggle {
  height: 30px;
  border: none;
  background: #fff !important;
  box-shadow: 0px 2px 11px -5px #000 !important;
  width: 200px;
  color: #6F0881;
}

.active-profile-select {
  border: 1px solid #eee;
  width: 180px;
  padding: 0;
}

.active-profile-select .ui-select-container {
  border: none;
  box-shadow: 0px 2px 11px -5px #000;
  height: 30px !important;
  line-height: 30px !important;
}

.active-profile-select .ui-select-container .ui-select-search {
  height: 30px !important;
}

.active-profile-select .ui-select-container .ui-select-placeholder.text-muted {
  color: #6F0881 !important;
}

.active-profile-select .ui-select-container .ui-select-toggle {
  color: #6F0881 !important;
}

.planning_wrapper {
  padding-bottom: 25px;
}

.planning_view_wrapper {
  height: calc(100vh - 150px);
  padding: 0 15px;
  overflow-y: scroll;
  position: relative;
}

.planning_view_wrapper .step_wrapper {
  height: 100%;
  position: relative;
}

.planning_view_wrapper .step_wrapper .card {
  background: #fff;
  box-shadow: 0px 0px 20px -9px #000;
}

.tip_template .tip-item {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  width: 100%;
  flex-wrap: wrap;
  position: relative;
  padding-left: 15px;
}

.tip_template .tip-item .subtext {
  margin-top: 2px;
  opacity: 0.8;
  font-size: 75%;
}

.tip_template .tip-item .logi-icon {
  position: absolute;
  left: -3px;
  top: 2px;
}

.tip_template .tip-item .logi-icon.icon-Product-Icons_X {
  border-radius: 50%;
  border: 1px solid;
  font-size: 10px;
}

.planning_nav_wrapper {
  background: #fff;
  margin: 0;
  position: fixed;
  z-index: 1000;
  width: 100%;
  bottom: 0;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper {
  display: flex;
  box-shadow: 0px 0px 20px -9px #000;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step {
  cursor: pointer;
  padding: 10px 15px;
  display: flex;
  position: relative;
  flex: 1;
  flex-wrap: nowrap;
  align-items: center;
  position: relative;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step.active {
  background: #eee;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step.active .icon {
  background: #fff;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step.active:after {
  width: 0;
  height: 0;
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
  border-left: 8px solid #eee;
  content: '';
  transform: rotate(0);
  right: -8px;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step.active:before {
  width: 0;
  height: 0;
  border-top: 30px solid #eee;
  border-bottom: 34px solid transparent;
  border-left: 60px solid #eee;
  content: '';
  transform: rotate(0);
  left: -8px;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step:after {
  content: '';
  width: 1px;
  border-top: 33px solid #ddd;
  position: absolute;
  right: 0;
  top: -1px;
  transform: rotate(-20deg);
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step:before {
  content: '';
  width: 1px;
  border-top: 34px solid #ddd;
  position: absolute;
  right: 0;
  bottom: -4px;
  transform: rotate(20deg);
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step:last-child:after,
.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step:last-child:before {
  display: none;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step:hover .showOnHover {
  display: block !important;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .icon {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 35px;
  width: 35px;
  border-radius: 50%;
  margin-right: 15px;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .icon img {
  width: 100%;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .tip_notify {
  position: absolute;
  background: #f00;
  height: 7px;
  width: 7px;
  top: -1px;
  right: 1px;
  border-radius: 50%;
  animation: pulse 2s infinite;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .nav_step_tip {
  position: absolute;
  z-index: 10;
  background: var(--color-primary-main);
  border-radius: 2px;
  padding: 10px 10px;
  color: #fff;
  font-size: 13px;
  top: 0px;
  left: 15px;
  transform: translateY(-100%);
  box-shadow: 0px 4px 20px -6px #000;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .nav_step_tip .tip_close {
  position: absolute;
  top: 2px;
  right: 2px;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .nav_step_tip:after {
  content: '';
  transform: rotate(0deg);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #6F0881;
  position: absolute;
  bottom: -8px;
  left: 8px;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .nav_step .nav_step_tip.showOnHover {
  display: none;
}

.planning_nav_wrapper .planning_nav .nav_steps_wrapper .action-button {
  justify-content: flex-end;
}

.planning_widget_wrapper {
  padding: 0 15px;
  padding-top: 0;
  margin-bottom: 5px;
}

.planning_widget_wrapper .planning_widget {
  font-size: 13px;
  background: #fff;
  box-shadow: 0px 2px 20px -9px #000;
}

.planning_widget_wrapper .planning_widget .readonly-item {
  border-right: 1px solid #ddd;
  padding: 0 15px;
}

.planning_widget_wrapper .planning_widget .readonly-item div.item-label {
  font-family: "Gotham-Rounded-Medium";
  width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.planning_widget_wrapper .planning_widget .readonly-item div.selected {
  color: #fff;
  background: #6F0881;
}

.planning_widget_wrapper .planning_widget .readonly-item div.item-value {
  font-family: "Gotham-Rounded-Medium";
  color: #6F0881;
}

.planning_widget_wrapper .planning_widget .readonly-item div.selected {
  color: #fff;
  background: #6F0881;
}

.planning_widget_wrapper .planning_widget .readonly-item div.item-desc {
  margin-top: 5px;
  font-size: 12px;
  border-top: 1px solid #ddd;
  padding: 2px 0;
  padding-top: 4px;
}

.planning_widget_wrapper .planning_widget .selected {
  color: #fff;
  background: #6F0881;
}

.planning_widget_wrapper .result_widget .tab_content {
  min-height: 70px;
}

.planning_widget_wrapper .result_widget .readonly-item {
  width: 300px;
}

.planning_widget_wrapper .result_widget .readonly-item:last-child {
  border-right: none;
}

.planning_widget_wrapper .result_widget .readonly-item .item-value {
  margin-left: 10px;
}

.planning_widget_wrapper .widget-popup .onboarding-card {
  background: transparent;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

.planning_widget_wrapper .widget-popup .onboarding-card:after,
.planning_widget_wrapper .widget-popup .onboarding-card:before {
  display: none;
}

.planning_widget_wrapper .widget-popup .modal-body {
  max-height: calc(100vh - 60px - 45px - 71px - 71px) !important;
}

.planning_widget_wrapper .active-profile-select .ui-select-container {
  box-shadow: none;
  background: #fafafa !important;
}

.planning_widget_wrapper ul.widget-right-actions {
  margin-bottom: 0;
}

.planning_widget_wrapper ul.widget-right-actions a.show-more-props {
  font-size: 12px;
}

.planning_widget_wrapper ul.widget-right-actions>li {
  margin-right: 15px;
}

.planning_widget_wrapper .question_type_radio .logi-radio {
  display: flex !important;
  align-items: center;
}

.planning_widget_wrapper .question_type_radio .logi-radio label {
  margin-bottom: 0;
}

.planning_widget_wrapper .question_type_radio .logi-radio label .heading {
  margin-left: 10px;
  margin-right: 25px;
}

.planning_widget_wrapper .question_type_select {
  padding: 0 10px;
}

.result_widget .item .link img {
  opacity: 0.7;
  height: 16px;
  margin-right: 8px;
}

.result_widget .tabset ul.tabs li a {
  display: flex;
  align-items: center;
}

.tabset {
  font-size: 13px;
}

.tabset ul.tabs {
  display: flex;
  margin-bottom: 0;
}

.tabset ul.tabs li a {
  display: block;
  border: none;
  padding: 10px 15px;
  border-bottom: 3px solid transparent;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  color: #333;
}

.tabset ul.tabs li a.active,
.tabset ul.tabs li a:hover {
  border-bottom: 3px solid #6F0881;
  color: #6F0881;
}

.tabset .tab_content {
  overflow-y: hidden;
  padding: 0 10px;
  overflow-x: auto;
  min-height: 70px;
  display: flex;
  align-items: center;
}

.step_wrapper .card.list_view {
  overflow: hidden;
  flex: 2;
}

.step_wrapper .card.map_view {
  flex: 3;
  margin-left: 5px;
}

.step_wrapper .select-all-orders-bar {
  padding: 5px 15px;
  background: #6F0881;
  align-items: center;
  font-size: 13px;
  color: #fff;
}

.step_wrapper .select-all-orders-bar .select-all-orders-btn {
  color: #fff;
  margin-right: 5px;
  height: 25px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
}

.step_wrapper .select-all-orders-bar .clear-select-all-btn {
  height: 25px;
  padding: 5px 10px;
  display: flex;
  align-items: center;
  background: #fff;
  border-radius: 2px;
}

.step-loader {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  z-index: 10000;
}

.step-loader .logi-spinner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.donuts-wrapper {
  display: flex;
  justify-content: space-evenly;
  width: 100%;
  height: 250px;
}

.donuts-wrapper .donut-item {
  flex: 1;
  margin: 2px;
  padding: 15px;
  border-right: 1px solid #ddd;
}

.donuts-wrapper .donut-item:last-child {
  border: none;
}

.donut-item-reduced-opacity rect{
  fill-opacity: 0.7;
}

.capacity-mode-control {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
  display: flex;
  padding: 10px 15px;
  width: 300px;
  justify-content: space-evenly;
}

.fade-effect.ng-hide {
  opacity: 0;
}

.fade-effect.ng-hide-remove,
.fade-effect.ng-hide-add {
  display: block !important;
  /* or inline-block, as appropriate */
}

.fade-effect.ng-hide-remove {
  -webkit-transition: all ease-out 500ms;
  -moz-transition: all ease-out 500ms;
  -o-transition: all ease-out 500ms;
  transition: all ease-out 500ms;
}

.customer-count-stat {
  display: flex;
  align-items: center;
  padding: 0px 15px;
}

.customer-count-stat i {
  margin-right: 5px;
  font-size: 17px;
}

.simple-table .simple-row.selected {
  background: rgba(86, 152, 211, 0.15);
}

.review-card .items-wrapper {
  padding: 15px 0;
  margin: 0 -5px;
  flex-wrap: wrap;
}

.review-card .items-wrapper .item {
  margin: 5px;
  padding: 5px 10px;
  padding-top: 10px;
  text-align: center;
  background: #fff;
  box-shadow: 0px 2px 20px -9px #000;
  font-size: 13px;
  width: calc(25% - 10px);
}

.review-card .items-wrapper .item .item-title {
  font-family: "Gotham-Rounded-Medium";
  padding: 5px 0px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.review-card .items-wrapper .item .item-value {
  opacity: 0.8;
  padding: 10px 0px;
  font-size: 15px;
  height: 48px;
}

.review-card .items-wrapper .item .item-value span.shift-time {
  background: #fff;
  padding: 3px 5px;
  margin-right: 5px;
  border-radius: 2px;
  font-size: 13px;
}

.review-card .items-wrapper .icon-wrapper {
  border-radius: 50%;
  height: 54px;
  width: 54px;
  overflow: hidden;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
}

.review-card .items-wrapper .icon-wrapper img {
  height: 62px;
  width: 62px;
}

.order_selection_template .takeFullHeight.heightFix35 {
  height: calc(100% - 35px);
}

.sequencing-modal.logi-modal .modal-lg .modal-body {
  max-height: calc(100vh - 45px - 71px - 71px - 71px);
}

.logi-loader {
  position: absolute;
  background: #fff;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
}

.assign-popup-loader {
  position: absolute;
  background: #fff;
  width: 100%;
  left: 0;
  z-index: 100;
  bottom: 0;
  height: 100%;
}

.assign-popup-loader .logi-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes pulse {
  0% {
    -webkit-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
  }

  70% {
    -webkit-box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
  }

  100% {
    -webkit-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
  }
}

.nav_step_tip_orderList {
  position: absolute;
  z-index: 10;
  background: rgba(86, 152, 211, 0.95);
  border-radius: 2px;
  padding: 10px 10px;
  color: #fff;
  font-size: 13px;
  top: 0px;
  left: 15px;
  transform: translateY(-100%);
  box-shadow: 0px 4px 20px -6px #000;
}

.nav_step_tip_orderList .tip_close {
  position: absolute;
  top: 2px;
  right: 2px;
}

.nav_step_tip_orderList:after {
  content: '';
  transform: rotate(0deg);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #6F0881;
  position: absolute;
  bottom: -8px;
  left: 8px;
}

.nav_step_tip_orderList.showOnHover {
  display: none;
}

@-moz-keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
  }
}

@-webkit-keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
  }
}

@-o-keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
  }
}

@keyframes pulse {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0.4);
  }

  70% {
    -moz-box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 10px rgba(240, 0, 0, 0);
  }

  100% {
    -moz-box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
    box-shadow: 0 0 0 0 rgba(240, 0, 0, 0);
  }
}

.chatWrapper {
  height: 100%;
  width: 100%;
}

.flexColumnContainer {
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
}

.flexNoShrink {
  flex-grow: 0;
  float: shrink 0;
}

.flexAutoGrowShrink {
  flex-grow: 100;
  flex-shrink: 100;
}

.height70vh {
  height: 70vh;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass {
  position: fixed;
  right: 15px;
  top: var(--app-header-stack-bottom, 60px);
  width: 420px;
  min-height: 100px;
  padding: 0px;
  background: #fafafa;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  z-index: 2000;
  border-radius: 3px;
  transform: translateY(0%);
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header {
  text-align: center;
  line-height: initial;
  font-family: 'Gotham-Rounded';
  font-size: 12px;
  height: 35px;
  color: #000;
  letter-spacing: 0.6px;
  position: sticky;
  top: 0;
  z-index: 5;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab {
  width: 50%;
  max-width: 50%;
  overflow: hidden;
  text-align: center;
  height: 100%;
  position: relative;
  box-shadow: inset 0px -1px 0px 0px #ccc;
  line-height: 35px;
  text-overflow: ellipsis;
  white-space: nowrap;
  backgroud: #fafafa;
  text-transform: capitalize;
  padding: 0px 15px;
  cursor: pointer;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab img {
  width: 17px;
  height: 17px;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab .normal {
  display: initial !important;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab .inverse {
  display: none !important;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab.fullHeader {
  width: 100%;
  max-width: 100%;
  cursor: normal;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab.fullHeader:after {
  display: none;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab.selected {
  color: #fff;
  background: #6F0881;
  font-family: 'Gotham-Rounded-Medium';
  overflow: visible;
  z-index: 1000;
  cursor: normal;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab.selected .normal {
  display: none !important;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab.selected .inverse {
  display: initial !important;
}

.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass.inboxMasterWidgetClass .header .headerTab.selected:after {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  background: transparent;
  border-left: 10px solid #6F0881;
  border-bottom: 10px solid #6F0881;
  transform: rotate(-45deg) translateX(-50%);
  bottom: 2px;
  left: 50%;
}

.inboxMasterWidgetClassMaintenance {
  top: 95px !important;
}

.golbalChatPopupsWrapper {
  z-index: 1010;
  position: fixed;
  bottom: 0px;
  right: 15px;
  align-items: flex-end;
}

.chatWindowWrapper {
  position: relative;
  width: 275px;
  height: 100%;
  margin-right: 5px;
  box-shadow: 0px 2px 6px -1px rgba(0, 0, 0, 0.639);
}

.chatFilterWrapper {
  height: 100%;
  overflow-y: hidden;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.42);
}

.chatWindowHeaderWrapper {
  width: 100%;
  position: relative;
  background: #404040;
  z-index: 100;
  height: 36px;
  border-radius: 6px 6px 0px 0px;
  color: rgba(255, 255, 255, 0.8);
  line-height: 36px;
  cursor: pointer;
  font-size: 13px;
  flex-shrink: 0;
  flex-grow: 0;
  padding: 0px 5px;
}

.chatWindowHeaderWrapper .recepientName {
  width: 60%;
  max-width: 60%;
  position: relative;
  padding-left: 4px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chatWindowHeaderWrapper .chatName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.chatWindowHeaderWrapper .iconbadge {
  width: 30px;
  flex-shrink: 0;
  height: 100%;
  overflow: hidden;
  text-align: center;
  margin-right: 10px;
}

.chatWindowHeaderWrapper .iconbadge img {
  max-height: 20px;
  max-width: 25px;
}

#commentsModal .actionItem.chatGlobalSearch .chatGlobalSearch_input {
  width: 270px;
}

.chatActionItems {
  font-size: 15px;
}

.chatActionItems .actionItem {
  line-height: 25px;
  width: auto;
  min-width: 25px;
  position: relative;
  text-align: center;
  height: 25px;
  border-radius: 25px;
  cursor: pointer;
  margin-right: 5px;
}

.chatActionItems .actionItem img {
  width: 13px;
  height: 13px;
  z-index: 100;
  text-align: center;
  margin: auto;
}

.chatActionItems .actionItem i {
  font-size: 13px;
}

.chatActionItems .actionItem:hover {
  background: rgba(255, 255, 255, 0.11);
}

.chatActionItems .actionItem.chatGlobalSearch .chatGlobalSearch_input {
  border-bottom: 1px solid #979797;
  font-size: 13px;
  margin-left: 5px;
  height: 20px;
  width: 310px;
  color: #666;
  font-family: "Gotham-Rounded";
  padding-left: 20px;
  padding-right: 10px;
  background: transparent;
}

.chatActionItems .actionItem.active img {
  transform: translateX(20px);
}

.chatActionItems .actionItem.active i {
  cursor: pointer;
  margin-right: 5px;
  margin-left: 5px;
  transform: translateX(-15px);
}

.chatActionItems .actionItem.active:hover {
  background: #fff !important;
}

.actionItem {
  line-height: 25px;
  width: 25px;
  text-align: center;
  height: 25px;
  border-radius: 50%;
  font-family: "Gotham-Rounded";
  cursor: pointer;
  margin-right: 5px;
}

.actionItem:hover {
  background: rgba(255, 255, 255, 0.11);
}

.chatWindowPlayground {
  height: 100%;
  overflow-y: scroll;
  background: #fafafa;
  width: 100%;
  padding-bottom: 10px;
}

.chatWindowPlayground .chatMessagesWrapper {
  padding-top: 10px;
}

.minimized .chatWindowHeaderWrapper {
  background: #404040;
}

.chatWindowInput {
  width: 100%;
  height: 40px;
  background: #fff;
  flex-shrink: 0;
  flex-grow: 0;
  z-index: 100;
  padding: 10px 5px 10px 10px;
  font-size: 13px;
  box-shadow: 0px -5px 10px -5px rgba(0, 0, 0, 0.459);
}

.chatWindowInput input {
  width: calc(100% - 30px);
}

.chatWindowInput .actionItem {
  line-height: 100%;
  font-size: 18px;
  color: #6F0881;
  width: 20px;
  height: 21px;
}

.chatWindowInput .actionItem:hover {
  background: transparent;
}

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

.chatWindowInput .chatWindowInputField textarea {
  height: 80px;
  padding: 10px 7px;
  font-size: 13px !important;
}

.chatWindowInput .chatWindowInputActions {
  margin-top: 15px;
}

.chatWindowInput .chatWindowInputActions .additionalInputActions .additionalInputActionItem {
  margin-right: 15px;
}

.chatBubble_icon img {
  max-width: 80%;
  max-height: 80%;
}

.chatPopup .chatWindowWrapper {
  border-radius: 6px;
}

.chatPopup .noMessageWrapper .noMessageImage {
  opacity: 0 !important;
}

.chatPopup .noMessageWrapper .noMessageButtons {
  display: none !important;
}

.chatPopup .chatWindowPlayground {
  height: 290px;
}

.chatPopup .chatWindowPlayground .chatMessagesWrapper {
  padding-top: 30px;
}

.chatPopup .chatActionItems .actionItem img {
  width: 20px;
  height: 21px;
  opacity: 0.7;
}

.chatPopup .chatActionItems .actionItem .icon:before {
  font-size: 10px;
}

.chatPopup .chatBubbleWrapper {
  width: 90%;
  margin-bottom: 10px;
  font-size: 13px;
  display: flex;
  flex-direction: column;
}

.chatPopup .chatBubbleWrapper .chatSenderIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.239);
  overflow: hidden;
}

.chatPopup .chatBubbleWrapper .chatBubble {
  padding: 9px;
  background: #fff;
  box-shadow-discard: 0px 5px 6px -6px rgba(0, 0, 0, 0.4);
  word-break: break-word;
  max-width: 100%;
  position: relative;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.078);
}

.chatPopup .chatBubbleWrapper .timeStamp {
  font-size: 11px;
  margin-top: 5px;
  color: #000;
  opacity: 0.4;
}

.chatPopup .chatBubbleWrapper.me {
  align-items: flex-end;
  margin-right: 5px;
  float: right;
}

.chatPopup .chatBubbleWrapper.me .chatBubble {
  border-radius: 10px 10px 0px 10px;
  background: #dfe5e7;
  box-shadow: unset;
}

.chatPopup .chatBubbleWrapper.me .chatBubble .chatBubble_messageBody {
  text-align: right;
}

.chatPopup .chatBubbleWrapper.me .timeStamp {
  text-align: right;
}

.chatPopup .chatBubbleWrapper.me .chatBubble_attachments {
  align-items: flex-end;
}

.chatPopup .chatBubbleWrapper.other {
  align-items: flex-start;
  margin-left: 10px;
}

.chatPopup .chatBubbleWrapper.other .chatBubble {
  border-radius: 10px 10px 10px 0px;
}

.chatPopup .chatBubbleWrapper.other .timeStamp {
  text-align: left;
}

.chatPopup .chatBubbleWrapper.other .chatBubble_attachments {
  align-items: flex-start;
}

.chatPopup .chatBubbleWrapper.other .chatBubble_messageBody {
  text-align: left;
}

.chatPopup .attachmentSize {
  max-width: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chatPopup .chatWindowInput {
  padding: 0px;
  position: relative;
}

.chatPopup .chatWindowInput .labelText {
  display: none;
}

.chatPopup .chatWindowInput .chatWindowInputField {
  margin-top: 0px;
  height: 100%;
}

.chatPopup .chatWindowInput .chatWindowInputField .chatWindowInput_wrapper {
  width: 100%;
}

.chatPopup .chatWindowInput .chatWindowInputField .chatWindowInput_wrapper textarea {
  width: calc(100% - 30px) !important;
  border: 0px;
  resize: none;
  height: 40px;
  overflow-y: auto;
  white-space: pre-wrap;
  text-overflow: ellipsis;
  position: relative;
}

.chatPopup .chatWindowInput .chatWindowInputActions {
  position: absolute;
  height: 100%;
  margin-top: 0px;
  z-index: 1000;
  bottom: 0px;
  right: 0px;
}

.chatPopup .chatWindowInput .additionalInputActionItem {
  margin: 5px;
  margin-right: 10px !important;
}

.chatPopup .chatWindowInput .sendMessageButton {
  transform: scale(0.8);
  width: 40px;
  height: 40px;
  border-radius: 50% !important;
  padding: 0px;
  display: none !important;
  text-align: center;
}

.chatPopup .chatWindowInput .chatWindowInputAttachments {
  position: absolute;
  bottom: 50px;
  width: calc(100% - 20px);
  padding: 10px;
  background: rgba(255, 255, 255, 0.859);
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.302);
  margin: 7px;
  border-radius: 7px;
  max-height: 200px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.chatMasterActionsWidget {
  background: #fff;
  box-shadow: inset 0px -1px 0px 0px #d3d3d3;
  height: 50px;
}

.chatMasterWrapper {
  position: relative;
  height: 100%;
  padding: 0px;
  min-height: 50px;
  overflow-y: auto;
  overflow-x: hidden;
}

.chatMasterElement {
  height: 50px;
  width: 100%;
  cursor: pointer;
  margin-bottom: 1px;
  background: #6F0881;
  padding: 9px 15px;
  box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.38), 0px 0px 1px rgba(0, 0, 0, 0.2);
  background: #fff;
  border-radius: 3px;
}

.chatMasterElement .selectionCheckbox {
  margin-right: 15px;
}

.chatMasterElement .redirectToDetails {
  display: none;
}

.chatMasterElement.selected {
  background: #dbe9f5 !important;
}

.chatMasterElement.selected:hover {
  background: #dbe9f5;
}

.chatMasterElement:hover {
  background: #fbfbfb;
  box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, 0.38), 0px 0px 5px rgba(0, 0, 0, 0.2);
}

.chatMasterElement:hover .redirectToDetails {
  display: flex;
}

.chatMasterElement .content {
  margin-left: 15px;
  text-align: left;
  min-width: 50%;
  max-width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chatMasterElement .content .name {
  font-size: 13px;
}

.chatMasterElement .content .shortContent {
  font-size: 12px;
  color: #808080;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chatMasterElement .content .timeStamp {
  font-size: 12px;
  color: rgba(128, 128, 128, 0.702);
}

.chatMasterElement .additionalContent {
  align-items: flex-end;
  font-size: 12px;
  height: 100%;
  margin-left: auto;
  color: #808080;
  flex-shrink: 0;
}

.chatMasterElement .additionalContent .unreadCount {
  background: #6F0881;
  padding: 0px 4px;
  line-height: 16px;
  text-align: center;
  border-radius: 10px;
  color: #fff;
  min-width: 16px;
  font-family: "Gotham-Rounded";
}

.chatMasterElement .arrowHolder {
  height: 100%;
  position: absolute;
  right: 10px;
  font-size: 20px !important;
  color: #989898;
}

.tertiaryLinkBtn label {
  margin-bottom: 0px;
  font-size: 13px;
  cursor: pointer;
  color: #6F0881 !important;
}

.tertiaryLinkBtn .labelText {
  text-decoration: underline;
}

.commentIframe .chatWindowWrapper {
  width: 75%;
  padding-discard: 0px 15px;
  background: #fff;
  margin-right: 10px;
  box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.42);
}

.commentIframe .chatWindowWrapper .chatWindowHeaderWrapper {
  height: 50px;
  background: #fff;
  cursor: auto;
  color: #404040;
  padding: 0px;
  padding-left: 15px;
  padding-right: 10px;
  box-shadow-discard: 0px 1px 0px 0px #bababa;
}

.commentIframe .chatWindowWrapper .chatWindowHeaderWrapper .recepientName {
  font-size: 15px;
  padding-left: 2px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
}

.commentIframe .chatWindowWrapper .chatWindowHeaderWrapper .actionItem {
  color: #666;
}

.commentIframe .chatWindowWrapper .chatWindowHeaderWrapper .actionItem:hover {
  background: rgba(0, 0, 0, 0.071);
}

.commentIframe .chatWindowWrapper .chatWindowPlayground {
  background: #fff;
}

.commentIframe .chatWindowWrapper .chatWindowInput {
  height: auto;
  border-top-discard: 1px solid #bababa;
  box-shadow: none;
  padding: 10px 0px 20px 0px;
  padding-left: 15px;
  padding-right: 20px;
  box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.29);
  overflow: hidden;
}

.commentIframe .chatMessagesWrapper {
  padding-left: 15px;
  padding-right: 15px;
}

.commentIframe .chatWindowInput {
  box-shadow: 0px -5px 5px -5px rgba(0, 0, 0, 0.18);
}

.commentIframe .chatFilterWrapper {
  width: 25%;
  background: #fff;
}

.commentIframe .chatFilterWrapper .chatFilterHeader {
  height: 50px;
  font-size: 15px;
  flex-shrink: 0;
  width: 100%;
  padding: 0px 15px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
}

.commentIframe .chatFilterWrapper .chatFilterPlayground {
  width: 100%;
  padding: 0px 15px;
  overflow-y: scroll;
  height: auto;
}

.unreadMessage {
  font-family: "Gotham-Rounded-Medium" !important;
  color: #000 !important;
  border-discard: 1px solid #6F0881 !important;
  background-discard: #e6eef6 !important;
}

.unreadMessage .shortContent {
  color: #000 !important;
}

.newMessagePopup {
  left: unset !important;
  right: 20px !important;
  border-radius: 3px !important;
  text-align: left !important;
  font-size: 12px !important;
  width: auto !important;
  box-shadow: 0px 16px 48px -10px #000 !important;
  max-width: 400px;
}

.newMessagePopup .icon {
  display: none;
}

.notificationCount {
  padding: 4px 6px;
  position: absolute;
  top: -5px;
  font-size: 11px;
  line-height: 12px;
  text-align: center;
  right: -10px;
  background: #e75a60;
  color: #fff;
  box-shadow: 0px 0px 0px 1px #fff;
  height: 18px;
  width: auto;
  border-radius: 10px;
  overflow: hidden;
}

.chatFilterPlayground {
  width: 100%;
}

.chatFilterPlayground .chatFilterElement {
  height: 50px;
  flex-shrink: 0;
  width: 100%;
  font-family: "Gotham-Rounded" !important;
  border-bottom: 1px solid #bababa;
}

.chatFilterPlayground .chatFilterElement .filterIcon {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  background: #6F0881;
  text-align: center;
}

.chatFilterPlayground .chatFilterElement .filterIcon img {
  max-width: 80%;
  max-height: 80%;
}

.chatFilterPlayground .chatFilterElement .filterLabel {
  font-size: 13px;
  margin-left: 10px;
  max-width: 70%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chatFilterPlayground .chatFilterElement .filterCheckbox {
  margin-left: auto;
}

.chatFilterPlayground .chatFilterSelected {
  font-family: "Gotham-Rounded-Medium" !important;
}

.chatFilterPlayground .chatFilterSelected .filterIcon {
  box-shadow: inset 0 0 0 2px #f2c500 !important;
}

.chatWindowInputAttachments {
  margin-bottom: 5px;
}

.chatWindowInputAttachments .chatAttachmentWrapper {
  padding: 3px;
  
  background: rgba(86, 152, 211, 0.031);
  margin: 5px;
  border-radius: 20px;
  border: 1px dashed #6F0881;
  color: #6F0881;
  font-size: 12px;
}

.chatWindowInputAttachments .chatAttachmentWrapper.uploading {
  background: #fff;
  border-color: rgba(0, 0, 0, 0.361);
  color: #808080;
}

.chatWindowInputAttachments .chatAttachmentWrapper.uploading .attacmentIcon,
.chatWindowInputAttachments .chatAttachmentWrapper.uploading .attachmentLabel {
  opacity: 0.5;
  text-decoration: none;
  cursor: default;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentIcon {
  margin-right: 5px;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentIcon i:before {
  font-size: 12px;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentLabel {
  text-decoration: underline;
  max-width: 125px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentSize {
  margin: 0px 10px;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentAction {
  background: #6F0881;
  text-align: center;
  height: 17px;
  cursor: pointer;
  width: 17px;
  border-radius: 50%;
  color: #fff;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentLoading {
  width: auto;
  height: 17px;
}

.chatWindowInputAttachments .chatAttachmentWrapper .attachmentLoading .logi-spinner {
  width: auto;
}

.inMessageLink {
  color: #6F0881;
  text-decoration: underline;
  cursor: pointer;
}

.chatBubble_attachments i:before,
.attachmentFlag i:before {
  font-size: 12px;
}

.attachmentDropdown .icon-dropdown-angle:before {
  font-size: 7px;
  top: -2px;
}

.attachmentDropdownListItem:hover {
  background: #efefef;
}

.attachmentFileLink {
  cursor: pointer;
  color: #6F0881;
}

.attachmentFileLink .attachmentLabel {
  max-width: 125px;
  text-decoration: underline;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.newMessagesFloatingDiv {
  background: #6F0881;
  position: sticky;
  bottom: 10px;
  z-index: 100;
  padding: 5px 20px;
  font-size: 13px;
  text-align: center;
  width: max-content;
  margin: auto;
  border-radius: 20px;
  cursor: pointer;
  color: #fff;
  box-shadow: 0px 5px 10px -2px rgba(0, 0, 0, 0.29);
}

.chatImgWrap {
  height: 27px;
  width: 27px;
  flex-shrink: 0;
  display: flex;
  overflow: hidden;
  align-items: center;
  border-radius: 50%;
  background: #6F0881;
  box-shadow: 0px 0px 0px 1px #6F0881;
}

.chatImgWrap img {
  width: 100%;
  height: 100%;
  max-width: 70%;
  max-height: 70%;
  position: relative;
  transform: translateX(-50%);
  margin-left: 50%;
}

.pd5 {
  padding: 5px;
}

.myProfileDetailsFixedCard {
  box-shadow: 0px 2px 3px -2px rgba(0, 0, 0, 0.431);
  z-index: 100;
  cursor: default !important;
  background: #f9f9f9;
}

.myProfileDetailsFixedCard:hover {
  background: #f9f9f9;
}

.myProfileDetailsFixedCard .actionItem {
  color: #666;
}

.myProfileDetailsFixedCard .actionItem:hover {
  background: rgba(0, 0, 0, 0.071) !important;
}

.myProfileDetailsFixedCard.onlySearchActive .chatActionItems {
  width: 100%;
}

.myProfileDetailsFixedCard.onlySearchActive .chatActionItems .search-icon {
  position: absolute;
  transform: initial;
  left: 10px;
}

.myProfileDetailsFixedCard.onlySearchActive .chatActionItems .chatGlobalSearch.active {
  width: 100%;
}

.myProfileDetailsFixedCard.onlySearchActive .chatActionItems .chatGlobalSearch.active:hover {
  background: #f9f9f9 !important;
}

.myProfileDetailsFixedCard.onlySearchActive .chatActionItems .chatGlobalSearch.active .chatGlobalSearch_input {
  width: 100%;
  padding-left: 25px;
}

.orderTaggingCta {
  display: none !important;
  position: absolute;
  left: 0;
  z-index: 1000;
  height: 100%;
  width: 25px;
  font-size: 17px;
  color: #6F0881;
  text-align: center;
  cursor: pointer;
  background: #fff;
}

.orderTaggingCta:hover {
  background: #efefef;
}

.orderTaggingCta .orderTaggingIcon {
  text-align: center;
  width: 100%;
}

.orderTaggingSuggestions {
  position: absolute;
  z-index: 200;
  bottom: 40px;
  background: #bdbdbd;
  width: 100%;
  text-align: center;
  font-size: 12px;
  padding: 0px 15px;
  height: 22px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: center;
}

.orderTaggingSuggestions.validated {
  background: #a4cc58;
}

.orderTaggingSuggestions.invalid {
  background: #f00;
  color: #fff;
}

.orderTaggingSuggestions.loading {
  background: #f5a837;
}

.orderTaggingSuggestions .description {
  opacity: 0.8;
}

.orderTaggingSuggestions .removeTag {
  position: absolute;
  right: 5px;
  cursor: pointer;
  background: #e4432d;
  padding: 2px;
  width: 13px;
  color: #fff;
  height: 13px;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px #ca3d2f;
}

.orderTaggingSuggestions .removeTag i.icon {
  margin: auto;
  line-height: 7px;
}

.orderTaggingSuggestions .removeTag i.icon:before {
  font-size: 7px;
}

.recepientList {
  font-size: 12px;
  color: #808080;
}

.smallerIcon.chatImgWrap img {
  max-width: 49%;
  max-height: 49%;
}

.orderTagMessage {
  font-size: 13px;
  font-family: "Gotham-Rounded-Bold";
  color: #000;
}

.orderTagMessage:before {
  content: '@';
  margin-right: -3px;
  font-family: "Gotham-Rounded";
  color: rgba(0, 0, 0, 0.51);
}

ul.dropdown-menu.liveCardDropdown.dropdownMaxHeight150 {
  max-height: 150px;
  overflow-y: scroll;
  transform: translate(-75px, 5px) !important;
  width: 160px;
}

ul.dropdown-menu.liveCardDropdown.dropdownMaxHeight150 .cardActionItem {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap !important;
  width: 100%;
  line-height: 14px;
}

.broadcastTrayWrapper {
  width: 100%;
  background: #f0f0f0;
}

.broadcastTrayWrapper .recepientsPool {
  width: 100%;
  box-shadow: 0px -2px 3px -2px rgba(0, 0, 0, 0.431);
  z-index: 500;
}

.broadcastTrayWrapper .recepientsPool .broadcastTrayHeading {
  width: 100%;
  text-align: center;
  justify-content: center;
  font-size: 13px;
  font-family-discard: "Gotham-Rounded-Medium";
  height: 20px;
  margin: 10px 0px;
  margin-bottom: 0px;
  color: #808080;
}

.broadcastTrayWrapper .recepientsPool .recepientTray {
  max-height: 110px;
  padding: 10px 0px;
  overflow-y: scroll;
  width: 100%;
}

.broadcastTrayWrapper .recepientsPool .recepientTray .recepient {
  font-size: 12px;
  width: 65px;
  padding: 0px 10px;
  overflow: hidden;
  position: relative;
  height: 50px;
  justify-content: space-evenly;
  flex-shrink: 0;
  text-align: center;
  border-radius: 5px;
}

.broadcastTrayWrapper .recepientsPool .recepientTray .recepient:hover {
  background: rgba(0, 0, 0, 0.051);
}

.broadcastTrayWrapper .recepientsPool .recepientTray .recepient .removeRecipient {
  position: absolute;
  background: #fff;
  width: 15px;
  height: 15px;
  bottom: 20px;
  right: 10px;
  border-radius: 50%;
  cursor: pointer;
  text-align: center;
  color: #f00;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.478);
  justify-content: center;
}

.broadcastTrayWrapper .recepientsPool .recepientTray .recepient .recepientName {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}

.broadcastTrayWrapper .broadcastNameAndCreate {
  width: 100%;
  overflow: hidden;
  width: 100%;
  height: 40px;
  background: #fff;
}

.broadcastTrayWrapper .broadcastNameAndCreate .broadcastNameInput {
  opacity: 1;
  width: calc(100% - 100px);
}

.broadcastTrayWrapper .broadcastNameAndCreate .broadcastNameInput input {
  height: 100%;
  width: 100%;
  padding: 0px 15px;
  font-size: 13px;
}

.broadcastTrayWrapper .broadcastNameAndCreate .broadcastCreate {
  opacity: 1;
}

#pendingRequestsWidget .data_element {
  width-discard: auto;
}

#pendingRequestsWidget .titleText {
  cursor: pointer;
  width: auto;
}

#pendingRequestsWidget .titleText:hover {
  text-decoration: unset;
}

#pendingRequestsMasterWidget.inboxMasterWidgetClass {
  width: 350px;
  right: 90px;
}

#shipmentRequestModal_detailsSection .title_bar {
  display: none !important;
}

#shipmentRequestModal_detailsSection .data_element_wrapper {
  width: 30%;
  margin: 10px 15px 10px 0px;
}

#shipmentRequestModal_detailsSection .data_element_wrapper .data_element {
  position: relative;
  width: 100%;
  display: flex !important;
  flex-direction: column !important;
  align-items: baseline !important;
}

#shipmentRequestModal_detailsSection .data_element_wrapper .data_element .data_label {
  margin-right: 3px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
  font-weight: lighter;
}

#shipmentRequestModal_detailsSection .data_element_wrapper .data_element .data_value {
  display: block;
  color: #767676;
  font-size: 13px;
  word-wrap: break-word;
  height: 37px;
  overflow-y: auto;
  width: 100%;
}

.align-start {
  align-items: start;
}

.expiryProgressWrapper {
  width: 100%;
  margin: 10px 0px;
}

.expiryProgressWrapper .statusText {
  font-style: italic;
  font-size: 12px;
  opacity: 0.5;
  text-align: left;
  margin-bottom: 3px;
}

.expiryProgressWrapper .expiryProgressBarBackground {
  height: 6px;
  background: #f3f2ef;
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}

.expiryProgressWrapper .expiryProgressBarBackground .expiryProgressBar {
  background: #f00;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out !important;
  -moz-transition: all 0.3s ease-in-out !important;
}

#quotesCarousel .carousel-inner .item.active {
  display: flex;
}

#quotesCarousel .carousel-control {
  width: 5%;
}

#quotesCarousel .carousel-control .glyphicon-chevron-right {
  right: 40%;
  color: #777;
  font-size: 25px;
}

#quotesCarousel .carousel-control .glyphicon-chevron-left {
  left: 40%;
  color: #777;
  font-size: 25px;
}

#quotesCarousel .carousel-control.left,
#quotesCarousel .carousel-control.right {
  background-image: none;
}

.bookingWrap .typea .col-md-3 {
  width: 11.5%;
  padding-right: 10px;
  padding-left: 10px;
}

.bookingWrap .logiCustomCheck+label {
  border-radius: 50%;
  height: 25px !important;
  width: 25px !important;
  left: 92%;
  top: -4px !important;
}

.bookingWrap .logiCustomCheck:checked+label:after {
  font-size: 10px !important;
  left: 5px !important;
  line-height: 23px !important;
}

.bookingWrap .simple-table td {
  padding: 0px 15px;
  height: 0px;
}

.bookingWrap .simple-table th {
  font-family: inherit;
  font-size: 13px;
}

.bookingWrap .onHoverAnchor {
  font-size: 17px;
  position: relative;
}

.bookingWrap .hoverDiv {
  display: none !important;
  position: absolute;
  right: 30px;
  background: #6F0881;
  padding: 10px 0px;
  width: 250px !important;
  color: #fff;
  top: 0px;
  z-index: 10;
  box-shadow: 0px 1px 12px -4px #000;
}

.bookingWrap .hoverDiv:after {
  content: '';
  transform: rotate(0);
  width: 0;
  height: 0;
  border-left: 8px solid #6F0881;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  position: absolute;
  top: 5px;
  right: -15px;
}

.bookingWrap .onHoverAnchor:hover>.hoverDiv {
  display: block !important;
  animation: fadeIn 0.5s ease-in !important;
}

.bookingWrap .locationDot {
  width: 10px;
  border-radius: 50%;
  background: #6F0881;
  height: 10px;
  display: inline-block;
}

.bookingWrap .locationPath {
  width: 250px;
  background: #6F0881;
  padding: 1px;
  display: inline-block;
  top: -4px;
  left: -4px;
  position: relative;
}

.reject-booking-modal .record-action-options {
  width: 100%;
}

.reject-booking-modal .record-action-options .record-action-options-li.dropdown-toggle {
  width: 100%;
  padding: 10px;
  border: 1px solid #979797;
}

.reject-booking-modal .record-action-options #more-action {
  font-size: 12px;
  line-height: 1.6;
  letter-spacing: 0.5px;
  color: #434343;
}

.reject-booking-modal .record-action-options .icon {
  position: absolute;
  right: 10px;
}

/*
 * Quill Editor v1.2.0
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}

.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}

.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}

.ql-clipboard p {
  margin: 0;
  padding: 0;
}

.ql-editor {
  box-sizing: border-box;
  cursor: text;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}

.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}

.ql-editor ol>li,
.ql-editor ul>li {
  list-style-type: none;
}

.ql-editor ul>li::before {
  content: '\25CF';
}

.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}

.ql-editor ul[data-checked=true]>li::before,
.ql-editor ul[data-checked=false]>li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}

.ql-editor ul[data-checked=true]>li::before {
  content: '\2611';
}

.ql-editor ul[data-checked=false]>li::before {
  content: '\2610';
}

.ql-editor li::before {
  display: inline-block;
  margin-right: 0.3em;
  text-align: right;
  white-space: nowrap;
  width: 1.2em;
}

.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
}

.ql-editor ol li,
.ql-editor ul li {
  padding-left: 1.5em;
}

.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-num;
}

.ql-editor ol li:before {
  content: counter(list-num, decimal) '. ';
}

.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}

.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}

.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}

.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}

.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}

.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}

.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}

.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}

.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}

.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}

.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}

.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}

.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}

.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}

.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}

.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}

.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}

.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}

.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}

.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}

.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}

.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}

.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}

.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}

.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}

.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}

.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}

.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}

.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}

.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}

.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}

.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}

.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}

.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}

.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}

.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}

.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}

.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}

.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}

.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}

.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}

.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}

.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}

.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}

.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}

.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}

.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}

.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}

.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}

.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}

.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}

.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}

.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}

.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}

.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}

.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}

.ql-editor .ql-bg-black {
  background-color: #000;
}

.ql-editor .ql-bg-red {
  background-color: #e60000;
}

.ql-editor .ql-bg-orange {
  background-color: #f90;
}

.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}

.ql-editor .ql-bg-green {
  background-color: #008a00;
}

.ql-editor .ql-bg-blue {
  background-color: #06c;
}

.ql-editor .ql-bg-purple {
  background-color: #93f;
}

.ql-editor .ql-color-white {
  color: #fff;
}

.ql-editor .ql-color-red {
  color: #e60000;
}

.ql-editor .ql-color-orange {
  color: #f90;
}

.ql-editor .ql-color-yellow {
  color: #ff0;
}

.ql-editor .ql-color-green {
  color: #008a00;
}

.ql-editor .ql-color-blue {
  color: #06c;
}

.ql-editor .ql-color-purple {
  color: #93f;
}

.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}

.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}

.ql-editor .ql-size-small {
  font-size: 0.75em;
}

.ql-editor .ql-size-large {
  font-size: 1.5em;
}

.ql-editor .ql-size-huge {
  font-size: 2.5em;
}

.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}

.ql-editor .ql-align-center {
  text-align: center;
}

.ql-editor .ql-align-justify {
  text-align: justify;
}

.ql-editor .ql-align-right {
  text-align: right;
}

.ql-editor.ql-blank::before {
  color: rgba(0, 0, 0, 0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}

.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}

.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}

.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}

.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}

.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}

.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}

.ql-snow {
  box-sizing: border-box;
}

.ql-snow * {
  box-sizing: border-box;
}

.ql-snow .ql-hidden {
  display: none;
}

.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}

.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}

.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}

.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}

.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}

.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}

.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}

.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}

.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}

.ql-snow .ql-empty {
  fill: none;
}

.ql-snow .ql-even {
  fill-rule: evenodd;
}

.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}

.ql-snow .ql-transparent {
  opacity: 0.4;
}

.ql-snow .ql-direction svg:last-child {
  display: none;
}

.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}

.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}

.ql-snow .ql-editor h1 {
  font-size: 2em;
}

.ql-snow .ql-editor h2 {
  font-size: 1.5em;
}

.ql-snow .ql-editor h3 {
  font-size: 1.17em;
}

.ql-snow .ql-editor h4 {
  font-size: 1em;
}

.ql-snow .ql-editor h5 {
  font-size: 0.83em;
}

.ql-snow .ql-editor h6 {
  font-size: 0.67em;
}

.ql-snow .ql-editor a {
  text-decoration: underline;
}

.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}

.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}

.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}

.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}

.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px;
}

.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}

.ql-snow .ql-editor img {
  max-width: 100%;
}

.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}

.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}

.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}

.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}

.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}

.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}

.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}

.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}

.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}

.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}

.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}

.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}

.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}

.ql-snow .ql-picker.ql-header {
  width: 98px;
}

.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}

.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}

.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}

.ql-snow .ql-picker.ql-font {
  width: 108px;
}

.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}

.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}

.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}

.ql-snow .ql-picker.ql-size {
  width: 98px;
}

.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}

.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}

.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}

.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}

.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}

.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}

.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}

.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}

.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 8px;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}

.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}

.ql-toolbar.ql-snow+.ql-container.ql-snow {
  border-top: 0px;
}

.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}

.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}

.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}

.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}

.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}

.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}

.ql-snow .ql-tooltip a {
  line-height: 26px;
}

.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}

.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}

.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}

.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}

.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}

.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}

.ql-snow a {
  color: #06c;
}

.ql-container.ql-snow {
  border: 1px solid #ccc;
}

.ql-mention-list-container {
  width: 270px;
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0 2px 12px 0 rgba(30, 30, 30, 0.08);
  z-index: 9001;
}

.ql-mention-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.ql-mention-list-item {
  cursor: pointer;
  height: 44px;
  line-height: 44px;
  font-size: 16px;
  padding: 0 20px;
  vertical-align: middle;
}

.ql-mention-list-item.selected {
  background-color: #d3e1eb;
  text-decoration: none;
}

.mention {
  height: 24px;
  width: 65px;
  border-radius: 6px;
  background-color: #d3e1eb;
  padding: 3px 0;
  margin-right: 2px;
}

.mention>span {
  margin: 0 3px;
}

.pincodePickerPopup {
  max-width: inherit;
  font-family: inherit;
  width: unset;
  height: unset;
}

.pincodePickerPopup .popover-content {
  padding: 0px;
}

.pincodeRangePickerWrapper {
  width: 780px;
  height: 330px;
  background: #fff;
}

.pincodeRangePickerWrapper .widgetSection {
  height: 100%;
}

.pincodeRangePickerWrapper .widgetSection .widgetDivision {
  flex-grow: 100;
  flex-shrink: 100;
}

.pincodeRangePickerWrapper .widgetSection .widgetDivision.fixedHeight {
  flex-grow: 0;
  flex-shrink: 0;
}

.pincodeRangePickerWrapper .widgetSection .widgetDivision.pincodeList {
  margin: auto;
  padding: 0px 5px;
  width: 100%;
}

.pincodeRangePickerWrapper .widgetSection.left {
  width: 70%;
}

.pincodeRangePickerWrapper .widgetSection.right {
  width: 30%;
  background: #fafafa;
  border-left: 1px solid rgba(0, 0, 0, 0.169);
}

.pincodeRangePickerWrapper .filters {
  height: 70px;
}

.pincodeRangePickerWrapper .selectionMode {
  height: 125px;
  margin-bottom: 10px;
}

.pincodeRangePickerWrapper .selectionMode .modeItem {
  height: 33px;
  line-height: 33px;
  padding: 0px 10px;
  font-size: 13px;
  cursor: pointer;
  color: #6F0881;
}

.pincodeRangePickerWrapper .selectionMode .modeItem.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.pincodeRangePickerWrapper .selectionMode .modeItem.selected {
  color: var(--color-primary-main);
  background: var(--color-primary-medium);
}

.pincodeRangePickerWrapper .selectionMode .modeItem:not(.selected,
  .pincodeRangePickerWrapper .selectionMode .modeItem .disabled):hover {
  background: var(--color-purple-100);
}

.pincodeRangePickerWrapper .actionButtons {
  height: 60px;
}

.pincodeRangePickerWrapper .pincodeItem {
  padding: 2px;
  font-size: 12px;
  box-shadow-discard: inset 0px 0px 0px 1px #f1f1f1;
  border-radius: 14px;
  margin: 0px;
  width: 66px;
  text-align: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  height: 30px;
  cursor: pointer;
  overflow: hidden;
  display: inline-block;
}

.pincodeRangePickerWrapper .pincodeItem.selected {
  background: var(--color-primary-medium);
  color: var(--color-primary-main);
}

.pincodeRangePickerWrapper .pincodeItem.lastPincodeClicked {
  text-decoration: underline;
}

.pincodeRangePickerWrapper .pincodeItem:not(.selected):hover {
  background: var(--color-purple-100);
}

.pincodeRangePickerWrapper .selectedPincodes {
  overflow-y: scroll;
  overflow-x: hidden;
  font-size: 13px;
}

.pincodeRangePickerWrapper .selectedPincodes .divisionHeader {
  position: sticky;
  top: 0px;
  background: #fafafa;
}

.pincodeRangePickerWrapper .selectedPincodes .pincodeListing {
  padding: 0px 10px;
}

.pincodeRangePickerWrapper .selectedPincodes .pincodeItem {
  margin: 2px 1px;
  height: 25px;
  line-height: 25px;
  padding: 0px;
  width: 63px;
  position: relative;
  overflow: inherit;
}

.pincodeRangePickerWrapper .selectedPincodes .pincodeItem:after {
  content: "x";
  position: absolute;
  right: -3px;
  background: #C92A3A;
  font-size: 15px;
  width: 15px;
  height: 15px;
  bottom: -3px;
  z-index: 1000;
  border-radius: 50%;
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.369);
  line-height: 15px;
  color: rgba(255, 255, 255, 0.78);
  text-align: center;
}

.pincodeRangePickerWrapper .divisionHeader {
  font-size: 13px;
  padding: 10px 0px 10px 0px;
  border-top: 1px solid rgba(0, 0, 0, 0.251);
  margin: 0px 10px 0px 10px;
}

.pincodeInputTagsWrapper {
  position: absolute;
  top: 28px;
  left: 20px;
  background: #fff;
  pointer-events: none;
  z-index: 1000;
}

.pincodeInputTagsWrapper .pincodeInputTag {
  color: #fff;
  display: inline-block;
  overflow: hidden;
  position: relative;
  padding: 2px 5px;
  background: #6F0881;
  margin: 0px 2px;
  font-size: 12px;
  border-radius: 4px;
}

.pincodeInputTagsWrapper .pincodeInputTag.morePincodes {
  background: #fff;
  color: #6F0881;
  padding: 0;
}

.pincodePickerWidgetInput {
  cursor: pointer;
  position: relative;
  color: #fff !important;
}

.noselect {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.watermarkText {
  color: #808080;
  opacity: 0.5;
  margin: auto;
  justify-self: center;
  align-self: center;
  font-size: 13px;
}

.pincodePicker_infoText {
  height: 30px;
  line-height: 30px;
  padding: 0px 13px;
  bottom: 0;
  font-size: 13px;
  text-align: center;
  left: 0;
  display: block;
  color: rgba(128, 128, 128, 0.651);
}

.pincodePicker_key {
  color: #808080;
  background: #efefef;
  padding: 1px 9px;
  border-radius: 3px;
  margin: 2px;
  border: 1px solid rgba(0, 0, 0, 0.078);
  font-family: monospace;
}

.logiPincodePickerButton {
  position: absolute;
  right: 15px;
  top: 18px;
  height: 40px;
  width: 44px;
  border: 0;
  border-radius: 0;
  background: #6F0881;
  color: #fff;
  z-index: 100;
  pointer-events: none;
}

.logiPincodePickerButton:hover {
  background: #6F0881;
  color: #fff;
}

#id-zonepincodes~.errorInfoTip.fix-position .logiErrorMessages {
  position: absolute;
  right: -10px;
}

#zone-details .errorInfoTip.fix-position {
  position: relative;
  bottom: 76px;
}

.slotPickerPopup {
  max-width: inherit;
  font-family: inherit;
  width: unset;
  height: unset;
}

.slotPickerPopup .popover-content {
  padding: 0px;
}

.slotPickerWrapper {
  width: 620px;
  height: 300px;
  overflow: hidden;
}

.slotPickerWrapper .xdsoft_datetimepicker .xdsoft_datepicker {
  width: 100%;
}

.slotPickerWrapper .xdsoft_datetimepicker .xdsoft_calendar th,
.slotPickerWrapper .xdsoft_datetimepicker .xdsoft_calendar td {
  height: 35px;
}

.slotContainer {
  background-color: #fafafa;
  height: 300px;
  overflow-y: scroll;
  padding-bottom: 0px;
  overflow-x: hidden;
}

.slotContainer .slotHeader {
  top: 0;
  position: sticky;
  flex-grow: 0;
  flex-shrink: 0;
  background-color: #fafafa;
  padding: 10px 15px;
}

.slotContainer .slotHeader .headerContent {
  margin-bottom: 5px;
}

.slotContainer .slotHeader .preferencePicker {
  font-size: 12px;
}

.slotContainer .bottomDivision {
  width: 100%;
  left: 0;
  background: #fafafa;
  padding: 15px 0px;
  bottom: 0;
  position: sticky;
  flex-grow: 0;
  flex-shrink: 0;
}

.slotContainer .slotsWrapper {
  padding: 0px 15px;
}

.slotContainer .slots {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.24);
  border-radius: 4px;
  margin-bottom: 5px;
  padding: 5px 10px;
  cursor: pointer;
  color: #757575;
}

.slotContainer .slots .slotCount {
  font-size: 10px;
}

.slotContainer .slots .slotTimeWindow {
  font-size: 16px;
  font-weight: 100;
  margin-top: 5px;
}

.slotContainer .slots .slotStatus {
  font-size: 10px;
  font-style: italic;
  color: #f00;
}

.slotContainer .slots .slotStatus .available {
  color: #008000;
}

.slotContainer .slotSelected {
  color: #fff;
  background: #6F0881;
}

.slotContainer .slotSelected .slotStatus,
.slotContainer .slotSelected .slotStatus .available {
  color: #fff;
}

.capacityRulesModal .has-error~.errorInfoTip:before {
  right: -2px;
}

.capacityRulesModal .has-error~.errorInfoTip:after {
  right: 0px;
}

.capacityRulesModal .has-error~.errorInfoTip:hover .logiErrorMessages {
  right: -8px;
}

.capacityRulesModal.logi-modal .modal-dialog.modal-lg {
  width: 91%;
}

.capacityRulesModal .capacityRulesForm .form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.capacityRulesModal .capacityRulesForm .form .col-md-3 {
  min-width: 175px;
  width: 100%;
  padding: 0px 5px;
}

.capacityRulesModal .capacityRulesForm .form .ruleActionsContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.capacityRulesModal .capacityRulesForm .form .ruleActionsContainer .ruleActions {
  width: 14px;
  height: 14px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  padding-left: 8px;
  border-radius: 50%;
}

.capacityRulesModal .capacityRulesForm .form .ruleActionsContainer .ruleActions.action-remove {
  border: 1px solid #f00;
  color: #f00;
  cursor: pointer;
}

.capacityRulesModal .capacityRulesForm .form .ruleActionsContainer .ruleActions.action-add {
  border: 1px solid #6F0881;
  background-color: #6F0881;
  color: #fff;
  cursor: pointer;
}

.capacityRulesModal .capacityRulesForm .form .ruleActionsContainer .ruleActions.action-add.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.capacityRulesModal .capacityRulesForm .form .logi-multiselect-new .multiselect-parent.dropdown-multiselect.open .dropdown-menu.dropdown-menu-form {
  position: fixed;
  top: auto;
  left: auto;
  max-width: min-content;
}

.logiGuide .logiGuide-card.logi-donut-card {
  height: auto;
  padding: 0;
}

.logiGuide .logiGuide-card.logi-donut-card.cursor {
  cursor: pointer;
}

.logiGuide .logiGuide-card.logi-donut-card .header {
  padding: 15px;
}

.logiGuide .logiGuide-card.logi-donut-card .header .title {
  font-size: 14px;
  color: #545454;
  letter-spacing: 0.14px;
}

.logiGuide .logiGuide-card.logi-donut-card .header .subTitle {
  margin-top: 14px;
  font-size: 12px;
  color: #6F0881;
  letter-spacing: 0.12px;
}

.logiGuide .logiGuide-card.logi-donut-card .header .subTitle.transparentFont {
  color: transparent;
}

.logiGuide .logiGuide-card.logi-donut-card .divider {
  margin: 0 15px;
  border-bottom: 0.5px solid #979797;
}

.logiGuide .logiGuide-card.logi-donut-card.selected .header {
  background-color: #6F0881;
}

.logiGuide .logiGuide-card.logi-donut-card.selected .header .title,
.logiGuide .logiGuide-card.logi-donut-card.selected .header .subTitle {
  color: #fff;
}

.logiGuide .logiGuide-card.logi-donut-card.selected .header .title.transparentFont,
.logiGuide .logiGuide-card.logi-donut-card.selected .header .subTitle.transparentFont {
  color: transparent;
}

.logiGuide .logiGuide-card.logi-donut-card.selected .divider {
  margin: 0;
  border-bottom: 0.5px solid #6F0881;
}

.logiAnalyticsTab {
  display: flex;
  flex-direction: column;
  justify-content: space-evenly;
  align-items: center;
  padding: 1em;
  position: relative;
  background: #fff;
  padding: 15px;
  box-shadow: 0px 2px 20px -9px #000;
}

.logiAnalyticsTab.cursor {
  cursor: pointer;
}

.logiAnalyticsTab .title {
  color: #6F0881;
  font-size: 17px;
}

.logiAnalyticsTab .subTitle {
  margin-top: 1em;
  color: #545454;
  font-size: 13px;
}

.logiAnalyticsTab .percent {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #27bf00;
}

.logiAnalyticsTab .percent::before {
  content: '+';
}

.logiAnalyticsTab .percent::after {
  content: '%';
}

.logiAnalyticsTab .percent.negative {
  color: #f05548;
}

.logiAnalyticsTab .percent.negative::before {
  content: '';
}

.logiAnalyticsTab.selected {
  background-color: #6F0881;
}

.logiAnalyticsTab.selected .title,
.logiAnalyticsTab.selected .subTitle,
.logiAnalyticsTab.selected .percent {
  color: #fff;
}

.logiAnalyticsLogoCard {
  background-color: #fff;
  box-shadow: 0px 2px 20px -9px #000;
  height: 100%;
  min-height: 120px;
  display: flex;
}

.logiAnalyticsLogoCard.cursor {
  cursor: pointer;
}

.logiAnalyticsLogoCard .logo {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1em;
  color: #fff;
  background-color: #6F0881;
}

.logiAnalyticsLogoCard .content {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 1em;
  background-color: #fff;
}

.logiAnalyticsLogoCard .content .label {
  font-weight: 100;
  font-size: 13px;
  color: #6F0881;
}

.logiAnalyticsLogoCard .content .value {
  margin: 0;
  font-size: 15px;
  color: #485465;
  letter-spacing: -0.11px;
}

.logiAnalyticsLogoCard.selected .logo:after {
  content: '';
  background: #fff;
  position: absolute;
  bottom: 10%;
  right: 0;
  height: 80%;
  width: 1px;
}

.logiAnalyticsLogoCard.selected .logo,
.logiAnalyticsLogoCard.selected .content,
.logiAnalyticsLogoCard.selected .label,
.logiAnalyticsLogoCard.selected .value {
  color: #fff;
}

.logiAnalyticsLogoCard.selected .content {
  background-color: #6F0881;
}

#overall-summary.page-wrapper {
  position: relative;
}

#overall-summary .my-1 {
  margin-top: 1em;
  margin-bottom: 1em;
}

#overall-summary .mb-1 {
  margin-bottom: 1em;
}

#overall-summary .mt-1 {
  margin-top: 1em;
}

#overall-summary .icon-planned-distance:before {
  font-size: 50px;
}

#overall-summary .histogramHeader {
  display: flex;
}

#overall-summary .heading {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#overall-summary .heading .breadcrumbs {
  flex-grow: 1;
}

#overall-summary .centerContent {
  padding: 1em;
}

#overall-summary .action-filters {
  display: flex;
  justify-content: flex-end;
}

#overall-summary .action-filters .filter {
  margin-left: 10px;
}

#overall-summary #orderValueSummary .stats {
  padding: 0 1em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#overall-summary #orderValueSummary .stats>* {
  width: 22%;
}

#overall-summary #tripDistanceTimeSummary .stats {
  padding: 0 1em;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
}

#overall-summary #tripDistanceTimeSummary .stats>* {
  width: 17.5%;
}

#overall-summary #tripDistanceTimeSummary .icon-time:before {
  color: #fff;
}

#overall-summary #orderLifecycleSummary .lifeCycleItem.hide {
  display: none;
}

#overall-summary #orderLifecycleSummary .integration-progress-bar {
  width: 140%;
  margin-left: -20%;
  justify-content: flex-start;
}

#overall-summary #orderLifecycleSummary .integration-progress-bar .progress-item .circle {
  width: 60px;
  height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
}

#overall-summary #orderLifecycleSummary .integration-progress-bar .progress-item .circle .content {
  z-index: 1;
}

#overall-summary #orderLifecycleSummary .integration-progress-bar .progress-item::after {
  top: 33px;
}

#overall-summary #orderListView,
#overall-summary #tripListView {
  position: relative;
  min-height: 400px;
}

#overall-summary #orderListView #showLoadingHere .loaderContainer,
#overall-summary #tripListView #showLoadingHere .loaderContainer {
  position: absolute;
}

#overall-summary #orderListView .ui-grid-viewport,
#overall-summary #tripListView .ui-grid-viewport {
  min-height: 200px;
}

#overall-summary #orderListView .listViewHeader,
#overall-summary #tripListView .listViewHeader {
  z-index: 1;
  position: absolute;
  top: 2em;
  left: 3em;
  font-weight: 600;
}

#overall-summary #orderListView .listViewHeader .dateRange,
#overall-summary #tripListView .listViewHeader .dateRange {
  font-size: 13px;
  color: #838383;
}

.addRateChartForm .accordForm {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.addRateChartForm .accordForm .col-md-3 {
  min-width: 330px;
  width: 100%;
  padding: 0px 5px;
}

.addRateChartForm .accordForm .ruleActionsContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.addRateChartForm .accordForm .ruleActionsContainer .ruleActions {
  width: 14px;
  height: 14px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  padding-left: 8px;
  border-radius: 50%;
}

.addRateChartForm .accordForm .ruleActionsContainer .ruleActions.action-remove {
  border: 1px solid #f00;
  color: #f00;
  cursor: pointer;
}

.addRateChartForm .accordForm .ruleActionsContainer .ruleActions.action-add {
  border: 1px solid #6F0881;
  background-color: #6F0881;
  color: #fff;
  cursor: pointer;
}

.addRateChartForm .accordForm .ruleActionsContainer .ruleActions.action-add.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.addRateChartForm .accordForm .logi-multiselect-new .multiselect-parent.dropdown-multiselect.open .dropdown-menu.dropdown-menu-form {
  top: auto;
  left: auto;
  max-width: min-content;
}

.addRateChartForm .rate-chart-accord .header-icons .action-icons {
  display: inline-block;
}

.addRateChartForm .rate-chart-accord .header-icons .action-icons .header-toggle {
  vertical-align: middle;
  padding: 5px 10px 0 10px;
}

.activate-cost-toggle input.cmn-toggle-round:checked+label:after {
  background: #f1f1f1 !important;
}

.activate-cost-toggle input.cmn-toggle-round:checked+label:before {
  background: rgba(34, 31, 31, 0.26) !important;
}

.logi-accord .panel.panel-default>.panel-heading h4.panel-title a {
  color: #444 !important;
}

.logi-accord .panel.panel-open>.panel-heading h4.panel-title a {
  color: var(--color-primary-main) !important;
}

.baseCostInputModal .has-error~.errorInfoTip:before {
  right: -2px;
}

.baseCostInputModal .has-error~.errorInfoTip:after {
  right: 0px;
}

.baseCostInputModal .has-error~.errorInfoTip:hover .logiErrorMessages {
  right: -8px;
}

.baseCostInputModal.logi-modal .modal-dialog.modal-lg {
  width: 91%;
}

.baseCostInputModal .baseCostInputForm .form {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.baseCostInputModal .baseCostInputForm .form .col-md-3 {
  min-width: 270px;
  width: 100%;
  padding: 0px 5px;
}

.baseCostInputModal .baseCostInputForm .form .ruleActionsContainer {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.baseCostInputModal .baseCostInputForm .form .ruleActionsContainer .ruleActions {
  width: 14px;
  height: 14px;
  margin: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 7px;
  padding-left: 8px;
  border-radius: 50%;
}

.baseCostInputModal .baseCostInputForm .form .ruleActionsContainer .ruleActions.action-remove {
  border: 1px solid #f00;
  color: #f00;
  cursor: pointer;
}

.baseCostInputModal .baseCostInputForm .form .ruleActionsContainer .ruleActions.action-add {
  border: 1px solid #6F0881;
  background-color: #6F0881;
  color: #fff;
  cursor: pointer;
}

.baseCostInputModal .baseCostInputForm .form .ruleActionsContainer .ruleActions.action-add.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.baseCostInputModal .baseCostInputForm .form .logi-multiselect-new .multiselect-parent.dropdown-multiselect.open .dropdown-menu.dropdown-menu-form {
  position: fixed;
  top: auto;
  left: auto;
  max-width: min-content;
}

.actualCostCardHeader {
  display: flex;
  align-items: center;
  padding-top: 10px;
}

.actualCostCardBody {
  overflow-y: scroll !important;
  height: 500px;
}

.plainModalCardBody{
  height: 500px;
}

.totalActualCostCardHeader {
  padding-top: 0px;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.costHeader1,
.costHeader2,
.basicRate,
.distanceBasedRate,
.weightBasedRate {
  display: flex;
}

.costHeader1 {
  padding-left: 10px;
  color: #545454 !important;
  justify-content: flex-start;
  margin-bottom: 0px !important;
}

.costHeader2 {
  padding-right: 10px;
  justify-content: flex-end;
  font-size: 18px !important;
  color: #6F0881 !important;
  margin-bottom: 0px !important;
}

.costHeader3 {
  /* padding-left: 10px; */
  font-size: 13px;
  justify-content: flex-start;
  margin-bottom: 0px !important;
}

.costHeader4 {
  /* padding-right: 20px; */
  justify-content: flex-end;
  font-size: 16px !important;
  margin-bottom: 0px !important;
}

#js-shippingCostPopupFl .logi-accord .accord-item {
  box-shadow: none !important;
}

.discount,
.fuelSurcharge,
.zoneSurcharge {
  display: flex;
  /* padding: 10px; */
  font-weight: normal !important;
  /* font-size: 16px !important; */
}

.discountData,
.zoneData,
.fuelData {
  font-size: 13px !important;
  justify-content: flex-end;
  /* margin-right: 22px; */
  /* font-weight: normal !important; */
}

.borderAccord .panel-body {
  border: 1px solid #d3d3d3 !important;
}

.accord-data {
  font-size: 13px !important;
  padding: 10px 0px;
}

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

.addHandlingFeesBtn,
.addMiscellaneousFeesBtn {
  padding: 12px;
  margin: 15px !important;
  text-align: center;
  border: 2px dashed #6F0881;
  background: #fafafa;
  border-radius: 4px;
  font-size: 13px;
  cursor: pointer;
  color: #6F0881;
  /* -webkit-transition: all .2s ease-in; */
  /* -moz-transition: all .2s ease-in; */
  /* -o-transition: all .2s ease-in; */
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

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

.unitType {
  position: absolute;
  right: 40%;
  top: 45%;
}

.optimisePackingContainer {
  flex-direction: column;
}

.optimisePackingContainer .optimizeOrderDetails {
  margin-bottom: 15px;
}

.optimisePackingContainer .optimizeItemCard {
  flex-grow: 1;
  margin-left: 15px;
}

.optimisePackingContainer .optimizeOrderDetails {
  flex-grow: 1;
}

.optimisePackingContainer .optimize3DCard {
  max-width: 50%;
}

.optimisePackingContainer .optimize3DCard .w3-center-column {
  flex-direction: column;
  align-items: center;
}

#error-accordion-1.error-accordion-1 {
  border: 1px solid #f00 !important;
}

#error-accordion-1.error-accordion-1 .error-1::before {
  content: '!';
  position: absolute;
  background: #f05548;
  right: 3px;
  top: 7px;
  color: #fff;
  z-index: 200;
  width: 16px;
  line-height: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50px;
}

.error-1 .error-message-none {
  position: absolute;
  color: #f00;
  font-size: 12px;
  display: none;
  margin-top: -8px;
}

#error-accordion-1.error-accordion-1:hover .error-message-none {
  display: block !important;
  border: 1px solid #f00;
  padding: 5px !important;
  width: auto !important;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  z-index: 999 !important;
  background: #ffedee !important;
  /* vertical-align: middle !important; */
  text-align: center !important;
  top: -8px !important;
  right: 5px;
  margin-top: -25px !important;
}

#error-accordion-1.error-accordion-1:hover .error-message-none #error-accordion-1.error-accordion-1:hover .error-message-none:after {
  display: block;
}

#scanConflictPopup-container .modal-dialog {
  width: 1140px;
  margin-top: 70px;
}

#scanConflictPopup-container .radio {
  width: 20px;
}

#scanConflictPopup-container .modal-cont {
  background-color: rgba(12, 26, 31, 0.71);
}

#scanConflictPopup-container .modal-body {
  height: 100%;
  max-height: 360px;
  overflow-x: hidden;
  overflow-y: auto;
}

#scanConflictPopup-container .modal-header {
  position: static;
}

#scanConflictPopup-container .panel {
  margin-bottom: 15px;
}

#scanConflictPopup-container .panel-group .panel,
#scanConflictPopup-container .panel-heading {
  border-radius: 5px !important;
}

#scanConflictPopup-container .panel.panel-default .panel-heading {
  background: #dde2e6;
}

#scanConflictPopup-container .panel.panel-open .panel-heading {
  background: #6F0881 !important;
}

#scanConflictPopup-container .table-cont {
  padding: 20px;
}

#scanConflictPopup-container th,
#scanConflictPopup-container td {
  padding: 5px 0;
  border-bottom: 1px solid #d3d3d3;
}

#scanConflictPopup-container th {
  font-weight: bold;
  font-size: 13px;
}

#scanConflictPopup-container th:first-child {
  width: 50px;
}

#scanConflictPopup-container .panel-title,
#scanConflictPopup-container .black {
  color: #000;
}

#scanConflictPopup-container .white {
  color: #fff;
}

#scanConflictPopup-container .empty-msg {
  text-align: center;
  color: #636363;
  height: 80px;
  line-height: 80px;
  font-size: 13px;
}

#scanConflictPopup-container .modal .panel-heading h4.panel-title a {
  color: #000;
  outline: none;
}

#scanConflictPopup-container .modal-footer::before {
  content: unset;
}

#scanConflictPopup-container .modal-footer::after {
  content: unset;
}

#scanConflictPopup-container th {
  padding-bottom: 10px;
}

#scanConflictPopup-container tr {
  height: 28px;
}

#scanConflictPopup-container td {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
  padding-right: 10px;
}

#scanCrateDetailsPopup-container .modal-dialog {
  margin-top: 70px;
}

#scanCrateDetailsPopup-container .panel {
  margin-bottom: 15px;
}

#scanCrateDetailsPopup-container .panel-group .panel,
#scanCrateDetailsPopup-container .panel-heading {
  border-radius: 5px !important;
}

#scanCrateDetailsPopup-container .panel.panel-default .panel-heading {
  background: #dde2e6;
}

#scanCrateDetailsPopup-container .panel.panel-open .panel-heading {
  background: #6F0881 !important;
}

#scanCrateDetailsPopup-container .table-cont {
  padding: 20px;
}

#scanCrateDetailsPopup-container .modal-content {
  width: 750px;
}

#scanCrateDetailsPopup-container .modal-body {
  height: 100%;
  max-height: 300px;
  overflow-x: hidden;
  overflow-y: auto;
}

#scanCrateDetailsPopup-container .modal-header {
  position: static;
}

#scanCrateDetailsPopup-container th,
#scanCrateDetailsPopup-container td {
  padding: 5px 0;
  border-bottom: 1px solid #d3d3d3;
}

#scanCrateDetailsPopup-container th {
  font-weight: bold;
  font-size: 13px;
}

#scanCrateDetailsPopup-container .panel-title,
#scanCrateDetailsPopup-container .black {
  color: #000;
}

#scanCrateDetailsPopup-container .white {
  color: #fff;
}

#scanCrateDetailsPopup-container .modal-cont {
  background-color: rgba(12, 26, 31, 0.71);
}

#scanCrateDetailsPopup-container .empty-msg {
  text-align: center;
  color: #636363;
  height: 80px;
  line-height: 80px;
  font-size: 13px;
}

#scanCrateDetailsPopup-container .modal .panel-heading h4.panel-title a {
  color: #000;
  outline: none;
}

#scanCrateDetailsPopup-container th {
  padding-bottom: 10px;
}

#scanCrateDetailsPopup-container tr {
  height: 28px;
}

html,
body {
  height: 100%;
  font-family: 'Gotham-Rounded', Sans-Serif;
}

.wrapper {
  position: relative;
}

.assign-btn[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.downwardDropdown {
  margin-top: 15px;
  margin-left: -403px;
}

.carrierAssignDropdown {
  left: auto !important;
  right: 339px !important;
}

.assignVendorsClickHere {
  margin-left: 9rem;
  position: relative;
  bottom: 9.5rem;
  right: 45rem;
}

.icon-next-position {
  float: right;
  position: relative;
  bottom: 220px;
  right: 425px;
}

.icon-previous-position {
  float: left;
  position: relative;
  top: 200px;
  left: 450px;
}

.container {
  position: relative;
  margin: 0 auto;
  width: 420px;
}

.container img {
  vertical-align: middle;
}

.container .content {
  position: absolute;
  bottom: 0;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 10px 10px 1.5px 10px;
  font-size: 1.8rem;
  line-height: 1.25;
}

.containerOrder {
  position: relative;
  margin: 0 auto;
}

.containerOrder img {
  vertical-align: middle;
  width: 65%;
}

.containerOrder .contentOrder {
  position: absolute;
  bottom: 0;
  left: 17.5%;
  text-align: center;
  background: #000;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 65%;
  padding: 8px 6px 1.5px 6px;
  font-size: 1.3rem;
  line-height: 1;
}

.activity-log {
  margin-left: 4px;
}

.loaderContainer img {
  width: 150px;
}

.customReports {
  border-top: 2px solid;
}

.col-md-5 .loaderContainer {
  min-width: 90%;
}

.outletAddress {
  position: relative;
}

.pseudoTableBody {
  height: auto;
  width: 100%;
}

.importDM {
  width: 480px;
  position: fixed;
  z-index: 3;
  right: 10px;
  bottom: 0px;
  background-color: #f2f2f2;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  box-shadow: -3px 5px 30px rgba(0, 0, 0, 0.81);
}

.importDM ul li {
  border-bottom: 1px dotted #848484;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  padding: 10px;
}

.importDM ul li:first-child {
  background-color: #6F0881 !important;
  color: #f7ffff;
}

.card {
  /* box-shadow 0px 2px 6px 0px rgba(0,0,0,0.2) !important */
  box-shadow: 0px 4px 20px -10px #000 !important;
  border-radius: 3px !important;
}

.haul-card {
  width: 100%;
  min-height: 260px !important;
}

#dashboard-wrapper .haul-card .status {
  height: 10px !important;
}

.mapRightCard {
  position: fixed;
  margin-top: -40px;
  background-color: #fff;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.3);
  overflow-y: scroll;
}

.nav,
.pagination,
.carousel,
.panel-title a {
  cursor: pointer;
}

ol,
ul {
  list-style: none;
}

a {
  text-decoration: none;
}

a:hover,
a:focus {
  text-decoration: none !important;
}

.logiHidden {
  display: none !important;
}

* {
  margin: 0;
  padding: 0;
  outline: 0;
  border: 0;
}

/* For all the fonts of navbar */
.appHeader-bar {
  font-size: 12px;
}

@font-face {
  font-family: 'fontello';
  src: url(/product/assets/fonts/fontello.8d486a12352041ae0c21.woff);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded';
  src: url(/product/assets/fonts/Roboto-Regular.6bede58e856278b0f8f1.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded';
  src: url(/product/assets/fonts/Roboto-Medium.0fcd45fbfc419c42c8b9.ttf);
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Medium';
  src: url(/product/assets/fonts/Roboto-Medium.0fcd45fbfc419c42c8b9.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Bold';
  src: url(/product/assets/fonts/Roboto-Bold.17451a4c1cd55e33ac57.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Thin';
  src: url(/product/assets/fonts/Roboto-Thin.2745c061dfc318ec57da.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Book';
  src: url(/product/assets/fonts/Roboto-Regular.6bede58e856278b0f8f1.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Book-Light';
  src: url(/product/assets/fonts/Roboto-Thin.2745c061dfc318ec57da.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Book-Medium';
  src: url(/product/assets/fonts/Roboto-Medium.0fcd45fbfc419c42c8b9.ttf);
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Rounded-Book-Bold';
  src: url(/product/assets/fonts/Roboto-Bold.17451a4c1cd55e33ac57.ttf);
  font-weight: normal;
  font-style: normal;
}

.fadeInRight {
  animation-name: fadeInRight;
  animation-duration: 0.6s;
}

.fadeInLeft {
  animation-name: fadeInLeft;
  animation-duration: 0.6s;
}

.fadeInDown {
  animation-name: fadeInDown;
  animation-duration: 0.15s;
}

.fadeInUp {
  animation-name: fadeInUp;
  animation-duration: 0.15s;
}

.alertModalLeftAligh {
  text-align: left !important;
}

.icon {
  font-family: 'fontello' !important;
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  text-decoration: inherit;
  text-align: left;
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* You can be more comfortable with increased icons size */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon speak : none {
  line-height: 14px;
}

.icon:before {
  font-size: 14px;
}
.makingFontBig .icon:before{
  font-size: 36px;
}

.tripSummaryIcon .icon:before{
  color: #fff !important;
  font-size: 50px !important;
}
.fa {
  font: normal normal normal 14px/1 FontAwesome !important;
}

.clearfix {
  *zoom: 1;
  clear: both;
}

.clearfix:after,
.clearfix:before {
  content: "";
  display: table;
  clear: both;
}

.logiViewTypes li,
.mapDisplayOptions li,
.tab-li li {
  display: block;
  float: left;
  position: relative;
}

.map {
  height: auto;
}

.map .markerLabel {
  margin-top: -28px !important;
  margin-left: -6px !important;
  font-size: 8px;
  color: #fff;
  font-weight: bold;
}

.map .markerLabelNew {
  margin-top: -4px !important;
  margin-left: -6px !important;
  font-size: 8px;
  color: #fff;
  font-weight: bold;
}

.btn {
  outline: 0;
}

.btn:focus {
  outline: 0;
}

.btn.btn-primary.logiPrimaryBtn {
  padding: 10px 22px;
  border-radius: 2px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}

.logiViewTypes li a {
  margin: 0;
  padding: 6px 12px;
  border-radius: 4px;
  margin-left: -4px;
  cursor: pointer;
  text-decoration: none;
}

.textCenter {
  text-align: center;
}

.centerContent.posrel {
  position: relative;
  top: 0;
}

input[type="checkbox"].logiCustomCheck {
  position: absolute;
  visibility: hidden;
}

input[type="checkbox"][disabled].logiCustomCheck+label {
  border-color: rgba(0, 0, 0, 0.1);
  cursor: not-allowed;
}

.logiCustomCheck+label {
  border-radius: 0;
  display: inline-block;
  padding: 5px;
  position: relative;
  margin: 7px 0px 0px 0px;
  width: 12px;
  height: 12px;
  min-height: 12px;
}

.badgeWrapper {
  padding: 30px 0px;
}

.badgeWrapper .badgeCount {
  font-size: 24px;
  letter-spacing: 0.3px;
  overflow: hidden;
}

.badgeTitle {
  text-align: left;
  margin-left: 26px;
  font-size: 18px;
}

.loading-spiner-holder {
  position: fixed;
  top: 138px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.85);
  display: none;
  z-index: 0;
}

.loading-spiner-holder .loading-spinner {
  z-index: 9999;
  position: fixed;
  left: 50%;
  top: 50%;
}

.btnOutline {
  line-height: 14px;
  border-radius: 2px;
}

.mapDisplayOptions li {
  padding: 10px 12px;
}

.mapDisplayOptions form:parent {
  overflow: hidden;
  margin-bottom: -1px;
}

.infoWindowHeader {
  display: inline;
  line-height: 25px;
}

.infoWindowHeader h2 {
  font-family: Lucida Grande;
}

.promptDiv {
  width: 400px;
  position: fixed;
  display: none;
  z-index: 999999 !important;
  top: 75px;
  font-size: 11px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 10px 15px;
}

.promptDiv i {
  margin-right: 11px;
  display: inline-block;
  width: 20px;
  height: 20px;
  color: #fff;
}

.promptDiv .text {
  text-overflow: ellipsis;
  overflow-x: hidden;
  
}

.displayPrompt {
  display: block !important;
  z-index: 100000999 !important;
  height: auto;
}

.posRel {
  position: relative !important;
}

.mR5 {
  margin-right: 5px;
}

.top97 {
  top: 97px !important;
}

.shift-timings-label {
  top: -10px !important;
}

.add {
  display: inline-block;
  border: 1px solid transparent;
  border-radius: 50%;
  line-height: 10px;
  height: 14px;
  width: 14px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
}

.remove {
  display: inline-block;
  border-radius: 50%;
  line-height: 8px;
  height: 14px;
  width: 14px;
  text-align: center;
  color: #fff;
  font-weight: bolder;
  margin-top: 30px;
}

.btn-default-focus {
  outline: 0 !important;
  box-shadow: none !important;
  border: 0;
  background: transparent !important;
}

.btn-default-focus:focus {
  outline: 0;
  box-shadow: none !important;
}

.loadewrapper {
  width: 13px;
  margin-left: 17px;
}

.logi-repeat-section-sub:first-child .remove {
  display: none;
}

.tripHistory-content {
  margin-bottom: 15px;
}

.logi-repeat-section-sub:first-child .remove {
  display: block !important;
}

.contentWrapper {
  padding-bottom: 20px;
  padding-left: 25px;
  padding-right: 25px;
}

.disabled {
  cursor: not-allowed;
}

.record-action-options-li .icon-dropdown-triangle:before {
  font-size: 5px !important;
}

.scrollLeft .icon-slide-left-2:before,
.scrollRight .icon-slide-right-2:before {
  font-size: 20px;
  position: absolute;
  margin-top: 27px;
}

.dropdown {
  position: relative;
  display: inline-block;
}

.dropdown:hover .dropdown-content {
  display: block;
}

.dropdown-content {
  display: none;
  position: absolute;
  min-width: 160px;
}

.dropdown-content a {
  color: #000;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown-content a:hover ul#css3menu1 ul.scroll {
  max-height: 135px;
  overflow-y: auto;
  overflow-x: hidden;
}

.icon-dropdown-angle:before {
  font-size: 8px;
  position: relative;
  top: -3px;
}

.pageHeaderWrapper {
  position: relative;
}

.pageHeader .dropdown-menu {
  box-shadow: 0px 10px 36px -10px rgba(0, 0, 0, 0.475);
  border-radius: 0;
}

.pageHeader .dropdown-menu:before {
  width: 8px;
  height: 8px;
  content: '';
  position: absolute;
  top: -8px;
  right: 45%;
}

.pageHeader .dropdown-menu li a {
  padding: 8px 10px;
  border-radius: 0px;
}

.record-action-options.dropdown {
  margin-bottom: 0px;
}

.record-action-options li a,
.record-action-options li .icon-dropdown-angle.dropDown {
  padding-left: 5px;
}

.badgeWrapper .row .col-md-2 .icon {
  padding: 10px 20px;
}

a {
  cursor: pointer;
}

button[disabled] {
  cursor: not-allowed !important;
  opacity: 0.65;
}

/* daterangepicker css */
.daterangepicker {
  border-radius: 2px;
}

.daterangepicker .calendar.left .calendar-table,
.daterangepicker .calendar.right .calendar-table {
  border-radius: 2px;
  padding-right: 3px;
}

.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td {
  font-size: 12px;
}

.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td.active,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td.active,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td.end-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td.end-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th.start-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th.start-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr td.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr td.start-date,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr td.start-date,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr td.start-date {
  color: var(--color-primary-main);
}

.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th:first-child,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th:first-child,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th:first-child,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th:first-child,
.daterangepicker .calendar.left .calendar-table table.table-condensed thead tr th:last-child,
.daterangepicker .calendar.right .calendar-table table.table-condensed thead tr th:last-child,
.daterangepicker .calendar.left .calendar-table table.table-condensed tbody tr th:last-child,
.daterangepicker .calendar.right .calendar-table table.table-condensed tbody tr th:last-child {
  width: 35px;
}

.daterangepicker .calendar.left .calendar-table {
  margin-right: 12px;
}

.daterangepicker .input-mini {
  border-radius: 2px;
  margin: 0;
}

.daterangepicker .calendar-time {
  top: -20px;
  margin: -29px auto;
  padding-left: 136px;
  line-height: 17px;
}

.daterangepicker_input .fa-calendar {
  margin-left: 2px;
}

.daterangepicker td.disabled {
  color: rgba(153, 153, 153, 0.341) !important;
}

.daterangepicker .calendar-time {
  padding: 0px !important;
  margin: 0px !important;
  margin-top: 30px !important;
}

.daterangepicker .daterangepicker_input i {
  display: none !important;
}

.ranges .range_inputs .applyBtn {
  padding: 6px 12px;
  border-radius: 4px;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.5);
}

.ranges .range_inputs .cancelBtn {
  box-shadow: 0 0 0 0 transparent;
}

.page-wrapper {
  overflow: visible;
}

.tab {
  padding-left: 4em;
}

.displayNone {
  display: none !important;
}

.removeBtn {
  position: relative;
  top: -3px;
}

.changePwd input.ng-invalid.ng-dirty {
  border-color: #f00 !important;
}

.changePwd span {
  position: absolute;
  color: #f00;
  font-size: 12px;
  margin-top: -12px;
  display: block;
}

.changePwdModal {
  width: 74%;
  margin-left: 80px;
}

.mainWrapper {
  position: relative;
  margin-bottom: 0px;
  margin-left: -15px;
  margin-right: -15px;
}

.is-hidden {
  display: none !important;
}

.notZeroSelected.trips {
  color: #fff !important;
  background: #6F0881;
  border-radius: 5px;
}

.pageHeader {
  margin-top: 0px;
  margin-left: 40px;
  margin-right: 40px;
  margin-bottom: 10px;
  border: 0;
}

.pageHeader .heading {
  font-size: 18px;
  line-height: 24px;
  margin: 0;
  margin-left: -9px;
  float: left;
  /*font-family 'Gotham-Rounded-Medium', Sans-Serif !important*/
}

.pageHeader .heading form.form {
  position: absolute;
  top: 0px;
  right: 32px;
  font-size: 12px;
}

.pageHeader .action-items {
  float: right;
  line-height: 24px;
  position: absolute;
  right: 30px;
}

.pageHeader .action-items ul {
  display: block;
  float: left;
}

.pageHeader .action-items ul li {
  display: block;
  float: left;
}

.pageHeader .action-items ul li .uploadBtn+label {
  line-height: 24px;
  height: auto;
  padding: 6px 13px 7px 13px;
}

.pageHeader .action-items ul li a {
  font-size: 13px;
  padding: 7px 13px;
  display: block;
  min-height: 40px;
  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.3);
}

.pageHeader .action-items ul .viewTypes {
  margin-left: 6px;
}

.pageHeader .action-items ul .viewTypes li a {
  margin: 0;
  color: #333;
  font-size: 13px;
  background: #fff;
  max-width: 125px;
  overflow: hidden;
  max-height: 50px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pageHeader .action-items ul .viewTypes li a.selected {
  color: #fff;
  background: #6F0881;
}

.no-data {
  padding-bottom: 5px;
}

.subPageHeader {
  position: relative;
  min-height: 50px;
  line-height: 45px;
  padding: 5px;
  margin-left: 10px;
  font-size: 14px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.switch-title {
  margin-bottom: 6px;
}

.switch-field input {
  display: none;
}

.switch-field label {
  float: left;
}

.switch-field label {
  display: inline-block;
  width: 100px;
  background-color: #fff;
  color: #abacba;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.2) !important;
  font-size: 13px;
  font-weight: normal;
  border-radius: 2px !important;
  width: 60px;
  text-align: center;
  text-shadow: none;
  padding: 6px 14px;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -ms-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

.switch-field label:hover {
  cursor: pointer;
}

.switch-field input:checked+label {
  background-color: #6F0881;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #fff;
}

.switch-field label:first-of-type {
  border-radius: 4px 0 0 4px;
}

.switch-field label:last-of-type {
  border-radius: 0 4px 4px 0;
}

.overflow-hidden {
  overflow: hidden;
}

input[type=number] {
  -moz-appearance: textfield;
}

body.addOrderFormLocSubloc .loading-spiner-holder {
  display: none !important;
}

.fa-clock-o {
  opacity: 0;
}

.fa-calendar {
  top: -32px !important;
  margin-left: 0px !important;
}

.clearBoth {
  clear: both;
}

.tab-li li a {
  display: block;
  padding: 0px 27px;
  position: relative;
  font-size: 16px;
  width: 100%;
  color: menuBg90;
  font-family: 'Trebuchet MS', sans-serif;
}

.tab-li li a.selected {
  color: menuBg;
}

.tab-li li a.selected:before {
  position: absolute;
  content: '';
  width: 100%;
  height: 4px;
  top: 36px;
  left: 2%;
  background: menuBg;
}

.mile-od-donut-div {
  height: 110px;
  padding-left: 50px;
  width: 100%;
  border: 1px solid #000;
}

.info-container {
  padding: 10px;
  height: 60px;
  font-size: 12px;
  color: #757575;
  cursor: pointer !important;
}

#donut-row-1-loader {
  border: 1px solid;
  min-height: 230px;
  padding: 10px;
  overflow: hidden;
}

#pagination-dashboard-table {
  position: relative;
  height: 50px;
  font-size: 11px;
  padding-top: 10px;
  overflow: hidden;
}

.breadcrumbs {
  font-family: 'Gotham-Rounded', Sans-Serif !important;
  font-size: 14px;
}

.breadcrumbs a {
  font-family: 'Gotham-Rounded', Sans-Serif !important;
  font-size: 14px;
}

.breadCrumbElement:last-child a {
  font-size: 14px !important;
  font-family: 'Gotham-Rounded', Sans-Serif !important;
  cursor: not-allowed;
}

.breadCrumbElement:first-child a {
  font-size: 14px !important;
  font-family: 'Gotham-Rounded', Sans-Serif !important;
}

.breadcrumbs .breadCrumbElement {
  display: inline-block;
  max-width: 400px;
  width: auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.breadcrumbs .breadCrumbElement a.emptyLink {
  cursor: not-allowed !important;
  color: #000;
  user-select: all;
}

.unselected {
  display: none;
}

/* table tbody, table thead
    display block !important */
table tbody:not(.milkrun-table-body) {
  max-height: 78vh !important;
  overflow: scroll !important;
}

.margin-right-50 {
  margin-right: 50px !important;
}

.date-margin-25-15 {
  margin: 23px 15px 25px 15px !important;
}

.logiCustomCheck:checked+label:after {
  color: #fff;
  content: '\e828';
  font-family: fontello;
  font-size: 6px;
  left: 1px;
  position: absolute;
  top: 1px;
}

#drs-title-strip-dropdown a span {
  font-size: 12px;
}

#drs-title-strip-dropdown a .icon:before {
  font-size: 7px;
  position: relative;
  top: -2px;
  left: 8px;
}

.hide-overlay #js-cancelBtn,
.hide-overlay #js-saveBtn {
  display: none;
}

.statusBox {
  background: #fff;
}

.selected a {
  color: #fff !important;
  background: #6F0881 !important;
}

.alertsDiv {
  min-height: 50px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.hideSearchIcon {
  display: none;
}

.centerAlign {
  text-align: center;
}

.switch {
  width: auto !important;
}

.showSearchIcon {
  display: block;
}

#trackerList .searchRows td {
  background: #fff;
}

#trackerList .searchRows td .icon.icon-search2 {
  top: 10px !important;
}

.ui-timepicker-wrapper {
  max-height: 200px;
  z-index: 990;
}

.ui-timepicker-wrapper .ui-timepicker-list {
  border: 1px solid #11bcc1;
  max-height: 200px;
  height: 200px;
  overflow: auto;
}

.ui-timepicker-wrapper .ui-timepicker-list li {
  background: #6F0881;
  border-bottom: 1px solid #6F0881;
  color: #edffff;
  padding: 10px 20px;
}

.ui-timepicker-wrapper .ui-timepicker-list li:hover {
  color: #fff;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
}

.geofence-form-radio {
  white-space: nowrap;
}

.top-0.logiCustomCheck+label {
  top: 0px !important;
}

.calSize .icon-calander2:before {
  font-size: 20px;
}

.calSize .icon-ry-filter:before {
  font-size: 19px;
}

.filter-control {
  margin-top: 10px !important;
  padding: 16px;
  height: 40px;
  background-color: #f9f9fc;
  box-shadow: 0px 2px 2px 0px rgba(105, 119, 151, 0.2);
}

.sortSize .icon-dropdown-triangle-copy:before {
  font-size: 6px !important;
}

.sortSize .icon-dropdown-triangle:before {
  font-size: 6px !important;
}

.shift-icon {
  position: absolute;
  margin-left: 475px;
  margin-top: -50px;
  z-index: 100;
}

.reg-no-icon.shift-icon {
  margin-left: 440px;
  margin-top: -46px;
}

.address-proof-icon.shift-icon {
  margin-left: 130px;
  margin-top: 13px;
}

.address-proof-input {
  margin-top: 1px;
}

.on-demand-dashboard-wrapper .tripStatsDonutBadge.donut.card.fl svg {
  top: 20px;
}

.link_geofence_list li span {
  max-width: 75px !important;
  width: auto !important;
  margin-right: 5px;
}

.link_geofence_list p button {
  padding: 3px;
  margin-top: 6px;
  float: left;
  margin-left: 6px;
}

.bold {
  font-family: "Gotham-Rounded-Medium";
}

.dmTypeBox {
  border: 1px solid #ccc;
  padding: 3px;
  margin: 0px 2px;
  border-radius: 3px;
}

.mt25 {
  margin-top: 25px !important;
}

.row.textCenter.order-history-state-buttons {
  padding-left: 25px;
  padding-top: 20px;
}

.row.textCenter.trip-history-state-buttons {
  margin-top: -20px;
  position: absolute;
  right: 40px;
}

.font-11 {
  font-size: 11px !important;
}

.barcodeStyle {
  border-radius: 40px;
  border: 2px  gray;
  padding: 10px;
  background: #EEEEEE;
  display: inline-block;
  margin: 5px 5px;
}

.progressBarOriginDest {
  /* border 1px solid black */
  text-align: center;
  padding: 25px 0px;
  width: 100%;
}

.progressBarOriginDest .destination {
  margin-right: 30px;
}

.progressBarOriginDest .origin {
  margin-left: 30px;
}

.progressBarOriginDest .progressBarOriginDestTITLE {
  font-size: 11px;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
}

.progressBarOriginDest .progressBarOriginDestTEXT {
  font-size: 11px;
  font-family: 'Gotham-Rounded', Sans-Serif !important;
}

.progress-indicator.mile-order-history {
  margin-left: -70px;
}

.btnwrap {
  display: flex;
  position: relative;
  margin-top: 5px;
}

.globalDtIcon {
  margin-left: 10px;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.3);
  padding: 7px 8px 5px 8px;
}

.clientSettingsCard {
  margin-bottom: 30px;
}

.clientSettingsElement {
  font-size: 12px !important;
  min-height: 40px;
  padding-top: 10px;
}

.clientSettingsElement label {
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}

.clientSettingsElement .logi-form-checkbox .client_settings_checkbox {
  position: relative;
  /* right 10% */
}

.clientSettingsElement logi-number input {
  float: right;
  border: 1px solid #efefef;
  min-width: 100px;
  text-align: center;
  padding: 0px 5px;
  line-height: 20px;
}

.clientSettingsElement logi-text input {
  float: right;
  min-width: 100px;
  border: 1px solid #efefef;
  text-align: center;
  border-radius: 25px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0px 5px;
  line-height: 20px;
}

.clientSettingsElement logi-select .logi-input {
  line-height: 0px;
  width: 100%;
}

.clientSettingsElement logi-select .ui-select-container {
  min-width: 150px;
  width: auto;
  float: right;
  text-align: center;
  height: 22px;
  background: #fff;
  margin: 0px;
  word-wrap: break-word;
}

.clientSettingsElement logi-select .ui-select-container span:first-child {
  line-height: 22px !important;
  padding-right: 10px !important;
}

.clientSettingsElement logi-select .ui-select-container .icon.icon-close {
  padding-right: 10px !important;
}

logi-autocomplete .dropdown-menu {
  max-height: 200px;
  overflow: scroll;
}

.nvd3 text {
  font-size: 11px;
}

.vertical-alignment-helper {
  display: table;
  height: 100%;
  width: 100%;
  pointer-events: none;
  /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
  /* To center vertically */
  display: table-cell;
  vertical-align: middle;
  pointer-events: none;
}

.modal-content {
  /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
  width: inherit;
  height: inherit;
  /* To center horizontally */
  margin: 0 auto;
  pointer-events: all;
}

#tourHelp {
  background: rgba(16, 19, 25, 0.8);
  color: #fff;
  min-width: 250px;
  min-height: 110px;
  position: fixed;
  z-index: 1000;
  bottom: 15px;
  right: 15px;
  text-align: center;
  font-size: 16px;
  padding: 20px;
}

#tourHelp .takeAtourBtn {
  font-size: 12px;
  background: #e32022;
  border-radius: 1px;
  width: 104px;
  height: 25px;
  margin: auto;
  cursor: pointer;
  padding: 4px;
  margin-top: 15px;
}

#tourHelp .tourHelpClose {
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 1px;
}

#tourHelp .tourHelpClose .icon:before {
  font-size: 10px;
}

.btn.btn-danger.tourBtn {
  border-radius: 0px !important;
  background: #e32022 !important;
  border: 0px !important;
  margin-top: 25px;
}

.map_legends_image img {
  height: 14px;
  width: 14px;
}
.legendCustom{
height:12px;
width: 12px; 
border: solid 0.02px;
border-radius: 50%; 
display: inline-block;
border-color: 'grey';
margin-bottom: 6px;
}

.legendCustomTitle {
  padding-left: 5px;
  padding-right: 10px;
  position: relative;
  bottom: 1.5px;
}
.dapComment {
  text-align: center;
  padding: 10px;
}

.userTable .leftAlign {
  text-align: left !important;
}

.userTable .leftMargin {
  margin-left: 25px;
}

.mainSectionClientSettings .logiCustomCheck+label {
  /* left -66px */
  float: right;
}

.selectedAnalyticsTab {
  box-shadow: inset 0 4px 7px 2px rgba(0, 0, 0, 0.1);
  background: rgba(213, 213, 219, 0.1);
  cursor: not-allowed !important;
}

.analyticsBadgeContentHover:hover {
  background: rgba(213, 213, 219, 0.1);
  cursor: pointer;
}

.dateRangeIndicator {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  font-size: 14px;
  line-height: 40px;
}

.dayView_container {
  /* border 1px solid */
  left: 50px;
}

.dayView_element {
  border-left: 1px solid #cbcccc;
  color: #898999;
  width: 70px;
  height: 30px;
  text-align: center;
  float: right;
  padding-top: 7px;
  cursor: pointer;
  font-size: 12px;
}

.dayView_element.selected {
  background: #6F0881;
  color: #fff;
  cursor: not-allowed !important;
}

.gblSearchIcon:before {
  font-size: 17px;
  color: #42425c;
}

.globalSearchBox {
  position: absolute;
  margin-top: 63px;
  margin-left: 87%;
}

.search {
  position: relative;
  font-size: 14px;
  top: 8px;
}

.search:hover+input {
  width: 90%;
}

.radius {
  -webkit-transition: width;
  -moz-transition: width;
  -o-transition: width;
  transition: width;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  width: 1px;
  height: 28px;
}

.bottomLine {
  -webkit-transition: width;
  -moz-transition: width;
  -o-transition: width;
  transition: width;
  -webkit-transition: width 0.5s ease-in-out;
  -moz-transition: width 0.5s ease-in-out;
  -o-transition: width 0.5s ease-in-out;
  width: 90%;
  border-bottom: 1px solid #ccc;
}

.search .icon-search2 {
  position: absolute;
  top: 1px;
}

.search .icon-close {
  position: absolute;
  top: 12px;
  right: 19px;
}

.search .icon-close:before {
  font-size: 12px;
}

.disclaimer_note {
  line-height: 45px;
  padding: 10px 0px 2px 5px;
}

.dbDetailsIndicator {
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
}

.dbEfficiencyChart svg {
  min-height: 550px !important;
}

.loadPie .nv-pieWrap {
  transform: translate(87px, -160px);
}

.loadPie .table-wrapper .table-record-actions {
  top: -40px;
  left: 15px;
  position: relative;
}

.clientBranchMapWrapper .gmnoprint {
  margin: 10px !important;
}

.navBarsearch .search {
  top: 0px;
}

.navBarsearch .search span {
  padding: 0px !important;
  color: #808080;
}

.navBarsearch .search .close {
  position: absolute !important;
  top: 0px;
  right: 7px;
}

.navBarsearch .search .close .icon:before {
  font-size: 12px !important;
}

.mileTrip {
  min-height: 320px !important;
  padding-bottom: 0px !important;
  padding-top: 20px;
  padding-left: 31px;
  padding-right: 31px;
}

.mileTripHistText_big.grey-text {
  font-size: 22px !important;
  font-family: 'Gotham-Rounded-Medium', Sans-Serif !important;
  color: #abacba !important;
}

.padding-10 {
  padding: 0px 20px 0px 20px;
}

.visitActions {
  font-weight: lighter;
}

.removeVisit.remove {
  display: inline-block;
  border-radius: 50%;
  line-height: 8px;
  height: 24px;
  width: 24px;
  text-align: center;
  color: #e32022;
  font-weight: lighter;
  background: #fff;
  border: 2px solid;
  margin-top: 36px;
}

.addVisit.add {
  display: inline-block;
  border-radius: 50%;
  line-height: 10px;
  height: 24px;
  width: 24px;
  font-size: 31px;
  padding-top: 3px;
  text-align: center;
  color: #6F0881;
  border: 2px solid;
  background: #fff;
  position: absolute;
  top: 24px;
  margin-left: 10px;
  font-weight: bolder;
}

.visitStrip .ui-select-search {
  margin-top: 0px !important;
  border: 0px !important;
  padding-left: 9px;
}

.dropdown-submenu>ul:last-child {
  left: auto;
  right: 100%;
}

#orderWrapperMiddleMileCtrl_id .dropdown-submenu>ul:last-child {
  left: 100%;
  right: auto;
}

#orderWrapperMiddleMileCtrl_id .pageHeader .dropdown-menu:before {
  border: 0px;
}

.error-wrapper {
  text-align: center;
}

.error-wrapper .error_image {
  margin-top: 100px !important;
}

.error-wrapper .error_image img {
  opacity: 0.8;
  width: 35%;
}

.error-wrapper .error_msg_wrapper {
  opacity: 1;
}

.error-wrapper .error_msg_wrapper .error_msg_header {
  margin-top: 20px;
  font-size: 36px;
  font-family: 'Gotham-Rounded-Medium' !important;
  color: #6F0881;
}

.error-wrapper .error_msg_wrapper .error_msg_content {
  margin: auto;
  margin-top: 20px;
  font-size: 16px;
  color: #808080;
  font-weight: lighter;
}

.coachmarksButtonInfoText {
  display: block;
  padding: 5px;
  padding-left: 10px;
  padding-left: 10px;
  border: 1px solid #efefef;
  border-radius: 3px;
  position: relative;
  background: rgba(255, 255, 255, 0.81);
  min-width: 110px;
  width: 110px;
  top: 50px;
  opacity: 0;
  right: 50px;
  color: #808080;
  font-family: 'Gotham-Rounded-Medium' !important;
  z-index: -2 !important;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  box-shadow: 2px 2px 2px #efefef;
}

.coachmarksButtonCloseButton {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: relative;
  top: 60px;
  right: -40px;
  z-index: 2 !important;
  line-height: 17px;
  text-align: center;
  color: #fff;
  background: #f00;
  opacity: 0;
  box-shadow: 0px 2px 3px #808080;
}

.coachmarksButtonCloseButton .icon:before {
  font-size: 8px;
}

.coachmarksButtonRestoreButton {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: relative;
  top: 50px;
  right: 0px;
  z-index: 2 !important;
  text-align: center;
  color: #fff;
  line-height: 17px;
  background: #008000;
  opacity: 0;
  box-shadow: 0px 2px 3px #808080;
}

.coachmarksButtonRestoreButton .icon:before {
  font-size: 8px;
}

.coachmarksButtonInfoButton {
  width: 20px;
  height: 20px;
  border-radius: 50px;
  position: relative;
  top: 90px;
  right: -40px;
  z-index: -2 !important;
  text-align: center;
  color: #fff;
  line-height: 17px;
  background: #808080;
  font-size: 8px;
  opacity: 0;
  box-shadow: 0px 2px 3px #808080;
}

.coachmarksButtonInfoButton .icon:before {
  font-size: 8px;
}

.coachmarksButtonCloseButton:hover,
.coachmarksButtonRestoreButton:hover,
.coachmarksButtonInfoButton:hover {
  width: 25px;
  height: 25px;
  opacity: 1 !important;
  line-height: 22px !important;
}

.coachmarksButtonWrapper {
  position: fixed;
  bottom: 30px;
  z-index: 1049 !important;
  cursor: pointer;
  right: 10px;
  width: 90px;
  height: 90px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
}

.coachmarksButtonWrapper .coachmarksButton_image {
  width: 65px;
  height: 65px;
}

.coachmarksButtonWrapper img {
  width: 60px;
  height: 67px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.coachmarksButtonWrapper:hover img {
  width: 70px;
  height: 78px;
}

.coachmarksButtonWrapper:hover .coachmarksButtonInfoText {
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  display: block !important;
  opacity: 1;
  right: 90px !important;
}

.coachmarksButtonWrapper:hover .coachmarksButtonCloseButton {
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  display: block !important;
  opacity: 0.6;
  top: 50px;
  right: -60px;
}

.coachmarksButtonWrapper:hover .coachmarksButtonRestoreButton {
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  display: block !important;
  opacity: 1;
  top: 50px;
  right: 10px;
}

.coachmarksButtonWrapper:hover .coachmarksButtonInfoButton {
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  display: block !important;
  opacity: 1;
  top: 80px;
  right: -70px;
}

.daterangepicker.dropdown-menu {
  z-index: 99999 !important;
}

.hideCoachmarksButton {
  position: fixed;
  bottom: 15vh !important;
  right: -50px !important;
}

.hideCoachmarksButton img {
  opacity: 0.3 !important;
}

.hideCoachmarksButton .coachmarksButtonInfoText {
  opacity: 0.3 !important;
}

.restoreCoachmarksButton {
  position: fixed;
  bottom: 30px;
  z-index: 1049 !important;
  cursor: pointer;
  right: 10px;
}

.coachmarks-bootstrapModal .modal-body {
  overflow: scroll;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModal_infoText {
  padding: 10px;
  font-size: 15px;
  color: #808080;
  padding-left: 15px;
  padding-bottom: 30px;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement {
  margin-top: 20px;
  margin-bottom: 30px;
  text-align: center;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_image {
  width: 90%;
  margin: auto;
  height: auto;
  cursor: pointer;
  overflow: hidden;
  background: #000;
  border-radius: 3px;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_image img {
  width: 100%;
  opacity: 0.4;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_image:hover {
  box-shadow: 0px 5px 12px 0px #6F0881 !important;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_image:hover img {
  opacity: 0.95 !important;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_pending img {
  opacity: 0.85 !important;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_allWatched img {
  opacity: 1 !important;
  border: 1px solid #fff;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_tick {
  position: absolute;
  margin: auto;
  text-align: center;
  margin-left: 36%;
  font-size: 30px !important;
  top: 20%;
  color: #40b9da;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_tick .icon:before {
  font-size: 40px;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_title {
  font-size: 12px;
  margin-top: 10px;
  font-family: 'Gotham-Rounded-Medium' !important;
}

.coachmarks-bootstrapModal .modal-body .coachmarksModalElement .coachmarksModalElement_title span {
  font-family: 'Gotham-Rounded' !important;
  color: #808080;
}

#smallColumn,
.smallColumn {
  width: 125px;
}

.isDivisionDashboard {
  display: none !important;
}

.isDivisionDashboard:after {
  right: -4px !important;
}

.deliveryMediumCenterContent,
.vehicleCentreContent {
  overflow-x: visible !important;
  overflow-y: visible !important;
}

.deliveryMediumCenterContent .addremovecomponent {
  font-size: 22px;
  padding: 2px 2px 0px 2px;
}

.deliveryMediumCenterContent .add-shift-item {
  padding-left: 15%;
}

.logi-addcompartmentdetails label {
  margin-top: 0px;
}

.logi-pageBreak {
  height: 50px !important;
}

.date-rangepicker {
  cursor: pointer !important;
}

.analytics-label .pageHeader {
  margin-left: 18px !important;
}

.miletripHst_orderNo {
  max-width: 200px !important;
  text-overflow: ellipsis !important;
  margin: auto;
  overflow: hidden;
}

.delayedDelBoy_noData {
  font-size: 20px;
  color: #a5a5a5;
  margin: auto;
  margin-top: 70px;
  text-align: center;
}

.personalDetailWrapper .attendanceCalendar .full button span {
  background-color: #f00 !important;
  color: #fff !important;
}

.info-container .name {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 20px;
}

.controlTowerWrapper {
  position: fixed;
  z-index: 99999;
  width: 100vw;
  height: 100vh;
  background: #fff;
  overflow: hidden;
  top: 0px;
  left: 0px;
}

.marginBottom30 {
  margin-bottom: 30px !important;
}

.fade_opacity_right.ng-enter {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity: 0;
  transform: translateX(200%);
}

/* The finishing CSS styles for the enter animation */
.fade_opacity_right.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateX(0%);
}

.fade_opacity_right.ng-leave {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  transform: translateX(0%);
  opacity: 1;
}

.fade_opacity_right.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translateX(-200%);
}

.fade_opacity_bottom.ng-enter {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  opacity: 0;
  transform: translateY(200%);
}

/* The finishing CSS styles for the enter animation */
.fade_opacity_bottom.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0%);
}

.fade_opacity_bottom.ng-leave {
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  transform: translateY(0%);
  opacity: 1;
}

.fade_opacity_bottom.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translateY(200%);
}

.repeatCards {
  opacity: 1;
}

.repeatCards.ng-enter {
  -webkit-transition: 0.5s linear all;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
}

.repeatCards.ng-enter-active {
  opacity: 1;
}

.repeatCards.ng-leave {
  -webkit-transition: 1s linear all;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  animation: 0.5s fadeOutAnimation;
}

/*
::-webkit-scrollbar {
    display: none
}
*/
/* Let's get this party started */
::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  cursor: grab !important;
}

/* Track */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255, 0.3);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

/* Handle */
::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(158, 158, 158, 0.3);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}

::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(86, 152, 215, 0.7);
}

.displayBlock {
  display: block !important;
}

.minHeightInitial {
  min-height: initial !important;
}

.setUpdateAlertsWrapper .centerContent {
  padding: 20px 0px 10px 0px;
  min-height: 100vh;
  overflow: hidden;
  height: auto;
  position: relative;
  padding-bottom: 30px !important;
}

.gm-style-iw {
  max-width: 450px !important;
}

.textCenter.downloadExcelBtn .btn.btn-primary.logiPrimaryBtn {
  margin-bottom: 15px !important;
}

#js-systemPreferences .selected-close.icon-close:before {
  display: none !important;
}

#deliveryBoyAnalyticsPage .nvd3-svg {
  height: 600px !important;
}

.assistDiv {
  position: fixed;
  min-width: 20%;
  height: auto;
  width: auto;
  top: 0px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1000;
  background: rgba(0, 0, 0, 0.69);
  color: rgba(255, 255, 255, 0.79);
  font-size: 12px;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 6px;
  text-align: center;
  font-family: Helvetica !important;
  font-weight: lighter;
  letter-spacing: 0.5px;
}

.assistDiv .emoji {
  font-size: 18px;
  opacity: 1;
  margin-right: 10px;
  color: #fff;
}

#suggestTripModal {
  display: block;
  z-index: 9049 !important;
  background: rgba(0, 0, 0, 0.6);
}

#suggestTripModal .modal-content.manualAssignDiv {
  width: 100%;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  min-height: 90vh;
  height: 100vh !important;
  max-height: 100vh !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card {
  position: relative;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane {
  height: 75vh;
  overflow-x: hidden;
  color: #46465f;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane.left {
  z-index: 2;
  box-shadow: 2px 0px 9px rgba(119, 119, 119, 0.81);
  padding: 0px !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane.middle {
  z-index: 1;
  padding: 0px !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane.right {
  z-index: 2;
  box-shadow: -2px 0px 9px rgba(119, 119, 119, 0.81);
  padding: 0px !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_header {
  min-height: 80px;
  height: auto;
  position: absolute;
  top: 0;
  width: 100%;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.18);
  background: #fff;
  padding: 15px;
  z-index: 2;
  font-size: 12px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_header .heading {
  font-family: 'Gotham-Rounded-Medium' !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_header .search_bar .icon.icon-search2 {
  opacity: 0.3;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_header .search_bar .searchInput {
  border-bottom: 1px solid #d4d4d4;
  height: 25px;
  margin-top: 10px;
  margin-left: -20px;
  padding-left: 25px;
  color: #808080;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_header .search_bar .icon.icon-close {
  opacity: 0.4;
  cursor: pointer;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_header .search_bar .icon.icon-close:before {
  font-size: 11px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content {
  overflow: scroll;
  position: relative;
  height: calc(100% - 80px);
  margin-top: calc(80px + 2px);
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement {
  height: auto;
  width: 100%;
  border-bottom: 1px solid #fff;
  padding: 15px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement:nth-of-type(even),
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement:nth-of-type(even) {
  background: #fff !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement:nth-of-type(odd),
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement:nth-of-type(odd) {
  background: #f6f9fd !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement:hover,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement:hover {
  background: #d9e7fb !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement.selected,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement.selected {
  background: #cbe7ff !important;
  border: 2px dashed #6F0881 !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_orderNumber,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_orderNumber,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_tripNumber,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_tripNumber {
  font-size: 13px;
  margin-bottom: 10px;
  font-family: 'Gotham-Rounded-Medium' !important;
  color: #6F0881;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_orderNumber .icon-geocoding-not-done,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_orderNumber .icon-geocoding-not-done,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_tripNumber .icon-geocoding-not-done,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_tripNumber .icon-geocoding-not-done {
  color: #f00 !important;
  margin-right: 5px !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_orderNumber .icon-geo-coding-done,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_orderNumber .icon-geo-coding-done,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_tripNumber .icon-geo-coding-done,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_tripNumber .icon-geo-coding-done {
  color: #008000 !important;
  margin-right: 5px !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_orderNumber .editedTag,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_orderNumber .editedTag,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_tripNumber .editedTag,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_tripNumber .editedTag {
  background: #ffc107;
  border-radius: 5px 0px 0px 5px;
  border: 1px solid #ff9800;
  font-size: 10px;
  padding: 5px;
  z-index: 20000;
  color: #ca3000;
  margin-top: -25px;
  right: 0px;
  letter-spacing: 1px;
  position: absolute;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.65);
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_order_otherDetails,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_order_otherDetails,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_otherDetails,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_otherDetails {
  font-size: 10px !important;
  color: #808080;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_order_otherDetails .unassignedText,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_order_otherDetails .unassignedText,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_otherDetails .unassignedText,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_otherDetails .unassignedText {
  font-style: italic;
  color: #fff;
  letter-spacing: 1px;
  font-size: 11px;
  background: #f00;
  padding: 5px;
  border-radius: 4px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.52);
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .orderToTrip_distance,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .orderToTrip_distance {
  margin-bottom: 10px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .orderToTrip_distance span,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .orderToTrip_distance span {
  padding: 4px;
  background: #ffcd00;
  border-radius: 4px;
  border: 1px solid #ff8f00;
  color: #000;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_button,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_button {
  cursor: pointer;
  border-radius: 5px;
  padding: 5px;
  text-align: center;
  width: 50%;
  margin: auto;
  margin-top: 20px;
  color: #fff;
  background: #6F0881;
  font-size: 13px;
  letter-spacing: 1px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_button:hover,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_button:hover {
  background: #6F0881;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_button.assigned,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_button.assigned {
  background: rgba(86, 152, 211, 0.17);
  cursor: not-allowed !important;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_colorDetails,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_colorDetails {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  border: 2px solid #fff;
  margin-top: -4px;
  text-align: center;
  color: #fff;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_colorDetails.orderTag,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_colorDetails.orderTag {
  height: 25px !important;
  width: 25px !important;
  line-height: 23px;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_colorDetails.orderTag:before,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_colorDetails.orderTag:before {
  content: '--';
  color: #808080;
  position: absolute;
  z-index: 1;
  right: 10px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_orderElement .MA_trip_colorDetails.orderTag:after,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane .MA_pane_content .MA_tripElement .MA_trip_colorDetails.orderTag:after {
  content: '--';
  color: #808080;
  position: absolute;
  z-index: 1;
  right: 38px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer {
  height: 60px;
  position: absolute;
  border: 1px solid rgba(0, 0, 0, 0.32);
  border-radius: 7px 7px 0px 0px;
  background: #fff;
  z-index: 1000;
  box-shadow: 0px -2px 5px rgba(0, 0, 0, 0.33);
  bottom: 0px;
  width: 90%;
  margin-left: 50%;
  transform: translateX(-50%);
  text-align: center;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .scrollWrappers {
  height: 60px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .scrollWrappers .scrollers {
  position: relative;
  margin: auto !important;
  cursor: pointer;
  top: 13px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .scrollWrappers .scrollers .icon.icon-slide-left-2:before,
#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .scrollWrappers .scrollers .icon.icon-slide-right-2:before {
  font-size: 25px !important;
  color: #9e9e9e;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .sequencerWrapper {
  width: auto;
  height: auto;
  overflow-x: scroll;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .sequencerWrapper .sequenceElement_wrapper {
  height: 58px;
  min-width: 50px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .sequencerWrapper .sequenceElement_wrapper .sequenceElement {
  width: 30px;
  height: 30px;
  margin: auto;
  border: 2px solid #fff;
  color: #fff;
  border-radius: 50%;
  text-align: center;
  line-height: 28px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.33);
  cursor: pointer;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .sequencer .sequencerWrapper .sequenceElement_wrapper .sequenceElement.selectedOrderBtn {
  width: 40px;
  height: 40px;
  line-height: 38px;
  font-size: 13px;
  font-family: 'Gotham-Rounded-Medium' !important;
  animation-name: selectedOrderSequenceAnimation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  z-index: 2;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_noDataAvailable {
  margin: auto;
  height: auto;
  padding: 10px;
  margin-top: 60px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_noDataAvailable .MA_noDataAvailable_img {
  width: 100px;
  height: auto;
  margin: auto;
  text-align: center;
  margin-bottom: 20px;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_noDataAvailable .MA_noDataAvailable_img img {
  width: 100%;
  height: auto;
  opacity: 0.2;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_noDataAvailable .MA_noDataAvailable_text {
  text-align: center;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_noDataAvailable .MA_noDataAvailable_text span {
  color: rgba(158, 158, 158, 0.71);
  font-size: 15px;
  font-family: 'Gotham-Rounded-Medium' !important;
}

#MA_map_canvas {
  width: 100%;
  height: 100%;
  border: 1px solid rgba(0, 0, 0, 0.22);
}

.disableThisDiv {
  opacity: 0.1 !important;
  cursor: not-allowed !important;
}

.logiFormActionButtons.MA_logiFormButtons li {
  float: right;
  margin-top: 20px;
}

.shadowDiv {
  border-top: 2px dotted #808080;
  color: #efefef;
  width: 100% !important;
  float: right;
  margin-top: -15px;
  z-index: -2;
}

.MA_pseudoInfographic {
  position: absolute !important;
  right: 0px;
  opacity: 1;
  width: 80% !important;
  overflow: hidden;
  top: 10%;
  z-index: 100;
}

.MA_pseudoInfographic img {
  width: 90%;
  text-align: center;
  margin: auto;
  height: auto;
}

.MA_closeBtn {
  width: 60px;
  height: 59px;
  position: fixed;
  z-index: 10000 !important;
  cursor: pointer;
  background: #6F0881;
  color: #fff;
  text-align: center;
  top: 1px;
  right: 0px;
}

.MA_closeBtn button {
  margin-top: 50%;
  transform: translateY(-50%);
  margin-right: 33%;
  color: #fff !important;
}

.MA_closeBtn:hover {
  background: #3273ad;
}

.width8 {
  width: 8%;
}

.gantt-row-even>.gantt-row-background {
  background-color: #fff !important;
}

.gantt-row-odd>.gantt-row-background {
  background-color: #f6f9fd;
}

.gantt-task-background {
  border-radius: 0px !important;
}

.gantt-task-content {
  color: #fff;
}

.gantt-task-info {
  width: 17% !important;
  background-color: #42425c !important;
  color: #fff;
}

#vehicleTimelineTableData .table tbody tr td,
.table tbody tr th {
  padding: 7px 10px !important;
}

.gantt-row-height {
  height: 2.9em !important;
}

.gantt-task-content>span {
  margin-top: 5px;
}

.gantt-header-row {
  font-weight: bold;
  height: 3em !important;
}

.gantt-header-row .gantt-column-header {
  height: 3em !important;
}

.cursorProgress {
  cursor: progress;
}

.trafficCtrlBtn {
  position: absolute;
  bottom: 25%;
  right: 0px;
  z-index: 2;
}

.trafficCtrlBtn .trafficBtn_titleText {
  display: none;
  background: rgba(255, 255, 255, 0.83);
  padding: 7px;
  font-size: 11px;
  float: left;
  box-shadow: 0px 1px 2px rgba(76, 76, 76, 0.48);
}

.trafficCtrlBtn .logiCustomCheck+label {
  padding: 5px;
  left: 0;
  right: 4px;
  position: relative;
  margin: 0px 11px 0px 0px;
  width: 28px;
  height: 28px;
  min-height: 12px;
  border: 0px;
  border-radius: 2px;
  box-shadow: 0px 1px 2px rgba(76, 76, 76, 0.48);
  background-image: url(/product/assets/car_icon.a717bca56f9042279320.png) !important;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.trafficCtrlBtn .logiCustomCheck+label:hover+.trafficBtn_titleText {
  display: block;
}

.trafficCtrlBtn .logiCustomCheck:checked+label {
  background-color: #ffbf02;
  box-shadow: inset 1px 2px 2px rgba(130, 130, 130, 0.53);
  content: '' !important;
}

.trafficCtrlBtn .logiCustomCheck:checked+label:after {
  content: '' !important;
}

#controlRouteBtnPopup {
  background: #46465f;
  color: #fff;
  padding: 6px;
  position: absolute;
  font-size: 12px !important;
  margin-top: 40px;
  border-radius: 2px;
  min-width: 300px;
  text-align: center;
  margin-left: -90%;
  display: none;
}

#controlRouteBtnPopup:before {
  width: 6px;
  height: 6px;
  content: '';
  border-bottom: 6px solid #46465f;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: -6px;
  left: 50%;
}

.fullWidth {
  width: 100% !important;
}

.blurElement {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.proofTable .table-top-margin {
  margin-bottom: 50px;
}

.recordTransaction .logiForm .col-md-12,
.recordTransaction .logiForm .col-md-6 {
  padding-right: 0px;
  padding-left: 0px;
}

.recordTransaction .logiForm input {
  border: 1px solid #eee;
  margin-top: 5px;
  -webkit-box-shadow: none;
}

.recordTransaction .modal-footer {
  padding: 0px;
  border-top: 0px;
}

.borderRed {
  border-color: #f00 !important;
}

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

.transCenterAlign {
  text-align: center !important;
}

.scannedOrderTable .table-responsive {
  max-height: 45vh;
}

.saasLatLng {
  opacity: 0.8;
  cursor: not-allowed;
}

.saasLatLng_label {
  position: absolute;
  top: -120px;
  left: 26px;
  font-style: italic;
  font-size: 12px;
}

#schedulingdetails .col-md-6.logi-input.logi-radio {
  min-width: 70%;
}

@-webkit-keyframes progressAnimation {
  0% {
    opacity: 1 !important;
  }

  50% {
    opacity: 0.5 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

.navBar_orderPlanningFlash img,
.navBar_inboxNotification img {
  height: 21px !important;
  cursor: pointer !important;
}

.navBar_orderPlanningFlash img.activePlanning,
.navBar_inboxNotification img.activePlanning {
  animation: spin 0.3s ease-out 0s 3, fadeIn3 1s linear 0s infinite alternate;
}

#planningProgressCard.dropdown-user .noRecentActivity .logiFormActionButtons {
  margin-top: 0px !important;
  margin: 0px !important;
  min-height: 0px !important;
  height: auto;
}

#planningProgressCard.dropdown-user .noRecentActivity .logiFormActionButtons li {
  margin-bottom: 0px !important;
}

#randomPlanningBar {
  width: 85%;
  height: 7px;
  margin-top: 3px;
  left: 0px;
  overflow: hidden;
  background: #e1e1e1;
  border-radius: 5px;
  cursor: pointer !important;
}

#randomPlanningBar #randomPlanningBar_andar {
  height: 100%;
  left: 0px;
  border-radius: 5px;
  position: relative;
  width: 0%;
  min-width: 2px;
  background-size: 100% 100%;
  background-position: 0%;
}

#randomPlanningBar #randomPlanningBar_andar.live {
  background: linear-gradient(88deg, #2b5072, #6F0881);
  animation: fadeIn2 1s linear 0s infinite;
}

#randomPlanningBar #randomPlanningBar_andar.cancelled {
  background: linear-gradient(88deg, #808080, #989898);
}

#randomPlanningBar.pseudoBar #randomPlanningBar_andar {
  animation: pseudoProgressAnimation 0.7s ease-out 0s infinite;
}

#fullPageWhiteOverlay {
  z-index: 9999;
  background-color: rgba(242, 242, 242, 0.91);
  width: 100%;
  height: 100vh;
  overflow: auto;
  position: fixed;
  top: 0px;
  left: 0px;
}

#fullPageWhiteOverlay .fullPageWhiteOverlay_close_btn {
  position: fixed;
  cursor: pointer;
  right: 15px;
  top: 15px;
  font-size: 20px;
}

#fullPageWhiteOverlay .fullPageWhiteOverlay_close_btn .icon-close {
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
}

#fullPageWhiteOverlay .fullPageWhiteOverlay_close_btn .icon-close:before {
  font-size: 20px;
  color: #616161;
  opacity: 0.5;
}

#fullPageWhiteOverlay .fullPageWhiteOverlay_close_btn .icon-close:hover::before {
  opacity: 1;
}

#fullPageWhiteOverlay .planningDataWrapper {
  margin-top: 0px;
  padding-top: 100px;
  width: 100%;
  height: 100vh;
  border: 1px solid #efefef;
  margin: auto;
  overflow: scroll;
  overflow-x: hidden;
}

#fullPageWhiteOverlay .planningDataWrapper .loadingText {
  font-size: 30px;
  text-align: center;
  padding: 40px;
  color: #808080;
}

#fullPageWhiteOverlay .planningDataWrapper .loadingText.planningsAvailable {
  animation: fadeIn3 0.5s linear 0s infinite alternate;
}

#fullPageWhiteOverlay .planningDataWrapper .row {
  min-height: 90px;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningDate {
  text-align: center;
  font-size: 15px;
  color: #565656;
  font-family: 'Gotham-Rounded-medium' !important;
}

#fullPageWhiteOverlay .planningDataWrapper .row .lastDateRow {
  width: 100%;
  min-height: 50px;
  display: block;
  position: relative;
  margin-top: 90px;
}

#fullPageWhiteOverlay .planningDataWrapper .row .cancelText {
  text-decoration: line-through;
  color: #9a9a9a;
}

#fullPageWhiteOverlay .planningDataWrapper .row .cancelledPlanningDiv {
  opacity: 0.8 !important;
  box-shadow: none !important;
  border: 1px solid #ececec;
  background: #fff !important;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn {
  min-width: 80%;
  min-height: 20px;
  border-radius: 3px;
  text-align: center;
  height: auto;
  font-size: 13px;
  cursor: pointer;
  line-height: 26px;
  width: 80%;
  margin-top: 30px;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn.view {
  border: solid 1px #6F0881;
  color: #6F0881;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn.view:hover {
  background: #6F0881 !important;
  color: #fff !important;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn.cancel {
  border: solid 1px #ed6261;
  color: #ed6261;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn.cancel:hover {
  background: #ed6261 !important;
  color: #fff !important;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn.cancel.disabled {
  border: solid 1px #c5c5c5 !important;
  color: #c5c5c5 !important;
  cursor: not-allowed !important;
}

#fullPageWhiteOverlay .planningDataWrapper .row .planningActionBtn.cancel.disabled:hover {
  background: none !important;
  color: #c5c5c5 !important;
}

.icon-ry-filter:before {
  font-size: 22px;
  color: #6F0881;
}

.leaflet-marker-icon.leaflet-div-icon.leaflet-vertex-icon.leaflet-zoom-animated.leaflet-interactive.leaflet-marker-draggable {
  width: 15px !important;
  height: 15px !important;
  border-radius: 50%;
}

.marker-icon {
  border: 1px solid #d13c3e !important;
}

.leafletTooltipClass {
  text-align: center !important;
  background: #6F0881 !important;
  border: 1px solid #6F0881 !important;
  color: #fff !important;
  font-weight: normal;
  max-width: 350px;
  word-wrap: break-word;
  overflow: hidden !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: visible;
}

.leafletTooltipClass.leaflet-tooltip-top:before {
  border-top-color: rgba(46, 133, 212, 0.9) !important;
}

.leafletTooltipClass.leaflet-tooltip-bottom:before {
  border-bottom-color: rgba(46, 133, 212, 0.9) !important;
}

.leafletTooltipClass.leaflet-tooltip-left:before {
  border-left-color: rgba(46, 133, 212, 0.9) !important;
}

.leafletTooltipClass.leaflet-tooltip-right:before {
  border-right-color: rgba(46, 133, 212, 0.9) !important;
}

.leafletTooltipClass .editMsgInTooltip {
  color: #fff;
  text-align: center;
  font-size: 15px !important;
  padding: 5px;
}

.leafletTooltipClass .editMsgInTooltip i.icon {
  padding-right: 5px;
}
.leafletPolygonTooltipClass {
  text-align: left !important;
  background: #3a4760 !important;
  border: 1px solid #3a4760 !important;
  color: #fff !important;
  font-weight: normal;
  width: auto;
  word-wrap: break-word;
  white-space: nowrap;
  margin: 0px;
  font-size: medium;
  padding: 15px !important;
  height: max-content;
  height: -moz-max-content;
  height: -webkit-max-content;
  height: max-content;
}
.leafletPolygonTooltipClass.leaflet-tooltip-top:before {
  border-top-color: #3a4760 !important;
}
.leafletPolygonTooltipClass.leaflet-tooltip-bottom:before {
  border-bottom-color: #3a4760 !important;
}
.leafletPolygonTooltipClass.leaflet-tooltip-left:before {
  border-left-color: #3a4760 !important;
}
.leafletPolygonTooltipClass.leaflet-tooltip-right:before {
  border-right-color: #3a4760 !important;
}
.leafletPolygonTooltipClass .editMsgInTooltip {
  color: #fff;
  text-align: center;
  font-size: 15px !important;
  padding: 5px;
}
.leafletPolygonTooltipClass .editMsgInTooltip i.icon {
  padding-right: 5px;
}

.geofence_savebtnStrip {
  z-index: 99999 !important;
  width: 100%;
  position: fixed !important;
  bottom: 0px;
  background: rgba(255, 255, 255, 0.72);
  box-shadow: 0px -5px 5px rgba(0, 0, 0, 0.19) !important;
  height: 50px;
  padding: 5px;
  line-height: normal !important;
}

.geofence_savebtnStrip .geofenceBoxButtons {
  min-height: auto;
}

.geofence_savebtnStrip .geofenceBoxButtons li button {
  box-shadow: none !important;
}

.leaflet-draw-toolbar a {
  background-image: url(/product/assets/spritesheet.3253ce13d9c94713654a.png) !important;
}

.leaflet-control-fullscreen a {
  background: #fff url(/product/assets/fullscreen.f6a429677d11d7a5eed6.png) no-repeat 0px 0px !important;
  background-size: 100% !important;
}

#saveEditGeofencePopup {
  position: absolute;
  background: rgba(255, 255, 255, 0.88);
  height: 90%;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.44);
  padding: 10px;
  margin: 10px;
  z-index: 1000;
  border-radius: 4px;
}

.warningMsg {
  color: #f00;
  margin-top: 26px !important;
  font-style: italic;
  font-size: small;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  width: auto !important;
}

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

.geofenceBoxButtons li .reset.continueEditingBtn {
  background: #6F0881 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 25px !important;
}

.geofenceBoxButtons li .reset.continueEditingBtn.redirect {
  background: #ff8d36 !important;
}

.geofenceBoxButtons li .reset.continueEditingBtn.continue {
  background: rgba(86, 152, 211, 0.13) !important;
  color: #6F0881 !important;
  border: 2px dashed #6F0881 !important;
  border-radius: 25px !important;
}

.geofenceBoxButtons li .reset.continueEditingBtn i.icon {
  padding: 5px !important;
}

.geofenceBoxButtons .or {
  color: #888;
  font-style: italic;
  background: #fff;
  width: 30px;
  margin: auto;
  margin-top: -28px;
  padding-bottom: 15px;
}

.geofenceBoxButtons hr {
  border-top: 1px solid #b3b3b3 !important;
}

.geofenceBoxButtons li .reset.secondaryExitBtn {
  border: 1px solid #e32022 !important;
  color: #e32022 !important;
  position: absolute;
  top: 5px;
  left: 5px;
}

.geofenceBoxButtons li .reset.secondaryExitBtn i.icon {
  padding: 5px;
}

.geofenceBoxButtons li .reset.secondaryExitBtn i.icon:before {
  font-size: 10px !important;
}

.geofenceBoxButtons li .reset.red {
  border: 1px solid #e32022 !important;
  color: #e32022 !important;
}

#vehicleTimelineTableData table tbody tr td div:not(.ui-select-choices-row):not(.ui-select-container):not(.logi-multiselect):not(.gantt-header-columns):not(.gantt):not(.gantt-side):not(.gantt-scrollable-header):not(.gantt-row):not(.gantt-header-row):not(.gantt-column-header):not(.gantt-inner):not(.gantt-resizer-display):not(.gantt-resizer):not(.gantt-side-background) {
  display_discard: block !important;
}

#vehicleTimelineTableData .gantt-side {
  display: none;
}

.cancelledTripsDonut {
  min-height: 270px;
}

.cancelledTripsDonut g.nv-pieWrap.nvd3-svg {
  transform: translate(150px, -65px);
}

.cancelledTripsDonut .nv-legend {
  transform: translate(180px, 138px);
}

#settingsIconWrapper ul li {
  pointer: cursor !important;
}

.vehicleByTypeCard {
  height: 272px !important;
}

td.legend-color-guide {
  width: 20px;
}

.logi-partial-delivery-allowed,
.logi-sales-return-allowed,
.logi-order-cancellation-allowed {
  min-height: 81px !important;
}

.popupEffectClass {
  animation-name: popupEffect;
  animation-duration: 0.3s;
}

.col-md-2-imp {
  width: 16.66% !important;
  text-align: center;
}

.intransitHubBtn {
  background: #6F0881;
  color: #fff;
  font-size: 11px;
  padding: 3px 7px;
  border-radius: 2px;
  cursor: pointer;
}

.noHub {
  cursor: not-allowed;
  background: #b9b9b9;
}

.searchTripsReset {
  padding: 10px 22px;
  border-radius: 2px;
  background: #fff;
  border: 1px solid #6F0881;
  color: #6F0881;
  margin-left: 40px;
}

.addClientBranchForm-class .logiErrorMessages {
  right: 0% !important;
}

.logi-repeat-section.logi-shift-timings {
  max-height: none !important;
}

.logi-repeat-section.logi-shift-timings input {
  height: 43px !important;
}

table:not(.menuLockTable) {
  width: 100% !important;
}

.gridWatermark {
  position: absolute;
  top: 50%;
  padding: 0px;
  opacity: 0.7;
  font-size: 15px;
  width: 100%;
  text-align: center;
  z-index: 1000;
}

.downloadSDLR.template.fadeInUp.haul ul.ui-select-choices.ui-select-choices-content {
  overflow-x: scroll !important;
  overflow-y: scroll !important;
}

#orderTable .loaderContainer {
  margin-top: -40px;
}

.loaderContainer_map {
  width: calc(100% - 20px);
  height: 66vh;
  opacity: 0.4;
  background: #000;
  position: absolute;
  z-index: 100;
  text-align: center;
  font-size: 30px;
  padding-top: 60px;
  overflow: hidden;
  color: #fff;
}

.trackingDateWrapperNew .date-rangepicker {
  width: 300px;
}

.hideGridElement {
  display: none;
}

.tripHistoryMapCard {
  max-height: 500px;
}

.ripple {
  position: relative;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
}

.ripple:after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  pointer-events: none;
  background-image: radial-gradient(circle, #000 10%, transparent 10.01%);
  background-repeat: no-repeat;
  background-position: 50%;
  transform: scale(10, 10);
  opacity: 0;
  -webkit-transition: transform 0.5s;
  -moz-transition: transform 0.5s;
  -o-transition: transform 0.5s;
  transition: transform 0.5s;
}

.ripple:active:after {
  transform: scale(0, 0);
  opacity: 0.2;
  -webkit-transition: 0s;
  -moz-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.failedPlanningProgressEffect {
  opacity: 0.4;
  box-shadow: none !important;
}

.failedPlanningProgressEffect {
  opacity: 0.4;
  box-shadow: none !important;
}

.customReports {
  border: none;
}

.logiGuide.headnav {
  font-size: 13px;
  background: #fff;
  line-height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  height: 60px;
  z-index: 9000;
  width: 100vw;
  white-space: nowrap;
  box-shadow: 0px 0px 10px -3px #000;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.logiGuide.headnav .mobile-menu-btn {
  display: none;
}

.logiGuide.headnav .mobile-menu-btn i {
  margin: unset;
  top: unset;
  color: inherit;
  padding: 10px;
  color: #888;
  border: 1px solid #888;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
  border-radius: 3px;
}

.logiGuide.headnav .mobile-menu-btn i.active {
  background: #6F0881;
  color: #fff;
  border-color: #6F0881;
}

.logiGuide.headnav .nav-item .icon:before {
  font-size: 5px;
  padding-left: 10px;
  vertical-align: middle;
}

.logiGuide.headnav .nav-item a {
  font-size: 13px;
  display: block;
  padding: 0 10px;
  color: #555;
}

.logiGuide.headnav .nav-item a i.logi-icon {
  margin-left: 5px;
}

.logiGuide.headnav .nav-item a svg {
  height: auto !important;
  margin-left: 10px;
}

.logiGuide.headnav .nav-item a svg g {
  stroke: #555;
}

.logiGuide.headnav .nav-item a:hover {
  color: #6F0881;
}

.logiGuide.headnav .nav-item a:hover svg g {
  stroke: #6F0881;
}

.logiGuide.headnav .nav-item .dropdown.open {
  background: #fafafa;
}

.logiGuide.headnav .nav-item svg {
  height: auto !important;
}

.logiGuide.headnav .nav-item>a.active {
  box-shadow: inset 0px -6px 0px -2px var(--color-primary-main);
  font-family: 'Gotham-Rounded-Medium';
  color: var(--color-primary-main);
}

.logiGuide.headnav .nav-item>a.active svg g {
  stroke-width: 2;
}

.logiGuide.headnav .dropdown-menu {
  margin-top: -2px;
  padding: 5px 0px;
  border-radius: 0;
  min-width: 250px;
  border: 0;
}

.logiGuide.headnav .dropdown-menu li:last-child {
  border: 0;
}

.logiGuide.headnav .dropdown-menu a {
  padding: 12px 15px;
  box-shadow: none;
}

.logiGuide.headnav .dropdown-menu a i {
  margin: unset;
  top: unset;
  color: inherit;
}

.logiGuide.headnav .dropdown-menu a span {
  white-space: initial;
  max-width: 80%;
}

.logiGuide.headnav .dropdown-menu a:hover {
  background: var(--color-purple-100) !important;
}

.logiGuide.headnav .dropdown-menu a.active {
  background: var(--color-primary-medium);
  color: var(--color-primary-main);
}

.logiGuide.headnav .nav-item.open {
  background: var(--color-primary-medium);
}

.logiGuide.headnav .nav-item.underline {
  border-bottom: 3px solid #6F0881;
}

.logiGuide.headnav .dropdown-submenu {
  min-width: 215px;
}

.logiGuide.headnav .dropdown-submenu i {
  margin: unset;
  top: unset;
  color: inherit;
}

.logiGuide.headnav .dropdown-submenu:hover>.dropdown-menu {
  display: block;
}

.nav-items-wrapper {
  margin-right: 15px;
}

.nav-widgets li {
  margin: 0px 5px;
  position: relative;
}

.nav-widgets li .widget-item {
  border: 1px solid #888;
  border-radius: 50%;
  color: #555;
  display: block;
  line-height: 30px;
  width: 32px;
  height: 32px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  cursor: pointer;
}

.nav-widgets li .widget-item img {
  vertical-align: middle;
  max-width: 100%;
}

.nav-widgets li .widget-item img.inverse {
  display: none;
}

.nav-widgets li .widget-item:hover,
.nav-widgets li .widget-item.active,
.nav-widgets li .widget-item.activePlanning {
  background: #6F0881;
  border-color: #6F0881;
}

.nav-widgets li .widget-item:hover img,
.nav-widgets li .widget-item.active img,
.nav-widgets li .widget-item.activePlanning img {
  display: none;
}

.nav-widgets li .widget-item:hover img.inverse,
.nav-widgets li .widget-item.active img.inverse,
.nav-widgets li .widget-item.activePlanning img.inverse {
  display: inline-block;
}

.nav-widgets li .widget-item.active {
  border-radius: 100% 100% 0;
  transform: rotate(45deg);
}

.nav-widgets li .widget-item.active img.inverse {
  transform: rotate(-45deg);
}

.nav-widgets li .search-input {
  display: none;
  position: absolute;
  transform: translateX(-50%);
  left: 50%;
  margin-top: 14px;
  z-index: 2000;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  color: #333;
  min-width: 300px;
  background: rgba(255, 255, 255, 0.98);
  border-radius: 2px;
}

.nav-widgets li .search-input .header {
  padding: 10px;
  text-align: center;
  color: #fff;
  background: #6F0881;
  line-height: initial;
  font-family: 'Gotham-Rounded-Medium';
  font-size: 12px;
  letter-spacing: 0.6px;
}

.nav-widgets li .search-input img {
  position: absolute;
  top: 58px;
  left: 10px;
  height: 16px;
  width: 16px;
}

.nav-widgets li .search-input input {
  width: 100%;
  line-height: 52px;
  background: transparent;
  padding: 0px 15px;
  padding-left: 35px;
}

.nav-widgets li .search-input:before {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -10px;
}

.nav-widgets .widget-item i {
  font-size: 20px !important;
  margin: unset;
  top: unset;
  color: inherit;
}

.settingsPageSelected .widget-item {
  color: #fff;
}

#mobileMenu {
  overflow-y: auto;
  position: fixed;
  left: 0;
  top: 60px;
  width: 100%;
  max-width: 400px;
  height: calc(100% - 60px);
  background: #ddd;
  padding: 25px;
}

#mobileMenu li {
  display: block;
}

#mobileMenu .nav-item {
  background: #fff;
  margin-bottom: 6px;
  border-radius: 2px;
  box-shadow: 0px 1px 13px -5px;
}

#mobileMenu .nav-item .nav-item-child {
  padding: 0px 15px;
  color: #333;
}

#mobileMenu .nav-item .nav-item-child.active {
  box-shadow: inset 5px 0px 0px 0px #019ae8;
}

#mobileMenu .secondary-menu {
  background: #eee;
  display: none;
}

#mobileMenu .secondary-menu .nav-item-child {
  line-height: 40px;
  padding: 0px 15px;
  border-bottom: 1px solid #ddd;
}

#mobileMenu .tertiary-menu {
  display: none;
}

#mobileMenu .tertiary-menu a {
  background: #f8f8f8;
  line-height: 40px;
  padding: 0px 25px;
  border-bottom: 1px solid #eee;
}

#mobileMenu .dropdown-menu {
  position: unset;
  float: unset;
  padding: 0px 20px;
}

#settingsCard {
  position: fixed;
  top: 60px;
  right: 0;
  width: 370px;
  min-height: 300px;
  padding: 0px;
  background: #fff;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  z-index: 2000;
  border-radius: 3px;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#settingsCard::before {
  width: 10px;
  height: 10px;
  content: '';
  border-bottom: 10px solid #6F0881;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -6px;
}

.settingsCard-content {
  text-align: center;
}

.settingsCard-content .grid-wrapper {
  max-height: calc(100vh - 200px);
  overflow: auto;
  display: flex;
  flex-wrap: wrap;
}

.settingsCard-content .setting-item {
  cursor: pointer;
  width: calc(33.3% - 0px);
  padding: 10px;
  background: #fff;
}

.settingsCard-content .setting-item img {
  height: 30px;
}

.settingsCard-content .setting-item .setting-label {
  padding: 5px 0px;
  font-size: 13px;
  color: #555;
}

.settingsCard-content .setting-item .setting-icon {
  padding: 10px 0px;
}

.settingsCard-content .setting-item:hover,
.settingsCard-content .setting-item.active {
  background: #e5e5e5;
}

.settingsCard-content .setting-item:hover .setting-label,
.settingsCard-content .setting-item.active .setting-label {
  color: #6F0881;
}

.settingsCard-content .header {
  padding: 10px;
  letter-spacing: 0.6px;
  color: #fff;
  text-align: center;
  background: #6F0881;
  font-family: 'Gotham-Rounded-Medium';
  font-size: 12px;
}

#userMenuCard {
  position: fixed;
  text-align: center;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  top: 60px;
  right: 0px;
  border-radius: 3px;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  background: #fff;
  width: 350px;
  z-index: 2000;
}

#userMenuCard .username {
  padding: 0 15px;
}

#userMenuCard .usageCount {
  padding: 10px;
  margin: 0px 15px;
  margin-bottom: 15px;
  background: #fafafa;
}

#userMenuCard .usageCount .subPageHeader-usermenu {
  font-family: "Gotham-Rounded-Medium";
}

#userMenuCard .content {
  padding-bottom: 30px;
}

#userMenuCard .user-hero {
  text-align: center;
  color: #fff;
  background: #6F0881;
  padding: 20px;
  padding-bottom: 80px;
}

#userMenuCard .username {
  color: #555;
  font-size: 18px;
  margin: 25px 0px;
}

#userMenuCard .changePass,
#userMenuCard .backAdmin {
  color: #6F0881;
  margin: 10px 0px;
  display: inline-block;
}

#userMenuCard .changePass img,
#userMenuCard .backAdmin img {
  margin-right: 0px;
}

#userMenuCard .logoutBtn {
  padding: 10px 15px;
  border-radius: 2px;
  background: #f03830;
  color: #fff;
  margin: 5px 0px;
  display: inline-block;
  box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.24);
}

#userMenuCard .logoutBtn img {
  margin-right: 10px;
}

#userMenuCard .user-profile-pic {
  position: relative;
  text-align: center;
  display: inline-block;
  background: #fff;
  margin-top: -50px;
  border-radius: 50%;
  box-shadow: 0px 6px 23px -7px #000;
  width: 100px;
  height: 100px;
  overflow: hidden;
  cursor: pointer;
  line-height: 100px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  overflow: hidden;
}

#userMenuCard .user-profile-pic img {
  width: 100%;
}

#userMenuCard .user-profile-pic .profile-overlay {
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  display: none;
}

#userMenuCard .user-profile-pic .profile-overlay i::before {
  font-size: 40px;
}

#userMenuCard .user-profile-pic:hover .profile-overlay {
  display: inline-block;
}

#userMenuCard::before {
  width: 10px;
  height: 10px;
  content: '';
  border-bottom: 10px solid #6F0881;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  position: absolute;
  top: -6px;
  right: 25px;
}

#knowledgePortalContainer.dropdown-user {
  border: none;
  padding: 0;
  margin: 0;
}

#knowledgePortalContainer.dropdown-user .controllerContainer {
  width: 100%;
  position: unset;
  padding-top: 0px;
  overflow-y: auto;
}

#knowledgePortalContainer.dropdown-user #helpCenterContainer {
  background: #6F0881;
  padding: 10px 0px;
}

#knowledgePortalContainer.dropdown-user #helpCenterContainer .helpCenter {
  color: #fff;
  font-size: 12px;
  font-family: 'Gotham-Rounded-Medium';
  letter-spacing: 0.6px;
}

#knowledgePortalContainer.dropdown-user #planningProgressCard.dropdown-user .progressCard_header {
  background: #6F0881;
}

.logiGuide .selectedRows-count {
  vertical-align: middle;
  font-size: 13px;
  color: #828395;
  margin: 0;
  display: inline-block;
  width: 80px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  margin-left: 0;
}

.logiGuide .headerCell .ui-grid-icon-up-dir:before,
.logiGuide .headerCell .ui-grid-icon-down-dir:before {
  margin-top: 17px;
  color: #424242;
}

.logiGuide #suggestTripModal .modal-dialog.manualAssignDiv {
  margin: 0;
  width: 100% !important;
}

.logiGuide #suggestTripModal .modal-dialog.manualAssignDiv .assistDiv {
  background: transparent !important;
}

.logiGuide #suggestTripModal .modal-dialog.manualAssignDiv .MA_closeBtn {
  display: none;
}

.logiGuide .nodata-template {
  text-align: center;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 0;
  width: 100%;
  max-height: 100%;
  overflow: auto;
}

.logiGuide .nodata-template>div {
  padding: 15px 0;
}

.logiGuide .nodata-template .timeline-item {
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  max-width: 25%;
}

.logiGuide .nodata-template .timeline-item img {
  max-width: 150px;
  width: 100%;
  padding-bottom: 15px;
}

.logiGuide .downloadSDLR {
  position: absolute;
  line-height: initial;
  max-width: 600px;
  width: 100%;
  /* overflow-y: auto; */
  right: 0px;
  top: 0;
  margin-top: 45px;
  z-index: 99;
  background: #fff;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  border: 0;
}

.logiGuide .downloadSDLR li {
  margin: 0 !important;
}

.logiGuide .downloadSDLR li .downloadText {
  background: #6F0881;
  line-height: 45px;
  padding: 0px 15px;
  color: #fff;
}

.logiGuide .downloadSDLR .modal-footer {
  border: none;
  text-align: right;
  padding: 25px 15px !important;
  padding-bottom: 15px !important;
  margin: 0 !important;
}

.logiGuide .downloadSDLR .options-wrapper {
  overflow-y: auto;
  max-height: 300px;
  padding: 15px 15px;
  padding-bottom: 0;
}

.logiGuide .downloadSDLR .options-wrapper .sdlr-item label {
  vertical-align: middle;
  font-size: 13px;
  cursor: pointer;
  margin-bottom: 0;
  font-weight: initial;
}

.logiGuide .downloadSDLR .options-wrapper .dateType {
  padding-left: 5px;
  word-break: break-word;
  width: 90%;
  overflow-wrap: break-word;
}

.logiGuide .downloadSDLR .modal-label {
  font-size: 13px;
  text-transform: capitalize;
  color: #fff;
  background: #6F0881;
  text-align: center;
  padding: 10px 10px;
}

.logiGuide .downloadSDLR .sdlr-item {
  width: 50%;
  padding: 5px 0px;
}

.logiGuide .orderMapSection.col-md-7 {
  padding-left: 0;
}

.logiGuide .button-col-action {
  background: #6F0881;
  color: #fff;
  line-height: initial;
  vertical-align: middle;
  padding: 3px 3px;
  padding: 3px 5px;
  border-radius: 2px;
  cursor: pointer;
}

.logiGuide .centerContent {
  padding: 0px 15px;
  min-height: 100vh;
}

.logiGuide form.logiForm {
  padding: 0;
}

.logiGuide .logiGuide-card {
  background: #fff;
  padding: 15px;
  box-shadow: 0px 2px 20px -9px #000;
}

.logiGuide .pageHeaderWrapper .pageHeader {
  padding: 15px;
  margin: unset;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
  align-items: center;
}

.logiGuide .pageHeaderWrapper .pageHeader .action-items-material-ui ul {
  font-size: 0;
}

.logiGuide .pageHeaderWrapper .pageHeader .action-items-material-ui ul .datepicker-btn {
  margin-left: 5px;
}

.logiGuide .pageHeaderWrapper .pageHeader .action-items-material-ui ul li:last-child a {
  margin-right: 0;
}

.logiGuide .pageHeaderWrapper .pageHeader .action-items-material-ui>*:last-child {
  margin-right: 0;
}

.logiGuide .pageHeaderWrapper .pageHeader .action-items-material-ui ul li:last-child>ul {
  margin-right: 0;
}

.logiGuide .pageHeaderWrapper .pageHeader .heading {
  font-size: unset;
  line-height: unset;
  margin: unset;
  margin-left: unset;
  float: unset;
  font-family: unset;
}

.logiGuide .pageHeaderWrapper .pageHeader .heading .breadcrumb-dropdown-item {
  display: inline-block;
  vertical-align: middle;
  margin: unset;
}

.logiGuide .pageHeaderWrapper .pageHeader .heading .breadcrumb-dropdown-item .dropdown {
  vertical-align: middle;
}

.logiGuide .pageHeaderWrapper .pageHeader .heading .breadcrumb-dropdown-item i {
  margin: 0px 7px;
}

.logiGuide .pageHeaderWrapper .pageHeader .heading .breadcrumb-dropdown-item .breadcrumb-arrow-right,
.logiGuide .pageHeaderWrapper .pageHeader .heading .breadcrumb-dropdown-item .breadcrumb-arrow-down {
  margin: 0px 10px;
}

.logiGuide #tableLoader {
  position: relative;
}

.logiGuide .record-action-options-right li {
  margin: 0px 5px;
  line-height: 41px;
}

.logiGuide .record-action-options-right li .print-icon {
  color: #828395;
}

.logiGuide .record-action-options-right li a {
  padding: 0px 5px;
}

.logiGuide .record-action-options-right li .icon {
  vertical-align: middle;
}

.logiGuide .record-action-options-right li .icon:before {
  font-size: 12px;
}

.logiGuide .table-wrapper .table-record-actions {
  padding: 4px 5px;
  border-bottom: none !important;
}

.logiGuide .table-wrapper .table-record-actions ul {
  margin: 0;
}

.logiGuide .table-wrapper .table-record-actions svg {
  vertical-align: middle;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options.record-action-options.dropdown.open {
  background: unset;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options.dropdown.open>li a {
  background: #6F0881;
  border-color: #6F0881;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li {
  min-width: 0;
  margin: 0;
  line-height: 41px;
  height: auto;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li:first-child a {
  margin-left: 0;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li .hide-overlay,
.logiGuide .table-wrapper .table-record-actions .record-action-options>li .hideMoreButton {
  height: 100%;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  font-size: 12px;
  box-shadow: 0px 1px 9px -5px #000;
  padding: 0 10px;
  line-height: 30px;
  height: 30px;
  color: #6F0881;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li a span {
  padding: 0 5px;
  vertical-align: middle;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li a svg {
  vertical-align: middle;
  display: inline-block;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li a:hover {
  background: #6F0881;
  color: #fff;
  border-color: #6F0881;
  box-shadow: 0px 5px 20px -8px #000;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li a:hover svg use {
  fill: transparent;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options>li a:hover svg path {
  fill: #fff;
}

.logiGuide .table-wrapper .table-record-actions .record-action-options {
  display: inline;
  margin: 0;
}

.logiGuide #orderTableGrid {
  box-sizing: border-box;
}

.logiGuide .uiGridTable .ui-grid-header-cell .ui-grid-cell-contents {
  height: 30px;
  font-family: "Gotham-Rounded";
}

.logiGuide .ui-grid-filter-container {
  padding: 0px;
}

.logiGuide .ui-grid-filter-container .ui-grid-filter-button-select {
  top: 2px;
  right: 5px;
}

.logiGuide .ui-grid-filter-container .ui-select-container {
  border-color: #abacba !important;
  margin: 0;
  border: none;
  border-bottom: 1px solid;
  line-height: 21px;
  height: 21px !important;
  min-height: 0 !important;
}

.logiGuide .ui-grid-filter-container .ui-select-container span.btn.btn-default.ui-select-toggle {
  height: 21px !important;
  min-height: 0 !important;
  line-height: 21px !important;
}

.logiGuide .ui-grid-filter-container .ui-select-container span.btn.btn-default.ui-select-toggle .caret {
  top: 10px;
  right: 0;
  margin-top: -2px;
  opacity: 0.7;
}

.logiGuide .ui-grid-filter-container .ui-select-container .ui-select-match-text {
  padding: 0;
}

.logiGuide .ui-grid-filter-container i.ui-grid-icon-cancel {
  position: unset;
  top: unset;
  line-height: unset;
  margin-top: unset;
  right: unset;
}

.logiGuide .ui-grid-filter-container i.ui-grid-icon-cancel:before {
  content: "\e91c";
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.logiGuide .ui-grid-filter-container .ui-grid-filter-button [class^="ui-grid-icon"] {
  right: 0;
}

.logiGuide select.ui-grid-filter-select {
  width: 100%;
  border: none;
  border-bottom: 1px solid #abacba;
  background: unset;
}

.logiGuide .uiGridTable .ui-grid-selection-row-header-buttons.ui-grid-row-selected:before,
.logiGuide .ui-grid-icon-ok:before,
.logiGuide .uiGridTable .ui-grid-selection-row-header-buttons::before {
  content: '';
  display: block;
  width: 5px;
  height: 9px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-left: 5px;
  margin-top: -2px;
}

.logiGuide .uiGridTable .ui-grid-selection-row-header-buttons::before {
  border-color: #333;
}

.logiGuide .ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
  border-color: #fff;
}

.logiGuide .uiGridTable .ui-grid-cell-contents,
.logiGuide .uiGridTable .headerCell {
  padding: 5px 15px;
}

.logiGuide .ui-grid-header-cell .ui-grid-cell-contents {
  padding: 0;
}

.logiGuide .uiGridTable .ui-grid-render-container-left .ui-grid-cell-contents {
  padding: 5px;
}

.logiGuide .uiGridTable input[type="text"].ui-grid-filter-input,
.logiGuide .uiGridTable input[type="text"].ui-grid-filter-input:hover {
  font-size: 12px !important;
}

.logiGuide .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner {
  border: none;
}

.logiGuide .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items {
  padding: 0;
}

.logiGuide .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items li button {
  padding: 10px 15px;
}

.logiGuide .ui-grid-column-menu .ui-grid-menu .ui-grid-menu-inner .ui-grid-menu-items li button:hover {
  background: #f9f9fa !important;
  color: #6F0881;
}

.logiGuide .ui-grid-menu .ui-grid-menu-inner ul li button.ui-grid-menu-item-active {
  box-shadow: none;
  background: #f9f9fa !important;
  color: #6F0881;
}

.logiGuide input[type="text"].ui-grid-filter-input,
.logiGuide select.ui-grid-filter-select {
  background: url(/product/assets/Search-nocircle.7e677853da8f88fdcc88.svg) no-repeat;
  background-size: 15px 15px;
  font-size: 12px;
  padding-left: 15px;
  background-position: -2px 1px;
}

.logiGuide .btn-blue {
  margin: 0px 5px;
  cursor: pointer;
  background: #6F0881;
  box-shadow: 0px 2px 11px -5px #000;
  padding: 0px 10px;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  text-transform: uppercase;
  display: inline-block;
  color: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.logiGuide .btn-blue i {
  margin-right: 5px;
  vertical-align: middle;
}

.logiGuide .btn-blue span {
  display: inline;
  vertical-align: middle;
}

.logiGuide .btn-white {
  margin: 0px 5px;
  cursor: pointer;
  background: #fff;
  box-shadow: 0px 2px 11px -5px #000;
  padding: 0px 10px;
  font-size: 13px;
  line-height: 30px;
  height: 30px;
  text-transform: uppercase;
  display: inline-block;
  color: #6F0881;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.logiGuide .btn-white i {
  margin-right: 5px;
  vertical-align: middle;
}

.logiGuide .btn-white span {
  display: inline;
  vertical-align: middle;
}

.logiGuide .btn-white:hover,
.logiGuide .btn-blue:hover {
  box-shadow: 0px 5px 18px -8px #000;
}

.logiGuide .datepicker-btn {
  cursor: pointer;
  box-shadow: 0px 2px 11px -5px #000;
}

.logiGuide .datepicker-btn .globalDtRange {
  float: left;
  color: #6F0881;
  font-size: 13px;
  padding: 0px 10px;
  text-align: center;
}

.logiGuide .datepicker-btn .calendar-icon {
  margin: 0;
  display: inline-block;
  background: #6F0881;
  line-height: 30px;
  height: 30px;
  width: 30px;
  font-size: 14px;
  color: #fff;
  text-align: center;
}

.logiGuide .datepicker-btn input.date-rangepicker {
  background: #fff;
  display: inline-block !important;
  border: 0;
}

.logiGuide .datepicker-btn .date-rangepicker {
  min-width: 190px;
}

.logiGuide .datepicker-btn .date-time-width {
  min-width: 240px;
}

.logiGuide .btn-toggle-pair {
  font-size: 0;
  box-shadow: 0px 2px 11px -5px #000;
  margin: 0px 5px;
}

.logiGuide .btn-toggle-pair li {
  border-right: 1px solid #ddd;
}

.logiGuide .btn-toggle-pair li:last-child {
  border-right: 0;
}

.logiGuide .btn-toggle-pair .btn-white {
  box-shadow: none;
  margin: 0;
}

.logiGuide .btn-toggle-pair .btn-white i:before {
  font-size: inherit;
}

.logiGuide .btn-toggle-pair .btn-white:last-child {
  border-right: 0;
}

.logiGuide .btn-toggle-pair .btn-white.selected {
  background: #6F0881;
  color: #fff;
}

.logiGuide ul.dropdown-menu {
  border: 0;
  padding: 5px 0px;
  border-radius: 0;
}

.logiGuide ul.dropdown-menu li a {
  outline: none;
  box-shadow: none !important;
  background: #fff;
  color: #555;
  font-size: 13px;
  line-height: initial !important;
  height: auto !important;
  box-shadow: none;
  padding: 10px 15px;
  border: none !important;
  font-family: 'Gotham-Rounded', Sans-Serif;
}

.logiGuide ul.dropdown-menu li a:hover {
  color: #6F0881 !important;
  background: var(--color-purple-100) !important;
}

.logiGuide bread-crumbs {
  display: inline-block;
  vertical-align: middle;
}

.logiGuide .breadcrumbs .breadCrumbElement {
  overflow: unset;
}

.logiGuide .breadcrumbs .breadCrumbElement .icon.icon-slide-right {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

.logiGuide .breadcrumbs .breadCrumbElement .icon.icon-slide-right:before {
  content: "\e903" !important;
  font-size: 17px;
  vertical-align: middle;
}

.logiGuide .breadcrumbs .breadCrumbElement a {
  color: #000;
  font-size: 17px !important;
  line-height: 30px;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 400px;
}

.takeFullHeight {
  height: 100%;
}

.logiGuide .ui-grid-cell i.icon-edit {
  margin-top: 5px;
  color: #6F0881;
}

.logiGuide .ui-grid-cell-contents {
  padding: 5px 5px;
}

.logiGuide .ui-grid-cell-contents .ui-select-container {
  min-width: 100px;
  margin: 0 !important;
  height: 25px !important;
  min-height: unset !important;
  margin-top: 4px !important;
  border: 1px solid #979797;
}

.logiGuide .ui-grid-cell-contents .ui-select-container .ui-select-match-item {
  line-height: 16px;
  font-size: 11px;
}

.logiGuide .ui-grid-cell-contents .ui-select-container .ui-select-match-item .ui-select-match-close {
  line-height: 15px;
}

.logiGuide .ui-grid-cell-contents .ui-select-container .ui-select-search {
  height: 22px !important;
}

.logiGuide .ui-grid-cell-contents .ui-select-container .ui-select-search:focus {
  border-bottom: 1px solid #abacba !important;
}

.logiGuide .ui-grid-render-container {
  height: 100%;
  min-height: 300px;
}

.logiGuide input.ui-grid-filter-input.date-rangepicker {
  display: block !important;
}

.daterangepicker .calendar th,
.daterangepicker .calendar td {
  font-family: "Gotham-Rounded", sans-serif !important;
}

.daterangepicker.opensleft .ranges,
.daterangepicker.opensleft .calendar {
  margin: unset;
}

.daterangepicker.ltr .calendar {
  margin: 0 !important;
}

.daterangepicker.dropdown-menu {
  font-family: "Gotham-Rounded";
  margin: 0;
  padding: 25px 15px;
  padding-left: 0;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  border: 0;
  border-radius: 2px;
}

.daterangepicker.dropdown-menu.show-calendar {
  min-width: 800px;
  padding-left: 15px;
}

.daterangepicker.dropdown-menu.show-calendar .calendar {
  min-width: 270px;
  margin: 0 !important;
}

.daterangepicker.dropdown-menu.show-calendar .ranges {
  margin-left: 15px !important;
}

.daterangepicker.dropdown-menu .ranges {
  width: 227px;
  margin-top: -25px !important;
  margin-bottom: -25px !important;
  margin-right: -15px !important;
  margin-left: 0px !important;
  border-left: 1px solid #ddd;
  background: #fff;
  height: 380px;
}

.daterangepicker.dropdown-menu .ranges .range_inputs {
  padding-top: 25px;
  padding-bottom: 15px;
  text-align: center;
}

.daterangepicker.dropdown-menu .ranges .range_inputs .applyBtn,
.daterangepicker.dropdown-menu .ranges .range_inputs .cancelBtn {
  position: relative;
  height: 40px;
  box-shadow: 0px 2px 11px -5px #000;
  line-height: 40px;
  background: #fff;
  border-radius: 0;
  margin: 0 5px;
  width: auto;
  color: #6F0881;
  padding: 0px 15px;
  padding-left: 35px;
  letter-spacing: 0.6px;
  border-radius: 2px;
  border: none;
  font-size: 14px;
  text-transform: capitalize;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.daterangepicker.dropdown-menu .ranges .range_inputs .applyBtn:before,
.daterangepicker.dropdown-menu .ranges .range_inputs .cancelBtn:before {
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  left: 10px;
  font-size: 19px;
  top: 10px;
}

.daterangepicker.dropdown-menu .ranges .range_inputs .applyBtn i.logi-icon,
.daterangepicker.dropdown-menu .ranges .range_inputs .cancelBtn i.logi-icon {
  display: none;
  margin-right: 5px;
  vertical-align: middle;
  font-size: 19px;
}

.daterangepicker.dropdown-menu .ranges .range_inputs .applyBtn:hover,
.daterangepicker.dropdown-menu .ranges .range_inputs .cancelBtn:hover {
  box-shadow: 0px 7px 27px -8px #000;
}

.daterangepicker.dropdown-menu .ranges .range_inputs .applyBtn {
  background: #6F0881 !important;
  color: #fff;
}

.daterangepicker.dropdown-menu .ranges .range_inputs .applyBtn:before {
  content: '\e91e';
}

.daterangepicker.dropdown-menu .ranges .range_inputs .cancelBtn:before {
  content: '\e91c';
}

.daterangepicker.dropdown-menu .ranges ul {
  overflow-x: hidden;
  width: 100%;
  height: calc(100% - 80px);
  overflow: auto;
  padding-top: 15px;
}

.daterangepicker.dropdown-menu .ranges ul li {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  border-radius: 0;
  padding: 0px 15px;
  line-height: 30px;
  cursor: pointer;
  margin: 0;
  border: 0 !important;
  color: #6F0881;
  background: #fff;
}

.daterangepicker.dropdown-menu .ranges ul li.active {
  background: var(--color-purple-200) !important;
  color: var(--color-primary-main);
  border: 0;
}
.daterangepicker.dropdown-menu .ranges ul li:hover {
  background: var(--color-purple-100) !important;
  color: var(--color-primary-main);
  border: 0;
}

.daterangepicker.dropdown-menu .calendar {
  position: relative;
}

.daterangepicker.dropdown-menu .calendar.left .daterangepicker_input::after {
  content: attr(data-range-label);
}

.daterangepicker.dropdown-menu .calendar.right .daterangepicker_input::after {
  content: attr(data-range-label);
}

.daterangepicker.dropdown-menu .calendar .daterangepicker_input {
  position: unset;
}

.daterangepicker.dropdown-menu .calendar .daterangepicker_input .calendar-time {
  position: absolute;
  width: 100%;
  bottom: -40px;
  top: unset;
}

.daterangepicker.dropdown-menu .calendar .daterangepicker_input .calendar-time .hourselect,
.daterangepicker.dropdown-menu .calendar .daterangepicker_input .calendar-time .minuteselect,
.daterangepicker.dropdown-menu .calendar .daterangepicker_input .calendar-time .ampmselect {
  width: auto;
  padding: 0px 10px;
  border-radius: 3px;
  margin: 0px 5px;
  background: #fff;
  border: 1px solid #ddd;
  color: #777;
}

.daterangepicker.dropdown-menu .calendar .daterangepicker_input input {
  line-height: 40px;
  height: 40px;
  border-color: #ddd;
  box-shadow: none;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  padding: 0 10px;
}

.daterangepicker.dropdown-menu .calendar .daterangepicker_input input.active {
  box-shadow: 0px 10px 16px -14px #000;
  color: #6F0881;
}

.daterangepicker.dropdown-menu .calendar .daterangepicker_input::after {
  position: absolute;
  top: 0;
  transform: translate(8px, -50%);
  background: #fff;
  padding: 0px 2px;
  font-size: 12px;
  color: #555;
}

.daterangepicker.dropdown-menu .calendar-table {
  border: 0 !important;
}

.daterangepicker.dropdown-menu .calendar-table th.month {
  padding: 0px 0px;
  color: #555;
  font-size: 14px !important;
}

.daterangepicker.dropdown-menu .calendar-table th {
  color: #999;
}

.daterangepicker.dropdown-menu .calendar-table td {
  height: 30px;
  width: 30px;
}

.daterangepicker.dropdown-menu .calendar-table td.active.start-date {
  border-radius: 100% 0% 0% 100%;
}

.daterangepicker.dropdown-menu .calendar-table td.active.end-date {
  border-radius: 0% 100% 100% 0%;
}

.daterangepicker.dropdown-menu .calendar-table td.active.start-date,
.daterangepicker.dropdown-menu .calendar-table td.active.end-date {
  border: 0;
  background: var(--color-purple-200);
}

.daterangepicker.dropdown-menu i.fa:not(.fa-chevron-left) {
  margin: unset;
  top: unset;
}

.uiGridTable .ui-grid-selection-row-header-buttons.ui-grid-row-selected::before,
.ui-grid-selection-row-header-buttons.ui-grid-all-selected::before {
  opacity: 1 !important;
}

.logiGuide .pagination-buttons {
  display: inline-block;
  line-height: 41px;
}

.logiGuide .pagination-buttons .pagination-container {
  margin: 0px 5px;
  font-size: 13px;
}

.logiGuide .pagination-buttons .pagination-container label {
  padding: 0px 2px;
}

.logiGuide .pagination-buttons .select-pagesize-container {
  text-align: center;
  vertical-align: middle;
  display: inline-block;
}

.logiGuide .pagination-buttons .select-pagesize-container img,
.logiGuide .pagination-buttons .select-pagesize-container svg {
  margin-left: -20px;
}

.logiGuide .pagination-buttons .pagination-container-perPage {
  height: 31px;
  line-height: 31px;
  border-radius: 0;
  padding: 0;
  margin: 0px 5px;
  margin-left: 0;
  font-size: 13px;
  padding-right: 15px;
  background: transparent;
  cursor: pointer;
  border-bottom: 1px solid #ddd;
}

.logiGuide .pagination-buttons .pagination-container-perPage span {
  padding: 0 5px;
  position: relative;
}

.logiGuide .pagination-buttons .pagination-container-perPage #pagination-dropdown::after {
  content: '';
  height: 15px;
  width: 15px;
  position: absolute;
  right: -18px;
  top: 0;
  background: url(/product/assets/arrowDown.1800325d8ceffa80c2a9.svg) no-repeat;
  background-position: center;
}

.logiGuide .pagination-buttons .pagination-button {
  display: inline-block;
  margin: 0px 5px;
  vertical-align: middle;
  cursor: pointer;
}

.logiGuide .pagination-buttons .pagination-button .box-icon {
  border: none;
  padding: unset;
  border-radius: unset;
  height: unset;
  width: unset;
  display: inline;
  line-height: unset;
}

.logiGuide .pagination-buttons .pagination-button .box-icon:before {
  font-size: 13px;
}

.logiGuide .parent-for-search-icon {
  position: relative;
}

.logiGuide .parent-for-search-icon input {
  padding-left: 15px;
}

.logiGuide .parent-for-search-icon img {
  position: absolute;
  width: 15px;
  height: 15px;
  left: 0;
  bottom: 2px;
}

.bootbox {
  background: rgba(12, 26, 31, 0.71);
}

.bootbox .modal-dialog {
  margin-top: 71px;
}

.bootbox .modal-footer {
  border-top: none;
}

.logiGuide .downloadExcel-modal .modal-body {
  padding-bottom: 0;
}

.logiGuide .fmlmGeocodingPopup .downloadSDLR .modal-footer {
  padding: 15px !important;
}

.logiGuide .fmlmGeocodingPopup .material-ui-tableLikeDiv-wrapper {
  overflow: visible;
  height: 400px !important;
}

.logiGuide .fmlmGeocodingPopup .centerContent .mt15 {
  margin-top: 0;
}

.logiGuide .fmlmGeocodingPopup .mainWrapper {
  padding: 0;
  min-height: auto;
}

.logiGuide .fmlmGeocodingPopup .mainWrapper .searchBox {
  padding: 0 10px;
}

.logiGuide .fmlmGeocodingPopup .page-wrapper.geocodingMap {
  overflow: visible;
}

.logiGuide .fmlmGeocodingPopup .page-wrapper.geocodingMap ng-map {
  height: calc(100% - 80px);
}

.logiGuide .fmlmGeocodingPopup .geocodingTable {
  height: 100% !important;
}

.logiGuide .fmlmGeocodingPopup .geoTableDiv {
  display: none;
}

.logiGuide .fmlmGeocodingPopup .geoMapDiv {
  width: 100%;
  padding: 0 !important;
}

.logiGuide .fmlmGeocodingPopup .pageHeaderWrapper {
  display: none;
}

.logiGuide #orderTripAssign .table-responsive .head {
  max-height: calc(100vh - 318px);
}

.logiGuide .logi-modal .modal-dialog {
  -webkit-transition: transform 0.3s ease-out;
  -moz-transition: transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  opacity: 0;
}

.logiGuide .logi-modal.open-modal .modal-dialog {
  transform: translate(0, 0);
  opacity: 1;
}

.logiGuide #order_tripAssignPopup,
.logiGuide .trip-assign-popup,
.logiGuide .logi-modal {
  background: rgba(12, 26, 31, 0.71);
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9049;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}

.logiGuide #order_tripAssignPopup .modal-btn-close,
.logiGuide .trip-assign-popup .modal-btn-close,
.logiGuide .logi-modal .modal-btn-close {
  float: right;
  line-height: inherit;
  background: transparent;
  font-size: 20px;
  opacity: 0.6;
}

.logiGuide #order_tripAssignPopup .modal-btn-close:hover,
.logiGuide .trip-assign-popup .modal-btn-close:hover,
.logiGuide .logi-modal .modal-btn-close:hover {
  opacity: 1;
}

.logiGuide #order_tripAssignPopup .modal-header-title,
.logiGuide .trip-assign-popup .modal-header-title,
.logiGuide .logi-modal .modal-header-title {
  font-size: 15px !important;
  color: #fff !important;
  float: left;
  padding: 0 !important;
}

.logiGuide #order_tripAssignPopup .modal-content,
.logiGuide .trip-assign-popup .modal-content,
.logiGuide .logi-modal .modal-content {
  border: none;
  box-shadow: 0px 3px 30px -9px #000 !important;
  max-width: 100vw;
  width: 100%;
}

.logiGuide #order_tripAssignPopup .modal-body,
.logiGuide .trip-assign-popup .modal-body,
.logiGuide .logi-modal .modal-body {
  padding: 15px;
}

.logiGuide #order_tripAssignPopup .modal-header,
.logiGuide .trip-assign-popup .modal-header,
.logiGuide .logi-modal .modal-header {
  padding: 0 15px;
  border-bottom: none;
  line-height: 45px;
  height: 45px;
}

.logiGuide #order_tripAssignPopup .modal-footer,
.logiGuide .trip-assign-popup .modal-footer,
.logiGuide .logi-modal .modal-footer {
  padding: 0;
  margin-top: 25px;
}

.logiGuide #order_tripAssignPopup .modal-footer .logiFormActionButtons,
.logiGuide .trip-assign-popup .modal-footer .logiFormActionButtons,
.logiGuide .logi-modal .modal-footer .logiFormActionButtons {
  margin: 0 !important;
}

.logiGuide #order_tripAssignPopup .crate-section .addCrate,
.logiGuide .trip-assign-popup .crate-section .addCrate,
.logiGuide .logi-modal .crate-section .addCrate {
  padding: 0 10px;
  background: #fff !important;
  border: 2px dashed #6F0881 !important;
}

.logiGuide #order_tripAssignPopup .crate-section .addCrate .crate-name,
.logiGuide .trip-assign-popup .crate-section .addCrate .crate-name,
.logiGuide .logi-modal .crate-section .addCrate .crate-name {
  width: 240px;
  background: #fff !important;
  padding: 0 !important;
  line-height: 40px;
}

.logiGuide #order_tripAssignPopup .crate-section .addCrate .crate-name input,
.logiGuide .trip-assign-popup .crate-section .addCrate .crate-name input,
.logiGuide .logi-modal .crate-section .addCrate .crate-name input {
  padding: 0px 5px !important;
  height: 30px !important;
  font-size: 13px;
  width: 100%;
  background: transparent;
  color: #090909 !important;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.logiGuide #order_tripAssignPopup .crate-section .addCrate .add-icon,
.logiGuide .trip-assign-popup .crate-section .addCrate .add-icon,
.logiGuide .logi-modal .crate-section .addCrate .add-icon {
  color: #424242;
  font-size: 20px;
  cursor: pointer;
  line-height: 46px;
  text-align: center;
}

.logiGuide #order_tripAssignPopup .crate-section .crate,
.logiGuide .trip-assign-popup .crate-section .crate,
.logiGuide .logi-modal .crate-section .crate {
  margin-bottom: 10px;
}

.logiGuide #order_tripAssignPopup .crate-section .itemBox,
.logiGuide .trip-assign-popup .crate-section .itemBox,
.logiGuide .logi-modal .crate-section .itemBox,
.logiGuide #order_tripAssignPopup .crate-section .crateBox,
.logiGuide .trip-assign-popup .crate-section .crateBox,
.logiGuide .logi-modal .crate-section .crateBox {
  border-radius: 5px;
  box-shadow: 0px 0px 6px #888;
}

.logiGuide #order_tripAssignPopup .crate-section .labelCrate,
.logiGuide .trip-assign-popup .crate-section .labelCrate,
.logiGuide .logi-modal .crate-section .labelCrate {
  float: left;
  margin-top: 5px;
}

.logiGuide #order_tripAssignPopup .crate-section .labelColor,
.logiGuide .trip-assign-popup .crate-section .labelColor,
.logiGuide .logi-modal .crate-section .labelColor {
  color: #fff;
}

.logiGuide #order_tripAssignPopup .crate-section .labelNoItem,
.logiGuide .trip-assign-popup .crate-section .labelNoItem,
.logiGuide .logi-modal .crate-section .labelNoItem {
  float: left;
  clear: both;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details,
.logiGuide .trip-assign-popup .crate-section .crate-details,
.logiGuide .logi-modal .crate-section .crate-details,
.logiGuide #order_tripAssignPopup .crate-section .item-details,
.logiGuide .trip-assign-popup .crate-section .item-details,
.logiGuide .logi-modal .crate-section .item-details {
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  height: 50px;
  padding: 0 10px !important;
  line-height: 50px;
  background: #dde2e6;
  border: none;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details .edit-icon,
.logiGuide .trip-assign-popup .crate-section .crate-details .edit-icon,
.logiGuide .logi-modal .crate-section .crate-details .edit-icon,
.logiGuide #order_tripAssignPopup .crate-section .item-details .edit-icon,
.logiGuide .trip-assign-popup .crate-section .item-details .edit-icon,
.logiGuide .logi-modal .crate-section .item-details .edit-icon {
  color: #424242;
  margin: 0px 10px;
  font-size: 17px;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details .loadedUnloadedA,
.logiGuide .trip-assign-popup .crate-section .crate-details .loadedUnloadedA,
.logiGuide .logi-modal .crate-section .crate-details .loadedUnloadedA,
.logiGuide #order_tripAssignPopup .crate-section .item-details .loadedUnloadedA,
.logiGuide .trip-assign-popup .crate-section .item-details .loadedUnloadedA,
.logiGuide .logi-modal .crate-section .item-details .loadedUnloadedA {
  display: inline-block;
  vertical-align: middle;
  color: #090909 !important;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details .loadedUnloadedAlineItem,
.logiGuide .trip-assign-popup .crate-section .crate-details .loadedUnloadedAlineItem,
.logiGuide .logi-modal .crate-section .crate-details .loadedUnloadedAlineItem,
.logiGuide #order_tripAssignPopup .crate-section .item-details .loadedUnloadedAlineItem,
.logiGuide .trip-assign-popup .crate-section .item-details .loadedUnloadedAlineItem,
.logiGuide .logi-modal .crate-section .item-details .loadedUnloadedAlineItem {
  color: #090909 !important;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details .icon-Product-Icons_Navbar-Down,
.logiGuide .trip-assign-popup .crate-section .crate-details .icon-Product-Icons_Navbar-Down,
.logiGuide .logi-modal .crate-section .crate-details .icon-Product-Icons_Navbar-Down,
.logiGuide #order_tripAssignPopup .crate-section .item-details .icon-Product-Icons_Navbar-Down,
.logiGuide .trip-assign-popup .crate-section .item-details .icon-Product-Icons_Navbar-Down,
.logiGuide .logi-modal .crate-section .item-details .icon-Product-Icons_Navbar-Down {
  color: #090909;
  font-size: 20px;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details .crate-name,
.logiGuide .trip-assign-popup .crate-section .crate-details .crate-name,
.logiGuide .logi-modal .crate-section .crate-details .crate-name,
.logiGuide #order_tripAssignPopup .crate-section .item-details .crate-name,
.logiGuide .trip-assign-popup .crate-section .item-details .crate-name,
.logiGuide .logi-modal .crate-section .item-details .crate-name {
  width: 240px;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details .crate-name input,
.logiGuide .trip-assign-popup .crate-section .crate-details .crate-name input,
.logiGuide .logi-modal .crate-section .crate-details .crate-name input,
.logiGuide #order_tripAssignPopup .crate-section .item-details .crate-name input,
.logiGuide .trip-assign-popup .crate-section .item-details .crate-name input,
.logiGuide .logi-modal .crate-section .item-details .crate-name input {
  line-height: 30px;
  width: 100%;
  padding: 0px 5px;
  background: transparent;
  color: #090909;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active,
.logiGuide .trip-assign-popup .crate-section .crate-details.active,
.logiGuide .logi-modal .crate-section .crate-details.active,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active,
.logiGuide .trip-assign-popup .crate-section .item-details.active,
.logiGuide .logi-modal .crate-section .item-details.active {
  background: #6F0881;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .icon-Product-Icons_Navbar-Down,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .icon-Product-Icons_Navbar-Down,
.logiGuide .logi-modal .crate-section .crate-details.active .icon-Product-Icons_Navbar-Down,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .icon-Product-Icons_Navbar-Down,
.logiGuide .trip-assign-popup .crate-section .item-details.active .icon-Product-Icons_Navbar-Down,
.logiGuide .logi-modal .crate-section .item-details.active .icon-Product-Icons_Navbar-Down,
.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .loadedUnloadedA,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .loadedUnloadedA,
.logiGuide .logi-modal .crate-section .crate-details.active .loadedUnloadedA,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .loadedUnloadedA,
.logiGuide .trip-assign-popup .crate-section .item-details.active .loadedUnloadedA,
.logiGuide .logi-modal .crate-section .item-details.active .loadedUnloadedA {
  color: #fff !important;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .crate-name input,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .crate-name input,
.logiGuide .logi-modal .crate-section .crate-details.active .crate-name input,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .crate-name input,
.logiGuide .trip-assign-popup .crate-section .item-details.active .crate-name input,
.logiGuide .logi-modal .crate-section .item-details.active .crate-name input {
  color: #fff !important;
  border-bottom: 1px solid #fff;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .crate-name input::placeholder,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .crate-name input::placeholder,
.logiGuide .logi-modal .crate-section .crate-details.active .crate-name input::placeholder,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .crate-name input::placeholder,
.logiGuide .trip-assign-popup .crate-section .item-details.active .crate-name input::placeholder,
.logiGuide .logi-modal .crate-section .item-details.active .crate-name input::placeholder {
  color: #fff !important;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .crate-name input:placeholder-shown,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .crate-name input:placeholder-shown,
.logiGuide .logi-modal .crate-section .crate-details.active .crate-name input:placeholder-shown,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .crate-name input:placeholder-shown,
.logiGuide .trip-assign-popup .crate-section .item-details.active .crate-name input:placeholder-shown,
.logiGuide .logi-modal .crate-section .item-details.active .crate-name input:placeholder-shown {
  color: #fff !important;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .crate-name input:-moz-placeholder,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .crate-name input:-moz-placeholder,
.logiGuide .logi-modal .crate-section .crate-details.active .crate-name input:-moz-placeholder,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .crate-name input:-moz-placeholder,
.logiGuide .trip-assign-popup .crate-section .item-details.active .crate-name input:-moz-placeholder,
.logiGuide .logi-modal .crate-section .item-details.active .crate-name input:-moz-placeholder {
  color: #fff !important;
}

.logiGuide #order_tripAssignPopup .crate-section .crate-details.active .edit-icon,
.logiGuide .trip-assign-popup .crate-section .crate-details.active .edit-icon,
.logiGuide .logi-modal .crate-section .crate-details.active .edit-icon,
.logiGuide #order_tripAssignPopup .crate-section .item-details.active .edit-icon,
.logiGuide .trip-assign-popup .crate-section .item-details.active .edit-icon,
.logiGuide .logi-modal .crate-section .item-details.active .edit-icon {
  color: #fff;
}

.logiGuide #order_tripAssignPopup .crate-section.typeb .itemsCrate,
.logiGuide .trip-assign-popup .crate-section.typeb .itemsCrate,
.logiGuide .logi-modal .crate-section.typeb .itemsCrate {
  display: block;
  border-top: 1px dashed #ddd !important;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate,
.logiGuide .trip-assign-popup .crate-section .itemsCrate,
.logiGuide .logi-modal .crate-section .itemsCrate {
  display: none;
  background: #fff;
  border: 1px solid #ddd !important;
  box-shadow: -2px 0px 6px #888;
  border-top: 0 !important;
  padding: 15px 10px !important;
  width: 100%;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .mainSection,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .mainSection,
.logiGuide .logi-modal .crate-section .itemsCrate .mainSection {
  padding: 0 15px;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .action-buttons .button,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .action-buttons .button,
.logiGuide .logi-modal .crate-section .itemsCrate .action-buttons .button {
  margin: 0px 13px !important;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .action-buttons .button:last-child,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .action-buttons .button:last-child,
.logiGuide .logi-modal .crate-section .itemsCrate .action-buttons .button:last-child {
  margin: 0 !important;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .action-buttons .button.add-lineitem,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .action-buttons .button.add-lineitem,
.logiGuide .logi-modal .crate-section .itemsCrate .action-buttons .button.add-lineitem {
  font-size: 20px;
  margin-top: -3px !important;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .action-buttons .button.delete-lineitem,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .action-buttons .button.delete-lineitem,
.logiGuide .logi-modal .crate-section .itemsCrate .action-buttons .button.delete-lineitem {
  font-size: 17px;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .logiForm .counter,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .logiForm .counter,
.logiGuide .logi-modal .crate-section .itemsCrate .logiForm .counter,
.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .logiForm .loadedUnloadedAlineItem,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .logiForm .loadedUnloadedAlineItem,
.logiGuide .logi-modal .crate-section .itemsCrate .logiForm .loadedUnloadedAlineItem {
  color: #424242 !important;
}

.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .logiForm .loadedUnloadedAlineItem,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .logiForm .loadedUnloadedAlineItem,
.logiGuide .logi-modal .crate-section .itemsCrate .logiForm .loadedUnloadedAlineItem {
  line-height: 22px !important;
}

..logiGuide #order_tripAssignPopup .crate-section .itemsCrate .logiFormactive,
..logiGuide .trip-assign-popup .crate-section .itemsCrate .logiFormactive,
..logiGuide .logi-modal .crate-section .itemsCrate .logiFormactive,
.logiGuide #order_tripAssignPopup .crate-section .itemsCrate .logiForm input,
.logiGuide .trip-assign-popup .crate-section .itemsCrate .logiForm input,
.logiGuide .logi-modal .crate-section .itemsCrate .logiForm input {
  border-color: #979797;
}

.crate-details .active-arrow {
  display: none;
}

.crate-details .passive-arrow {
  display: inline;
  color: #333;
  font-size: 20px;
}

.crate-details.active .active-arrow {
  display: inline;
}

.crate-details.active .passive-arrow {
  display: none;
}

.item-details .active-arrow {
  display: none;
}

.item-details .passive-arrow {
  display: inline;
  color: #333;
  font-size: 20px;
}

.item-details.active .active-arrow {
  display: inline;
}

.item-details.active .passive-arrow {
  display: none;
}

.deleteConfirmation {
  color: #4c4c4c;
  font-size: 14px;
}

.deleteConfirmation .logi-icon {
  color: #6F0881;
  margin-right: 5px;
}

.deleteConfirmation_message_2 {
  padding: 5px 0px;
}

.addLineItemStyle {
  cursor: pointer;
  height: 50px;
  width: 100%;
  margin-bottom: 10px !important;
  padding: 0 10px;
  background: #fff !important;
  border: 2px dashed #6F0881 !important;
}

.labelAligned {
  text-align: center;
  padding-top: 1.3%;
  display: block !important;
}

.labelStyle {
  font-family: 'Gotham-Rounded', Sans-Serif;
  font-size: 17px;
  color: #6F0881 !important;
  position: relative;
  top: 1px;
  left: 1px;
}

.labelAddItemStyle {
  font-family: 'Gotham-Rounded', Sans-Serif;
  font-style: normal;
  font-size: 15px;
  color: #6F0881 !important;
  position: relative;
  bottom: 3px;
  left: -5px;
}

.addIconColor {
  color: #6F0881;
  font-size: 15px;
}

.promptDiv {
  background: #6F0881;
  padding: 10px 15px;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  font-size: 13px;
}

.modal-header {
  padding: 0 15px;
  height: 45px;
}

.modal-header .modal-title,
.modal-header button.close {
  line-height: 45px;
}

.modal-header .close:hover {
  opacity: 1;
}

.xdsoft_datetimepicker .xdsoft_label:hover>span {
  text-decoration: none;
}

.xdsoft_datetimepicker {
  border: none;
  font-family: "Gotham-Rounded";
  padding: 0px;
  padding-left: 0;
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
}

.xdsoft_datetimepicker .xdsoft_current {
  background: #6F0881 !important;
}

.xdsoft_datetimepicker .xdsoft_datepicker {
  width: 255px;
  margin: 0;
  padding: 15px;
}

.xdsoft_datetimepicker .xdsoft_timepicker {
  border-left: 1px solid #ddd;
  margin: 0 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  border: 0;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div {
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
}

.xdsoft_datetimepicker .xdsoft_calendar th,
.xdsoft_datetimepicker .xdsoft_calendar td {
  background: #fff;
  border: none;
}

.xdsoft_datetimepicker .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background: #6F0881 !important;
  box-shadow: none !important;
}

.xdsoft_datetimepicker .xdsoft_month {
  width: 90px;
  text-align: center;
}

.xdsoft_datetimepicker .xdsoft_calendar td:hover,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div:hover {
  background: #6F0881 !important;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box {
  height: 166px;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_next {
  margin: 10px auto;
}

.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_prev {
  margin-top: 10px;
  margin-bottom: 10px;
}

.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_default,
.xdsoft_datetimepicker .xdsoft_calendar td.xdsoft_current,
.xdsoft_datetimepicker .xdsoft_timepicker .xdsoft_time_box>div>div.xdsoft_current {
  background: #6F0881 !important;
}

.xdsoft_datetimepicker .xdsoft_label>.xdsoft_select>div>.xdsoft_option:hover {
  background: #6F0881 !important;
}

.cellIdentifier.trackNow,
.cellIdentifier.noOfItems,
.cellIdentifier.isGeocoded,
.cellIdentifier.deliveryProcess,
.cellIdentifier.nodecount,
.cellIdentifier.totalMilestoneNo,
.cellIdentifier.partialDelivery,
.cellIdentifier.numberOfItems {
  margin-left: auto;
  margin-right: auto;
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv {
  height: calc(100vh - 45px);
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .card .MA_pane {
  height: calc(100vh - 120px);
}

#suggestTripModal .modal-content.manualAssignDiv .modal-body.manualAssignDiv .MA_logiFormButtons {
  padding: 15px 0;
  text-align: right;
}

.logiGuide .geocodingLabels {
  border-bottom: 1px solid #eee;
  line-height: 40px;
  padding: 0 15px;
}

.logiGuide .geocodingLabels span {
  vertical-align: middle;
  font-size: 13px;
  color: #424242;
  margin-left: 5px;
}

.logiGuide .geocodingLabels .logiCustomCheck+label {
  top: unset;
  line-height: initial;
}

.logiGuide .logi-input .route-input input {
  max-width: 276px !important;
}

.new-multiselect .multiselect-parent {
  width: 100%;
  margin: 18px 0;
}

.new-multiselect .multiselect-parent button.dropdown-toggle {
  width: 100%;
  text-align: left;
  border: 1px solid #979797;
  background: transparent !important;
  box-shadow: none !important;
  border-radius: 0;
  height: 40px;
  font-size: 12px;
  color: #979797;
}

.new-multiselect .multiselect-parent button.dropdown-toggle:hover {
  background: transparent;
  z-index: 0 !important;
}

.new-multiselect .multiselect-parent button.dropdown-toggle span.caret {
  float: right;
  margin-top: 7px;
  color: #333;
}

.new-multiselect .multiselect-parent ul.dropdown-menu {
  width: 100%;
  max-height: 250px;
}

.new-multiselect .multiselect-parent ul.dropdown-menu li.active a.option {
  background: var(--color-primary-medium) !important;
  color: var(--color-primary-main) !important;
}

.new-multiselect .multiselect-parent ul.dropdown-menu .option .glyphicon-ok {
  font-size: 10px;
  margin-right: 5px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px;
  background: rgba(0, 0, 0, 0.1);
}

.new-multiselect .multiselect-parent input.searchField {
  margin: 5px 0 !important;
  border: none;
  border-bottom: 1px solid #979797;
  box-shadow: none;
  margin: 0 !important;
  font-family: 'Gotham-Rounded';
  font-size: 12px;
  width: 100%;
  background: url(/product/assets/Search-nocircle.7e677853da8f88fdcc88.svg) no-repeat;
  background-size: 20px 20px;
  padding-left: 15px;
  background-position: -4px 5px;
  height: 30px !important;
  line-height: 30px !important;
  max-height: 30px !important;
  min-height: 0 !important;
}

.new-multiselect.noMargin .multiselect-parent {
  margin: 0;
}

.logiGuide form .mainSection .form .new-multiselect .multiselect-parent input.searchField.searchField.searchField {
  margin: 5px 0 !important;
  border: none !important;
  border-bottom: 1px solid #979797 !important;
  box-shadow: none !important;
  margin: 0 !important;
  font-family: 'Gotham-Rounded' !important;
  font-size: 12px !important;
  width: 100% !important;
  background: url(/product/assets/Search-nocircle.7e677853da8f88fdcc88.svg) no-repeat !important;
  background-size: 20px 20px !important;
  padding-left: 15px !important;
  background-position: -4px 5px !important;
  height: 30px !important;
  line-height: 30px !important;
  max-height: 30px !important;
  min-height: 0 !important;
}

.logiGuide .date-rangepicker,
.logiGuide input[date-range-picker] {
  display: block !important;
}

.logiGuide .logiErrorMessages {
  white-space: nowrap;
} 

.logiGuide .top-label {
  z-index: 10;
}

#date-picker-prompt{
  font-size: 12px;
  width: max-content;
  max-width: 600px;
  left: 30%;
}

.logiGuide .calendar-info-label {
  display: block;
  position: absolute;
  top: 8px;
  margin-left: 8px;
  font-size: 12px;
  background: #fff;
  color: #000;
}

.logiGuide .proof-images {
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}

.logiGuide .proof-images .remove-images {
  font-size: 20px;
  padding-right: 10px;
}

.logiGuide .proof-images:last-child {
  border-bottom: 0;
}

.logiGuide .overspeeding-controls {
  font-size: 13px;
}

.logiGuide .form-dd {
  cursor: pointer;
  height: 40px;
  line-height: 40px;
  border: 1px solid #979797;
  margin: 0px 10px;
  padding: 0px 10px;
  font-size: 13px;
}

.logiGuide .logi-select .ui-select-container .ui-select-match .ui-select-match-text {
  width: 100%;
}

.logiGuide .logi-select .ui-select-container .ui-select-match .ui-select-match-text span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: calc(100% - 50px);
  display: inline-block;
  vertical-align: middle;
}

.logiGuide .ui-select-toggle[disabled="disabled"] .selected-close {
  display: none;
}

.logiGuide .logi-input input {
  padding-right: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.logiGuide .form-element-margin {
  margin: 18px 0;
}

.logiGuide .logiCustomRadio:checked+label {
  background-color: #6F0881;
  border-color: #fff !important;
  box-shadow: 0px 0px 0px 2px #6F0881;
}

.logiGuide .logi-input .sub-child-wrapper input {
  max-width: 90%;
}

.logiGuide .logi-input-group {
  position: relative;
}

.logiGuide .logi-input-group label.top-label {
  background: #fff;
  z-index: 10;
  display: block;
  position: absolute;
  z-index: 10;
  top: -10px;
  margin-left: 8px;
  font-size: 12px;
}

.logiGuide .logi-input-group input.form-control {
  height: 40px !important;
}

.logiGuide form label {
  font-weight: lighter !important;
  color: #000;
}

.logiGuide .logiCustomRadio+label {
  cursor: pointer;
  height: 15px;
  width: 15px;
  border: 1px solid #979797;
  border-radius: 50%;
}

.logiGuide .logi-form-checkbox {
  margin: 18px 0;
}

.logiGuide .logi-form-checkbox .logiCustomCheck+label {
  top: 0;
}

.logiGuide .form-control {
  border-color: #979797;
}

.logiGuide input.cmn-toggle-round+label {
  padding: 0;
}

.logiGuide input.cmn-toggle-round-open+label {
  padding: 0;
}

.logiGuide input.cmn-toggle-round+label:after {
  background: #f1f1f1;
  box-shadow: 0px 0px 10px -3px #000;
}
.logiGuide input.cmn-toggle-round-open+label:after {
  background: #f1f1f1;
  box-shadow: 0px 0px 10px -3px #000;
}
.toggle-shadow + label:after {
  box-shadow: rgb(125 125 125 / 75%) 0px 1px 1px 0px !important;
}
.logiGuide input.cmn-toggle-round + label:before {
  background: rgba(34,31,31,0.26);
  height: 14px;
  top: 3px;
  box-shadow: inset 0px 0px 10px -5px #000;
}

.logiGuide input.cmn-toggle-round-open + label:before {
  background: rgba(34,31,31,0.26);
  height: 14px;
  top: 3px;
  box-shadow: inset 0px 0px 10px -7px #000;
}

.logiGuide input.cmn-toggle-round:disabled+label {
  cursor: not-allowed;
  opacity: 0.5;
}

.logiGuide input.cmn-toggle-round-open:disabled+label {
  cursor: not-allowed;
  opacity: 0.5;
}

.logiGuide input.cmn-toggle-round:checked+label:after {
  background: #6F0881;
}

.logiGuide input.cmn-toggle-round-open:checked+label:after {
  background: #6F0881;
}

.logiGuide input.cmn-toggle-round:checked+label:before {
  opacity: 0.5;
  background: #6F0881;
}

.logiGuide input.active:checked+label:after {
  background: rgb(241, 241, 241);
}

.logiGuide input.inactive {
  background: rgba(34, 31, 31, 0.26);
}

.logiGuide input.cmn-toggle-round-open:checked+label:before {
  background: rgb(154, 191, 227);
}

.logiGuide .logi-input .ui-select-container,
.logiGuide .logi-input .form-control,
.logiGuide .logi-input .ui-select-container .btn.btn-default.ui-select-toggle {
  height: 40px !important;
  min-height: 40px !important;
  line-height: 40px !important;
}

.logiGuide form ul.ui-select-choices {
  margin-top: 1px;
}

.logiGuide form .ui-select-container {
  border: 1px solid;
  position: relative !important;
}

.logiGuide form .ui-select-container,
.logiGuide form .mainSection .form .logi-input:not(.logi-select) input {
  border-color: #979797;
  height: 40px !important;
  margin: 18px 0;
}

.logiGuide form input.has-error {
  border-color: #f05548;
}

.logiGuide .logi-pincode i.caret,
.logiGuide .permanent-pincode-input i.caret,
.logiGuide .logi-preferred-pincode i.caret {
  display: none;
}

.logiGuide .logi-radio {
  position: relative !important;
  display: block !important;
}

.logiGuide .logi-radio input.logiCustomRadio {
  position: absolute;
  left: -999999px;
}

.logiGuide .logi-radio .logiCustomRadio:focus+label {
  border-color: #fff;
  box-shadow: 0px 0px 0px 2px #6F0881;
}

.logiGuide .logi-radio .logiCustomRadio:checked+label {
  background-color: #6F0881;
  border-color: #fff !important;
  box-shadow: 0px 0px 0px 2px #6F0881;
}

.logiGuide .logi-radio .top-label {
  position: absolute;
  color: #000 !important;
  font-size: 12px !important;
  top: 8px;
  margin: 0;
  z-index: 10;
  margin-left: 8px;
  background: #fff;
}

.logiGuide .logi-radio .radio-options-wrapper {
  width: 50%;
  width: 100%;
  height: auto;
  line-height: 40px;
  margin: 17px 0px;
  border: 1px solid #979797;
}

.logiGuide .logi-radio .radio-options-wrapper .logi-radio-button {
  width: 50%;
  min-width: 0 !important;
  padding: 0px 9px 0px 2px;
}

.logiGuide .logi-radio .radio-options-wrapper label {
  display: inline-block !important;
  vertical-align: middle;
  color: #000;
  cursor: pointer;
}

.logiGuide .logi-radio .radio-options-wrapper .radio-circle-label {
  height: 13px;
  width: 13px;
  border-radius: 50%;
  border: 1px solid;
}

.logiGuide .logi-radio .radio-options-wrapper .radio-name-label {
  margin-left: 5px;
  font-size: 12px;
}

.logiGuide .logi-radio .radio-options-wrapper .radio-name-label.disabled {
  opacity: 0.55;
  cursor: not-allowed;
}

.logiGuide .logi-multiselect span,
.logiGuide .ui-select-multiple span {
  vertical-align: middle;
  display: inline-block;
  line-height: 22px;
}

.logiGuide .logi-multiselect .ui-select-match,
.logiGuide .ui-select-multiple .ui-select-match {
  height: 30px;
  max-width: 80%;
  overflow-y: auto;
}

.logiGuide .logi-multiselect .ui-select-match>span,
.logiGuide .ui-select-multiple .ui-select-match>span {
  display: inline-block;
  margin: 2px 0;
}

.logiGuide .logi-multiselect .ui-select-match-item,
.logiGuide .ui-select-multiple .ui-select-match-item {
  margin: 0 3px;
  padding: 1px 5px;
  background: #6F0881;
  color: #fff;
  border: none;
}

.logiGuide .logi-multiselect .ui-select-match-item .ui-select-match-close,
.logiGuide .ui-select-multiple .ui-select-match-item .ui-select-match-close {
  margin-left: 5px;
  line-height: 22px;
  font-size: 16px;
  color: #fff;
  opacity: 0.5;
}

.logiGuide .logi-multiselect .ui-select-match-item .ui-select-match-close:hover,
.logiGuide .ui-select-multiple .ui-select-match-item .ui-select-match-close:hover {
  opacity: 0.9;
}

.logiGuide .logi-file {
  position: relative;
  cursor: pointer;
}

.logiGuide .logi-file .logi-file-wrapper {
  cursor: pointer;
  border: 1px solid;
  padding: 0px;
  margin: 18px 0px;
  border: 1px solid #979797;
}

.logiGuide .logi-file input {
  outline: none;
  padding-right: 50px;
  opacity: 0;
  margin: 0;
  padding-left: 9px;
  width: 100%;
  height: 38px;
  font-size: 12px;
  letter-spacing: 0.3px;
  border-radius: 0;
  box-shadow: none !important;
  margin-bottom: 0;
}

.logiGuide .logi-file .fileUpload-icon {
  font-size: 16px;
  top: 18px;
  right: 0;
  margin: 0;
  height: 40px;
  line-height: 40px;
  text-align: center;
  width: 40px;
  position: absolute;
  right: 15px;
  background: #6F0881;
  color: #fff;
}

.logiGuide .logi-file .uploadFileLabel {
  display: block;
  color: #000;
  position: absolute;
  top: 8px;
  margin-left: 8px;
  font-size: 12px;
  background: #fff;
}

.logiGuide .logi-file .uploaded,
.logiGuide .logi-file .logi-file-placeholder {
  position: absolute;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 12px;
  font-size: 12px;
  opacity: 0.5;
  font-weight: bold;
  font-family: "Gotham-Rounded-Medium";
  letter-spacing: 0.1px;
}

.logiGuide .form-fields .map {
  box-shadow: 0px 2px 14px -6px #000;
  position: relative;
}

.logiGuide .form-fields .map .map-form .map-address-bar {
  position: absolute;
  left: 11px;
  top: 50px;
  width: 50%;
  min-width: 250px;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 1px 4px -1px;
}

.logiGuide .form-fields .map .map-form .map-address-bar i.logi-icon {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  color: #676767;
  font-size: 15px;
  font-weight: bold;
}

.logiGuide .form-fields .map .map-form .map-address-bar i.logi-icon:hover {
  color: #000;
}

.logiGuide .form-fields .map .map-form .map-address-bar input {
  font-size: 12px;
  line-height: 40px;
  padding: 0px 15px;
  padding-left: 40px;
  width: 100%;
}

.logiGuide form .mainSection div[class$="-title"] {
  color: #000;
  font-size: 15px;
  padding: 10px 0;
}

.logiGuide .logiRadioLabel {
  font-size: 13px;
  color: #000;
  margin: 0;
  margin-left: 5px;
  font-weight: lighter;
}

.logiGuide .cursor-help {
  cursor: help !important;
}

.logiGuide .logiFormActionButtons {
  margin-bottom: 0;
}

.logiGuide .logiFormActionButtons li {
  padding: unset !important;
}

.logiGuide .logiFormActionButtons li button,
.logiGuide .logiFormActionButtons li a {
  border: unset !important;
}

.logiGuide .logiFormActionButtons li:first-child .logi-btn-primary {
  margin-left: 0;
}

.logiGuide .ui-select-bootstrap .ui-select-choices.ui-select-dropdown {
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
}

.logiGuide .logiCustomCheck+label {
  height: 15px;
  width: 15px;
  vertical-align: middle;
  cursor: pointer;
  top: unset;
  z-index: 1;
}

.logiGuide .logiCustomCheck:focus+label {
  border-color: #6F0881;
}

.logiGuide .logiCustomCheck:checked+label:after {
  font-size: 7px;
  left: 2px;
  top: 0;
  line-height: 13px;
}

.logiGuide .input-group .input-group-btn button {
  border: none;
  color: #fff;
  border-radius: 0;
  height: 40px;
  background: #6F0881;
  margin-left: -1px;
  padding: 5px 15px;
}

.logiGuide .icon-calander2 {
  color: #fff;
}

.logiGuide input::-webkit-input-placeholder,
.logiGuide .text-muted {
  color: #999 !important;
}

.logiGuide .has-error {
  border: 1px solid #f05548 !important;
}

.logiGuide .infotipWrapper {
  background: #6F0881;
  box-shadow: 0px 5px 25px -10px #000;
  color: #fff;
  padding: 5px;
  font-size: 12px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  position: absolute;
  border-radius: 3px;
  z-index: 9999;
  width: 220px;
  white-space: initial;
  left: -13px;
  top: 23px;
}

.logiGuide .infotipWrapper:before {
  width: 6px;
  height: 6px;
  content: '';
  border-bottom: 6px solid #6F0881;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
}

.logiGuide .infotipWrapper.setLeft:before {
  top: -6px;
  left: 14px;
}

.logiGuide .infotipWrapper.setRight:before {
  top: -6px;
  left: 194px;
}

.logiGuide form .ui-select-container input {
  border: none !important;
}

.logiGuide form .ui-select-container input:focus {
  border: none !important;
}

.ui-select-container ul.ui-select-choices {
  margin-top: 5px;
  border-radius: 0;
  box-shadow: 0px 10px 36px -10px rgba(0, 0, 0, 0.475);
  border: 0;
}

.ui-select-container ul.ui-select-choices .ui-select-choices-row>a {
  line-height: 36px !important;
  padding: 0 15px;
  font-size: 13px;
}

.ui-select-container .ui-select-search {
  max-width: 100% !important;
  height: 22px !important;
  /* border-bottom: 1px solid #abacba; */
}

.ui-select-container .ui-select-search:focus {
  /* border-bottom: 1px solid #abacba; */
}

.has-error~.errorInfoTip:before {
  content: '!';
  position: absolute;
  background: #f05548;
  right: 8px;
  top: 10px;
  color: #fff;
  z-index: 200;
  width: 16px;
  line-height: 16px;
  height: 16px;
  text-align: center;
  border-radius: 50px;
}

.has-error~.errorInfoTip:after {
  width: 6px;
  height: 6px;
  content: '';
  border-top: 6px solid #f05548;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  position: absolute;
  top: 3px;
  display: none;
  right: 10px;
}

.has-error~.errorInfoTip.dateButtonPresent:before {
  right: -6px !important;
}

.has-error:hover~.errorInfoTip .logiErrorMessages,
.has-error~.errorInfoTip:hover~.errorInfoTip .logiErrorMessages,
.has-error:hover~.errorInfoTip .logiErrorMessagesTel,
.has-error~.errorInfoTip:hover~.errorInfoTip .logiErrorMessagesTel,
.has-error:hover .logiErrorMessages,
.has-error~.errorInfoTip:hover .logiErrorMessages,
.has-error:hover .logiErrorMessagesTel,
.has-error~.errorInfoTip:hover .logiErrorMessagesTel {
  top: 3px !important;
  font-size: 12px;
  box-shadow: 0px 5px 25px -10px #000;
}

.errorInfoTip.dateButtonPresent .logiErrorMessages {
  right: -10px !important;
}

.errorInfoTip.dateButtonPresent:after {
  right: -4px;
}

.logi-nested-number input {
  text-overflow: initial !important;
}

.logiGuide form .mainSection .form .logi-nested-number-sub .sub-child-wrapper input.sub-input {
  margin: 15px 0 !important;
  height: 25px !important;
  line-height: 25px !important;
  min-height: 0 !important;
  border: 0 !important;
}

.logiGuide .main-controller-wrapper-geocoding .logiCustomRadio+label,
.logiGuide .main-controller-wrapper-address .logiCustomRadio+label {
  margin-top: 6px;
}

.dropdown-spinner {
  position: absolute;
  right: 20px;
  top: 40%;
  z-index: 99;
  transform: translateY(-50%);
  border: 2px solid #f3f3f3;
  border-radius: 50%;
  border-top: 2px solid #3498db;
  width: 15px;
  height: 15px;
  -webkit-animation: spin 2s linear infinite;
  /* Safari */
  animation: spin 0.8s linear infinite;
}

.logi-repeat-section-sub {
  border-top: 1px dashed #ddd;
}

.logi-repeat-section-sub:first-child {
  border-top: none;
}

.visitStrip {
  padding: 0;
}

.visitActions {
  font-size: 30px;
}

.visitActions .actionItem {
  border: 2px solid;
  height: 30px;
  width: 30px;
  display: inline-block;
  line-height: initial;
  border-radius: 50%;
  text-align: center;
  line-height: 26px;
  font-weight: lighter;
  margin-top: 23px;
}

.visitActions .actionItem.removeVisit {
  color: #f00;
}

.form-datepicker.datepicker-btn {
  box-shadow: none;
}

.form-datepicker.datepicker-btn input.material-ui-date-rangepicker.globalDtRange {
  line-height: 40px;
  border: 1px solid #979797 !important;
  height: 40px !important;
  line-height: 40px;
  color: #777;
  margin: 18px 0;
}

.form-datepicker.datepicker-btn .calendar-icon {
  height: 40px;
  width: 40px;
  margin: 18px 0;
  line-height: 40px;
}

.page-type-action-toggle .action-item {
  border: 1px solid #979797;
  line-height: 40px;
  position: relative;
  height: 40px;
  font-size: 13px;
}

.page-type-action-toggle .action-item .logi-input label {
  vertical-align: middle;
  margin: 0;
  margin-left: 5px;
}

.page-type-action-toggle .top-label {
  position: absolute;
  font-size: 12px;
  top: -10px;
  line-height: initial;
  background: #fff;
  left: 8px;
}

.shift-timings-label a {
  color: #fff;
}

.logi-repeat-section-sub:first-child .remove {
  color: #fff;
}

a.ui-select-choices-row-inner div {
  text-overflow: ellipsis;
  overflow: hidden;
}

@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }

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

.logiGuide .upload-dm-image {
  float: right;
  cursor: pointer;
  position: relative;
  margin-right: 15px;
  border: 1px solid #979797;
  border-radius: 50%;
  height: 75px;
  width: 75px;
  cursor: pointer;
  display: flex;
  align-items: center;
  overflow: hidden;
  justify-content: center;
}

.logiGuide .upload-dm-image img {
  max-height: 100%;
}

.logiGuide .upload-dm-image .overlay-edit {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.65);
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  display: none;
}

.logiGuide .upload-dm-image:hover .overlay-edit {
  display: flex;
}

#dm-image-input {
  display: none;
}

@-moz-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@-o-keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

#updateMessageTemplates .inputDiv,
#updateCustomerNotificationTemplate .inputDiv {
  padding: 10px;
}

.record-action-options-right .downloadSDLR .logi-btn-primary span {
  max-width: 200px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
  white-space: nowrap;
}

.logi-modal .loaderContainer {
  position: absolute;
}

.logi-modal-crate .modal-body {
  position: relative;
}

.logi-modal-crate .crate-section {
  max-height: calc(100vh - 45px - 71px - 71px - 100px);
  overflow: auto;
  margin: -15px;
}

.logi-modal-crate .crate-section .crate-items {
  padding: 15px 15px 5px 15px;
}

.logi-modal-crate .crate-section .addCrateItemStyl {
  padding: 0px 15px;
}

.bootbox .modal-footer .logi-btn-primary.white {
  float: right;
}

.logi-modal.geocodingmodal-fix .modal-dialog {
  margin-top: 50px;
}

.logi-modal.geocodingmodal-fix .modal-lg .modal-body {
  max-height: calc(100vh - 45px - 50px - 50px);
  width: 100%;
}

.logi-modal .modal-dialog {
  z-index: 9060;
  margin-top: 71px;
}

.logi-modal .modal-dialog.modal-lg {
  width: 90%;
}

.logi-modal .modal-footer {
  margin: 0;
  font-size: 0;
}

.logi-modal .logi-btn-primary:last-child {
  margin-right: 0;
}

.logi-modal.overrideStatus-modal .cancellation-reasons textarea {
  width: 100%;
  margin-top: 15px;
  margin-bottom: 0;
  padding: 15px;
  color: #424242;
  line-height: 1.5;
}

.cancellation-reasons ul.dropdown-menu {
  max-height: 200px;
  overflow: auto;
}

.logi-modal .modal-lg .modal-body {
  max-height: calc(100vh - 45px - 71px - 71px);
  overflow-y: auto;
  width: 100%;
}

#order_tripAssignPopup .ui-grid-pinned-container-left .ui-grid-viewport .ui-grid-cell {
  padding-top: 6px;
}

.logi-modal.bulk-update-modal .record-action-options-li .icon-dropdown-triangle:before {
  font-size: 4px !important;
}

.logi-modal.bulk-update-modal .record-action-options-li a {
  padding-left: 0;
  color: #999 !important;
  letter-spacing: 0 !important;
}

.logi-modal.bulk-update-modal .logi-input-group {
  margin-bottom: 25px;
}

.logi-modal.bulk-update-modal .ui-select-container {
  margin: 0 !important;
}

.logi-modal.bulk-update-modal .ui-select-container input.ui-select-search {
  height: 40px !important;
  line-height: 40px !important;
}

.logi-modal.bulk-update-modal .ui-select-container .ui-select-match {
  line-height: 40px;
}

.logi-modal.notify-modal p {
  font-size: 13px;
  color: #4c4c4c;
}

.logi-modal.notify-modal .image-wrapper {
  margin: 10px 0;
  text-align: center;
}

.logi-modal.notify-modal .image-wrapper img {
  max-width: 200px;
  width: 100%;
}

.logi-modal.notify-modal .message-area {
  margin: 10px 0;
  position: relative;
}

.logi-modal.notify-modal .message-area label {
  position: absolute;
  background: #fff;
  top: -10px;
  left: 10px;
  z-index: 10;
  font-weight: lighter;
  font-size: 12px;
  color: #000;
}

.logi-modal.notify-modal .message-area textarea {
  padding: 10px;
  font-size: 13px;
  outline: none;
  width: 100%;
  resize: none;
}

.logiGuide .upload-file-popup .upload-area {
  position: relative;
  background: #f4f4f4;
  border: 2px dashed rgba(151, 151, 151, 0.4);
  width: 100%;
  height: 240px;
  display: table;
  text-align: center;
  border-radius: 9px;
}

.logiGuide .upload-file-popup .upload-area .upload-loader {
  display: flex;
  align-items: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: #f4f4f4;
  z-index: 10;
}

.logiGuide .upload-file-popup .upload-area.dragenter {
  border: 2px dashed #6F0881;
}

.logiGuide .upload-file-popup .upload-area.dropped {
  border: 2px dashed #6F0881;
}

.logiGuide .upload-file-popup .upload-area.error .message-box {
  color: #f00;
  background: #ffedee;
  border-color: #f00;
}

.logiGuide .upload-file-popup .upload-area.success .message-box {
  background: rgba(0, 200, 0, 0.1);
  border-color: #00c800;
  color: #00c800;
}

.logiGuide .upload-file-popup .upload-area .status-area {
  padding: 25px 0;
}

.logiGuide .upload-file-popup .upload-area .status-area .filename {
  font-size: 17px;
  word-break: break-word;
}

.logiGuide .upload-file-popup .upload-area .status-area .message-box {
  line-height: 18px;
  border: 1px solid;
  margin-top: 10px;
  font-size: 12px;
  padding: 10px;
  border-radius: 3px;
}

.logiGuide .upload-file-popup .upload-area .upload-helper-text {
  width: 100%;
  padding: 0 15px;
  display: table-cell;
  vertical-align: middle;
  line-height: initial;
}

.logiGuide .upload-file-popup .upload-area .upload-helper-text .desc1 {
  display: inline-block;
  color: #999;
  margin: 10px 0;
  font-size: 15px;
}

.logiGuide .upload-file-popup .upload-area .upload-helper-text .desc1 label {
  color: #6F0881;
  cursor: pointer;
}

.logiGuide .upload-file-popup .upload-area .upload-helper-text .desc2 {
  display: inline-block;
  font-size: 12px;
  color: #6F0881;
  cursor: pointer;
}

.logiGuide .upload-file-popup .upload-area .upload-helper-text .desc2 span {
  text-decoration: underline;
}

.logiGuide .upload-file-popup .instructions-area {
  text-align: left;
}

.logiGuide .upload-file-popup .instructions-area .instructions-heading {
  font-size: 13px;
  color: #999;
  margin-top: 20px;
  margin-bottom: 10px;
  font-family: "Gotham-Rounded-Medium";
}

.logiGuide .upload-file-popup .instructions-area ol.instructions-list {
  padding-left: 15px;
}

.logiGuide .upload-file-popup .instructions-area ol.instructions-list li {
  list-style: decimal;
  font-size: 12px;
  color: #999;
}

.logiGuide .upload-file-popup .instructions-area ol.instructions-list li span {
  cursor: pointer;
  color: #6F0881;
  text-decoration: underline;
}

.logi-modal.edit-beat-sequence-popup .sequence-heading {
  margin-bottom: 5px;
}

.logi-modal.edit-beat-sequence-popup .sequence-heading strong {
  font-family: "Gotham-Rounded-Medium";
}

.logi-modal.edit-beat-sequence-popup .sequence-heading span,
.logi-modal.edit-beat-sequence-popup .sequence-heading strong {
  display: inline-block;
  vertical-align: middle;
}

.logi-modal.edit-beat-sequence-popup .sequence-heading span {
  color: #777;
}

.logi-modal.edit-beat-sequence-popup .pageHeader {
  padding: 0 !important;
}

.logi-modal.update-frequency-modal .logi-input {
  width: 100%;
}

.logiGuide .main-controller-wrapper-outlet .outlet-assignnow-modal .ui-grid-pinned-container-left .ui-grid-viewport .ui-grid-cell {
  padding-top: 8px;
}

.logi-modal.showRecordCash-modal strong {
  color: #000;
  font-size: 13px;
  font-weight: lighter;
  font-family: "Gotham-Rounded-Medium";
}

.logi-modal.showRecordCash-modal span {
  font-size: 13px;
}

.add-order-select-trip-modal .ui-grid-pinned-container-left .ui-grid-cell {
  padding-top: 7px;
}

.show-nearest-modal .ui-grid-pinned-container-left .ui-grid-cell {
  padding-top: 7px;
}

.planningResultsTripAssign label {
  margin-top: 7px;
}

.logi-modal.ng-enter {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 0;
}

.logi-modal.ng-enter .modal-dialog {
  opacity: 0;
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
}

.logi-modal.ng-enter.ng-enter-active {
  opacity: 1;
}

.logi-modal.ng-enter.ng-enter-active .modal-dialog {
  margin-top: 71px;
  opacity: 1;
}

.logi-modal.ng-leave {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  opacity: 1;
}

.logi-modal.ng-leave .modal-dialog {
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  transition: 0.4s;
  margin-top: 71px;
}

.logi-modal.ng-leave.ng-leave-active {
  opacity: 0;
}

.stop-trip-modal .logiCustomRadio+label {
  margin-top: 6px;
}

.logi-modal .modal-footer.modal-footer-sticky {
  margin: 0 !important;
  padding: 15px !important;
}

.user-group-modal .leftMargin {
  margin-left: 0;
}

.userRoleModal {
  overflow-y: initial !important;
}

.userRoleModal .options-wrapper {
  overflow-y: initial !important;
  max-height: initial !important;
}

.userRoleModal ul li {
  all: initial;
}

.userRolePrompt {
  position: absolute;
  font-size: 12px;
  width: fit-content;
  transform: translate(33%, -88%);
}

body {
  background: #fafafa;
}

* {
  font-weight: lighter;
}

strong {
  font-family: "Gotham-Rounded-Medium";
}

.deleteConfirmation_message_2 i.logi-icon {
  color: #f03830;
  margin-right: 5px;
}

.color-primary {
  color: #6F0881;
}

.displayPrompt.yOffset {
  margin-top: 65px;
}

.nvd3.nv-noData.nvd3.nv-noData {
  font-size: 13px;
  font-weight: lighter;
  color: #000;
  opacity: 0.7;
}

.heading .dropdown .dropdown-menu li a.selected,
.select-pagesize-container .dropdown .dropdown-menu li a.selected {
  background: #6F0881 !important;
  color: #fff !important;
}

.logiGuide ul.dropdown-menu.overflow-fix li a.selected {
  background: #6F0881 !important;
  color: #fff !important;
}

.logiGuide ul.dropdown-menu.overflow-fix li a.selected span {
  color: #fff !important;
}

.highlight-row {
  background: var(--color-primary-medium) !important;
}

.modal-backdrop {
  opacity: 0 !important;
  display: none;
}

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

.inline {
  display: inline !important;
}

.noBorder {
  border: none !important;
}

.breadcrumb-style {
  font-size: 17px !important;
  line-height: 30px;
  color: #000;
}

.flex-wrapper {
  display: flex !important;
}

.flex-wrapper.nowrap {
  flex-wrap: nowrap;
}

.flex-wrapper.space-between {
  justify-content: space-between;
}

.loaderContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1051;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}

.loaderContainer img {
  width: 150px;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 100px);
}

.bootbox-body {
  color: #4c4c4c;
  font-size: 14px;
}

.text-link {
  color: #6F0881;
  text-decoration: underline;
}

.section-heading {
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
}

.mt15 {
  margin-top: 15px;
}

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

.mb15 {
  margin-bottom: 15px;
}

.margin0.margin0.margin0.margin0 {
  margin: 0 !important;
}

.form-element-margin {
  margin: 18px 0;
}

.form-element-box {
  border: 1px solid #979797;
  height: 40px;
  line-height: 40px;
  padding: 0 8px;
}

.form-element-box .top-label {
  line-height: initial;
  left: 16px;
}

.modal-footer {
  border: none;
}

.logiTable .loaderContainer {
  position: absolute;
}

.logi-container-fluid {
  padding-left: 15px;
  padding-right: 15px;
}

.card {
  background: #fff;
}

.inlineBlock {
  display: inline-block;
  vertical-align: middle;
}

.vAlignCenter {
  vertical-align: middle;
}

.posRelative {
  position: relative;
}

.logiGuide.mainWrapper {
  padding-top: 0;
}

ul.inlineList>li {
  display: inline-block;
  vertical-align: middle;
}

.noMargin {
  margin: 0;
}

.padding0,
.noPadding {
  padding: 0 !important;
}

.rotateMinus90 {
  transform: rotate(-90deg);
}

.cursorPointer {
  cursor: pointer;
}

.overflowAuto {
  overflow: auto;
}

.overflowHidden {
  overflow: hidden;
}

.btn-clear {
  padding: 5px 10px;
  font-size: 14px;
  color: #6F0881;
  background: transparent !important;
  border: none !important;
  padding: 5px 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: #019ae8;
  letter-spacing: 0.6px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.btn-clear:hover {
  font-family: 'Gotham-Rounded-Medium' !important;
}

.table tbody tr td,
.table tbody tr th {
  padding: 8px 10px !important;
}

.modal {
  z-index: 9050 !important;
}

.modal-backdrop {
  z-index: 9040;
}

.container-fluid.logiGuide {
  position: unset;
  left: unset;
  top: unset;
  overflow: unset;
  padding: 0;
}

#primary_hook_cm {
  position: absolute;
  z-index: 0;
  padding: 0;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
  height: 100vh;
}

.mainWrapper {
  margin: unset;
}

footer {
  margin: unset;
  padding: 0px 15px;
  background: #fff;
  border-top: 1px solid #ddd;
  box-shadow: 0px -2px 10px -7px #000;
}

.wrapper.logiPrimaryTheme {
  min-height: 100%;
}

i.logi-icon {
  vertical-align: middle;
}

/* icomoon product icons — font-family + codepoints for all icon-Product-Icons_* and their
   short aliases (icon-cancel, icon-save, icon-delete, etc.).
   The SPA's icon-fallback.css overrides [class^="icon-"]:before to "font-icons"; these
   !important rules on :before restore the correct icomoon font everywhere logi-icon is used. */
[class^="icon-Product-Icons"]:before,
[class*=" icon-Product-Icons"]:before,
.icon-add:before, .icon-duplicate:before,
.icon-download:before,
.icon-update:before, .icon-edit:before,
.icon-manualassign:before,
.icon-assignnow:before,
.icon-settings:before,
.icon-delete:before, .icon-remove:before,
.icon-cancel:before,
.icon-save:before,
.icon-selectallrows:before,
.icon-crates:before,
.icon-printmanifest:before, .icon-printlrcopy:before,
.icon-schedulefrequency:before,
.icon-changepwd:before,
.icon-groupeditbeat:before,
.icon-link:before, .icon-linknew:before,
.icon-markashandover:before,
.icon-publish:before,
.icon-recordcash:before,
.icon-recordtransaction:before,
.icon-restarttrip:before,
.icon-starttrip:before,
.icon-stoptrip:before, .icon-endtrip:before,
.icon-updatealerts:before,
.icon-setalerts:before,
.icon-showdrs:before,
.icon-bulkupdate:before {
  font-family: 'icomoon' !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-Product-Icons_Add:before, .icon-add:before, .icon-duplicate:before { content: "\e900"; }
.icon-Product-Icons_Minus:before { content: "\e901"; }
.icon-Product-Icons_Arrow-Left:before { content: "\e902"; }
.icon-Product-Icons_Arrow-Right:before { content: "\e903"; }
.icon-Product-Icons_Navbar-Up:before { content: "\e904"; }
.icon-Product-Icons_Navbar-Down:before { content: "\e905"; }
.icon-Product-Icons-22:before, .icon-assignnow:before { content: "\e906"; }
.icon-Product-Icons_Book-MArk:before { content: "\e907"; }
.icon-Product-Icons_Calendar:before { content: "\e908"; }
.icon-Product-Icons_Upload:before { content: "\e909"; }
.icon-Product-Icons_Download:before, .icon-download:before { content: "\e90a"; }
.icon-Product-Icons_Edit-1:before, .icon-update:before, .icon-edit:before, .icon-bulkupdate:before { content: "\e90b"; }
.icon-Product-Icons_Edit-2:before { content: "\e90c"; }
.icon-Product-Icons_Filter-15:before { content: "\e90d"; }
.icon-Product-Icons_Filter-21:before { content: "\e90e"; }
.icon-Product-Icons_Key:before { content: "\e90f"; }
.icon-Product-Icons_Manual-Assign:before, .icon-manualassign:before { content: "\e910"; }
.icon-Product-Icons_more-vertical:before { content: "\e911"; }
.icon-Product-Icons_More-Horizontal:before { content: "\e912"; }
.icon-Product-Icons_Navbar-Help:before { content: "\e913"; }
.icon-Product-Icons_Navbar_Search:before { content: "\e914"; }
.icon-Product-Icons_Navbar_Settings:before, .icon-settings:before { content: "\e915"; }
.icon-Product-Icons_Navbar-Flash:before { content: "\e916"; }
.icon-Product-Icons_Navbar_User:before { content: "\e917"; }
.icon-Product-Icons_Override-Status:before { content: "\e918"; }
.icon-Product-Icons_Power:before { content: "\e919"; }
.icon-Product-Icons_Trash-Blank:before, .icon-delete:before, .icon-remove:before { content: "\e91a"; }
.icon-Product-Icons_Trash-FIll:before { content: "\e91b"; }
.icon-Product-Icons_X:before, .icon-cancel:before { content: "\e91c"; }
.icon-Product-Icons_Alert-Notification:before { content: "\e91d"; }
.icon-Product-Icons_Check-Circle:before { content: "\e91e"; }
.icon-Product-Icons_Download-EPOD:before { content: "\e91f"; }
.icon-Product-Icons_Download-Excel:before { content: "\e920"; }
.icon-Product-Icons_Download-Report:before { content: "\e921"; }
.icon-Product-Icons_Excel:before { content: "\e922"; }
.icon-Product-Icons_Manual-Assign-1:before { content: "\e923"; }
.icon-Product-Icons_Reset:before { content: "\e924"; }
.icon-Product-Icons_Save-and-Assign:before { content: "\e925"; }
.icon-Product-Icons_Save:before, .icon-save:before { content: "\e926"; }
.icon-Product-Icons-30:before { content: "\e927"; }
.icon-Product-Icons-31:before { content: "\e928"; }
.icon-Product-Icons-32:before { content: "\e929"; }
.icon-Product-Icons-38:before { content: "\e92a"; }
.icon-Product-Icons-50:before { content: "\e92b"; }
.icon-Product-Icons_Edit-Shape:before { content: "\e92c"; }
.icon-Product-Icons_Create-Geofence:before { content: "\e92d"; }
.icon-Product-Icons_Merge:before { content: "\e92e"; }
.icon-Product-Icons_Exit-Full-Screen:before { content: "\e92f"; }
.icon-Product-Icons_Full-Screen:before { content: "\e930"; }
.icon-Product-Icons_Focus:before { content: "\e931"; }
.icon-Product-Icons_Hub:before { content: "\e932"; }
.icon-Product-Icons_Fleet:before { content: "\e933"; }
.icon-Product-Icons_Van:before { content: "\e934"; }
.icon-Product-Icons_Order:before, .icon-crates:before { content: "\e935"; }
.icon-Product-Icons_-icon-printmanifest:before, .icon-printmanifest:before, .icon-printlrcopy:before { content: "\e937"; }
.icon-Product-Icons_-icon-schedulefrequency:before, .icon-schedulefrequency:before { content: "\e938"; }
.icon-Product-Icons_Bar-chart1:before { content: "\e939"; }
.icon-Product-Icons_Bar-chart2:before { content: "\e93a"; }
.icon-Product-Icons_icon-changepwd:before, .icon-changepwd:before { content: "\e93b"; }
.icon-Product-Icons_icon-groupeditbeat:before, .icon-groupeditbeat:before { content: "\e93c"; }
.icon-Product-Icons_icon-linknew:before, .icon-link:before, .icon-linknew:before { content: "\e93d"; }
.icon-Product-Icons_icon-markashandover:before, .icon-markashandover:before { content: "\e93e"; }
.icon-Product-Icons_icon-publish:before, .icon-publish:before { content: "\e93f"; }
.icon-Product-Icons_icon-recordcash:before, .icon-recordcash:before { content: "\e940"; }
.icon-Product-Icons_icon-recordtransaction:before, .icon-recordtransaction:before { content: "\e941"; }
.icon-Product-Icons_icon-restarttrip:before, .icon-restarttrip:before { content: "\e942"; }
.icon-Product-Icons_icon-starttrip:before, .icon-starttrip:before { content: "\e943"; }
.icon-Product-Icons_icon-stoptrip:before, .icon-stoptrip:before, .icon-endtrip:before { content: "\e944"; }
.icon-Product-Icons-71:before { content: "\e945"; }
.icon-Product-Icons_icon-updatealerts:before, .icon-updatealerts:before { content: "\e946"; }
.icon-Product-Icons_icon-setalerts:before, .icon-setalerts:before { content: "\e947"; }
.icon-Product-Icons_Send-as-email-button:before { content: "\e948"; }
.icon-Product-Icons_sort-ascending1:before { content: "\e949"; }
.icon-Product-Icons_sort-ascending2:before { content: "\e94a"; }
.icon-Product-Icons-77:before { content: "\e94b"; }
.icon-Product-Icons_sort-descendin2:before { content: "\e94c"; }
.icon-Product-Icons-61:before, .icon-showdrs:before { content: "\e94d"; }
.icon-Product-Icons_percent_toggle:before { content: "\e94e"; }
.icon-Product-Icons-73:before { content: "\e94f"; }
.icon-Product-Icons_tick:before, .icon-selectallrows:before { content: "\e950"; }

.logi-btn-primary {
  height: 40px;
  box-shadow: 0px 2px 11px -5px #000;
  line-height: 40px;
  display: inline-block;
  cursor: pointer;
  border-radius: 0;
  margin: 0px 5px;
  width: auto;
  padding: 0px 15px;
  letter-spacing: 0.6px;
  border-radius: 2px !important;
  border: none !important;
  font-size: 13px;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.logi-btn-primary.disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.logi-btn-primary:hover {
  box-shadow: 0px 7px 27px -8px #000;
}

.logi-btn-primary span {
  vertical-align: middle;
}

.logi-btn-primary i.logi-icon {
  margin-right: 5px;
  font-size: 19px;
}

.logi-btn-primary.blue {
  background: #6F0881 !important;
  color: #fff !important;
}

.logi-btn-primary.white {
  background: #fff !important;
  color: #6F0881 !important;
}

[class*=hint--]:before {
  text-align: center;
  text-transform: capitalize;
  border-bottom-color: #287ecc;
}

[class*=hint--]:after {
  text-align: center;
  text-transform: none;
  background: #6F0881;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: none;
  font-size: 12px;
  font-family: "Gotham-Rounded";
  border-radius: 3px;
}

.breadcrumb-dropdown-item {
  display: inline-block;
  vertical-align: middle;
  margin: unset;
}

.breadcrumb-dropdown-item .dropdown {
  vertical-align: middle;
}

.breadcrumb-dropdown-item i {
  margin: 0px 7px;
}

.breadcrumb-dropdown-item .breadcrumb-arrow-right,
.breadcrumb-dropdown-item .breadcrumb-arrow-down {
  margin: 0px 10px;
}

.dashboardFilter {
  padding: 0 15px;
  display: inline-block;
  vertical-align: middle;
}

.filtersContainer .filter-item {
  margin: 5px 10px;
}

.dashboardFilter .filter-item,
.filtersContainer .filter-item {
  position: relative;
  cursor: pointer;
  background: #fff;
  display: inline-block;
  padding: 0px 10px;
  font-size: 13px;
  line-height: 26px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  box-shadow: 0px 2px 15px -6px #000;
  padding-left: 20px;
  color: #525252;
}

.dashboardFilter .filter-item a,
.filtersContainer .filter-item a {
  color: #dd5044;
  margin-left: 5px;
}

.dashboardFilter .filter-item:before,
.filtersContainer .filter-item:before {
  content: '';
  left: -13px;
  position: absolute;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 13px solid #fff;
}

.dashboardFilter .filter-item:after,
.filtersContainer .filter-item:after {
  content: "";
  height: 10px;
  width: 10px;
  /* background: black; */
  position: absolute;
  top: 8px;
  left: 0px;
  z-index: -1;
  box-shadow: -2px 1px 17px 0px;
}

.dashboardFilter .filter-item span:before,
.filtersContainer .filter-item span:before {
  content: '';
  height: 10px;
  width: 10px;
  background: #eee;
  position: absolute;
  left: 0;
  top: 8px;
  border-radius: 50%;
  box-shadow: inset 1px 2px 8px -4px #000;
}

.filter-item.selectedFilterDiv {
  background: #6F0881;
  color: #fff;
}

.filter-item.selectedFilterDiv:before {
  border-right-color: #6F0881;
}

.filter-item.selectedFilterDiv a {
  color: #fff;
}

.panel.panel-default>.panel-heading,
.panel-title {
  margin: unset;
}

.panel.panel-default {
  border: none;
  box-shadow: 0px 5px 18px -10px #000;
}

.panel.panel-default .panel-heading {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
}

.panel.panel-default .panel-heading h4.panel-title {
  line-height: 40px;
}

.panel.panel-default .panel-heading h4.panel-title a {
  color: #444;
}

.panel.panel-default .panel-heading h4.panel-title a:hover {
  color: #444;
}

.panel.panel-open .panel-heading {
  background: #6F0881;
}

.panel.panel-open .panel-heading h4.panel-title a {
  color: #fff !important;
}

.templateActionBtns {
  padding-right: 15px;
}

.templateActionBtns li {
  margin: 0px 5px;
}

.templateActionBtns li a {
  color: #444 !important;
}

.templateActionBtns li a:hover {
  background: transparent;
  color: #444 !important;
}

.panel .panel-body {
  padding: 0 !important;
}

.tab-pane .mainWrapper.logiGuide {
  padding-top: 0;
}

.tab-pane .mainWrapper.logiGuide .centerContent {
  min-height: 0;
}

#beatPlanGrid .uiGridTableWrapper {
  height: 100%;
}

.logiGuide-card .logiTable,
.logiGuide-card .card {
  box-shadow: none !important;
}

.logiTable .table-responsive {
  max-height: calc(100vh - 60px);
}

.logiTable .record-action-options-right a {
  color: #777;
}

.no-card-shadow.no-card-shadow.no-card-shadow.no-card-shadow .logiTable {
  box-shadow: none !important;
}

.no-card-shadow.no-card-shadow.no-card-shadow.no-card-shadow .card {
  box-shadow: none !important;
}

.logiTable {
  box-shadow: 0px 2px 20px -10px #000 !important;
}

.logiTable .table-top-margin.card {
  margin-top: 0;
}

.logiTable .logiGuide .table-wrapper .table-record-actions .record-action-options>li a,
.logiTable .table tbody tr td:hover td,
.logiTable .table tbody tr.record:hover td {
  background: #fff;
}

.logiTable .pagination-buttons.h30l30 {
  margin-top: 7px;
}

.logiTable .pagination-container-perPage {
  margin-left: 10px !important;
}

.logiTable .table-wrapper .table-record-actions {
  background: #fff;
  border: none;
}

.logiTable .table-responsive,
.logiTable table {
  border: none;
}

.logiTable .record-action-options-right .moreOptionBtn {
  color: #777;
  margin-right: 10px;
}

.logiTable .logiTable .downloadSDLR li span {
  line-height: initial !important;
}

.logiTable .table-striped tbody tr {
  border-bottom: 1px solid #ddd;
}

.logiTable .table-striped tbody tr:last-child {
  border-bottom: none;
}

.logiTable .table-striped tbody tr:nth-child(odd) td,
.logiTable .table-striped tbody tr:nth-child(odd) th {
  background: #fff;
}

.logiTable .table-wrapper .table-record-actions .record-action-options>li .hide-overlay {
  background: rgba(255, 255, 255, 0.6);
}

.logiTable .table tbody tr td:first-child .logiCustomCheck+label {
  top: 0;
}

.logiTable .marker.tip {
  position: absolute;
  margin-top: -15px;
  margin-left: unset;
}

.logiTable .table tbody tr td,
.logiTable .table tbody tr th {
  border-right: none !important;
}

.logiTable .table td div {
  font-size: 12px !important;
}

.logiTable .table>thead>tr>th {
  border: none !important;
}

.logiTable .table tbody tr td,
.logiTable .table tbody tr th,
.logiTable .table thead tr th {
  padding: 8px 15px !important;
}

.logiTable .downloadSDLR.preferencesScrollable span {
  line-height: initial;
}

.logiTable .downloadSDLR.preferencesScrollable hr {
  display: none;
}

.logiTable .button-col-action {
  width: initial !important;
}

.logiTable .noOfUsers,
.logiTable .noOfBranches {
  text-align: center;
}

.logiTable .noOfUsers span,
.logiTable .noOfBranches span {
  width: auto !important;
}

.main-controller-wrapper-userGroup .logiTable .edit-btn {
  position: absolute;
  left: 10px;
  width: auto;
}

.table tbody tr td span,
table tbody tr td div:not(.ui-select-choices-row):not(.ui-select-container):not(.logi-multiselect):not(.gantt-header-columns):not(.gantt):not(.gantt-side):not(.gantt-scrollable-header):not(.gantt-row):not(.gantt-header-row):not(.gantt-column-header):not(.gantt-inner),
.table tbody tr th span {
  font-size: 12px !important;
}

.logi-modal .logiTable {
  box-shadow: none !important;
}

.logi-modal .logiTable .table-responsive {
  height: 100%;
  position: relative;
}

.flex-summary {
  display: flex;
  flex-wrap: wrap;
}

.flex-summary .summary-item {
  float: none !important;
}

.daterangepicker.dropdown-menu:after,
.daterangepicker.dropdown-menu:before {
  display: none !important;
}

.logi-spinner {
  margin: 0 auto;
  width: 120px;
  text-align: center;
}

.logi-spinner>div {
  width: 15px;
  height: 15px;
  background-color: #6F0881;
  margin: 0 5px;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.logi-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.logi-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

.loaderContainer,
.loaderContainer_special {
  background: rgba(255, 255, 255, 0.8);
}

.loaderContainer .logi-spinner,
.loaderContainer_special .logi-spinner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.total-records-loader {
  width: 25px;
  display: inline-flex;
  vertical-align: middle;
}

.total-records-loader>div {
  width: 4px;
  height: 4px;
  margin: 0 2px;
  background-color: #dadbe0 !important;
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
  }
}

@-moz-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-webkit-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@-o-keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes sk-bouncedelay {

  0%,
  80%,
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  40% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@media all and (max-width: 1180px) {
  .logiGuide.headnav .nav-item a {
    font-size: 12px;
  }

  .nav-widgets li {
    margin: 0px 2px;
  }
}

@media all and (max-width: 1090px) {
  .logiGuide.headnav .nav-items-wrapper {
    display: none;
  }

  .logiGuide.headnav .mobile-menu-btn {
    display: block !important;
  }
}

[ng-quill-editor] {
  display: block;
}

.logiGuide .ql-mention-denotation-char {
  display: none;
}

.logiGuide .ql-container {
  border: none !important;
}

.logiGuide .ql-toolbar {
  display: none;
}

.logiGuide .ql-editor {
  border: 1px solid #979797;
  background: #fff;
  font-family: 'Gotham-Rounded';
  font-size: 12px;
  color: #333;
  padding: 10px;
  letter-spacing: 0.5px;
  min-height: 40px;
  line-height: 23px;
}

.logiGuide .ql-editor.ql-blank::before {
  font-style: initial;
  color: rgba(0, 0, 0, 0.4);
}

.logiGuide .editor_emailBody .ql-editor {
  min-height: 100px;
}

.logiGuide .editorFieldWrapper {
  margin-bottom: 18px;
  margin-top: 5px;
}

.logiGuide .editorFieldLabel {
  font-size: 12px;
  transform: translate(7px, -9px);
  background: #fff;
  position: absolute;
  z-index: 2;
}

.logiGuide .editorFieldWrapper .smsCount {
  text-align: right;
  color: #808080;
  font-size: 12px;
  margin-top: 5px;
}

.logiGuide .mention {
  height: auto;
  width: auto;
  border-radius: 3px;
  background-color: #fff;
  color: #6F0881;
  padding: 0px 3px;
  white-space: nowrap;
  pointer-events: none;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0px;
}

.logiGuide .mention>span {
  margin-left: 0px;
  margin-right: 2px;
}

.logiGuide .mention::before {
  content: '@';
  opacity: 0.7;
}

.logiGuide .alertCommonNote {
  position: relative;
  font-size: 12px;
  top: 0px;
  background: #fff;
  color: #808080;
  margin-top: 5px;
}

.logiGuide .ql-mention-list-container {
  overflow-y: scroll;
  max-height: 150px;
  max-width: 170px;
}

.logiGuide .ql-mention-list {
  box-shadow: 0px 18px 46px -10px rgba(0, 0, 0, 0.475);
  padding: 5px 0;
  margin: 0;
  font-family: "Gotham-Rounded";
}

.logiGuide .ql-mention-list li {
  line-height: 36px;
  padding: 0px 15px;
  font-size: 12px;
  height: auto;
  width: auto;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.logiGuide .ql-mention-list li.selected {
  background: #f9f9fa;
  color: #6F0881;
}

.ui-tooltip {
  text-align: center;
  text-transform: none;
  background: #6F0881;
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-shadow: none;
  font-size: 12px;
  border-radius: 3px;
  color: #fff;
}

.ui-tooltip-content {
  position: relative;
  padding: 0 5px;
  word-break: break-word;
}

.abs-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.logiGuide .table-wrapper .table-record-actions .shrink .record-action-options>li a {
  margin: 0 2px;
  font-size: 10px;
  padding: 0 3px;
  max-width: 80px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.alerts-bell .widget-item {
  display: flex;
  align-items: center;
  line-height: initial;
  justify-content: center;
}

.alerts-bell .widget-item .bell-wrapper svg {
  max-height: 24px !important;
  vertical-align: middle;
}

.alerts-bell .widget-item .bell-wrapper svg path.other {
  fill: #999;
}

.alerts-bell .widget-item .bell-wrapper svg rect.other {
  fill: #999;
}

.alerts-bell .widget-item .bell-wrapper svg polygon.other {
  fill: #999;
}

.alerts-bell .widget-item:hover svg path.other {
  fill: #fff;
}

.alerts-bell .widget-item:hover svg rect.other {
  fill: #fff;
}

.alerts-bell .widget-item:hover svg polygon.other {
  fill: #fff;
}

.alerts-bell.highlight .widget-item {
  background: #6F0881;
  border-color: #6F0881;
}

.alerts-bell.highlight .widget-item svg path.other {
  fill: #fff;
}

.alerts-bell.highlight .widget-item svg rect.other {
  fill: #fff;
}

.alerts-bell.highlight .widget-item svg polygon.other {
  fill: #fff;
}

.ui-grid-render-container .ui-grid-viewport {
  position: relative;
}

.ui-grid-render-container .ui-grid-canvas {
  position: static;
  background-image: linear-gradient(0deg, #ddd 0%, #fff 5%);
  background-size: 43px 30px;
}

.ui-grid-render-container .ui-grid-canvas .ui-grid-row {
  position: relative;
}

.main-controller-wrapper-beat .ui-grid-render-container .ui-grid-canvas,
.main-controller-wrapper-outlet .ui-grid-render-container .ui-grid-canvas,
.routePlanWrapper .ui-grid-render-container .ui-grid-canvas {
  position: static;
  background-image: linear-gradient(0deg, #ddd 0%, #fff 2%);
  background-size: 43px 60px;
}

.start-date.end-date {
  border-radius: 50% !important;
}

::-webkit-scrollbar {
  width: 6px;
}

::-webkit-scrollbar-track {
  background: #eee;
  box-shadow: inset 0px 0px 7px -5px #000;
}

::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #777;
}

::-webkit-scrollbar-button {
  display: none;
}

::-moz-scrollbar {
  width: 6px;
}

::-moz-scrollbar-track {
  background: #eee;
  box-shadow: inset 0px 0px 7px -5px #000;
}

::-moz-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.3);
  border-radius: 5px;
}

::-moz-scrollbar-thumb:hover {
  background: #777;
}

.logi-progressbar-section {
  margin-bottom: 15px;
  display: flex;
}

.logi-progressbar-section .scrollArrow {
  font-size: 20px;
  margin-top: 10px;
  display: inline-block;
  cursor: pointer;
  padding: 10px;
  opacity: 0.6;
}

.logi-progressbar-section .scrollArrow:hover {
  opacity: 1;
}

.logi-progressbar-section .progress-items-wrapper .progress-item:last-child:after {
  display: none;
}

.logi-progressbar-section .progress-items-wrapper .progress-item:first-child:before {
  display: none;
}

.logi-progressbar-section .progressDiv .progress-item {
  min-width: 90px;
}

.logi-progressbar-section .origin-dest-item {
  padding: 19px 15px !important;
  max-width: 100px;
  flex-grow: 2;
}

.logi-progressbar-section .origin-dest-item,
.logi-progressbar-section .progress-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}

.logi-progressbar-section .arrow-item {
  padding: 19px 10px !important;
  max-width: 50px;
}

.logi-progressbar-section .progress-item {
  padding: 0px 10px;
  position: relative;
}

.logi-progressbar-section .progress-item .title {
  font-size: 13px;
  word-wrap: break-word;
  color: #000;
  word-wrap: break-word;
  font-family: "Gotham-Rounded-Medium";
  letter-spacing: 0.2px;
}

.logi-progressbar-section .progress-item .subtitle {
  letter-spacing: 0.2px;
  color: #939393;
  font-size: 11px;
  margin-top: 3px;
}

.logi-progressbar-section .progress-item .image .status-circle {
  position: relative;
  z-index: 10;
  height: 35px;
  width: 35px;
  display: inline-block;
  border-radius: 50%;
  color: #6e6e6e;
  line-height: 30px;
  margin: 5px 0;
  background: #fff;
  border: 3px solid #ddd;
}

.logi-progressbar-section .progress-item .image .status-circle i.icon:before {
  display: none;
  font-size: 12px;
}

.logi-progressbar-section .progress-items-wrapper {
  padding: 19px 0;
  flex-grow: 8;
  display: flex;
  overflow-x: auto;
}

.logi-progressbar-section .progress-items-wrapper .progress-item .title {
  color: #6e6e6e;
}

.logi-progressbar-section .progress-items-wrapper .progress-item:before,
.logi-progressbar-section .progress-items-wrapper .progress-item:after {
  content: "";
  border-top: 3px solid #ddd;
  width: 50%;
  height: 0px;
  position: absolute;
  left: 0;
  top: 20px;
}

.logi-progressbar-section .progress-items-wrapper .progress-item:before {
  left: 0%;
}

.logi-progressbar-section .progress-items-wrapper .progress-item:after {
  left: 52.8%;
  right: 0;
}

.logi-progressbar-section .progress-items-wrapper .progress-item.completed:before,
.logi-progressbar-section .progress-items-wrapper .progress-item.completed:after {
  border-color: #F4E1FF;
}

.logi-progressbar-section .progress-items-wrapper .progress-item.completed .image .status-circle {
  color: #fff;
  background: #6F0881;
  border: 2px solid #6F0881;
}

.logi-progressbar-section .progress-items-wrapper .progress-item.completed .image .status-circle i.icon:before {
  display: inline;
}

.logi-progressbar-section .hub-icon-milestone {
  z-index: 10;
  position: relative;
  display: inline-block;
  background: #fff;
  margin: 5px 0;
}

.logi-progressbar-section .milestone-no-link {
  position: absolute;
  text-decoration: underline;
  font-size: 11px;
  left: -30px;
  transform: translate(50%, -20%);
}

.logi-progressbar-section .milestone-no-link-elipses {
  transform: translate(95%, -20%);
  top: 0;
  width: 70%;
  left: -5%;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: 11;
}

.summary-card {
  padding: 15px;
}

.summary-card .summary-block {
  margin-bottom: 15px;
  border-bottom: 1px solid #d0d0d0;
}

.summary-card .summary-block:last-child {
  border: none;
}

.summary-card .summary-heading {
  width: 100%;
  margin-bottom: 15px;
  font-size: 15px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
}

.tripHistoryMapCard {
  overflow-y: auto;
}

.tripHistoryMapCard .noLocHistDataDiv {
  line-height: 30px;
  color: #000;
  font-size: 13px;
  font-family: "Gotham-Rounded-Medium";
}

.location-alerts-wrapper {
  padding: 15px;
}

.location-alerts-wrapper h4 {
  margin: 0;
  font-size: 15px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  margin-bottom: 15px;
}

.location-alerts-wrapper .alert-item {
  padding: 15px 0;
  border-bottom: 1px solid #ddd;
}

.location-alerts-wrapper .alert-item:last-child {
  border: none;
}

.location-alerts-wrapper .alert-item .location-status {
  font-size: 13px;
  color: #000;
  font-family: "Gotham-Rounded-Medium";
}

.location-alerts-wrapper .alert-item .location-date-time-stamp {
  color: #767676;
  font-size: 12px;
  margin-top: 5px;
}

.location-alerts-wrapper .alert-item .location-date-time-stamp span:first-child {
  border-right: 1px solid #999;
  padding-right: 10px;
  margin-right: 10px;
}

.location-alerts-wrapper .alert-item .location-date-time-stamp span:last-child {
  border: none;
}

.logi-tabset .tab-content {
  box-shadow: 0px 2px 20px -10px #000;
  background: #fff;
  position: relative;
}

.logi-tabset ul.nav-tabs {
  border-bottom: 0;
  margin-bottom: 0;
}

.logi-tabset ul.nav-tabs li.nav-item a.nav-link {
  cursor: pointer;
  display: inline-block;
  padding: 0 15px;
  line-height: 40px;
  border-radius: 0;
  background: #fff;
  color: #6F0881;
  font-size: 12px;
  letter-spacing: 0.2px;
  border: 0;
  box-shadow: 1px 0px 10px -5px #000;
  margin: 0;
  margin-right: 1px;
}

.logi-tabset ul.nav-tabs li.nav-item.active a.nav-link {
  background: #6F0881;
  color: #fff;
}

.nav-tabs>li.disabled a {
  opacity: 0.7;
  cursor: not-allowed !important;
}

.summary-card {
  overflow-y: auto;
  overflow-x: hidden;
}

.summary-card .control-label {
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
}

.summary-card .grey-text {
  display: block;
  color: #767676;
  font-size: 13px;
}

.summary-card .summary-item,
.summary-card .pb-dmdetails {
  margin: 10px 0;
  padding-right: 15px;
  min-width: 200px;
  min-height: 65px;
  width: 25%;
  float: left;
  font-size: 13px;
}

.summary-card .summary-item strong,
.summary-card .pb-dmdetails strong {
  color: #000;
  font-family: "Gotham-Rounded-Medium";
  font-size: 13px;
  display: block;
  margin-bottom: 5px;
  font-weight: lighter;
}

.summary-card .summary-item span,
.summary-card .pb-dmdetails span {
  display: block;
  color: #767676;
  font-size: 13px;
  word-wrap: break-word;
  height: 37px;
  overflow-y: auto;
}

.disableUigridCheckbox.disableUigridCheckbox.disableUigridCheckbox {
  pointer-events: auto;
  background: #eee !important;
  cursor: not-allowed !important;
  box-shadow: inset 0px 0px 0px 1px #eee;
}

.walletpage .balance-item {
  font-size: 13px;
  line-height: 30px;
  background: #fff;
  padding: 0 10px;
  box-shadow: 0px 2px 11px -5px #000;
  color: #424242;
  margin: 0 5px;
}

.walletpage .balance-item strong {
  font-family: "Gotham-Rounded-Medium";
  padding-right: 5px;
}

.logiGuide .ui-grid-row .edit-btn {
  z-index: 99;
  position: absolute;
  line-height: 24px;
  text-align: right;
  left: 3px;
  color: #6F0881;
  font-size: 15px;
  margin-top: -19px;
}

.logiGuide span.calendarTab {
  width: 100%;
}

.logiGuide .main-controller-wrapper-outlet #id-monday,
.logiGuide .main-controller-wrapper-outlet #id-tuesday,
.logiGuide .main-controller-wrapper-outlet #id-wednesday,
.logiGuide .main-controller-wrapper-outlet #id-thursday,
.logiGuide .main-controller-wrapper-outlet #id-friday,
.logiGuide .main-controller-wrapper-outlet #id-saturday,
.logiGuide .main-controller-wrapper-outlet #id-sunday {
  padding: 0;
}

.logiGuide .main-controller-wrapper-outlet #id-monday .calendarTabSelected,
.logiGuide .main-controller-wrapper-outlet #id-tuesday .calendarTabSelected,
.logiGuide .main-controller-wrapper-outlet #id-wednesday .calendarTabSelected,
.logiGuide .main-controller-wrapper-outlet #id-thursday .calendarTabSelected,
.logiGuide .main-controller-wrapper-outlet #id-friday .calendarTabSelected,
.logiGuide .main-controller-wrapper-outlet #id-saturday .calendarTabSelected,
.logiGuide .main-controller-wrapper-outlet #id-sunday .calendarTabSelected {
  text-align: center;
  padding: 13px 10px;
  background: #f3f7af;
}

.logiGuide .main-controller-wrapper-outlet #id-monday .calendarTabSelected .icon-bullet,
.logiGuide .main-controller-wrapper-outlet #id-tuesday .calendarTabSelected .icon-bullet,
.logiGuide .main-controller-wrapper-outlet #id-wednesday .calendarTabSelected .icon-bullet,
.logiGuide .main-controller-wrapper-outlet #id-thursday .calendarTabSelected .icon-bullet,
.logiGuide .main-controller-wrapper-outlet #id-friday .calendarTabSelected .icon-bullet,
.logiGuide .main-controller-wrapper-outlet #id-saturday .calendarTabSelected .icon-bullet,
.logiGuide .main-controller-wrapper-outlet #id-sunday .calendarTabSelected .icon-bullet {
  color: #6F0881;
  margin-right: 5px;
}

.logiGuide .main-controller-wrapper-outlet #id-monday .calendarTabSelected .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-tuesday .calendarTabSelected .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-wednesday .calendarTabSelected .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-thursday .calendarTabSelected .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-friday .calendarTabSelected .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-saturday .calendarTabSelected .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-sunday .calendarTabSelected .icon-bullet:before {
  font-size: 10px;
}

.logiGuide .main-controller-wrapper-outlet #id-monday .calendarUnassigned,
.logiGuide .main-controller-wrapper-outlet #id-tuesday .calendarUnassigned,
.logiGuide .main-controller-wrapper-outlet #id-wednesday .calendarUnassigned,
.logiGuide .main-controller-wrapper-outlet #id-thursday .calendarUnassigned,
.logiGuide .main-controller-wrapper-outlet #id-friday .calendarUnassigned,
.logiGuide .main-controller-wrapper-outlet #id-saturday .calendarUnassigned,
.logiGuide .main-controller-wrapper-outlet #id-sunday .calendarUnassigned {
  color: #f00 !important;
  font-style: italic;
}

.logiGuide .main-controller-wrapper-outlet #id-monday .calendarUnassigned .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-tuesday .calendarUnassigned .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-wednesday .calendarUnassigned .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-thursday .calendarUnassigned .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-friday .calendarUnassigned .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-saturday .calendarUnassigned .icon-bullet:before,
.logiGuide .main-controller-wrapper-outlet #id-sunday .calendarUnassigned .icon-bullet:before {
  font-size: 9px;
  color: #f00 !important;
}

.logiGuide .main-controller-wrapper-outlet .ui-grid-pinned-container-left .ui-grid-viewport .ui-grid-cell label {
  margin-top: 18px;
}

.acitiviyLogMain .timeline-centered .timeline-entry .timeline-entry-inner .timeline-label {
  border: 1px solid #ddd;
}

.acitiviyLogMain .eventMasterSection {
  padding-top: 15px;
  border-left: 1px solid #ddd;
}

.acitiviyLogMain .corner {
  top: 9px !important;
}

.acitiviyLogMain .searchIcon {
  top: 7px !important;
}

#imagePanel {
  background: rgba(12, 26, 31, 0.71);
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}

#imagePanel .btn-close {
  position: absolute;
  right: 0px;
  top: 0px;
  color: #fff;
  font-size: 40px;
  padding: 0 15px;
  opacity: 0.65;
}

#imagePanel .btn-close:hover {
  opacity: 1;
}

#imagePanel .image-panel-wrapper {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
}

#imagePanel .image-panel-wrapper .icon-image-navigation {
  cursor: pointer;
  opacity: 0.65;
}

#imagePanel .image-panel-wrapper .icon-image-navigation:hover {
  opacity: 1;
}

#imagePanel .image-panel-wrapper .icon-image-navigation:before {
  color: #fff;
  padding: 15px;
}

.card-subline {
  color: #707082;
  font-size: 13px;
  padding-top: 5px;
  font-family: "Gotham-Rounded";
}

.dm-performance-page .dmHstAttandance {
  margin-bottom: 10px;
}

.dm-performance-page .dmHstAttandance .pull-left {
  padding-right: 10px;
}

.dm-performance-page .dmLagendTitle {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.dm-performance-page .titleBorder {
  border-bottom: 1px solid #ddd;
}

.dm-performance-page .attendanceBadge .nv-legendWrap.nvd3-svg {
  display: none;
}

.dm-performance-page .nvd3.nv-noData {
  transform: translate(-20px, 40px);
  text-anchor: middle;
  fill: #707082;
  font-family: "Gotham-Rounded";
  font-weight: lighter;
  font-size: 14px;
}

.dm-performance-page .tripStatsDonutBadge .nv-legend {
  transform: translate(234px, 134px);
}

.analytics-badge-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}

.analytics-badge-wrapper .badge-item {
  text-align: center;
  background: #fff;
  flex-grow: 1;
  padding: 15px;
  border-right: 1px solid #ddd;
}

.analytics-badge-wrapper .badge-item:last-child {
  border: none;
}

.attendanceCalendar .well.uib-datepicker {
  font-size: 15px;
  border-radius: 0;
  border: 0;
  padding: 0;
  margin: 0;
  background: #fff;
  box-shadow: none;
}

.attendanceCalendar .well.uib-datepicker * {
  border-radius: 0;
}

.attendanceCalendar .well.uib-datepicker .btn-default {
  border: 0;
}

.attendanceCalendar .well.uib-datepicker thead tr th {
  padding: 5px;
}

.attendanceCalendar .well.uib-datepicker thead tr:first-child th {
  padding: 0;
}

.attendanceCalendar .well.uib-datepicker thead tr:first-child th button {
  font-size: 15px;
  color: #fff;
  background: #6F0881 !important;
}

.attendanceCalendar .well.uib-datepicker thead tr:first-child th button.active,
.attendanceCalendar .well.uib-datepicker thead tr:first-child th button:active {
  box-shadow: none;
}

.main-controller-wrapper-beat .calendarTabSelectedBeatMaster {
  background: #f3f7af;
  line-height: 60px;
  padding: 0px 5px;
}

.ui-grid-draggable-row-target {
  opacity: 0.8 !important;
}

.ui-grid-draggable-row {
  height: 30px;
}

.ui-grid-draggable-row-over {
  position: relative;
}

.ui-grid-draggable-row-over:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px dotted #aaa;
}

.ui-grid-draggable-row-over--above:before {
  top: 0;
}

.ui-grid-draggable-row-over--below:before {
  bottom: 0;
}

.routePlanWrapper .ui-grid-cell .logiCustomCheck+label {
  margin-top: 21px;
}

.box-icon {
  border: none;
}

.chronoline-left:hover,
.chronoline-right:hover {
  background: #6F0881;
}

.analytics-tab-card-wrapper {
  display: flex;
}

.analytics-tab-card-wrapper .analytics-tab-card {
  box-shadow: 0px 1px 20px -9px #000;
  cursor: pointer;
  flex-grow: 1;
  text-align: center;
  padding: 15px;
  margin: 0 5px;
  background: #fff;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
}

.analytics-tab-card-wrapper .analytics-tab-card .card-count {
  font-size: 17px;
  padding: 10px;
  color: #6F0881;
}

.analytics-tab-card-wrapper .analytics-tab-card .card-countDesc {
  font-size: 13px;
  color: #6F0881;
}

.analytics-tab-card-wrapper .analytics-tab-card .card-label {
  color: #707082;
  font-size: 13px;
}

.analytics-tab-card-wrapper .analytics-tab-card.selected,
.analytics-tab-card-wrapper .analytics-tab-card:hover {
  background: #6F0881;
}

.analytics-tab-card-wrapper .analytics-tab-card.selected .card-label,
.analytics-tab-card-wrapper .analytics-tab-card:hover .card-label,
.analytics-tab-card-wrapper .analytics-tab-card.selected .card-count,
.analytics-tab-card-wrapper .analytics-tab-card:hover .card-count,
.analytics-tab-card-wrapper .analytics-tab-card.selected .card-countDesc,
.analytics-tab-card-wrapper .analytics-tab-card:hover .card-countDesc {
  color: #fff;
}

.analytics-tab-card-wrapper .analytics-tab-card:first-child {
  margin-left: 0;
}

.analytics-tab-card-wrapper .analytics-tab-card:last-child {
  margin-right: 0;
}

.analytics-graph-area {
  margin-top: 15px;
}

.pieroute g.nvd3.nv-wrap.nv-pieChart {
  transform: translate(0px, 10px);
}

.analytics-filter-widget {
  position: fixed;
  padding: 15px;
  height: 100vh;
  overflow: hidden;
  box-shadow: -7px 2px 15px 0 rgba(0, 0, 0, 0.19) !important;
  top: 0;
  right: 0;
  width: 400px;
  background: #fff;
  z-index: 9000;
}

.analytics-filter-widget .analytics-filter-header {
  background: #6F0881;
  color: #fff;
  line-height: 45px;
  margin: 0 -15px;
  margin-top: -15px;
  margin-bottom: 0;
  padding: 0px 15px;
  font-size: 15px;
}

.analytics-filter-widget .analytics-filter-header .logi-icon {
  cursor: pointer;
  opacity: 0.6;
  font-size: 20px;
}

.analytics-filter-widget .analytics-filter-header .logi-icon:hover {
  opacity: 1;
}

.analytics-filter-widget .filter-date-picker {
  margin: 15px 0;
}

.analytics-filter-widget .filter-data-item {
  font-size: 13px;
}

.analytics-filter-widget .filterContent.heightFix {
  margin: 0 -15px;
  padding: 0 15px;
  height: calc(100vh - 40px - 75px);
  overflow: auto;
}

.analytics-filter-widget .filter-select-all {
  border: unset;
  border-bottom: 1px solid #ddd;
  padding: 7px;
  padding-left: 0;
}

.analytics-filter-widget .filter-select-all .col-sm-2 {
  text-align: right;
}

.analytics-filter-widget .analytics-filter {
  border-color: #ddd;
}

.analytics-filter-widget .filterParamsSelect ul li {
  padding: 5px 15px;
}

.analytics-filter-widget .filterParamsSelect ul li .col-sm-2 {
  text-align: right;
}

.analytics-filter-widget .filter-search input {
  border: 1px solid #979797;
}

.analytics-filter-widget .filter-search input:focus {
  outline: none;
}

.upgrade-overlay {
  background: #eee;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99999;
}

.browser-upgrade-wrapper {
  background: #fff;
  text-align: center;
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  margin-top: 10%;
  padding: 25px;
  box-shadow: 0px 0px 20px -7px #000;
}

.browser-upgrade-wrapper h1 {
  text-align: center;
  font-size: 30px;
  margin: 15px 0;
}

.browser-upgrade-wrapper p {
  line-height: 25px;
  font-size: 15px;
  margin: 5px 0;
  color: #777;
}

.browser-upgrade-wrapper .browsers-wrapper {
  margin: 25px 0;
  margin-bottom: 0;
  display: flex;
  flex-wrap: nowrap;
}

.browser-upgrade-wrapper .browsers-wrapper .browser-item {
  cursor: pointer;
  margin: 15px;
  margin-bottom: 0;
  flex: 1;
}

.browser-upgrade-wrapper .browsers-wrapper .browser-item:hover .download-btn {
  opacity: 1;
}

.browser-upgrade-wrapper .browsers-wrapper .browser-item img {
  height: 50px;
  width: 50px;
}

.browser-upgrade-wrapper .browsers-wrapper .browser-item .browser-name {
  font-size: 14px;
  color: #000;
  margin: 5px 0;
}

.browser-upgrade-wrapper .browsers-wrapper .browser-item .browser-version {
  font-size: 12px;
  color: #777;
  margin: 5px 0;
}

.browser-upgrade-wrapper .browsers-wrapper .browser-item .download-btn {
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  opacity: 0;
}

ul.link_geofence_list {
  max-height: 50px;
  overflow-y: auto;
  margin: 0;
}

ul.link_geofence_list li {
  box-shadow: none;
  background: transparent;
  padding: 5px 2px;
  border: none;
  border-bottom: 1px solid #ddd;
}

ul.link_geofence_list li:last-child {
  border-bottom: none;
}

#routeId-inTransitHubDTO .cellIdentifier {
  width: 100%;
}

.logi-donut-card {
  padding: 15px;
  height: 300px;
  background: #fff;
}

.logi-donut-card .donut-card-header {
  border-bottom: 1px solid #ddd;
}

.logi-donut-card .donut-card-header .lane1 {
  margin-bottom: 10px;
}

.logi-donut-card .donut-card-header .lane1 .donut-title {
  font-size: 14px;
  color: #444;
  font-family: "Gotham-Rounded-Medium";
}

.logi-donut-card .donut-card-header .lane1 .donut-title-count {
  font-size: 14px;
  color: #444;
}

.logi-donut-card .donut-card-header .lane2 .pull-left,
.logi-donut-card .donut-card-header .lane2 .pull-right {
  width: 50%;
}

.logi-donut-card .donut-card-header .lane2 .donut-progress-title {
  color: #e32022;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.logi-donut-card .donut-card-header .lane2 .donut-progress-bar {
  margin-top: 5px;
  height: 5px;
  display: inline-block;
  width: 100%;
  background: #ddd;
}

.logi-donut-card .donut-card-header .lane2 .donut-progress-bar .progress-element {
  background: #6F0881;
  display: inline-block;
  height: 100%;
  vertical-align: top;
}

.setUpdateAlertsWrapper .list-wrapper li {
  padding: 10px;
}

.setUpdateAlertsWrapper input.logiCustomRadio {
  display: none;
}

.setUpdateAlertsWrapper .logiCustomRadio+label {
  margin-top: 10px;
}

.paddingFix-dashboard {
  padding: 0 8px;
}

.paddingFix-dashboard .paddingFixItem {
  padding-left: 8px;
  padding-right: 8px;
}

.dashboard-map-tabs.logi-tabset .nav-link {
  line-height: initial !important;
  text-align: center;
  padding: 14px 15px !important;
}

.dashboard-map-tabs .nav-link .hours {
  padding-top: 4px;
}

.dashboard-map-tabs.flex-tabs .nav-tabs {
  display: flex;
  flex-wrap: nowrap;
}

.dashboard-map-tabs.flex-tabs .nav-tabs li.nav-item {
  flex-grow: 1;
}

.dashboard-map-tabs.flex-tabs .nav-tabs li.nav-item .nav-link {
  width: 100%;
}

#assignOrdersDBTimeline {
  margin-bottom: 15px;
}

.dropdown-menu #assignOrdersDBTimeline {
  margin-bottom: 0;
}

.logiGuide .dropdown-menu-correction .card.clientSettingsCard {
  padding: 0;
  box-shadow: none !important;
}

.logiGuide form.sysPreferencesForm .ui-select-container,
.logiGuide form.sysPreferencesForm .logi-input:not(.logi-select) input {
  margin: 10px 0 !important;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement {
  border-bottom: 1px dashed #ddd;
  padding: 0;
  margin: 0;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .logi-form-checkbox {
  margin: 0 !important;
}

.logiGuide form.sysPreferencesForm .has-error {
  border-color: #979797 !important;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement::after,
.logiGuide form.sysPreferencesForm .clientSettingsElement::before {
  content: "";
  clear: both;
  display: table;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .logi-input {
  line-height: 60px;
  font-size: 13px;
  width: 100%;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .logi-input input {
  border-radius: 0 !important;
  width: 300px;
  margin: 10px 0;
  height: 40px;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .logi-input .logi-form-checkbox .col-md-2 {
  line-height: initial;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .logi-input .logi-form-checkbox .col-md-2 .logiRadioLabel {
  margin-top: -38px !important;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement label {
  margin-left: 0;
  font-size: 13px;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .ui-select-container span:first-child {
  padding-right: 0 !important;
}

.logiGuide form.sysPreferencesForm .logi-BASECOUNTRYCODE {
  width: 100%;
  line-height: 60px;
  font-size: 13px;
}

.logiGuide form.sysPreferencesForm .logi-BASECOUNTRYCODE input {
  border-radius: 0 !important;
  width: 300px;
  margin: 10px 0;
  height: 40px;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement logi-number input {
  border-radius: 0 !important;
  width: 300px;
  margin: 10px 0;
  height: 40px;
  border: 1px solid #979797 !important;
  color: #000;
}

.logiGuide form.sysPreferencesForm .clientSettingsElement .ui-select-container {
  width: 300px !important;
}

.dm-performance-page .dmEpodDonutBadge .nv-pieWrap {
  transform: translate(150px, -50px);
}

.dm-performance-page .dmEpodDonutBadge .nv-legendWrap {
  transform: translate(-160px, -160px);
}

.dm-performance-page .lineChartBadge .nv-legendWrap {
  transform: translate(-250px, -147px);
}

.dm-performance-page .lineChartBadge .nv-focus {
  transform: translate(-22px, 35px);
}

.ui-grid-column-menu-button-last-col {
  margin-right: 0;
}

.systemPreferences-page .has-error,
.planningPreferences-page .has-error {
  border-color: #979797 !important;
}

.systemPreferences-page .style-fix .logi-input.col-md-3,
.planningPreferences-page .style-fix .logi-input.col-md-3,
.systemPreferences-page .style-fix .logi-input.col-md-12,
.planningPreferences-page .style-fix .logi-input.col-md-12 {
  width: 100%;
  border-bottom: 1px dashed #ddd;
}

.systemPreferences-page .style-fix .logi-input.col-md-3 .ui-select-container,
.planningPreferences-page .style-fix .logi-input.col-md-3 .ui-select-container,
.systemPreferences-page .style-fix .logi-input.col-md-12 .ui-select-container,
.planningPreferences-page .style-fix .logi-input.col-md-12 .ui-select-container,
.systemPreferences-page .style-fix .logi-input.col-md-3 input,
.planningPreferences-page .style-fix .logi-input.col-md-3 input,
.systemPreferences-page .style-fix .logi-input.col-md-12 input,
.planningPreferences-page .style-fix .logi-input.col-md-12 input {
  max-width: 300px;
  float: right;
  margin: 10px 0 !important;
}

.systemPreferences-page .style-fix .logi-input.col-md-3 .client_settings_text_label,
.planningPreferences-page .style-fix .logi-input.col-md-3 .client_settings_text_label,
.systemPreferences-page .style-fix .logi-input.col-md-12 .client_settings_text_label,
.planningPreferences-page .style-fix .logi-input.col-md-12 .client_settings_text_label {
  margin-top: 11px;
  font-size: 14px !important;
}

.systemPreferences-page .style-fix .logi-input.col-md-3 .logi-form-checkbox,
.planningPreferences-page .style-fix .logi-input.col-md-3 .logi-form-checkbox,
.systemPreferences-page .style-fix .logi-input.col-md-12 .logi-form-checkbox,
.planningPreferences-page .style-fix .logi-input.col-md-12 .logi-form-checkbox {
  margin: 20px 0;
}

.systemPreferences-page .style-fix .logi-input.col-md-3 .logi-form-checkbox .col-md-2,
.planningPreferences-page .style-fix .logi-input.col-md-3 .logi-form-checkbox .col-md-2,
.systemPreferences-page .style-fix .logi-input.col-md-12 .logi-form-checkbox .col-md-2,
.planningPreferences-page .style-fix .logi-input.col-md-12 .logi-form-checkbox .col-md-2 {
  text-align: right;
}

.systemPreferences-page .style-fix .logi-input.col-md-3 .logi-form-checkbox .col-md-10 .logiRadioLabel,
.planningPreferences-page .style-fix .logi-input.col-md-3 .logi-form-checkbox .col-md-10 .logiRadioLabel,
.systemPreferences-page .style-fix .logi-input.col-md-12 .logi-form-checkbox .col-md-10 .logiRadioLabel,
.planningPreferences-page .style-fix .logi-input.col-md-12 .logi-form-checkbox .col-md-10 .logiRadioLabel {
  margin-left: 0;
  font-size: 14px;
}

.systemPreferences-page .style-fix .client_settings_form_text,
.planningPreferences-page .style-fix .client_settings_form_text {
  height: 40px;
  padding: 0 8px;
  border: 1px solid #979797 !important;
}

.planningPreferences-page .style-fix .logi-input .client_settings_text_label {
  margin-top: 20px !important;
}

.drslist #shipmentId-partialDelivery {
  text-align: center;
  display: block;
  font-size: 19px !important;
  padding-top: 0;
  padding-bottom: 0;
}

.ui-grid-cell .ui-select-container {
  border: none !important;
  border-bottom: 1px solid #6F0881 !important;
}

.ui-grid-cell .ui-select-match .caret {
  display: none;
}

.ui-grid-cell .inline-select-wrapper:after {
  top: 13px !important;
}

.template-options li span.disable {
  position: absolute;
  top: 10px;
  right: 45px;
  background: rgba(255, 255, 255, 0.6);
  width: 23px;
  height: 23px;
  cursor: not-allowed;
}

div.ui-grid-cell input.ng-invalid {
  border-bottom: 1px solid #fc8f8f !important;
}

.cellIdentifier pre {
  padding: 0;
  background: transparent;
  border: 0;
  font-size: 12px;
  margin: 0;
  letter-spacing: 0;
  font-family: "Gotham-Rounded";
}

.capitalize {
  text-transform: capitalize;
}

.logiFormActionButtons ul.dropdown-menu.dropdown-menu-right {
  transform: translate(80%, -100%) !important;
}

.logiFormActionButtons li.dropDownButtons {
  position: relative;
  width: 100%;
}

.logiFormActionButtons li.dropDownButtons .subIcon {
  margin-right: 5px;
}

.logiFormActionButtons li.dropDownButtons a {
  background: #fff !important;
  color: #555 !important;
  font-size: 13px !important;
}

.logiFormActionButtons li.dropDownButtons a .icon {
  width: 13px;
  background: transparent;
  line-height: 10px;
  text-align: left;
}

.logiFormActionButtons li.dropDownButtons a .icon:before {
  font-size: 13px;
  color: #555 !important;
}

.logiFormActionButtons li.dropDownButtons a:hover {
  background: unset;
  color: unset;
}

.logiFormActionButtons li.dropDownButtons a:hover .icon:before {
  color: #6F0881 !important;
}

.dlc-modal .logi-tabset .tab-content {
  padding: 10px;
  background: #fff;
}

.dlc-modal .logi-tabset ul.nav-tabs li.nav-item a.nav-link {
  line-height: 30px;
}

.dlc-modal .panel-group .panel,
.dlc-modal .panel-heading {
  border: 0;
}

.promptDiv.prompt-inside-modal {
  transform: translateX(-50%);
  left: 50% !important;
  top: 132px !important;
}

.promptDiv {
  left: calc(50% - 177px);
}

.integration-modal img {
  max-width: 150px;
}

.integration-modal .brand-info .desc {
  font-size: 13px;
  opacity: 0.75;
  line-height: 20px;
}

.saas-item {
  position: relative;
  cursor: pointer;
  max-width: calc(50% - 20px);
  transition: all 0.2s ease-out;
  padding: 15px;
  border: 1px solid #ddd;
  margin: 10px;
  padding-bottom: 60px;
  min-width: calc(33.3% - 20px);
}

@media (min-width: 1025px) {
  .saas-item {
    max-width: calc(33.3% - 20px);
  }
}
@media (max-width: 1025px) {
  .saas-item {
    min-width: calc(50% - 20px);
  }
}

.saas-item:hover,
.saas-item.active {
  box-shadow: 0px 8px 20px -12px #000;
  border-color: transparent;
}

.saas-item .activation-status {
  position: absolute;
  top: 15px;
  right: 15px;
  background: #6F0881;
  color: #fff;
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 2px;
}

.saas-item .cancellation-status {
  position: absolute;
  bottom: 50px;
  left: 15px;
  background: #eb4644;
  color: #fff;
  font-size: 13px;
  padding: 2px 10px;
  border-radius: 2px;
}
.saas-item .title {
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 17px;
  line-height: 14px;
  color: #000;
}

.saas-item .activeTag {
  font-size: 12px;
  color: #fff;
  background: #6F0881;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 2px 5px;
}

.saas-item .desc {
  font-size: 13px;
  opacity: 0.75;
  line-height: 20px;
  padding-bottom: 15px;
}

.saas-item .logo img {
  height: 50px;
  max-width: 200px;
}

.saas-item .okta-logo img {
  width: 137px;
}

.saas-item .actions {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 15px 15px;
}

.integration-progress-bar {
  margin: 10px -15px;
  padding: 0 15px;
}

.integration-progress-bar .progress-item {
  position: relative;
  padding: 5px 10px;
  text-align: center;
  width: calc(100% / 3);
}

.integration-progress-bar .progress-item:after {
  content: '';
  position: absolute;
  width: calc(100% - 20px);
  height: 2px;
  background: #6F0881;
  top: 15px;
  margin-left: 10px;
}

.integration-progress-bar .progress-item:last-child:after {
  display: none;
}

.integration-progress-bar .progress-item .circle {
  height: 20px;
  width: 20px;
  border-radius: 50%;
  color: #6F0881;
  border: 1px solid #6F0881;
  font-size: 12px;
  text-align: center;
  line-height: 20px;
  margin: 0 auto;
  background: #fff;
}

.integration-progress-bar .progress-item .title {
  font-size: 13px;
  font-family: "Gotham-Rounded-Medium";
}

.integration-progress-bar .progress-item.active {
  opacity: 1;
}

.integration-progress-bar .progress-item.active .circle {
  background: #6F0881;
  color: #fff;
}

.integration-progress-bar .progress-item.disabled {
  opacity: 0.5;
}

.linkBtn {
  background-color: #fff !important;
  border: 1px solid #e63c39;
  width: 204px;
  border-radius: 4px;
  color: #495362 !important;
  font-family: Open Sans !important;
  font-size: 16px;
  font-weight: 500;
  text-transform: capitalize;
  padding: 5px;
}

.linkBtn:hover {
  background-color: #e63c39 !important;
  color: #fff !important;
}

.leafletMapAssist {
  width: 315px;
  min-height: 200px;
  max-height: calc(100% - 30px);
  height: calc(100% - 30px);
  background: #fff;
  position: absolute;
  z-index: 1002;
  top: 15px;
  right: 15px;
  color: #000;
  padding-top: 0px;
  border-radius: 2px;
  box-shadow: 0 18px 46px -10px rgba(0, 0, 0, 0.47);
}

.leafletMapAssist .mapAssist_header {
  line-height: 40px;
  font-size: 13px;
  padding-top: 20px;
  position: relative;
}

.leafletMapAssist .mapAssist_header.mainHeader {
  width: 100%;
  position: relative;
  background: #6F0881;
  color: #fff;
  text-align: center;
  height: 40px;
  padding-top: 0px;
}

.leafletMapAssist .mapAssistScrollWrapper {
  overflow: scroll;
  overflow-x: hidden;
  max-height: calc(100% - 40px);
  height: calc(100% - 40px);
  position: relative;
  padding: 0px;
}

.mapAssist_legends {
  width: intrinsic;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  height: 40px;
  max-width: 80%;
  z-index: 999;
  position: absolute;
  bottom: 17px;
  margin-left: 50%;
  transform: translateX(-50%);
}

.mapAssist_legends .mapAssistElement {
  min-height: unset;
  border-bottom: none;
}

.mapAssist_legends .mapAssistElement:hover {
  background: none;
}

.mapAssist_legends .mapAssistElement .top-label {
  display: none;
}

.mapAssist_legends .mapAssistElement .logi-radio .logi-radio-button {
  width: 200px !important;
  display: inline !important;
}

.mapAssist_legends .mapAssistElement .logi-input.logi-radio {
  padding: 0px;
}

.mapAssist_legends .iconImg {
  display: none !important;
}

.commonMapWrapper {
  padding: 2px;
  overflow: hidden;
}

.commonMapWrapper input[type="checkbox"].logiCustomCheck {
  display: none !important;
}

.commonMapWrapper .mapAssist_legends .logi-radio .radio-options-wrapper .radio-name-label {
  margin-left: 8px !important;
}

.commonMapWrapper .radio-options-wrapper {
  border: 0px !important;
}

.commonMapWrapper .loaderContainer {
  position: absolute !important;
  height: 100%;
  width: 100%;
}

.commonMapWrapper .loaderContainer img {
  position: relative !important;
  vertical-align: middle !important;
  left: auto;
}

.commonMapWrapper .fullMapWrapper {
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.533);
  position: absolute;
  z-index: 1001;
}

.commonMapWrapper .fullMapWrapper.globalMapHelpDiv {
  color: #fff;
  font-size: 17px;
  text-align: center;
  z-index: 1004;
  background: rgba(0, 0, 0, 0.7);
  cursor: alias !important;
}

.commonMapWrapper [class*=hint--]:hover:after,
.commonMapWrapper [class*=hint--]:hover:before {
  display: none !important;
}

.commonMapWrapper .cursor-help {
  cursor: default !important;
}

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

.miscSection_heading {
  height: 40px;
  line-height: 40px;
  width: 100%;
}

.blurred {
  filter_discard: url("data:image/svg+xml;utf9,<svg%20version=%271.1%27%20xmlns=%27http://www.w3.org/2000/svg%27><filter%20id=%27blur%27><feGaussianBlur%20stdDeviation=%273%27%20/></filter></svg>#blur");
  filter_discard: blur(3px);
  -webkit-filter_discard: blur(3px);
  -ms-filter_discard: blur(3px);
  /* filter: "progid:DXImageTransform.Microsoft.Blur(PixelRadius='3')"; */
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  filter: grayscale(1);
  overflow: hidden;
}

.mapAssistElement.mapAssistElement {
  /* min-height: 50px; */
  padding-bottom: 0px;
}

.mapAssistElement.mapAssistElement .logi-radio .top-label {
  position: relative !important;
  font-size: 13px !important;
  line-height: 40px;
  margin-left: 0px !important;
  top: 0px;
}

.mapAssistElement.mapAssistElement .logi-radio .radio-options-wrapper {
  height: auto !important;
  margin: 0px;
}

.mapAssistElement.mapAssistElement .logi-radio .logi-radio-button {
  width: 100% !important;
}

.mapAssistElement.mapAssistElement .logi-radio .logiCheckboxLabel.logiRadioLabel {
  vertical-align: middle;
  margin-left: 0px;
  border-radius: 2px;
}

.mapAssistElement.mapAssistElement .logi-radio .logiCustomCheck:not(:checked)+label {
  background: #fff !important;
}

.leaflet-bar {
  border-radius: 2px !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  border: 1px solid rgba(0, 0, 0, 0.1) !important;
}

.leaflet-ruler {
  height: 32px !important;
  width: 32px !important;
  background-image: url(/product/assets/ruler.89865fabc2616509cbfd.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 70% !important;
}

.leaflet-bottom.leaflet-right {
  margin-bottom: -30px !important;
}

.leaflet-gac-container.leaflet-bar.leaflet-control {
  border: 0px !important;
  background: #fff !important;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12) !important;
  border-radius: 2px !important;
  margin: 15px !important;
}

.leaflet-gac-container.leaflet-bar.leaflet-control .leaflet-gac-wrapper {
  height: auto;
}

.leaflet-gac-container.leaflet-bar.leaflet-control .leaflet-gac-wrapper .leaflet-gac-control {
  height: 40px !important;
  line-height: 40px !important;
  min-width: 500px;
  padding-left: 15px !important;
  border: 0px !important;
  font-weight: normal;
}

.leaflet-gac-container.leaflet-bar.leaflet-control .leaflet-gac-wrapper .leaflet-gac-control:before {
  border: 1px solid #000;
  width: 30px;
  height: 30px;
  position: absolute;
  background: #fff;
}

.leaflet-control-scale-line {
  font-weight: normal;
}

.mapAssist .mapAssist_btn {
  height: 35px;
  width: 35px;
  background-color: #6F0881;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1003 !important;
  right: 15px;
  cursor: pointer;
  top: 15px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.mapAssist .mapAssist_btn.closeMapAssist_btn {
  height: 40px;
  width: 40px;
  z-index: 1003 !important;
  background-size: 30%;
  border-radius: 0px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  box-shadow: none !important;
  border: 0px !important;
}

.mapAssist .mapAssist_btn.closeMapAssist_btn img {
  width: 12px;
  height: auto;
  margin-left: 13px;
  margin-top: 13px;
}

.mapAssist .mapAssist_btn img {
  width: 18px;
  height: auto;
  margin-left: 8px;
  margin-top: 7px;
}

.mapAssist .mapTutorial_btn {
  height: 35px;
  width: 35px;
  background-color: #6F0881;
  background-image: url(/product/assets/help.03818795861b6bce235d.png);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  z-index: 1003 !important;
  left: 15px;
  cursor: pointer;
  top: 15px;
}

.night .leaflet-container {
  background: #252f3e;
}

.night .leaflet-container .leaflet-control-scale-line {
  background: rgba(255, 255, 255, 0);
  color: rgba(255, 255, 255, 0.36);
  border: 2px solid rgba(255, 255, 255, 0.38);
}

.night .leaflet-container .leaflet-control-scale-line:not(:first-child) {
  border-bottom: none !important;
}

.night .leaflet-container .leaflet-control-scale-line:first-child {
  border-top: none !important;
}

.night .leaflet-container path.leaflet-interactive[fill="none"]:not([stroke-linecap="round"]) {
  stroke: #fff;
}

.night .leaflet-container path.leaflet-ant-path {
  stroke_discard: #fff;
}

.day .leaflet-container {
  background: #efeeec;
}

.day .leaflet-container .leaflet-control-scale {
  opacity: 0.7;
}

.day .leaflet-container path.leaflet-interactive[fill="none"]:not([stroke-linecap="round"]) {
  stroke: #222;
}

.day .leaflet-container path.leaflet-ant-path {
  stroke_discard: #585858;
}

.mapTutorial {
  width: 100%;
  height: 100%;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  padding-bottom: 100px;
  padding-top: 0px;
}

.mapTutorial .mapTutorial_slide {
  min-height: 200px;
  height: auto;
  width: 350px;
  text-align: center;
  margin: auto;
  margin-top: 50px;
  border: 2px dashed rgba(128, 128, 128, 0.2);
  margin-bottom: 40px;
  padding: 20px 50px;
  background: rgba(0, 0, 0, 0.52);
  border-radius: 5px;
}

.mapTutorial .mapTutorial_slide .mapTutorial_image {
  text-align: center;
  margin-bottom: 30px;
}

.mapTutorial .mapTutorial_slide .mapTutorial_image img {
  width: 100%;
}

.mapTutorial .mapTutorial_slide .mapTutorial_image img.icon {
  width: 20%;
}

.mapTutorial .mapTutorial_slide .mapTutorial_text {
  text-align: center;
}

.mapTutorial .mapTutorial_slide .mapTutorial_text .primary {
  font-size: 17px;
  color: #808080;
  margin-bottom: 10px;
}

.mapTutorial .mapTutorial_slide .mapTutorial_text .secondary {
  font-size: 13px;
  color: #808080;
}

.mapTutorial_persistent {
  position: absolute;
  bottom: 0px;
  height: 100px;
  visibility: hidden;
  width: 100%;
  background: linear-gradient(transparent, rgba(0, 0, 0, 0.812));
}

.mapTutorial_persistent .text {
  color: rgba(236, 239, 245, 0.651);
  position: absolute;
  margin-left: 50%;
  transform: translateX(-50%);
  font-size: 13px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.702);
  background: #002648;
  line-height: 25px;
  padding: 10px 40px;
  border-radius: 10px 10px 0px 0px;
}

.disabledMapAssistElement .mapAssistElement {
  cursor: not-allowed !important;
}

.disabledMapAssistElement .mapAssistElement .logi-input {
  opacity: 0.3;
  pointer-events: none;
}

.mapAssistSection {
  position: relative;
  height: auto;
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
  border-top-color: #287dcc;
  border-bottom-color: transparent !important;
}

.leaflet-popup .leaflet-popup-content-wrapper {
  border-radius: 2px;
  background: #fff;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content {
  margin: 0px;
  min-width: 350px;
  min-height: 130px;
  padding: 15px 15px 10px 15px !important;
  height: max-content;
  height: -moz-max-content;
  height: -webkit-max-content;
  height: max-content;
  background-image: url(/product/assets/ringLoader.690e11e9d6bdfd2ec038.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 30%;
}

.leaflet-popup .leaflet-popup-content-wrapper .leaflet-popup-content .form-group {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px 15px !important;
  background: #fff !important;
}

.leaflet-popup .leaflet-popup-tip-container .leaflet-popup-tip {
  width: 14px;
  height: 14px;
}

.leaflet-container a.leaflet-popup-close-button {
  position: absolute;
  top: 0;
  right: 0;
  border: none;
  text-align: center;
  width: 30px;
  height: 30px;
  font-size: 20px;
  font: 100;
  line-height: 25px;
  color: #c3c3c3;
  padding: 0px;
  text-decoration: none;
  font-weight: bold;
  font-weight: lighter !important;
  background: transparent;
}

.infowindow-group {
  min-height: 10px;
  line-height: 15px;
  margin-bottom: 8px;
}

.infowindow-group .control-label {
  display: inline;
  margin-right: 5px;
  margin-bottom: 0px;
  font-weight: 700 !important;
}

.infowindow-group .subtext {
  display: block;
  font-style: italic;
  color: #808080;
  transform: translateY(5px);
  line-height: 15px;
  font-weight: normal;
}

.infowindow-group .address {
  line-height: 15px;
  display: inline;
}

.infowindow-group .control-value {
  display: inline;
  font-weight: normal;
}

.leaflet-ruler-clicked:before {
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  height: 32px;
  min-width: 160px;
  background: #6F0881 !important;
  font-weight: normal;
  color: #fff;
  content: 'Press Esc to exit Ruler';
  -moz-transition: all;
  -o-transition: all;
  animation: fadeIn4 1s linear 1s infinite alternate !important;
  -webkit-transition: all;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: inherit;
  line-height: 30px;
  position: absolute;
  right: 30px;
  padding: 0px 15px;
  line-height: 32px;
  border-radius: 4px 0px 0px 4px;
  top: -1px;
  pointer-events: none;
  display: none !important;
}

.addressFetching {
  animation: fadeIn4 0.3s linear 0.3s infinite alternate !important;
}

.mapSleekFadeInUp {
  animation-name: mapSleekFadeInUp;
  animation-duration: 0.5s;
}

.mapSleekFadeOutUp {
  animation-name: mapSleekFadeOutUp;
  animation-duration: 0.5s;
}

.mapSleekFadeOut {
  animation-name: mapSleekFadeOut;
  animation-duration: 0.5s;
}

.mapSleekFadeIn {
  animation-name: mapSleekFadeIn;
  animation-duration: 0.5s;
}

/* Override MarkerCluster.Default.css yellow/green/orange defaults for all legacy map pages.
   MarkerCluster.Default.css is loaded globally by Live's MapSection.scss and bleeds into every
   other page. These unscoped rules neutralise it with the expected circular style. */
.marker-cluster-small,
.marker-cluster-medium,
.marker-cluster-large {
  background-color: rgba(203, 255, 121, 0.57) !important;
  background-clip: padding-box;
  border-radius: 20px;
  box-shadow: 0px 1px 5px 1px rgba(0, 0, 0, 0.9);
}

/* White inner disc — default leaflet.markercluster HTML: .marker-cluster > div > span */
.marker-cluster div {
  border: 0px dashed;
  font-weight: normal !important;
  background-color: rgba(255, 255, 255, 1) !important;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marker-cluster div span {
  line-height: 30px;
  font-size: 12px;
  font-weight: normal !important;
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

/* White inner disc — custom iconCreateFunction HTML: .marker-cluster > .marker-cluster-container > span */
.marker-cluster-container {
  background-color: rgba(255, 255, 255, 1) !important;
  width: 30px;
  height: 30px;
  margin-left: 5px;
  margin-top: 5px;
  border-radius: 15px;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}

.marker-cluster-container span {
  line-height: 30px;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}

.mapPrompt {
  position: absolute;
  background: #6F0881;
  margin-left: 50%;
  display: none;
  transform: translateX(-50%);
  color: #fff;
  z-index: 999999 !important;
  top: 15px;
  font-size: 12px;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 10px 15px;
  box-shadow: 0 24px 24px 0 rgba(0, 0, 0, 0.3), 0 0 24px 0 rgba(0, 0, 0, 0.22);
}

.mapPrompt i {
  margin-right: 11px;
  display: inline-block;
  width: 15px;
  height: 15px;
  color: #fff;
}

.fullScreenMap {
  width: 100vw !important;
  height: 100vh !important;
  padding: 0px !important;
}

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

.heatmapMap .mapAssistElement .logi-checkbox label.logiCheckboxLabel.logiRadioLabel.radio-name-label {
  filter: grayscale(1);
}

path.leaflet-ant-path {
  fill: none;
  /* stroke-width: 10px; */
  stroke-opacity: 0.8;
  /* stroke-dasharray: 0px 50%; */
  animation: leaflet-ant-path-animation 35s linear infinite !important;
}

.leafletStandardHtmlMarker.shipment {
  height: 30px;
  width: 30px;
  line-height: 11px;
  padding-top: 5px;
  /* border: 2px solid #fff; */
  /* border 2px solid rgba(0, 0, 0, 0.5) */
  background: rgba(255, 255, 255, 0.5);
  color: #fff;
  font-weight: normal !important;
  border-radius: 50%;
  font-size: 10px;
  /* box-shadow: 0px 3px 3px 3px rgba(0,0,0,0.412); */
  box-shadow: inset 0px 0px 0px 1px #fff, 0px 1px 3px 1px rgba(0, 0, 0, 0.412);
  text-align: center;
  text-shadow: 0px 1px 1px #000;
}

.leafletStandardHtmlMarker.shipment div {
  font-style: italic;
}

.leafletStandardHtmlMarker.shipment_v2 {
  height: 30px;
  width: 30px;
  line-height: 11px;
  background: transparent;
  color: #fff;
  font-weight: normal !important;
  font-size: 10px;
  text-align: center;
  text-shadow: 0px 1px 1px #000;
  font-style: italic;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0px;
  flex-wrap: nowrap;
  flex-shrink: 0;
  overflow: hidden;
}

.leafletStandardHtmlMarker.shipment_v2.drsIcon {
  border-radius: 50%;
  font-size: 10px;
  box-shadow: inset 0px 0px 0px 1px #fff, 0px 1px 3px 1px rgba(0, 0, 0, 0.412);
  text-shadow: 0px 1px 1px #000;
  /* Allow corner controls (e.g. remove-from-DRS) to sit half outside the circle */
  overflow: visible;
}

.leafletStandardHtmlMarker.shipment_v2.drsIcon i:before {
  font-size: 10px;
}

.leafletStandardHtmlMarker.shipment_v2.pickupIcon {
  background: #6fc44b;
}

.leafletStandardHtmlMarker.shipment_v2.deliveryIcon {
  background: #6F0881;
}

.leafletStandardHtmlMarker.shipment_v2 span {
  font-size: 10px;
  transform: translateX(-1px);
  font-family: "Gotham-Rounded";
}

.leafletStandardHtmlMarker.hub,
.leafletStandardHtmlMarker.warehouse {
  height: max-content;
  height: -moz-max-content;
  height: -webkit-max-content;
  height: max-content;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
}

.leafletStandardHtmlMarker.tracking {
  height: 10px;
  width: 10px;
  line-height: 23px;
  background: #276cab;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212);
  text-shadow: 0px 1px 1px #000;
}

.leafletStandardHtmlMarker.tracking.snapped {
  background_discard: #98a911;
  border_discard: 1px solid rgba(0, 0, 0, 0.3);
  height: 6px;
  background: #3c8005;
  opacity: 0.5;
  width: 6px;
}

.leafletStandardHtmlMarker.tracking:hover {
  border: 1px solid #fff;
  transform: scale(2);
}

.leafletStandardHtmlMarker.lastTracking {
  height: 25px;
  width: 25px;
  border-radius: 50%;
  background: #3367d6;
  border: 1px solid rgba(255, 255, 255, 0.42);
  border: 1px solid #fff;
  box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 30px #fff;
  animation: last-location-animation 2s ease-out infinite !important;
}

.leafletStandardHtmlMarker.firstPoint {
  height: 17px;
  width: 17px;
  border-radius: 50%;
  background: rgba(86, 152, 211, 0.839);
  border: 1px solid #fff;
}

.leafletStandardHtmlMarker:hover {
  transform: scale(1.2);
}

.leafletStandardHtmlMarker div {
  font-weight: normal;
}

.leaflet-div-icon {
  height: unset;
  width: unset;
  background: unset !important;
  border: unset !important;
}

.leafletEditMode .leaflet-div-icon {
  background: rgba(255, 255, 255, 0.549) !important;
  border: 2px solid #6F0881 !important;
  cursor: move;
}

.speedSensitive .tracking.high,
.speedSensitive .lastTracking.high {
  background: #008000 !important;
}

.speedSensitive .tracking.med,
.speedSensitive .lastTracking.med {
  background: #ffa500 !important;
}

.speedSensitive .tracking.low,
.speedSensitive .lastTracking.low {
  background: #ee5448 !important;
}

.overspeedViolation .tracking.violated,
.overspeedViolation .lastTracking.violated {
  background: #ee5448 !important;
}

.overspeedViolation .tracking.not-violated,
.overspeedViolation .lastTracking.not-violated {
  background: #008000 !important;
}

.grayscaleMode .leaflet-pane.leaflet-map-pane .leaflet-tile-pane {
  filter: grayscale(1);
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
}

.addressBox {
  height: 35px;
  width: 60%;
  background-color: #fff;
  position: absolute;
  z-index: 999 !important;
  left: 15px;
  cursor: pointer;
  top: 15px;
  font-size: 13px;
  line-height: 35px;
  overflow: hidden;
}

.addressBox input {
  width: 100%;
  left: 0px;
  top: 0px;
  background-image: url(/product/assets/Search_gray.6b871b4208e75759bd82.svg);
  background-repeat: no-repeat;
  background-position: 8px 8px;
  padding-left: 35px;
  padding-right: 35px;
}

.addressBox .close {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  text-align: center;
  color: #808080;
}

.geocoder_elements {
  position: absolute;
  z-index: 1000;
  bottom: 5px;
  width: 75%;
  margin-left: 50%;
  transform: translateX(-50%);
  height: 35px;
  -webkit-transition: all;
  -moz-transition: all;
  -o-transition: all;
  transition: all;
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
}

.geocoder_elements.activated {
  position: absolute;
  z-index: 1000;
  bottom: 2px;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  margin: unset;
  transform: unset;
  height: 65px;
  /* background: rgba(0,0,0,0.75); */
  /* box-shadow: 0px -10px 10px -5px #00000073; */
  background: transparent;
  padding: 15px;
  text-align: center;
  margin-left: 50%;
  transform: translateX(-50%);
  border-radius: 5px 5px 0px 0px;
  box-shadow: none;
}

.geocoder_elements.activated .saveGeocodingControls {
  display: inline-block !important;
  animation: fadeInUp 0.5s linear 0s;
}

.geocoder_elements .hint--top:hover:after {
  width: 200px;
  white-space: unset;
  line-height: 16px;
}

.geocoder_elements .geocoding_status {
  width: auto;
  max-width: 120px;
  cursor: help;
  position: relative;
  height: 100%;
  color: #000;
  background: #eaeaea;
  text-align: center;
  display: inline-block;
}

.geocoder_elements .geocoding_status.geocodedBtn {
  background: rgba(90, 238, 72, 0.278);
  border-right: 1px solid rgba(0, 0, 0, 0.329);
}

.geocoder_elements .geocoding_status.notGeocoded {
  background: rgba(238, 164, 72, 0.541);
  border-right: 1px solid rgba(0, 0, 0, 0.329);
}

.geocoder_elements .geocoding_status .geocoding_status_icon {
  width: 30px;
  height: 100%;
  text-align: center;
  display: inline-block;
}

.geocoder_elements .geocoding_status .geocoding_status_icon img {
  height: 25px;
  margin: 4px 7px 0px 6px;
}

.geocoder_elements .geocoding_status .geocoding_status_text {
  font-size: 12px;
  line-height: 35px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  text-align: left;
  margin-right: 10px;
}

.geocoder_elements .geocoding_latLngs {
  width: 160px;
  position: relative;
  border: 0px solid #c1c1c1;
  height: 35px;
  background: #fff;
  overflow: hidden;
  display: inline-block;
  margin-left: 10px;
  border-radius: 2px;
  padding-left: 10px;
}

.geocoder_elements .geocoding_latLngs.correct_discard {
  padding-left: 35px;
  background-image: url(/product/assets/correct.37a0ea106e358fcb5736.svg);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  background-size: 20px;
}

.geocoder_elements .geocoding_latLngs.wrong_discard {
  padding-left: 35px;
  background-image: url(/product/assets/location.5495d1d32bae1bee6b5f.svg);
  background-repeat: no-repeat;
  background-position: 7px 7px;
  background-size: 20px;
}

.geocoder_elements .geocoding_latLngs.lng {
  margin-right: 15px;
}

.geocoder_elements .geocoding_latLngs .geocoderInput {
  width: 100%;
  overflow: hidden;
  opacity: 0.8;
  height: 100%;
}

.geocoder_elements .saveGeocodingControls {
  display: none;
  height: 35px !important;
  float: right;
}

.geocoder_elements .saveGeocodingControls .logiFormActionButtons {
  margin-top: 0px !important;
}

.geocoder_elements .saveGeocodingControls .logiFormActionButtons .logi-btn-primary {
  line-height: 35px;
  height: 35px;
}

.pac-container {
  z-index: 100000 !important;
  position: absolute !important;
}

.highlightMe {
  animation: highlight-me-animation 0.7s linear infinite alternate !important;
}

.sequencer_element {
  position: relative;
  display: inline-block;
  cursor: pointer;
  height: 40px;
  text-align: center;
  float: left;
}

.sequencer_element .leafletStandardHtmlMarker {
  margin: auto;
}

.sequencer_element .leafletStandardHtmlMarker.hub svg {
  height: 35px;
}

.sequencer_element .element {
  width: 40px;
  margin-top: 3px;
  display: inline-block;
}

.sequencer_element .arrow {
  position: relative;
  float: right;
  height: 40px;
  line-height: 36px;
  color: #9e9e9e;
  width: 20px;
}

.sequencer_element .arrow img {
  opacity: 0.5;
  width: 100%;
}

.mapAssist_legends .controller {
  width: 30px;
  height: 100%;
  position: relative;
  display: inline-block;
  background: #fff;
  font-size: 20px;
  line-height: 35px;
  text-align: center;
  cursor: pointer;
}

.mapAssist_legends .controller.scroll_left {
  float: left;
}

.mapAssist_legends .controller.scroll_right {
  float: right;
}

.mapAssist_legends .controller:hover {
  background: #fff;
  color: #000;
}

.mapAssist_legends .controller:active {
  background: #efefef;
  color: #000;
}

.mapAssist_legends .sequence_wrapper {
  display: inline-block;
  overflow-x: scroll;
  overflow-y: hidden;
  width: calc(100% - 60px);
}

.mapAssist_legends .sequence_wrapper .trip_wrapper {
  display: inline-block;
  width: max-content;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  overflow-y: hidden;
}

input[type='number'] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.leaflet-pane.leaflet-overlay-pane canvas {
  z-index: 120000 !important;
}

.mapV2datePicker.mapV2datePicker {
  position: absolute;
  z-index: 1000;
  right: 78px;
  top: 15px;
}

.mapV2datePicker.mapV2datePicker input {
  border-radius: 2px;
  border: 1px solid #e5e5e5;
  height: 35px !important;
  line-height: 35px !important;
  width: max-content !important;
  width: -moz-max-content;
  width: -webkit-max-content;
  width: max-content;
  min-width: 180px !important;
}

.mapV2datePicker.mapV2datePicker .calendar-icon {
  height: 35px;
  width: 35px;
  border-radius: 2px;
  margin-left: -1px;
}

.mapV2datePicker.mapV2datePicker .calendar-icon .logi-icon.icon-Product-Icons_Calendar {
  font-size: 20px;
}

.ml10 {
  margin-left: 10px;
}

.mr10 {
  margin-right: 10px;
}

.mr5 {
  margin-right: 5px;
}

.ml50 {
  margin-left: 50px;
}

.dBlock {
  display: block !important;
}

.result-tooltip {
  background-color: #6F0881;
  border-width: medium;
  border-color: #6F0881;
  font-size: 11px !important;
  color: #fff;
  font-weight: normal !important;
}

.moving-tooltip {
  border-radius: 6px;
  font-size: 11px;
  font-weight: normal !important;
  background: rgba(255, 255, 255, 0.85);
}

.mapAssistElement:hover {
  background: #fafafa;
}

.mapAssistElement .logi-input.logi-radio {
  padding: 15px;
}

.mapAssistElement .map-assist-element-toggle {
  height: 30px;
  position: relative;
  margin: 15px 0px;
  font-size: 13px;
}

.mapAssistElement .map-assist-element-toggle .switch {
  height: 20px;
  display: inline-block;
  width: 40px !important;
}

.mapAssistElement .map-assist-element-toggle .switch input {
  display: inline-block;
  width: 40px;
}

.mapAssistElement .map-assist-element-toggle .switch label {
  position: absolute;
  margin-top: 5px;
}

.mapAssistElement .map-assist-element-toggle label {
  display: inline-block;
}

.mapAssistElement .logiCustomCheck:checked+label {
  background-image: url(/product/assets/whitetick.de1748886e7f669a8441.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85%;
}

.mapAssistElement .logiCustomCheck:checked+label:after {
  content: none !important;
}

.leaflet-ruler {
  height: 35px;
  width: 35px;
  background-color: #fff;
  background-image: url(/product/assets/ruler.89865fabc2616509cbfd.png) !important;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}

.leaflet-ruler-clicked {
  height: 35px;
  width: 35px;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url(/product/assets/ruler-colored.7e06986e40c13663ce46.png) !important;
  border-color: #6F0881 !important;
  background-color: #6F0881 !important;
  border-width: 2px;
}

.mapAssist {
  height: 0px;
}

.mapAssistScrollWrapper .top-label {
  min-width: 100px;
  background: inherit !important;
  font-family: Gotham-Rounded-Medium;
}

.mapAssistScrollWrapper .radio-name-label.text-name-label {
  min-width: 100px;
  margin-left: 0px !important;
}

.mapAssistScrollWrapper .radio-name-label.text-name-label span {
  vertical-align: middle;
}

.mapAssistScrollWrapper .radio-circle-label {
  margin: 0px;
  margin-top: 0px !important;
  margin-left: 0px !important;
  border: 1px solid #fff !important;
  box-shadow: 0px 0px 0px 2px #9a9a9a;
}

.mapAssistScrollWrapper .logi-radio-button {
  padding: 0 2px !important;
}

.mapAssistScrollWrapper .iconImg {
  border: 0px solid;
  height: 20px;
  width: 20px;
  overflow: hidden;
  display: inline-block;
  line-height: 20px;
  vertical-align: middle;
  font-size: 12px;
  text-align: center;
  color: #6d6d6d;
}

.mapAssistScrollWrapper .iconImg img {
  height: 18px;
  width: 18px;
  vertical-align: top;
}

.logi-modal logi-geocoding-popup .main-controller-wrapper-geocoding .material-ui-tableLikeDiv-wrapper {
  background: #fff;
  background-image: url(/product/assets/ringLoader.690e11e9d6bdfd2ec038.svg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 150px;
}

.logi-modal logi-geocoding-popup .main-controller-wrapper-geocoding .joinTableAndMap {
  left: 0px !important;
}

.logi-modal logi-geocoding-popup .main-controller-wrapper-geocoding .material-ui-tableLikeDiv-wrapper {
  padding-bottom: 0px !important;
}

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

.noLocationMarker label {
  color: #717171 !important;
}

.noLocationMarker .logiCustomCheck:checked+label {
  background-image: none;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 85%;
}

.noLocationMarker .logiCustomCheck:checked+label:after {
  content: '-' !important;
  font-size: 25px;
  line-height: 7px;
  left: 3px !important;
}

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

.leaflet-bar.leaflet-control.leaflet-control-fullscreen {
  margin-bottom: 15px !important;
}

.leaflet-bottom .leaflet-control-scale {
  padding-bottom: 50px;
  margin-bottom: -40px !important;
  cursor: pointer;
}

@media (max-width: 992px) {
  .mainWrapper.materialDesignUIrevamp_tablewrapper .main-controller-wrapper .page-wrapper {
    overflow: scroll;
  }

  .material-ui-full-map-wrapper {
    min-height: 400px;
  }

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

.geocoding_edit_image img {
  width: 100%;
  background: #fff;
  border: 2px dashed #adadad;
  border-radius: 2px;
  min-height: 200px;
}

.locationUpdatedDiv.locationUpdatedDiv.card.repeatCards {
  position: absolute;
  bottom: 18px;
  z-index: 1000;
  left: 110px;
  height: 40px;
  line-height: 40px;
  padding: 0px 10px;
  background: #6F0881 !important;
  color: #fff;
  cursor: pointer;
}

.compositeMarkers_legendSection {
  margin-bottom: 10px;
}

.compositeMarkers_legendSection .compositeMarkers_legendPermissionToggle .switch {
  transform: translateY(15px);
}

.compositeMarkers_legendSection .compositeMarkers_legendPermissionToggle label.mapAssistToggle {
  transform: translateY(15px);
  font-family: "Gotham-Rounded-Medium";
  font-size: 13px;
}

.compositeMarkers_legendSection .composite-radio-options-wrapper.radio-options-wrapper {
  width: calc(100% - 20px);
  margin-left: 20px !important;
  position: relative !important;
}

.compositeMarkers_legendSection .composite-radio-options-wrapper.radio-options-wrapper .multicheckbox.logi-radio-button {
  position: relative;
}

.compositeMarkers_legendSection .composite-radio-options-wrapper.radio-options-wrapper .multicheckbox.logi-radio-button:before {
  content: "";
  position: absolute;
  z-index: 100;
  left: -10px;
  top: -20px;
  height: 42px;
  width: 10px;
  border-left: 1px solid #c1c1c1;
  border-bottom: 1px solid #c1c1c1;
}

.mapAssist_legends .mapAssistElement .disableCheckUncheck .logiCheckboxLabel.logiRadioLabel.radio-name-label {
  display: none !important;
}

.mapAssist_legends .mapAssistElement .disableCheckUncheck .iconImg {
  display: inline !important;
}

.mapAssist_legends .mapAssistElement .disableCheckUncheck .iconImg img {
  transform: scale(0.7);
}

.selectTripsInfoOverlay {
  position: absolute;
  width: calc(100% - 5px);
  height: 100%;
  top: 0px;
  z-index: 1000;
  left: 0px;
  background: rgba(0, 0, 0, 0.22);
}

.selectTripsInfoOverlay .selectTripsInfoCard {
  height: 100px;
  width: 45%;
  background: rgba(0, 0, 0, 0.322);
  transform: translateX(-50%);
  margin-left: 50%;
  text-align: center;
  border-radius: 6px;
  font-size: 17px;
  color: #fff;
}

.selectTripsInfoOverlay .selectTripsInfoCard .text {
  margin-left: 50%;
  transform: translateX(-50%);
  opacity: 0.8;
  white-space: nowrap !important;
}

.selectTripsInfoOverlay .selectTripsInfoCard .arrow {
  position: absolute;
  left: 30px;
  opacity: 0.7;
}

.selectTripsInfoOverlay .selectTripsInfoCard .arrow .icon:before {
  font-size: 30px;
}

.selectTripsInfoOverlay .selectTripsInfoCard .cross {
  position: absolute;
  top: 3px;
  right: 5px;
  filter: drop-shadow(0px 1px 2px #000);
}

.leaflet-heatmap-layer.leaflet-layer {
  pointer-events: none !important;
}

.mapAssist_legends .mapAssistElement .logi-radio .radio-options-wrapper {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-wrap: nowrap;
}

.mapAssist_legends .mapAssistElement .logi-radio .radio-options-wrapper .logi-radio-button {
  display: flex !important;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  width: max-content !important;
}

.mapAssist_legends .mapAssistElement .logi-radio .radio-options-wrapper .logi-radio-button .logiRadioLabel {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

#planningTerritoryMap_wrapper .leaflet-pane.leaflet-overlay-pane svg.leaflet-zoom-animated {
  z-index: 1200001 !important;
}

@-moz-keyframes mapSleekFadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }
}

@-webkit-keyframes mapSleekFadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }
}

@-o-keyframes mapSleekFadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }
}

@keyframes mapSleekFadeInUp {
  0% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }

  100% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }
}

@-moz-keyframes mapSleekFadeOutUp {
  0% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }
}

@-webkit-keyframes mapSleekFadeOutUp {
  0% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }
}

@-o-keyframes mapSleekFadeOutUp {
  0% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }
}

@keyframes mapSleekFadeOutUp {
  0% {
    opacity: 1;
    transform: translate(-50%, 0px);
  }

  100% {
    opacity: 0;
    transform: translate(-50%, -100px);
  }
}

@-moz-keyframes mapSleekFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@-webkit-keyframes mapSleekFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@-o-keyframes mapSleekFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@keyframes mapSleekFadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@-moz-keyframes mapSleekFadeIn {
  0% {
    opacity: 0.3 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@-webkit-keyframes mapSleekFadeIn {
  0% {
    opacity: 0.3 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@-o-keyframes mapSleekFadeIn {
  0% {
    opacity: 0.3 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@keyframes mapSleekFadeIn {
  0% {
    opacity: 0.3 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@-moz-keyframes stroke-animation {
  from {
    stroke-dashoffset: 100% !important;
    stroke-opacity: 0 !important;
  }

  to {
    stroke-dashoffset: 0% !important;
    stroke-opacity: 1 !important;
  }
}

@-webkit-keyframes stroke-animation {
  from {
    stroke-dashoffset: 100% !important;
    stroke-opacity: 0 !important;
  }

  to {
    stroke-dashoffset: 0% !important;
    stroke-opacity: 1 !important;
  }
}

@-o-keyframes stroke-animation {
  from {
    stroke-dashoffset: 100% !important;
    stroke-opacity: 0 !important;
  }

  to {
    stroke-dashoffset: 0% !important;
    stroke-opacity: 1 !important;
  }
}

@keyframes stroke-animation {
  from {
    stroke-dashoffset: 100% !important;
    stroke-opacity: 0 !important;
  }

  to {
    stroke-dashoffset: 0% !important;
    stroke-opacity: 1 !important;
  }
}

@-moz-keyframes last-location-animation {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 50px rgba(86, 152, 211, 0);
  }
}

@-webkit-keyframes last-location-animation {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 50px rgba(86, 152, 211, 0);
  }
}

@-o-keyframes last-location-animation {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 50px rgba(86, 152, 211, 0);
  }
}

@keyframes last-location-animation {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px #6F0881;
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 50px rgba(86, 152, 211, 0);
  }
}

@-moz-keyframes last-location-animation-subtle {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px rgba(86, 152, 211, 0.7);
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 20px rgba(86, 152, 211, 0);
  }
}

@-webkit-keyframes last-location-animation-subtle {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px rgba(86, 152, 211, 0.7);
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 20px rgba(86, 152, 211, 0);
  }
}

@-o-keyframes last-location-animation-subtle {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px rgba(86, 152, 211, 0.7);
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 20px rgba(86, 152, 211, 0);
  }
}

@keyframes last-location-animation-subtle {
  from {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 0px rgba(86, 152, 211, 0.7);
  }

  to {
    box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.212), 0px 0px 0px 20px rgba(86, 152, 211, 0);
  }
}

@-moz-keyframes highlight-me-animation {
  from {
    box-shadow: 0px 0px 5px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 20px 5px #2e90e8;
  }
}

@-webkit-keyframes highlight-me-animation {
  from {
    box-shadow: 0px 0px 5px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 20px 5px #2e90e8;
  }
}

@-o-keyframes highlight-me-animation {
  from {
    box-shadow: 0px 0px 5px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 20px 5px #2e90e8;
  }
}

@keyframes highlight-me-animation {
  from {
    box-shadow: 0px 0px 5px 0px #6F0881;
  }

  to {
    box-shadow: 0px 0px 20px 5px #2e90e8;
  }
}

.ui-grid-draggable-row-target {
  opacity: 0.5 !important;
}

.ui-grid-draggable-row {
  height: 30px;
}

.ui-grid-draggable-row-over {
  position: relative;
}

.ui-grid-draggable-row-over:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  border-bottom: 1px dotted #aaa;
}

.ui-grid-draggable-row-over:before--above:before {
  top: 0;
}

.ui-grid-draggable-row-over:before--below:before {
  bottom: 0;
}

.customBootboxWrapper {
  background-color: rgba(0, 0, 0, 0.38);
  z-index: 9999 !important;
}

.preferencesScrollable {
  overflow-y: overlay;
  max-height: 400px;
}

.map-content ul.dropdown-menu {
  max-height: 300px;
  overflow: scroll;
}

.resourceSection .tripStatsDonutBadge .nv-pieChart {
  transform: translate(0px, 80px) !important;
}

.resourceSection .donut-wrapper .donut {
  min-height: 210px !important;
}

.resourceSection .tripStatsDonutBadge .nv-pieWrap {
  transform: translate(150px, -66px);
}

.pr0 {
  padding-right: 0px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.geocodingLabels span {
  margin-left: 5px;
  width: 70%;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  text-overflow: ellipsis;
}

.geocodingLabels i.icon.geocoding-icons {
  margin-left: 5px;
}

.geocodingLabels i.icon.geocoding-icons:before {
  font-size: 13px !important;
}

.selectedOrderBtn {
  animation-name: selectedOrderSequenceAnimation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  z-index: 2;
}

.focusChartExtend_hotfix svg {
  height: 470px !important;
}

.lineWithFocusChart_clipping_hotfix clipPath {
  display: none !important;
}

.loaderContainer_special {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10051;
  text-align: center;
  background: rgba(255, 255, 255, 0.8);
}

.loaderContainer_special img {
  width: 150px;
  position: absolute;
  top: calc(50% - 60px);
  left: calc(50% - 100px);
}

.geofence-form .multiSelectCaret {
  right: 12%;
}

.geofence-form .mainSection.mainTitle .col-md-3 {
  width: 25%;
}

.stickToBottom {
  position: absolute;
  bottom: 15px;
}

.stickToBottom .spacetobutton {
  width: 94% !important;
}

.bootbox-confirm .logi-btn-primary span {
  text-transform: capitalize;
}

.paddingUnshit {
  padding-top: 0px !important;
}

.extendHeight_discard {
  height: 700px !important;
  min-height: 700px !important;
}

.resourceSection .donut-wrapper .donut.extendHeightCard {
  min-height: 236px !important;
}

.orderHistPreliminary-wrapper {
  height: calc(100vh - 120px);
  overflow: hidden;
  overflow-y: scroll;
  position: relative;
}

.orderHistPreliminary-wrapper.removeExtraScroll {
  overflow-y: hidden;
}

.parent-hubLoadCtrl.analyticsPage g.nv-pieWrap.nvd3-svg {
  transform: translate(100px, -150px);
}

.parent-hubLoadCtrl.analyticsPage .logiTable .table-responsive {
  max-height: 450px !important;
}

.customWarningMessage {
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 15px;
}

.overlayToDisable {
  width: 100%;
  position: absolute;
  height: 100%;
  z-index: 1005;
  background: rgba(255, 255, 255, 0.7);
}

.infiniteFade {
  animation: fadeIn3 1s linear 0s infinite alternate;
}

.infiniteFade_subtle {
  animation: fadeIn2 1s linear 0s infinite alternate;
}

.loadingDots {
  font-size: 15px;
  color: #6F0881;
}

.filter-active-icon {
  position: absolute;
  top: -8px;
  right: -8px;
  height: 20px;
  width: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  background: #6F0881;
}

.headerWarningMessage .marquee {
  /* position: absolute; */
  width: 100%;
  min-width: 1800px;
  height: 100%;
  margin: 0;
  text-align: center;
  white-space: nowrap;
  display: inline-block;
  /* Starting position */
  -moz-transform: translateX(60%);
  -webkit-transform: translateX(60%);
  transform: translateX(60%);
/* Apply animation to this element */
  -moz-animation: example1 40s linear infinite;
  -webkit-animation: example1 40s linear infinite;
  animation: example1 40s linear infinite;
}

/* Move it (define the animation) */
@-moz-keyframes example1 {
  0% {
    -moz-transform: translateX(60%);
  }

  100% {
    -moz-transform: translateX(-200%);
  }
}

@-webkit-keyframes example1 {
  0% {
    -webkit-transform: translateX(60%);
  }

  100% {
    -webkit-transform: translateX(-200%);
  }
}

.headerWarningMessage .marqueeTicker {
  /* position: relative;  */
  right: 29%;
}

.accordian-header-functions-permanent-list {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
}

.accordian-header-functions-permanent-list .accordian-header-tools {
  cursor: pointer;
  opacity: 0.9;
  height: 30px;
  padding: 0px 8px;
  display: flex;
  align-items: center;
  border-radius: 20px;
  margin-right: 5px;
}

.accordian-header-functions-permanent-list .accordian-header-tools .switch {
  height: 20px;
}

.accordian-header-functions-permanent-list .accordian-header-tools:hover {
  opacity: 1;
  background: rgba(0, 0, 0, 0.078);
}

.accordian-header-functions-permanent-list .disableBtn {
  opacity: 0.3 !important;
}

.underlineOnHover:hover {
  text-decoration: underline !important;
}

.copyCredentialsContainer{
  position: relative; 
  clear: both;
}

.credentialsCopyIcon {
  position: absolute;
  right: 1rem;
  top: 1.9rem;
  width: 24px;
  padding-right: 0px !important;
  background: white;
}

.pointerOnHover:hover {
  cursor: pointer !important;
}

.apiTokensForm .logi-accord .accord-item.panel-open input.cmn-toggle-round:checked+label:after {
  background: #fff;
}

.apiTokensForm .logi-accord .accord-item.panel-open input.cmn-toggle-round:checked+label:before {
  background: #fff;
}

.apiTokensForm .deactivatedToken_discard .accord-item .panel-heading {
  background: #dde2e6 !important;
}

.apiTokensForm .deactivatedToken_discard .accord-header {
  color: #5d5d5d !important;
}

.apiTokensForm .deactivatedToken_discard .panel-body {
  opacity: 1;
}

.apiTokensForm .nodata-template {
  position: relative;
  transform: initial;
  min-height: calc(100vh - 270px) !important;
}

.disableBtn {
  opacity: 0.7;
  cursor: not-allowed !important;
  pointer-events: none;
}

.clickingNotAllowed {
  opacity: 0.2;
  cursor: not-allowed !important;
}

#onboardingBody #apiTokensWrapper,
#onboardingBody #formListBuilderWrapper {
  padding-top: initial;
  background_discard: #ffc0cb !important;
}

#onboardingBody #apiTokensWrapper .heading,
#onboardingBody #formListBuilderWrapper .heading {
  visibility: hidden;
}

#onboardingBody #apiTokensWrapper .page-wrapper,
#onboardingBody #formListBuilderWrapper .page-wrapper {
  margin-top: -60px;
}

#onboardingBody #formListBuilderWrapper .previewModal.heading {
  visibility: visible !important;
}

#onboardingBody #apiTokensWrapper,
#onboardingBody #calendarListWrapper {
  padding-top: initial;
  background_discard: #ffc0cb !important;
}

#onboardingBody #apiTokensWrapper .heading,
#onboardingBody #calendarListWrapper .heading {
  visibility: hidden;
}

#onboardingBody #apiTokensWrapper .page-wrapper,
#onboardingBody #calendarListWrapper .page-wrapper {
  margin-top: -60px;
}

#onboardingBody #calendarListWrapper .previewModal.heading {
  visibility: visible !important;
}

.calendar_list {
  height: 50px;
}

.calendar_list .content {
  line-height: normal;
}

.calendar_list .content .calendar-title {
  color: #000;
  font-size: 14px;
  line-height: 20px;
}

.calendar_list .content .calendar-desc {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: normal;
  color: rgba(0, 0, 0, 0.7);
}

#apiTokensWrapper .sectionHelperText {
  margin-bottom: 20px;
}

#apiTokensWrapper .nodata-template .nodata-image-wrapper img {
  width: 30%;
  min-width: 250px;
}

#apiTokensWrapper .header-name .primary span {
  margin-left: 10px;
  font-family: 'Gotham-Rounded';
}

#apiTokensWrapper .header-name .primary span.inactiveRedDot {
  margin-left: initial;
  border: 1px solid #fff;
  width: 10px;
  height: 10px;
}

#apiTokensWrapper .apiTokensTable {
  border: 1px solid #e2e2e2;
  line-height: 40px;
  font-size: 13px;
}

#apiTokensWrapper .apiTokensTable .keyCell {
  background: #efefef;
  width: 20%;
  text-align: center;
  border: 1px solid #e2e2e2;
  font-family: 'Gotham-Rounded-Medium';
}
#apiTokensWrapper .apiTokensTable .tokenCell {
  padding: 16px 0 0 16px;
  width: 75%;
}

#apiTokensWrapper .apiTokensTable .valueCell {
  padding-left: 20px;
  letter-spacing: 0.5px;
  font-family: monospace;
  width: 75%;
}

#apiTokensWrapper .apiTokensTable .copyAble {
  cursor: copy !important;
}

.tokenCell input[type="text"] {
  pointer-events: none;
  opacity: 0;
}

.copyAble img {
  width: 18px;
  opacity: 0.6;
}

.copyimg{
  cursor: copy !important;
  width: 18px;
  /* opacity: 0.6; */
}

.pointerOnHover {
  text-align: right;
  padding-right: 10px;
}

.tokenCell {
  padding-top: 16px;
}

.padding-16 {
  padding: 16px;
}

.templateTypeIcon {
  margin-right: 10px;
}

.templateTypeIcon img {
  width: 18px;
  transform_discard: scale(1.1);
}

.logi-accord .panel.panel-open>.panel-heading .templateTypeIcon img {
  color: var(--color-primary-main);
}

.formListBuilder_templateRow {
  height: 40px;
  line-height: 40px;
}

.formListBuilder_templateRow:not(:last-child) {
  margin-bottom: 15px;
}

.formListBuilder_templateRow .formListBuilder_templateFavourite {
  width: 40px;
  height: 40px;
  background: transparent;
  text-align: center;
}

.formListBuilder_templateRow .formListBuilder_templateTab {
  box-shadow: inset 0px 0px 0px 1px rgba(226, 226, 226, 0.549);
  padding: 0px 10px;
  background: #fff;
  width: calc(100% - 40px);
  position: relative;
  border-radius: 3px;
}

.formListBuilder_templateRow .formListBuilder_templateTab .isDefault {
  color: #a9a9a9;
}

.formListBuilder_templateRow .formListBuilder_templateTab .formListBuilder_templateActions {
  position: absolute;
  right: 5px;
}

.formListBuilder_templateRow .formListBuilder_templateTab .inlineLockIcon {
  width: 16px;
  opacity: 0.3;
  margin-left: 8px;
  margin-top: -3px;
}

.formListBuilder_templateRow .formListBuilder_templateTab .inlineBadge {
  font-size: 11px;
  line-height: 21px;
  border-radius: 3px;
  padding: 0px 6px;
  margin-left: 15px;
  height: 20px;
  color: #edaa48;
  letter-spacing: 0.5px;
}

.formListBuilder_templateRow .formListBuilder_templateTab .inlineBadge.draftBadge {
  box-shadow: inset 0px 0px 0px 1px #edaa48;
}

.inlineBadge.draftBadge {
  font-size: 11px !important;
  line-height: 21px;
  border-radius: 3px;
  padding: 0px 6px;
  margin-left: 15px;
  height: 20px;
  width: max-content !important;
  color: #edaa48;
  letter-spacing: 0.5px;
  box-shadow: inset 0px 0px 0px 1px #edaa48;
}

.circular_action_button {
  background: transparent;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin: 5px 5px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.circular_action_button.disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}

.circular_action_button:hover:not(.disabled):not(.removeCircularShadow) {
  background: rgba(0, 0, 0, 0.102);
}

.circular_action_button img {
  height: 30px;
  width: 30px;
}

.circular_action_button i {
  line-height: 30px;
  font-size: 16px;
}

.circular_action_button .numberQtyBtn {
  margin-top: 5px;
}

.deletionNote {
  margin-bottom: 30px;
}

.deletionNote .content {
  font-size: 13px;
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.078);
  padding: 10px 15px;
  background: #efefef;
  color: #808080;
  border-radius: 6px;
}

.deletionNote .content img {
  float: left;
  margin: 10px 10px 10px 0px;
}

.deletionNote .content .heading {
  font-family: "Gotham-Rounded-Medium";
  font-size: 14px;
  color: #4c4c4c;
}

.deletionNote .content .footer {
  margin-left: 33px;
}

.userSelectText {
  user-select: text;
}

.ellipsisOverflowSpan {
  max-width: 500px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.addToTable.formListTemplateAccordianOverride {
  margin-left: 15px;
  position: sticky;
  bottom: 0px;
  margin-right: 0px;
  height: 40px;
  padding: 0px 15px;
  line-height: 38px;
  border-radius: 3px;
  border-color: #6F0881;
  color: #6F0881;
  font-family: "Gotham-Rounded";
}

.addToTable.formListTemplateAccordianOverride:hover {
  background: #fff !important;
}

.numberQtyBtn {
  background: #6F0881;
  height: 20px;
  width: auto;
  font-size: 12px;
  color: #fff;
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  line-height: 20px;
  border-radius: 2px;
  padding: 0px 7px;
  cursor: pointer;
  box-shadow: inset 0px -1px 0px 0px rgba(80, 80, 80, 0.22), 0px 1px 1px 0px rgba(0, 0, 0, 0.239);
}

.numberQtyBtn.disabled {
  background: #e5e5e5;
  cursor: not-allowed;
  color: #636363;
}

.fade_opacity_up.ng-enter {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  opacity: 0;
  transform: translateY(-100%);
}

/* The finishing CSS styles for the enter animation */
.fade_opacity_up.ng-enter.ng-enter-active {
  opacity: 1;
  transform: translateY(0%);
}

.fade_opacity_up.ng-leave {
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
  transform: translateY(0%);
  opacity: 1;
}

.fade_opacity_up.ng-leave.ng-leave-active {
  opacity: 0;
  transform: translateY(-100%);
}

.searchModuleDiv {
  height: 25px;
  clear: both;
  position: relative;
  display: flex;
  width: calc(100% - 30px) !important;
  line-height: 25px;
  margin: 10px 15px;
  margin-bottom: 10px;
  border-bottom: 1px solid #efefef;
}

.searchModuleDiv.sidebarSearch {
  margin-top: 0px;
}

.searchModuleDiv input {
  padding-left: 10px;
  width: 100%;
}

.searchModuleDiv i.logi-icon {
  display: flex;
  flex-direction: row;
  align-items: center;
}

.logiIconHighlighted {
  color: #f00;
  background: rgba(255, 0, 0, 0.18);
  padding: 5px;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  text-align: center;
  box-shadow: inset 0px 0px 0px 1px rgba(255, 0, 0, 0.478);
}

.fullSearchOverlay {
  position: relative;
  display: flex;
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 17px;
  color: rgba(128, 128, 128, 0.722);
}

.fullSearchOverlay.settingsSearch {
  width: 100%;
  margin-top: 50px;
}

.falseInstructions {
  font-size: 12px;
  color: #b5b5b5;
  font-style: italic;
  white-space: normal !important;
  font-family: "Gotham-Rounded" !important;
}

.formListBuilderModal input {
  background: #fff !important;
}

.lockedFieldLabel {
  opacity: 0.7;
}

.dropdownBlockerMessage {
  text-align: center;
  font-size: 13px;
  padding: 10px;
  background: #efefef;
  border-radius: 4px;
}

.dropdownBlockerOptions {
  filter: blur(2px) !important;
  pointer-events: none;
}

.paddingLeft0 {
  padding-left: 0px !important;
}

.previewTemplateCell {
  width: 100%;
  background: rgba(0, 0, 0, 0.059);
  height: 100%;
}

.previewContentWrapper .mainWrapper.materialDesignUIrevamp_tablewrapper {
  min-height: 100%;
}

.previewContentWrapper .mainWrapper.materialDesignUIrevamp_tablewrapper .uiGridTable.ui-grid {
  height: 100% !important;
}

.userRoleNames {
  display: inline-block;
  margin-right: 10px;
  padding: 5px 10px;
  background: #eaeaea;
  line-height: 15px;
  border-radius: 3px;
  font-size: 13px;
  margin-bottom: 10px;
}

.formPermanentInfoDiv {
  padding: 15px;
  background: #efefef;
  margin-top: 25px;
  border-radius: 4px;
  border: 1px dashed #808080;
  color: #808080;
  font-size: 13px;
}

.nonClickable {
  cursor: default !important;
}

.disabledField.disabledField {
  opacity: 0.5 !important;
}

.circular_action_button {
  background: transparent;
  border-radius: 50%;
  height: 30px;
  width: 30px;
  cursor: pointer;
  margin: 5px 5px;
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;
}

.circular_action_button.disabled {
  opacity: 0.2 !important;
  cursor: not-allowed !important;
}

.circular_action_button:hover:not(.disabled):not(.removeCircularShadow) {
  background: rgba(0, 0, 0, 0.102);
}

.circular_action_button img {
  height: 30px;
  width: 30px;
}

.circular_action_button i {
  line-height: 30px;
  font-size: 16px;
}

.circular_action_button .numberQtyBtn {
  margin-top: 5px;
}

.temporaryFocus.temporaryFocus.temporaryFocus {
  border-color: #f00 !important;
  box-shadow: 0px 0px 20px 0px #f00 !important;
  animation: fadeIn_reverse 1s linear 0s 4 alternate;
}

.progressFlow {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin: 10px 0px;
  position: relative;
}

.progressFlow .progressFlowElement {
  text-align: center;
  width: 65px;
  z-index: 10;
}

.progressFlow .progressFlowElement.selected .progressFlowElement_number {
  background: #6F0881;
  color: #fff;
}

.progressFlow .progressFlowElement.selected .progressFlowElement_description {
  opacity: 1;
}

.progressFlow .progressFlowElement .progressFlowElement_number {
  text-align: center;
  font-size: 11px;
  color: #6F0881;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  line-height: 21px;
  background: #fff;
  box-shadow: inset 0px 0px 0px 1px #6F0881;
  font-family: "Gotham-Rounded-Medium";
}

.progressFlow .progressFlowElement .progressFlowElement_description {
  text-align: center;
  margin-top: 5px;
  opacity: 0.5;
  font-family: "Gotham-Rounded";
}

.progressFlow .progressFlowElement_pseudoDiv {
  position: absolute;
  border: 1px solid rgba(95, 154, 208, 0.4);
  width: calc(100% - 60px);
  margin: auto;
  top: 10px;
  left: 30px;
  z-index: 5;
}

button.edit.alignLeft {
  position: absolute;
  left: 0px;
  top: 0px;
}

a.leafletActivated,
a.leafletActivated:hover {
  background: #6F0881 !important;
  border-radius: 0px;
  color: #fff !important;
}

.errorText {
  color: #f00 !important;
}

.highlightTableRow {
  background: rgba(86, 152, 211, 0.188) !important;
  border: 1px solid #6F0881 !important;
  box-shadow: inset 0px 1px 0px 1px #6F0881;
  border-bottom: 1px solid #6F0881 !important;
}

.highlightTableRow input {
  background: #e1ebf5 !important;
}

.padding-left0 {
  padding-left: 0px !important;
}

.fractionInput input {
  width: 50%;
  margin-right: 5px;
  height: 18px !important;
  border-radius: 2px;
  text-align: center;
  background: rgba(239, 239, 239, 0.161);
}

.fractionInput span {
  opacity: 1;
}

.iconPlaceholderWrapper {
  width: 150px;
  text-align: center;
  height: 150px;
  margin-right: 15px;
  margin-bottom: 10px;
  padding: 5px;
}

.iconPlaceholderWrapper .logi-spinner.imageUpload {
  display: none;
}

.iconPlaceholderWrapper .iconActionItemsPlaceholder {
  opacity: 0;
}

.iconPlaceholderWrapper .imageWrapper {
  width: 100%;
  padding: 10px;
  height: 100%;
  overflow: hidden;
}

.iconPlaceholderWrapper .imageWrapper img {
  margin-left: 50%;
  transform: translateX(-50%);
  height: fit-content;
  width: fit-content;
  max-width: 30%;
  max-height: 30%;
  margin-top: 30px;
}

.iconPlaceholderWrapper:hover .iconActionItemsPlaceholder {
  opacity: 1 !important;
}

.iconPlaceholderWrapper .iconImagePlaceholder {
  height: 110px;
  background-image: url(/product/assets/TransparentBg.53ecefaef3899749fc6e.png) !important;
  background-size: cover;
}

.iconPlaceholderWrapper .newButton {
  width: 50%;
}

.iconPlaceholderWrapper .newButton i {
  background: #6F0881;
  padding: 10px;
  border-radius: 50%;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.71);
  border: 1px solid rgba(255, 255, 255, 0.302);
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  height: 34px;
  width: 34px;
  text-align: center;
}

.logi-spinner.imageUpload {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0px;
  background: rgba(95, 154, 208, 0.349);
  padding-top: 33%;
}

.iconPlaceholderWrapper.loadingActive .logi-spinner.imageUpload {
  display: block !important;
}

.checkboxLabel {
  margin-left: 5px;
}

.space-around {
  justify-content: space-around;
}

.webhookDetails .grey-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100% !important;
}

.advancedFilterField {
  box-shadow: 0px 0px 0px 1px #ddd;
  height: 30px;
  line-height: 30px;
}

.odAlertMessageForm .logi-input {
  width: 90% !important;
}

#mileTripHistTabs .nv-scatterWrap {
  opacity: 0 !important;
}

.downloadTrackingDataReportFromTripHistory {
  right: 68px !important;
}

.tripHistoryCalendar {
  right: 115px !important;
}

#haulTripHistory .mapAssist .addressBox {
  width: 55% !important;
}

.downloadreport_btn_img {
  width: 22px;
  height: auto;
  margin-left: 7px;
  margin-top: 7px;
}

.disabledLocationDataReport {
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}

.logiGuide .logi-form-checkbox {
  margin: 28px 0;
}

.new-multiselect .multiselect-parent button.dropdown-toggle:hover {
  z-index: 0 !important;
}

.analytics-tab-card-wrapper .analytics-tab-card {
  min-width: 200px;
}

.show-file-icon {
  right: 200px;
  position: relative;
  top: 25px;
  z-index: 100;
}

.top120 {
  top: 120px;
}

#shipperWrapper .crate-section .addCrate {
  height: 50px;
}

.shipperModal {
  left: calc(100% - 604px) !important;
  width: 400px !important;
  top: inherit !important;
}

.icon.icon-image.iconAlign:before {
  position: relative;
  left: 25.5em;
  top: 1.4em;
}

.listviewmulselect.logi-multiselect-new .multiselect-parent.dropdown-multiselect.open .dropdown-menu.dropdown-menu-form {
  position: fixed;
  top: auto;
  left: auto;
  max-width: min-content;
}

.leaflet-control-zoomHome {
  width: 30px;
  height: 30px;
  margin-right: 13px !important;
}

.leaflet-control-zoomHome-button {
  border-radius: 0px;
  background-image: url(/product/assets/my_location-black.34d7fd5b55dffd950b3d.svg);
}

.leaflet-control-zoomHome-button-enabled {
  border-radius: 0px;
  background-image: url(/product/assets/myLocation.4c56982131a7b106dd79.svg);
  background-color: #6F0881 !important;
}

.alert-notify-icon {
  margin-right: 3px;
  color: #f00;
  font-size: 16px;
  vertical-align: text-top;
}

.driverCard {
  margin-bottom: 20px !important;
}

.driverCard .cardTitle {
  font-size: 12px;
}

.driverCard .cardCount {
  font-size: 15px;
  font-weight: bold;
  max-width: 175px;
  padding: 5px 5px;
  border-radius: 50px;
  color: #6F0881;
  margin: 0px auto;
  position: relative;
  top: -10px;
}

.driverCard .percentageValue {
  position: absolute;
  right: 25px;
  font-weight: bolder;
  top: 15px;
  padding: 5px 10px;
}

.driverCard .percentageValue.incValue {
  color: #008000;
}

.driverCard .percentageValue.decValue {
  color: #f00;
}

.driverCard.hint--bottom.hint--medium {
  display: block !important;
}

.donutCardData nvd3 .nv-pie-title {
  display: none;
}

.totalOrder .trip-graph,
.totalDeliveredOrders .trip-graph {
  width: 39%;
  background-color: #e1e1e1;
  margin: 5px 0;
  right: 30px;
  position: absolute;
}

.totalOrder .graph-wrapper,
.totalDeliveredOrders .graph-wrapper {
  background-color: #6F0881;
  height: 6px;
  border-radius: 15px;
}

.donutCardData .nv-pieWrap {
  width: 70% !important;
  text-transform: clip !important;
}

.donutCardData .nv-legendWrap {
  width: 30% !important;
}

.no-internet-dialog .modal-content {
  background-color: #6F0881;
  color: #fff;
  text-align: center;
}

.no-internet-dialog .bootbox-body {
  color: #fff;
  font-size: 15px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

.no-internet-dialog .close {
  padding-top: 7px !important;
  color: #fff !important;
  opacity: 1 !important;
}

.no-internet-dialog {
  background: none;
}

.noInternetCloseIconCSS {
  text-shadow: none !important;
}

.suggest_trips_settings .logiFormActionButtons {
  display: flex;
}

.suggest_trips_settings .logiFormActionButtons i.logi-icon {
  font-size: 13px;
}

.footer-copyright {
  background-color: #fcfcfd;
  font-size: 13px;
  color: #808088;
  text-align: center;
  font-style: normal;
}

.footer-copyright a {
  text-decoration: underline;
  color: #6F0881;
}

.footer-copyright a:hover {
  color: #46465f !important;
}

.footer-terms {
  padding-top: 0px;
  padding-bottom: 25px;
  margin: -30px;
}

#knowledgePortalContainer .footer-copyright {
  position: inherit;
}

.leafletMapAssist .logiFormActionButtons {
  display: flex;
  z-index: 1000;
  line-height: 65px;
  background-color: #fff;
}

.leafletMapAssist .stickToBottom {
  bottom: 0px;
  z-index: 1000;
}

.leafletMapAssist .stickToBottom i.logi-icon {
  font-size: 13px;
  margin-right: 0px;
}

.leafletMapAssist .stickToBottom button {
  padding: 0 8px;
}

.leafletMapAssist .stickToBottom li:first-child .logi-btn-primary {
  margin-left: 17px;
}

.shift-autoGenerate-icon {
  background: #6F0881;
  position: absolute;
  right: 15px;
  top: 18px;
  height: 40px;
  display: flex;
  align-items: center;
  width: 44px;
  justify-content: center;
  cursor: pointer;
}

.shift-autoGenerate-icon img {
  height: 20px;
}

.disabledServiceDays>div:active {
  pointer-events: none;
  opacity: 0.65 !important;
}

#routeId-routeType span {
  text-transform: lowercase;
}

#routeId-routeType span::first-letter {
  text-transform: capitalize;
}

.route-values {
  font-size: 13px;
  color: #767676;
  line-height: 25px;
}

.ellipsisClass {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; 
}

.menuAnimate>div {
  max-height: 200px;
}

#chartHeader .menuAnimate {
  width: 200px;
}

.rateProfilModal .new-multiselect.servicetype-input .multiselect-parent ul.dropdown-menu {
  max-height: 100px;
}

.rateProfilModal .ui-select-bootstrap>.ui-select-choices,
.rateProfilModal .ui-select-bootstrap>.ui-select-no-choice {
  max-height: 100px;
}

.rateProfilModal .new-multiselect.servicetype-input .multiselect-parent ul.dropdown-menu>li>a {
  white-space: inherit;
}

.rateProfilModal .rate-profile-input input {
  margin: 0 !important;
}

.width100 {
  width: 100%;
}

.manifestOfManifest-nav-item {
  margin-bottom: 0px;
  border-bottom: 1px solid #fff;
}

.loginContentWrapper .row {
  margin-left: 0px;
  margin-right: 0px;
}

.loginOuterWrapper .loginInnerWrapper .loginContent .loginFormField.loginButtonWrapper {
  margin-top: 0px;
}

.forgotPwdFormField .resendBtnAlign {
  padding-left: 0px;
}

.forgotPwdFormField .loginBtnAlign {
  padding-right: 0px;
}

.emailWrapper {
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  text-align: left;
}

.emailWrapper ul {
  margin: 10px 0px;
  list-style: disc;
}

.emailWrapper ul>li {
  margin-left: 20px;
}

.gsign_btn_align .abcRioButtonContentWrapper {
  background-color: #6F0881 !important;
}

@media (min-width: 768px) and (orientation: portrait) {
  .loginContentLeft {
    width: 100vw !important;
    height: 100vh !important;
  }
}

.linkExpired {
  display: flex;
  flex-direction: column;
  margin-top: 10%;
}

.linkExpired .header-style {
  width: 193px;
  height: 37px;
  margin: 54px auto 12px auto;
  font-size: 30px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #717171;
}

.linkExpired .description-style {
  width: 600px;
  height: 48px;
  margin: 12px auto 0 auto;
  font-size: 20px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #868686;
}

.linkExpired .description-style a {
  text-decoration: underline;
}

.linkExpired img {
  width: 600px;
  margin-left: 32%;
}

.LoginBoxWrapper {
  margin: 0px 40px 32px 40px;
  padding: 24px;
  box-shadow: 1px 1px 4px 2.5px rgba(0, 0, 0, 0.129);
  border-radius: 8px;
  background: #FFF;
  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
}

.loginContentRight {
  border-color: 3px solid blue;
  z-index: 99;
  /* background-image: url("https://loginext-media-bucket.s3.ap-southeast-1.amazonaws.com/images/loginext-images/certification_login_image.png"); */
  /* display: flex; */
  justify-content: space-around;
  align-items: center; 
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.login-right-side-image {
  width: 100%;
  height: 100%;
}


/* .loginContentRight img {
  max-width: 600px;
} */

.loginPageLogoWrapper {
  margin: 32px 0;
}

.loginPageLogoWrapper img {
  max-width: 150px;
}

.loginPageLogoWrapper svg {
  max-width: 150px;
}

.AppInfoSection {
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
}

.AppInfoSection .underground-phone {
  width: 142px;
  height: 196px;
}

.AppInfoSection .textSection {
  display: flex;
  width: 150px;
  flex-wrap: wrap;
  align-content: flex-end;
}
.textSection__Logistics{
  color: #000;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 12px;
}
.textSection__LoginextAppSuite{
  color: #989898;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
}

.AppInfoSection .textSection img {
  max-width: 100px;
}

.AppInfoSection .textSection>div {
  text-align: left;
  /* margin: 5px 0px; */
  font-style: normal;
  line-height: normal;
}

.forgotPwdFormField button {
  margin-top: 0px;
}

.forgotPwdFormField .sendBtnAlign {
  padding-left: 0px;
}

.forgotPwdFormField .cancelBtnAlign {
  padding-right: 0px;
}

.accessProfileListParentWrapper .sc-main-content-container {
  min-height: auto !important;
}

.statusUpdateReasonTable .deleteButton {
  font-size: 17px;
  background-color: #fff;
}

.fleetManagement .toggleDescription {
  font-size: 13px;
  opacity: 0.7;
  letter-spacing: 0.3px;
  line-height: 17px;
  margin-top: 5px;
  padding-right: 30px;
  color: #444;
  cursor: pointer;
}

@media only screen and (max-height: 794px) and (max-width: 1199px) and (orientation: landscape) {
  .undergroundDiv {
    position: static;
    padding: 10px;
  }

  .login-formBox {
    height: 100%;
  }

  .loginContentLeft {
    height: 100%;
  }
}

@media only screen and (max-width: 650px) and (min-width: 350px) {
  .undergroundDiv .underground-phone {
    width: auto;
    max-height: 200px;
  }
}

@media only screen and (max-width: 767px) and (orientation: portrait) {
  .undergroundDiv {
    width: auto;
    position: static;
  }

  .AppInfoSection {
    margin: 10px;
  }

}

.mobileAppSectionWrapper {
    display: flex;
    flex-direction: column;
    gap: 32px;
}

.resetPasswordPage .row>div {
  padding-left: 0px;
  padding-right: 0px;
}

.logiGuide .livePageRightPane.logiFormActionButtons {
  display: flex;
  width: 95%;
  justify-content: space-evenly;
}

.logiGuide .livePageRightPane.logiFormActionButtons li button {
  width: 100%;
}

.logiGuide .livePageRightPane.logiFormActionButtons li .logi-btn-primary {
  line-height: normal !important;
}

.logiGuide .livePageRightPane.logiFormActionButtons li:first-child .logi-btn-primary {
  margin: 0px 5px;
}

.logiGuide .livePageRightPane.logiFormActionButtons li {
  max-width: 150px;
  width: 100%;
  margin: 0px 5px;
}

.livesuggestionScreen .logi-radio .logiCustomRadio+label {
  position: relative;
  left: 0px;
}

.livesuggestionScreen .logi-radio .logiCustomRadio+label+label {
  left: 40px;
}

.livesuggestionScreen .logi-radio .logiCustomRadio+label {
  top: 12px !important;
}

.livesuggestionScreen .logi-radio .logiCustomRadio:checked+label {
  background-color: #6F0881 !important;
  border-color: #fff !important;
  box-shadow: 0px 0px 0px 2px #6F0881;
}

.livesuggestionScreen .logi-radio .desc-label {
  position: relative !important;
  min-height: auto !important;
  top: auto !important;
  background: transparent !important;
  line-height: 40px !important;
}

.suggest_trips_settings .page-type-action-toggle .action-item {
  height: auto !important;
}

.suggest_trips_settings .logiForm .page-type-action-toggle .action-item .row {
  margin: 0px !important;
}

.livesuggestionScreen.takeFullWidth {
  width: 100%;
}

@media only screen and (max-height: 660px) {
  .mid-container-copyright {
    position: static;
  }

  .login-formBox {
    height: 100%;
    /* min-height:660px; */
  }
}

@media only screen and (max-width: 1199px) {
  .loginContentRight {
    display: none;
  }
}

@media only screen and (min-width: 1200px) and (max-height: 610px) {
  .undergroundDiv {
    width: auto;
    position: static;
  }
}

.rateProfilModal .ui-select-bootstrap>.ui-select-choices,
.rateProfilModal .ui-select-bootstrap>.ui-select-no-choice {
  max-height: 100px;
}

.rateProfilModal .new-multiselect.servicetype-input .multiselect-parent ul.dropdown-menu {
  max-height: 100px;
}

#chartHeader .menuAnimate {
  width: 200px;
}

.login-formBox {
  height: 100%;
   display: flex;
  flex-direction: column;
  justify-content: flex-start;
  flex-wrap: nowrap;
}

.filterIconCSS .ui-grid-filter-button {
  right: -13px !important;
}

.filterIconCSS .ui-grid-filter-input {
  width: 106% !important;
}

@-moz-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn2 {
  0% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@-o-keyframes fadeIn2 {
  0% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@keyframes fadeIn2 {
  0% {
    opacity: 0.7;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.7;
  }
}

@-moz-keyframes fadeIn3 {
  0% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@-webkit-keyframes fadeIn3 {
  0% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@-o-keyframes fadeIn3 {
  0% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@keyframes fadeIn3 {
  0% {
    opacity: 0.3;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0.3;
  }
}

@-moz-keyframes fadeIn4 {
  0% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn4 {
  0% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn4 {
  0% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn4 {
  0% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeInRight {
  from {
    transform: translateX(200%);
  }

  to {
    transform: translateX(0);
  }
}

@-webkit-keyframes fadeInRight {
  from {
    transform: translateX(200%);
  }

  to {
    transform: translateX(0);
  }
}

@-o-keyframes fadeInRight {
  from {
    transform: translateX(200%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes fadeInRight {
  from {
    transform: translateX(200%);
  }

  to {
    transform: translateX(0);
  }
}

@-moz-keyframes fadeInLeft {
  to {
    transform: translateX(-200%);
  }
}

@-webkit-keyframes fadeInLeft {
  to {
    transform: translateX(-200%);
  }
}

@-o-keyframes fadeInLeft {
  to {
    transform: translateX(-200%);
  }
}

@keyframes fadeInLeft {
  to {
    transform: translateX(-200%);
  }
}

@-moz-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-o-keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }

  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@-moz-keyframes fadeOutAnimation {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-webkit-keyframes fadeOutAnimation {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@-o-keyframes fadeOutAnimation {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}


@-moz-keyframes fadeInAnimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInAnimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-o-keyframes fadeInAnimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeInAnimation {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-moz-keyframes selectedOrderSequenceAnimation {
  0% {
    width: 30px;
    height: 30px;
  }

  50% {
    width: 35px;
    height: 35px;
    opacity: 0.3;
  }

  100% {
    width: 30px;
    height: 30px;
  }
}

@-webkit-keyframes selectedOrderSequenceAnimation {
  0% {
    width: 30px;
    height: 30px;
  }

  50% {
    width: 35px;
    height: 35px;
    opacity: 0.3;
  }

  100% {
    width: 30px;
    height: 30px;
  }
}

@-o-keyframes selectedOrderSequenceAnimation {
  0% {
    width: 30px;
    height: 30px;
  }

  50% {
    width: 35px;
    height: 35px;
    opacity: 0.3;
  }

  100% {
    width: 30px;
    height: 30px;
  }
}

@keyframes selectedOrderSequenceAnimation {
  0% {
    width: 30px;
    height: 30px;
  }

  50% {
    width: 35px;
    height: 35px;
    opacity: 0.3;
  }

  100% {
    width: 30px;
    height: 30px;
  }
}

@-moz-keyframes progressAnimation {
  0% {
    opacity: 1 !important;
  }

  50% {
    opacity: 0.5 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@-webkit-keyframes progressAnimation {
  0% {
    opacity: 1 !important;
  }

  50% {
    opacity: 0.5 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@-o-keyframes progressAnimation {
  0% {
    opacity: 1 !important;
  }

  50% {
    opacity: 0.5 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@keyframes progressAnimation {
  0% {
    opacity: 1 !important;
  }

  50% {
    opacity: 0.5 !important;
  }

  100% {
    opacity: 1 !important;
  }
}

@-moz-keyframes pseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@-webkit-keyframes pseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@-o-keyframes pseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@keyframes pseudoProgressAnimation {
  0% {
    margin-left: 0%;
  }

  100% {
    margin-left: 100%;
  }
}

@-moz-keyframes popupEffect {
  0% {
    opacity: 0.3;
    transform: scale(0.5) translate(-100px, 300px);
  }

  50% {
    opacity: 1;
    transform: scale(3) translate(0px, 0px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }
}

@-webkit-keyframes popupEffect {
  0% {
    opacity: 0.3;
    transform: scale(0.5) translate(-100px, 300px);
  }

  50% {
    opacity: 1;
    transform: scale(3) translate(0px, 0px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }
}

@-o-keyframes popupEffect {
  0% {
    opacity: 0.3;
    transform: scale(0.5) translate(-100px, 300px);
  }

  50% {
    opacity: 1;
    transform: scale(3) translate(0px, 0px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }
}

@keyframes popupEffect {
  0% {
    opacity: 0.3;
    transform: scale(0.5) translate(-100px, 300px);
  }

  50% {
    opacity: 1;
    transform: scale(3) translate(0px, 0px);
  }

  100% {
    opacity: 1;
    transform: scale(1) translate(0px, 0px);
  }
}

@-moz-keyframes example1 {
  0% {
    -moz-transform: translateX(60%);
    /* Firefox bug fix */
    -webkit-transform: translateX(60%);
    /* Firefox bug fix */
    transform: translateX(60%);
  }

  100% {
    -moz-transform: translateX(-200%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-200%);
    /* Firefox bug fix */
    transform: translateX(-200%);
  }
}

@-webkit-keyframes example1 {
  0% {
    -moz-transform: translateX(60%);
    /* Firefox bug fix */
    -webkit-transform: translateX(60%);
    /* Firefox bug fix */
    transform: translateX(60%);
  }

  100% {
    -moz-transform: translateX(-200%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-200%);
    /* Firefox bug fix */
    transform: translateX(-200%);
  }
}

@-o-keyframes example1 {
  0% {
    -moz-transform: translateX(60%);
    /* Firefox bug fix */
    -webkit-transform: translateX(60%);
    /* Firefox bug fix */
    transform: translateX(60%);
  }

  100% {
    -moz-transform: translateX(-200%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-200%);
    /* Firefox bug fix */
    transform: translateX(-200%);
  }
}

@keyframes example1 {
  0% {
    -moz-transform: translateX(60%);
    /* Firefox bug fix */
    -webkit-transform: translateX(60%);
    /* Firefox bug fix */
    transform: translateX(60%);
  }

  100% {
    -moz-transform: translateX(-200%);
    /* Firefox bug fix */
    -webkit-transform: translateX(-200%);
    /* Firefox bug fix */
    transform: translateX(-200%);
  }
}

@-moz-keyframes temporary_focus_animation {
  0% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }

  50% {
    box-shadow: 0px 0px 20px 0px #f00 !important;
  }

  100% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }
}

@-webkit-keyframes temporary_focus_animation {
  0% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }

  50% {
    box-shadow: 0px 0px 20px 0px #f00 !important;
  }

  100% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }
}

@-o-keyframes temporary_focus_animation {
  0% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }

  50% {
    box-shadow: 0px 0px 20px 0px #f00 !important;
  }

  100% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }
}

@keyframes temporary_focus_animation {
  0% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }

  50% {
    box-shadow: 0px 0px 20px 0px #f00 !important;
  }

  100% {
    box-shadow: 0px 0px 0px 0px transparent !important;
  }
}

@-moz-keyframes fadeIn_reverse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-webkit-keyframes fadeIn_reverse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn_reverse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn_reverse {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0.3;
  }

  100% {
    opacity: 1;
  }
}

.logiGuide .serviceAreaMasterList .logiGuide-card {
  padding: 10px;
}

.logiGuide .serviceAreaMasterList .logiGuide-card .table-record-actions .pagination-container-perPage,
.logiGuide .serviceAreaMasterList .logiGuide-card .table-record-actions .pagination-container {
  min-width: 0px !important;
}

.logiGuide .serviceAreaMasterList .table-wrapper .table-record-actions {
  padding: 4px 0;
}

.logiGuide .serviceAreaMasterList #serviceAreaMaster-download {
  margin: 0;
}

.mainWrapper.materialDesignUIrevamp_tablewrapper--drs .shift-table-top-40 {
  height: calc(100% - 55px);
}

.map-select-option.new-multiselect .multiselect-parent {
  margin: 0px;
  background: rgb(255, 255, 255);
}

.assign-btn[disabled] {
  pointer-events: none;
  cursor: default;
  opacity: 0.6;
}

.deliveryMediumCenterContent .addremovecomponent {
  font-size: 22px;
  padding: 2px 2px 0px 2px;
}

.deliveryMediumCenterContent .add-shift-item {
  padding-left: 15%;
}

.logi-addcompartmentdetails label {
  margin-top: 0px;
}

/* Tour complete model starts */

.tourCompleteModal {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

/* Tour complete model starts */

/* first login model starts */
.firstLoginModal {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  animation: scaleUp 1s cubic-bezier(0, 0, 0, 0)  forwards;
  animation-delay:0s;
}

.firstLoginModal .imgContainer {
  width: 100%;
  height: 100%;
  margin: auto;
  background-color: var(--color-primary-main);
  border-radius: 6px 6px 0 0;
}

.firstLoginModal .imgInnerContainer {
  text-align: center;
  padding-top: 5rem;
}

.firstLoginModal .textContainer {
  font-size: 24px;
  font-weight: 600;
  padding: 0 0 20px 0;
}

.firstLoginModalButtonContainer {
  display: flex;
  text-align: right;
  justify-content: end;
  background-color: white !important;
  border: 0.1px solid white;
  border-radius: 6px;
  padding: 20px;
  position: relative;
}

.firstLoginModalButtonSkipContainer {
  color: var(--color-primary-main);
  cursor: pointer;
  font-size: 16px;
  position: absolute;
  top: 37%;
  left: 56%;
}
.firstLoginModal .modal-content .firstLoginModalContent{
  width: 50.7rem;
    display: flex;
    flex-direction: column;
    height: 49.4rem;
    border-radius: 6px;
}
@media screen and (max-width: 768px) { 
 .firstLoginModal .modal-content .firstLoginModalContent {
    width: 36.7rem
  }
  .firstLoginModalButtonSkipContainer{
    left: 48%;
  }
}

.firstLoginModalButtonSkipContainer:hover {
  color: var(--color-primary-main);
  
}

.firstLoginModalButtonGetStartedContainer {
  border-radius: 6px;
  background-color: #6F0881;
  color: white;
  width:136px;
  height:40px;
  font-size: 16px
}

.firstLoginModalButtonGetStartedContainer:hover {
  background-color: var(--color-primary-medium);
  color: var(--color-primary-main);
}

.firstLoginModalButtonGetStartedContainer .getStarted {
  padding: 0px 17px 0 0
}

/* draggable component styles */

.animationOverlay{
  animation: 2s ease-out 4s 1 overlayAnimation forwards
}

.ModelShow{
  animation: 3s ease-in-out 5s 1 ModelShowAnimation forwards;
  visibility: hidden;
}

@keyframes ModelShowAnimation {
  0% { 
    visibility: visible;
    opacity: 0;
  }

  100% {
    visibility: visible;
    opacity: 1;
  }
}

@keyframes overlayAnimation {
  from {

  }

  to {
    background-color: rgba(0,0,0,0.5);
    z-index: 1100;
  }
}

.animationContainer{
  position: fixed !important;  
  z-index: 9999;     
  bottom: 3%;
  right: 3%; 
  float: right;
  cursor: pointer;
  width: 160px;
  height: 58px;
}

.animationContainerAfterClick{
  position: fixed;  z-index: 9999;top: 90%;
  left: -3%;  float: right;
        cursor: pointer;
        animation: 1s ease-out 4s 1 animationMoveUp forwards, 3s ease-out 4s 1 fadeOutAnimation forwards;
}

.animationPercent{
  display: inline-block!important;
  font-size: 14px;
  text-align: center;
  font-weight: 600;
  z-index: 99999;
  position: absolute;
  transform: translate(15px, -39px);
}
.draggableCircle {
  height: 58px;
  border: 5px solid white;
  box-shadow: 0px 4px 8px RGBA(0, 0, 0, 0.2);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  padding: 16px 14px 16px 0px;
  display: flex;
  flex-direction: row;
  animation: 1s ease-out 0s 1 trunTocircle forwards,spin 1s linear 1s infinite;
  background: white!important;
  pointer-events: none;
}

.draggableCircle .productTour {
  display: inline-block;
  padding-left: 7px;
  font-weight: 600;
  display:none;
}

.draggableCircle .percent {
  display: inline-block;
  width: 33px;
  margin-top: -8px;
  padding-top: 7px;
  height: 33px;
  background-color: white;
  border-radius: 50%;
  font-size: 14px;
  margin-left: 7px;
  text-align: center;
  font-weight: 600;
 display: none;
}

.draggableActive {
  width: 100%;
  height: 100%;
  z-index: 9999;
  border: 5px solid white;
  box-shadow: 0px 4px 8px RGBA(0, 0, 0, 0.2);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  padding: 16px 14px 16px 0px;
  display: flex;
  flex-direction: row;
  float: right;
  cursor: pointer;
  pointer-events: none;
  content: none;
}

.draggableComponent {
  width: 160px;
  height: 58px;
  border: 5px solid white;
  box-shadow: 0px 4px 8px RGBA(0, 0, 0, 0.2);
  border-radius: 10px;
  font-size: 14px;
  font-weight: 500;
  text-align: right;
  padding: 16px 14px 16px 0px;
  display: flex;
  flex-direction: row;
  color:#000;
}

.draggableComponent .percent {
  display: inline-block;
  width: 33px;
  margin-top: -8px;
  padding-top: 7px;
  height: 33px;
  background-color: white;
  border-radius: 50%;
  font-size: 14px;
  margin-left: 7px;
  text-align: center;
  font-weight: 600;

}

.draggableComponent .productTour {
  display: inline-block;
  padding-left: 7px;
  font-weight: 600;
}

#containment-wrapper {
  width: 100%;
  height: 100%;
  border: 2px solid #ccc;
  padding: 10px;
  position: absolute;
  bottom: 0%;
}

.productTourCompletedImgContainer {
  margin: auto;
  border-radius: 6px;
}

.productTourCompletedImgInnerContainer {
  text-align: center;
  padding: 15px 0 0 0;
}

/* key frames for product tour */

@keyframes fadeOutAnimation {
  from {
    opacity: 1;

  }

  to {
    opacity: 0;
  }
}

@keyframes animationScaleup {
  0% {
  }

  100% {
    transform: scale(4) translate(-140%,-70%);

  }
}


@keyframes animationMoveUp {
  from {

  }

  to {
    left: 5%;

  }
}


@keyframes trunTocircle {
from{
width:160px;
border-radius:2%;
}
to{
  width:58px;
  border-radius: 50%;
  border: 5px solid #FFF;
  border-bottom-color: #FF3D00;
}
}

@keyframes spin {
  0%{transform: rotate(0deg);}
  100% { transform: rotate(360deg); }
}

@keyframes scaleUp {
  0% {
    opacity: 0;
  }

  100% {

    opacity: 1;
  }
}

@keyframes scaleDown {
  0% {
    transform: scale(1) translateY(0%);
    opacity: 1;
  }

  100% {
    transform: scale(.8) translateY(-100%);
    opacity: 0;
  }
}
/* key frames for product tour end */

/* animation classes for first login model */
.modelIn {
  transform: scale(1);

}

.modelIn .modal-background {
  background: rgba(0, 0, 0, .0);
  animation: .5s cubic-bezier(0, 0, 0, 0) forwards;
  animation-delay: 2s;
}

.modelIn .modal-background .animated_modal {
  opacity: 0;
  animation: scaleUp .5s cubic-bezier(0, 0, 0, 0) forwards;
  animation-delay: 2s;
}

.out {
  transform: scale(1);

}

.out .modal-background {
  background: rgba(0, 0, 0, .0);
  animation: .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
  animation-delay: 0s;
}

.out .modal-background .animated_modal {
  opacity: 0;
  animation: scaleDown .5s cubic-bezier(0.165, 0.840, 0.440, 1.000) forwards;
  animation-delay: 0s;
}

/* first model animation check icon*/

.checkmark__circle {
  stroke-dasharray: 166;
  stroke-dashoffset: 166;
  stroke-width: 2;
  stroke-miterlimit: 10;
  stroke: #6F0881;
  fill: none;
  animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) 6s forwards;
}

.checkmark {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  display: block;
  stroke-width: 2;
  stroke: #fff;
  stroke-miterlimit: 10;
  margin: 10% auto;
  box-shadow: inset 0px 0px 0px #7ac142;
  animation: fill .4s ease-in-out 6.4s forwards, scale .3s ease-in-out 6.9s both;
}

.checkmark__check {
  transform-origin: 50% 50%;
  stroke-dasharray: 48;
  stroke-dashoffset: 48;
  animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 6.8s forwards;
}

@keyframes stroke {
  100% {
    stroke-dashoffset: 0;
  }
}
@keyframes scale {
  0%, 100% {
    transform: none;
  }
  50% {
    transform: scale3d(1.1, 1.1, 1);
  }
}
@keyframes fill {
  100% {
    box-shadow: inset 0px 0px 0px 30px #6F0881;
  }
}

.check-background{
  background-image: url(/product/assets/ic-check-bg.1b94b7ff8306866be4af.svg);
  height:121px;
  width:231px;
  margin: auto;
}

.chatLeft1{
  position: absolute;top: 62.5%;left: 12%;
  animation: leftChatAnmimation1 3s ease-in-out  2s infinite;
}

.chatRight1{
  position: absolute;top: 46.4%;right: 12.5%;
  animation: rightChatAnmimation1 3s ease-in-out  2s infinite;
}

.rightDot1{
  position: absolute;top: 30.7%;right: 25.5%;
  animation: rightDotAnmimation1 3s ease-in-out  2s  infinite;
}

.rightCircle1{
  position: absolute;top: 10.4%;right: 20.5%;
  animation: rightCircleAnmimation1 3s ease-in-out  2s  infinite;
}

.leftDot1{
  position: absolute;top: 26.4%;left: 24.5%;
  animation: leftDotAnmimation1 3s ease-in-out  2s  infinite;
}

.leftCircle1{
  position: absolute;top: 42.4%;left: 20.5%;
  animation: leftCircleAnmimation1 3s ease-in-out  2s  infinite;
}



@keyframes leftChatAnmimation1 {
  0%   {top: 54%}
  50%  {top: 63.5%}
  100% {top: 54%;}
}

@keyframes rightChatAnmimation1 {
  0%   {top: 46.4%;}
  50%  {top: 36.4%;}
  100% {top: 46.4%;}
}

@keyframes rightDotAnmimation1 {
  0%   {top: 30.7%;right: 25.5%;opacity: 1;}
  100% {top: 0%;right: 25.5%;opacity: 0;}
}

@keyframes rightCircleAnmimation1 {
  0%   {top: 10.4%;right: 20.5%;opacity: 1;}
  100% {top: 0%;right: 20.5%;opacity: 0;}
}

@keyframes leftDotAnmimation1 {
  0%   {top: 26.4%;left: 24.5%;opacity: 1;}
  100% {top: 0%;left: 24.5%;opacity: 0;}
}

@keyframes leftCircleAnmimation1 {
  0%   {top: 42.4%;left: 20.5%;opacity: 1;}
  100% {top: 0%;left: 20.5%;opacity: 0;}
}

.logi-disable {
pointer-events: none;
}
.logi-enable{
  pointer-events:all;
}

.integration-card-logo{
  margin-top: 20px
}

.fleet-stuck-checkbox {
  position: absolute;
  right: 30px;
  top: 9px;
  cursor: pointer;
}
.onBoarding-loader{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100vh;
}

.trip-history-tracker-dropdown {
  position: absolute;
  z-index: 1000;
  top: 0px;
  height: 35px;
  width: 200px;
  top: 15px;
  right: 85px;
}

.dynamic-tags-table td .draggable-icon{
  width: 30px;
  text-align: center;
  vertical-align: middle;
}

.dynamic-tags-table td .sr-no {
  min-width: 125px;
  vertical-align: middle;
}

.dynamic-tags-table td .dynamic-tag {
  display: table-cell;
  max-width: 315px;
  vertical-align: middle;
}

.whatsapp-checkbox-wrapper {
  line-height: 1;
}

.whatsapp-checkbox-wrapper > div {
  height: auto !important;
  min-height: unset !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.whatsapp-checkbox-wrapper span[id$='-CheckboxWrapper'] {
  padding: 2px 0 !important;
}

.whatsapp-checkbox-wrapper span[id$='-CheckboxWrapper'][disabled]{
  opacity: 1 !important;
}

.whatsapp-checkbox-wrapper span[id$='-CheckboxWrapper'][disabled] label {
  opacity: 0.3 !important;
}

.whatsapp-checkbox-wrapper span[id$='-CheckboxWrapper'] span[id$='-StyledCheckbox'][disabled]{
  opacity: 0.3 !important;
}

.formListBuilderFieldContainer{
  display: flex !important;
  align-items: center;
  height: 100%;
}

.formListBuilderField{
  overflow: hidden;
  max-width: 355px;
  display: inline-block;
  text-overflow: ellipsis;
}

input#maxStops-input + div div[data-testid="tooltipContainer"] > div:first-child{
  left: calc(50% + 120px) !important
}

.scheduled-banner {
  margin: 0;
  padding: 0;
  height: 100vh; 
  overflow: hidden;
}

.banner-image {
  width: 100%;
  height: 100%;
}

.downlaod-CSDashboard-button {
  color: #828395;
}

.icon-alignment {
  margin-right: 0px !important;
  vertical-align: sub !important;
}

.alert-box {
  padding: 12px;
  margin: 10px;
  margin-left: 0px;
  position: relative;
  border: 1px solid #bdbac6;
}

.cancellation-reasons #reason-label {
  display: block;
  position: absolute;
  top: 7px;
  margin-left: 8px;
  font-size: 12px;
  background: #fff;
  z-index: 1;
}

.accordian-hidden {
  display: none;
}

.total-orders-compliance-report {
  height: 90vh; 
  width: 100%; 
}

.loginContentRight .webinar-container a {
  display: block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.chatbot-button {
  display: flex;
  align-items: center;
  padding: 12px 15px;
  margin: 10px 0;
  border-radius: 6px;
  border: 1px solid transparent;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  font-size: 14px;
  color: #333;
}

.chatbot-drag-handle {
  background: linear-gradient(210.41deg, #BB3562 -0.84%, #6559AA 104.67%) !important;
}

.chatbot-drag-handle svg * {
  fill: #FFFFFF !important;
}

.chatbot-button img {
    width: 24px;
    height: 24px;
    margin-right: 12px;
    transition: all 0.3s ease-in-out;
}


.chatbot-button:hover {
    background-color: #f8f9fa;
    /* box-shadow: 0 2px 8px rgba(86, 152, 211, 0.15); */
}

.superscript {
  vertical-align: super;
  font-size: 0.75em;
}

.ai-enabled-icon {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.ai-enabled-icon-navbar {
  width: 16px;
  height: 16px;
  margin-left: 4px;
}

.ai-enabled-icon-breadcrumb {
  width: 24px;
  height: 24px;
}

.ai-enabled-icon-live {
  width: 20px;
  height: 20px;
  margin-right: 8px;
}

.ai-enabled-suggest-accordian {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.ai-enabled-suggest-card {
  width: 20px;
  height: 20px;
  margin-right: 4px;
}

.ai-enabled-icon-tooltip {
  width: 20px;
  height: 20px;
}

.ai-enabled-button {
  color: #FFFFFF !important;
  background: linear-gradient(210.41deg, #BB3562 -0.84%, #6559AA 104.67%) !important;  
}

.ai-enabled-icon-header {
  width: 24px;
  height: 24px;
  margin-right: 5px;
}

.ai-enabled-icon-inline {
  display: inline-block;
  line-height: 0;
  vertical-align: middle;
  border: none;
  outline: none;
}
.ai-enabled-icon-inline svg {
  display: block;
  border: none;
  outline: none;
}
.ai-enabled-icon-inline path {
  stroke: none;
}

@keyframes coolColorShift {
  0% { filter: hue-rotate(-20deg) brightness(1); }
  100% { filter: hue-rotate(30deg) brightness(1.1); }
}
.ai-enabled-icon-inline .vibrant-colors {
  animation: coolColorShift 8s ease-in-out infinite alternate;
}
.ai-enabled-icon-inline svg .star-large {
  transform-origin: 10px 10px;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.ai-enabled-icon-inline svg .star-small {
  transform-origin: 18px 18px;
  transition: transform 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.ai-enabled-icon-inline--white .ai-enabled-icon-inline svg {
  filter: brightness(0) invert(1);
}
.ai-enabled-icon-inline--white .vibrant-colors {
  animation: none;
}

.ai-enabled-icon-inline--animated:hover svg .star-large {
  transform: rotate(90deg) scale(1.05);
}
.ai-enabled-icon-inline--animated:hover svg .star-small {
  transform: rotate(-90deg) scale(1.1);
}

.ai-enabled-icon-navbar .ai-enabled-icon-inline {
  display: inline-block;
  width: 16px ;
  height: 16px;
}
.ai-enabled-icon-navbar .ai-enabled-icon-inline svg {
  width: 16px;
  height: 16px;
}
.ai-enabled-icon-breadcrumb .ai-enabled-icon-inline {
  display: inline-block;
  width: 24px;
  height: 24px;
}
.ai-enabled-icon-breadcrumb .ai-enabled-icon-inline svg {
  width: 24px;
  height: 24px;
}
.ai-enabled-icon-live .ai-enabled-icon-inline {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 8px;
}
.ai-enabled-icon-live .ai-enabled-icon-inline svg {
  width: 20px;
  height: 20px;
}
.ai-enabled-icon-header .ai-enabled-icon-inline {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 5px;
}
.ai-enabled-icon-header .ai-enabled-icon-inline svg {
  width: 24px;
  height: 24px;
}
.ai-enabled-icon-tooltip .ai-enabled-icon-inline,
.ai-enabled-icon-tooltip.ai-enabled-icon-inline {
  display: inline-block;
  width: 20px;
  height: 20px;
}
.ai-enabled-icon-tooltip .ai-enabled-icon-inline svg,
.ai-enabled-icon-tooltip.ai-enabled-icon-inline svg {
  width: 20px;
  height: 20px;
}
.ai-enabled-suggest-card .ai-enabled-icon-inline {
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 4px;
}
.ai-enabled-suggest-card .ai-enabled-icon-inline svg {
  width: 20px;
  height: 20px;
}

.suggest_trips_border_gradient {
  cursor: pointer;
  margin: 15px 10px;
  padding: 8px;
  cursor: pointer;
  background: #f4f4f4;
  border: 2px dashed #BB3562;
  text-align: center;
  border-radius: 5px;
}

.suggest_trips_border_gradient > * {
    position: relative;
    z-index: 1;
}

.suggest_trips_border_gradient:hover {
  background: #e8e7e7;
}

.align-items-center {
  align-items: center;
}
.nav-item-hover-rotate:hover svg .star-large {
  transform: rotate(90deg) scale(1.05);
  border: none;
}

.nav-item-hover-rotate:hover svg .star-small {
  transform: rotate(-90deg) scale(1.1);
  border: none;
}

.shipper-rate-chart-accordion-unsaved-changes,
.shipper-rate-chart-accordion-unsaved-changes * {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 14px !important;
  line-height: 100% !important;
  letter-spacing: 0.12px !important;
  background-color: transparent !important;
}

.shipper-rate-chart-accordion-unsaved-changes--collapsed,
.shipper-rate-chart-accordion-unsaved-changes--collapsed * {
  color: #979797 !important;
}

.shipper-rate-chart-accordion-unsaved-changes--expanded,
.shipper-rate-chart-accordion-unsaved-changes--expanded * {
  color: #ffffff !important;
}

.shipper-rate-chart-unsaved-tiers-summary,
.shipper-rate-chart-unsaved-tiers-summary * {
  font-family: Roboto, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 14px !important;
  line-height: 100% !important;
  letter-spacing: 0.12px !important;
  text-decoration: underline !important;
  text-decoration-style: solid !important;
  text-underline-offset: 0% !important;
  text-decoration-thickness: 0% !important;
  text-decoration-skip-ink: auto !important;
  cursor: pointer !important;
}

.shipper-rate-chart-unsaved-tiers-summary--expanded,
.shipper-rate-chart-unsaved-tiers-summary--expanded * {
  color: #FFFFFF !important;
}

.shipper-rate-chart-unsaved-tiers-summary--collapsed,
.shipper-rate-chart-unsaved-tiers-summary--collapsed * {
  color: #444444 !important;
}

th {
  text-align: left;
}

#setting-box {
  #settingBody {
    label {
      display: flex !important;
      align-items: center;
    }
  }

  img {
    display: inline-block;
    max-width: none;
    flex-shrink: 0;
  }
}

.customHr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eee;
}

.tax-exempt-grid-item {
  padding: 0px 10px;
  display: flex;
  align-content: center;
}

.multiselect-search-input-wrappper {
  margin-left: 0px !important;
}

.leafletMap .leaflet-interactivePolygon-pane svg {
  max-width: unset !important;
}

#certificate-modal-id div[class*=baseStyles__BaseModalBackground-]{padding-top:61px !important}#certificate-modal-id #modal-body-id{padding:0 !important}.certification-app-modal-content{width:100%;height:650px}
.client-expired-modal .client-expired-modal__header{display:flex;flex-direction:column;align-items:center;padding:24px 20px 0}.client-expired-modal .client-expired-modal__icon{width:245px;height:160px;margin-bottom:12px}.client-expired-modal .client-expired-modal__title{text-align:center;font-size:16px;font-weight:600}.client-expired-modal .client-expired-modal__body{text-align:center;padding:10px 20px 20px}.client-expired-modal .client-expired-modal__message{font-size:14px;margin:0}.client-expired-modal .client-expired-modal__footer{display:flex;justify-content:center;padding:0 15px 20px}.client-expired-modal .client-expired-modal__cta{background-color:#d0021b !important;border-color:#d0021b !important;color:#fff !important}
.cw-root{width:275px;margin-right:5px;box-shadow:0 2px 6px -1px rgba(0,0,0,.64);overflow:hidden;box-sizing:border-box}.cw-root--minimized .cw-body,.cw-root--minimized .cw-footer{display:none}.cw-panel{display:flex;flex-direction:column;background:#fff}.cw-popups-host{display:flex;align-items:flex-end;position:fixed;right:15px;bottom:0;z-index:1010;pointer-events:none}.cw-popups-host>.cw-root{pointer-events:auto}.cw-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 5px;background:#404040;color:hsla(0,0%,100%,.8);font-size:13px;border-radius:6px 6px 0 0;cursor:pointer;flex-shrink:0;user-select:none;overflow:visible;z-index:2;box-sizing:border-box}.cw-header__identity{display:flex;align-items:center;min-width:0;width:60%;max-width:60%;padding-left:4px;overflow:hidden}.cw-header__persona-icon{flex-shrink:0;width:30px;margin-right:10px;text-align:center}.cw-header__persona-icon img{display:block;margin:auto;max-height:20px;max-width:25px}.cw-header__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px;font-weight:600;color:#fff}.cw-header__actions{position:relative;display:flex;align-items:center;flex-shrink:0;gap:5px}.cw-header__action{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer;color:hsla(0,0%,100%,.8)}.cw-header__action:hover{background:hsla(0,0%,100%,.11)}.cw-header__action img{width:20px;height:21px;opacity:.7}.cw-body{overflow-y:auto;overflow-x:hidden;background:#fafafa;display:flex;flex-direction:column;position:relative}.cw-body__messages{flex:1 0 auto;min-height:min-content;padding:10px 0;box-sizing:border-box}.cw-body__messages::after{content:"";display:table;clear:both}.cw-body__empty,.cw-body__loading{display:flex;align-items:center;justify-content:center;min-height:200px;padding:20px;color:#999;font-size:17px;text-align:center}.cw-body__new-messages{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background:#5698d3;color:#fff;padding:6px 14px;border-radius:20px;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px rgba(0,0,0,.2);animation:infiniteFade 2s ease-in-out infinite;z-index:10;white-space:nowrap}.cw-msg{width:90%;margin-bottom:10px;font-size:13px;display:flex;flex-direction:column;clear:both}.cw-msg--mine{align-items:flex-end;margin-right:5px;float:right}.cw-msg--other{align-items:flex-start;margin-left:10px;float:left}.cw-msg__bubble{padding:9px;background:#fff;word-break:break-word;max-width:100%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.078)}.cw-msg--mine .cw-msg__bubble{border-radius:10px 10px 0 10px;background:#dfe5e7;box-shadow:none}.cw-msg--other .cw-msg__bubble{border-radius:10px 10px 10px 0}.cw-msg__text{white-space:pre-line;font-size:13px;color:#333;word-break:break-word;padding-right:10px}.cw-msg--mine .cw-msg__text{text-align:right}.cw-msg--other .cw-msg__text{text-align:left}.cw-msg__time{font-size:11px;margin-top:5px;color:#000;opacity:.4}.cw-msg--mine .cw-msg__time{text-align:right}.cw-msg--other .cw-msg__time{text-align:left}.cw-msg__attachments{display:flex;flex-direction:column;gap:4px;max-width:100%;margin:7px 0 4px;font-size:12px;color:#666}.cw-msg--mine .cw-msg__attachments{align-items:flex-end}.cw-msg--other .cw-msg__attachments{align-items:flex-start}.cw-msg__attach-row{display:flex;align-items:center;flex-wrap:nowrap;max-width:200px;min-width:0;gap:5px;cursor:pointer}.cw-msg__attach-prefix{flex-shrink:0}.cw-msg__attach-name{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5698d3;text-decoration:underline;flex-shrink:1;min-width:0}.cw-msg__not-delivered{font-size:12px;color:#c00;margin-top:4px}.cw-msg__order-tag{font-weight:500;color:#5698d3}.cw-root--popup .cw-body{height:290px;flex-shrink:0}.cw-root--popup .cw-body .cw-body__messages{padding-top:30px}.cw-footer{position:relative;flex-shrink:0;min-height:40px;background:#fff;box-shadow:0 -5px 10px -5px rgba(0,0,0,.46)}.cw-footer__attachments{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:5px;padding:0 7px}.cw-footer__attachment-chip{display:inline-flex;align-items:center;flex-wrap:nowrap;max-width:100%;padding:3px 3px 3px 8px;border:1px dashed #5698d3;border-radius:20px;background:rgba(86,152,211,.03);color:#5698d3;font-size:12px}.cw-footer__attachment-chip--uploading{background:#fff;border-color:rgba(0,0,0,.36);color:#666}.cw-footer__attachment-chip--uploading .cw-footer__attachment-chip-icon,.cw-footer__attachment-chip--uploading .cw-footer__attachment-chip-label{opacity:.5}.cw-footer__attachment-chip-icon{display:inline-flex;margin-right:5px;flex-shrink:0}.cw-footer__attachment-chip-label{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:default}.cw-footer__attachment-chip-size{margin:0 10px;flex-shrink:0;white-space:nowrap}.cw-footer__attachment-chip-remove{position:relative;width:17px;height:17px;border-radius:50%;background:#5698d3;cursor:pointer;flex-shrink:0}.cw-footer__attachment-chip-remove-icon{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cw-footer__attachment-chip-spinner{display:inline-flex;align-items:center;height:17px;margin-left:6px}.cw-footer__attachment-chip-spinner .logi-spinner{display:flex;transform:scale(0.4)}.cw-footer__textarea{display:block;width:calc(100% - 30px);height:40px;padding:10px 7px;border:0;resize:none;overflow-y:auto;font-size:13px;font-family:inherit;line-height:1.4;background:#fff;box-sizing:border-box;color:#333}.cw-footer__textarea::placeholder{color:#999}.cw-footer__textarea:focus{outline:none}.cw-footer__actions{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center}.cw-footer__attach{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;margin:5px 10px 5px 5px;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer;color:#5698d3}.cw-footer__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.cw-root--popup .cw-footer__attachments{position:absolute;bottom:50px;left:7px;right:7px;z-index:3;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:10px;margin:0;background:hsla(0,0%,100%,.86);border-radius:7px;box-shadow:0 1px 1px 1px rgba(0,0,0,.3)}.logi-spinner{display:flex;gap:2px}.logi-spinner .bounce1,.logi-spinner .bounce2,.logi-spinner .bounce3{width:6px;height:6px;background:#5698d3;border-radius:50%;animation:cwBounce 1.4s infinite ease-in-out both}.logi-spinner .bounce2{animation-delay:-0.32s}.logi-spinner .bounce3{animation-delay:-0.16s}@keyframes cwBounce{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}@keyframes infiniteFade{0%,100%{opacity:1}50%{opacity:.6}}
.filter-list__header{padding:8px 0;z-index:100;flex-shrink:0;width:100%;box-sizing:border-box;background:#fff}.filter-list__header-toolbar{display:flex !important;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;gap:12px;padding:0 8px}.filter-list__header-title{flex:0 1 auto;margin-right:auto;text-align:left;color:#333;font-weight:600}.filter-list__header-search{flex-shrink:0;margin-left:auto;display:flex;align-items:center}.search-filter__input{display:flex !important;justify-content:space-between;align-items:center;border-bottom:1px solid #979797;margin-bottom:8px;padding:0 8px;width:100%;box-sizing:border-box}.search-filter__input .filter-textinput{width:100%;display:flex;align-items:center;gap:8px}.search-filter__input .filter-textinput div{width:100%}.search-filter__input input{border:none;margin:0px;min-height:32px;width:100%;font-size:13px}.search-filter__input__cancel{box-shadow:none;padding:0px;color:#666;cursor:pointer}.search-filter__input i{font-size:16px;color:#666;cursor:pointer}
.filter-list__container{margin-right:8px;border-bottom:1px solid #c8c8c8 !important;padding:8px 0px;margin-bottom:0 !important}.filter-list__container>span{display:flex;flex-direction:row-reverse !important;justify-content:space-between !important;width:100% !important}.filter-list__container>span>span>span{border:1px solid #c8c8c8;width:16px;height:16px}.filter-list__view{overflow-y:auto;overflow-x:hidden;flex:1;min-height:0}.filter-list__view__flexFilter{border-radius:50%;background:#6f0881;width:34px;height:30px;display:flex !important;justify-content:center !important;align-items:center !important}.filter-list__view__selected-filter{border:2px solid #f2c500 !important}.filter-list__view__unselected-filter{border:2px solid rgba(0,0,0,0) !important}.filter-list__view::-webkit-scrollbar{width:6px}.filter-list__view::-webkit-scrollbar-track{-webkit-border-radius:9px;border-radius:9px;background-color:#eee}.filter-list__view::-webkit-scrollbar-thumb{-webkit-border-radius:9px !important;border-radius:9px !important;background-color:#c8c8c8 !important}.filter-list__modal{max-height:calc(76.5vh - 120px)}
.commentList-container{border:1px solid #c8c8c8 !important;border-radius:4px;background-color:#eee;padding:12px 16px;width:100%;box-sizing:border-box}.commentList-container__header-text{color:#444;letter-spacing:.4px;font-weight:500}.commentList-container__milestone{border-radius:4px;border:1px solid #ccc !important;background:#fff;padding:2px 8px;white-space:nowrap}.commentList-container__content{text-wrap:wrap !important;word-break:break-word !important;line-height:16px}.commentList-container__ip-address{align-self:flex-end;white-space:nowrap}.commentList-container__view-more{color:#6f0881;margin-top:8px;font-weight:500;text-decoration:underline;cursor:pointer;display:inline-block}.comment-attachment__count{color:#6f0881;margin-left:4px;font-weight:500;text-decoration:underline;cursor:pointer}.comment-attachment__text{margin-left:4px;color:#444}.down-dropdown{bottom:20px}.top-dropdown{top:30px}.comment-download{max-height:18vh;width:210px;box-shadow:0px 2px 4px 0px rgba(0,0,0,.15);background:#fff;padding:8px;position:absolute;z-index:100;overflow-y:scroll;height:16vh}.comment-download__last-attachment div:nth-child(1) div{left:10rem !important}.comment-download__attachment{padding:12px 8px;cursor:pointer}.comment-download__attachment:hover{background:#eee}.comment-download__attachment div:nth-child(1) div{left:0 !important}.comment-download::-webkit-scrollbar{height:0}.comment-download::-webkit-scrollbar-track{-webkit-border-radius:9px;border-radius:9px;background-color:#eee}.comment-download::-webkit-scrollbar-thumb{-webkit-border-radius:9px !important;border-radius:9px !important;background-color:#c8c8c8 !important}.commentListsIcon-container{width:34px;height:34px;overflow:hidden;flex-shrink:0;border-radius:50%;background:#6f0881;text-align:center;display:flex !important;align-items:center !important;justify-content:center !important;margin-top:2px}.commentListsIcon-container img{object-fit:contain;max-width:100%;max-height:100%}.bold{font-weight:900 !important}
.comment-list-view{overflow:hidden;flex:3;min-height:0;box-shadow:0px 0px 12px 0px rgba(0,0,0,.16);background:#fff;display:flex !important;flex-direction:column !important;height:100%}.comment-list-view__attachments{position:relative;overflow-y:auto;overflow-x:hidden;padding:8px;flex:1;min-height:0}.comment-list-view__order-height{flex:1;width:100%;min-height:0}.comment-list-view__mile-height{width:100%;flex:1;min-height:0}.comment-list-view__cards{width:100%}.comment-list-view__attachments::-webkit-scrollbar{width:6px}.comment-list-view__attachments::-webkit-scrollbar-track{-webkit-border-radius:9px;border-radius:9px;background-color:#eee}.comment-list-view__attachments::-webkit-scrollbar-thumb{-webkit-border-radius:9px !important;border-radius:9px !important;background-color:#c8c8c8 !important}.comment-filter{flex:1 1 0;min-width:280px;max-width:320px;min-height:0;display:flex;flex-direction:column;align-self:stretch;box-shadow:0px 0px 12px 0px rgba(0,0,0,.16);padding:8px;background:#fff;margin-left:8px;overflow:hidden}
.filterHeader__container{padding:8px;min-height:60px;height:auto;flex-shrink:0;background:#fff}.filterHeader__container .filter__tooltip{top:-1rem}.filterHeader__container .filter__tooltip+div{top:-1.5rem}.filterHeader__commentsTitle{font-size:15px;font-weight:700}.filterHeader__multiSelectContainer{z-index:100;width:240px;margin-right:5px}.filterHeader__multiSelectContainer-container{position:absolute;top:5.5rem;left:auto;background-color:#fff}.filterHeader__multiSelectContainer input{width:100%;min-height:35px !important}.filterHeader__multiSelectContainer div:first-child{cursor:auto;position:relative}.filterHeader__multiSelectContainer .css-1q5l3n-ValueContainer{padding:0px 0px !important}.filterHeader__multiSelectContainer .css-1xgknyk-control:hover{border-color:#979797}.filterHeader__searchContainer{cursor:pointer;width:226px;display:flex !important;justify-content:flex-end !important}.filterHeader__dateRangeTimePickerContainer{cursor:pointer;position:relative;margin-top:-0.3rem}
.addComment__container{width:100%;padding:16px;box-shadow:0px 0px 12px 0px rgba(0,0,0,.16);flex-shrink:0;background:#fff}.addComment__position{background:#fff;bottom:0rem}.addComment__STDACheckbox,.addComment__STSCheckbox{padding-right:16px}.addComment__STDACheckbox .custom-checkbox-label,.addComment__STSCheckbox .custom-checkbox-label{display:inline-block;padding-left:18px;cursor:pointer}.addComment__STDACheckbox .custom-checkbox,.addComment__STSCheckbox .custom-checkbox{position:absolute;opacity:0}.addComment__STDACheckbox .custom-checkbox-label::before,.addComment__STSCheckbox .custom-checkbox-label::before{content:"";position:absolute;top:1px;left:0;height:11px;width:11px;border:.667px solid #979797}.addComment__STDACheckbox .tick-svg,.addComment__STSCheckbox .tick-svg{background:#2196f3;width:11px;height:11px;position:absolute;left:0px;top:1px;border:.667px solid #c8c8c8;visibility:visible;fill:none;stroke:#fff;stroke-width:2px;display:flex;vertical-align:middle}.addComment__textAreaContainer{margin-bottom:12px}.addComment__textAreaContainer textarea{font-size:13px;line-height:18px}.addComment__textAreaContainer textarea::-webkit-scrollbar{width:6px}.addComment__textAreaContainer textarea::-webkit-scrollbar-track{background-color:#f1f1f1;border-radius:4px}.addComment__textAreaContainer textarea::-webkit-scrollbar-thumb{background-color:#c8c8c8;border-radius:4px}.addComment__attachFileText{color:#6f0881;font-family:Roboto;font-size:12px;font-style:normal;font-weight:500;line-height:13px;text-decoration-line:underline}.addComment__attachmentSvgContainer{padding-right:2px}.addComment__attachFileButton{display:flex;cursor:pointer;position:relative}.addComment__attachFileInput{display:none !important}.addComment__ctaContainer{margin-top:8px}.addComment__ctaContainerFlexWrapper{justify-content:space-between !important;align-items:center}.addComment__recordVoiceButton{margin-right:16px;cursor:pointer;display:flex;height:40px;padding:8px 12px;justify-content:center;align-items:center;gap:8px;background:#fff;box-shadow:0px 0px 8px 0px rgba(0,0,0,.16)}.addComment__recordVoiceButton:hover{box-shadow:0px 7px 27px -8px #000}.addComment__sendButton{cursor:pointer;display:flex;padding:10px 16px;justify-content:space-between;align-items:center;gap:8px;background:#6f0881;box-shadow:0px 0px 8px 0px rgba(0,0,0,.16)}.addComment__sendButton:hover{box-shadow:0px 7px 27px -8px #000}.addComment__sendButtonText{color:#fff;font-family:Roboto;font-size:14px;font-style:normal;font-weight:400;line-height:normal}.addComment__sendButtonSVGContainer{display:flex;width:fit-content;height:fit-content;align-items:center}
.dottedChip__container{padding:3px;padding-left:8px;padding-right:3px;background:rgba(86,152,211,.031);margin-right:10px;margin-bottom:5px;margin-top:5px;border-radius:20px;border:1px dashed #6f0881 !important;color:#6f0881;font-size:12px}.dottedChip__loadingContainer{padding:3px;padding-left:8px;padding-right:3px;background:rgba(86,152,211,.031);margin-right:10px;margin-bottom:5px;margin-top:5px;border-radius:20px;border:1px dashed rgba(0,0,0,.361) !important;color:gray;font-size:12px}.dottedChip__fileName{text-decoration:underline;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.dottedChip__loadingFilename{text-decoration:none;max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;opacity:.5;cursor:default}.dottedChip__attachmentSVGContainer{font-size:12px;margin-right:5px}.dottedChip__cancelSVGContainer{cursor:pointer;background:#6f0881;text-align:center;height:17px;cursor:pointer;width:17px;border-radius:50%;color:#fff}.dottedChip__fileSize{margin:0px 10px;color:#6f0881;font-size:12px}.dottedChip__loaderContainer{width:72px}.dottedChip__loaderContainer div:first-child{transform:scale(0.4)}
.emptyStateScreen__imageContainer{opacity:.3;transform:translateY(-40px);margin-bottom:16px}.emptyStateScreen__messageContainer{text-align:center;font-size:17px;font-weight:500;opacity:.5;transform:translateY(-30px);margin-bottom:20px}.emptyStateScreen__ctaFlexContainer{align-items:center;justify-content:center !important;transform:translateY(-20px);gap:8px}.emptyStateScreen__clearFiltersButton{color:#fff;background:#6f0881;padding:10px 16px;border-radius:4px;box-shadow:0px 2px 11px -5px #000;cursor:pointer;box-sizing:border-box;font-size:14px;font-weight:500;transition:box-shadow .2s ease}.emptyStateScreen__clearFiltersButton:hover{box-shadow:0px 7px 27px -8px #000}.emptyStateScreen__changeDateRangeButton{color:#6f0881;background:#fff;padding:10px 16px;border-radius:4px;box-shadow:0px 2px 11px -5px #000;cursor:pointer;box-sizing:border-box;font-size:14px;font-weight:500;transition:box-shadow .2s ease}.emptyStateScreen__changeDateRangeButton:hover{box-shadow:0px 7px 27px -8px #000}
.comment-filters-panel-wrapper{box-sizing:border-box;display:flex;flex-direction:column;flex:1 1 0;min-height:0;min-width:0;width:100%;max-height:100%;overflow:hidden;overscroll-behavior:contain;contain:layout}.comment-filters-panel-wrapper .filter-list{display:flex;flex-direction:column;min-height:0;flex:1 1 auto;width:100%;overflow:hidden}.comment-filters-panel-wrapper .filter-list__header{flex-shrink:1}.comment-filters-panel-wrapper .filter-list__view{width:100%;flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.cm-backdrop{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.5)}.cm-modal{position:fixed;inset:0;z-index:9001;display:flex;align-items:center;justify-content:center;overflow:hidden}.cm-dialog{width:80%;max-width:1100px;max-height:92vh;display:flex;flex-direction:column}.cm-content{display:flex;flex-direction:column;background:#fff;border-radius:6px;box-shadow:0 5px 15px rgba(0,0,0,.5);max-height:92vh;overflow:hidden}.cm-header{display:flex;align-items:center;justify-content:space-between;padding:15px;border-bottom:1px solid #e5e5e5;flex-shrink:0}.cm-header--purple{background-color:#6f0881;border-bottom-color:#5a2684}.cm-header-title{font-size:16px;font-weight:600;color:#333}.cm-header--purple .cm-header-title{color:#fff}.cm-close-btn{padding:0;background:rgba(0,0,0,0);border:0;font-size:22px;font-weight:700;line-height:1;color:#000;opacity:.5;cursor:pointer}.cm-close-btn:hover{opacity:.75}.cm-close-btn--white{color:#fff;opacity:.8}.cm-close-btn--white:hover{opacity:1}.cm-body{flex:1;height:80vh;overflow:hidden;display:flex;flex-direction:column}
.cw-root{width:275px;margin-right:5px;box-shadow:0 2px 6px -1px rgba(0,0,0,.64);overflow:hidden;box-sizing:border-box}.cw-root--minimized .cw-body,.cw-root--minimized .cw-footer{display:none}.cw-panel{display:flex;flex-direction:column;background:#fff}.cw-popups-host{display:flex;align-items:flex-end;position:fixed;right:15px;bottom:0;z-index:1010;pointer-events:none}.cw-popups-host>.cw-root{pointer-events:auto}.cw-header{display:flex;align-items:center;justify-content:space-between;width:100%;height:36px;padding:0 5px;background:#404040;color:hsla(0,0%,100%,.8);font-size:13px;border-radius:6px 6px 0 0;cursor:pointer;flex-shrink:0;user-select:none;overflow:visible;z-index:2}.cw-header__identity{display:flex;align-items:center;min-width:0;width:60%;max-width:60%;padding-left:4px;overflow:hidden}.cw-header__persona-icon{flex-shrink:0;width:30px;margin-right:10px;text-align:center}.cw-header__persona-icon img{display:block;margin:auto;max-height:20px;max-width:25px}.cw-header__title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:36px}.cw-header__actions{position:relative;display:flex;align-items:center;flex-shrink:0;gap:5px}.cw-header__action{display:inline-flex;align-items:center;justify-content:center;width:25px;height:25px;padding:0;border:none;border-radius:50%;background:rgba(0,0,0,0);cursor:pointer}.cw-header__action:hover{background:hsla(0,0%,100%,.11)}.cw-header__action img{width:20px;height:21px;opacity:.7}.cw-header__members-menu{position:absolute;top:calc(100% + 5px);right:-6px;left:auto;width:160px;max-height:150px;overflow-y:auto;margin:0;padding:4px 0;list-style:none;background:#fff;border:1px solid #ddd;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.15);z-index:20}.cw-header__members-item{padding:8px 12px;font-size:12px;color:#333;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cw-body{overflow-y:auto;overflow-x:hidden;background:#fafafa;display:flex;flex-direction:column}.cw-body__messages{flex:1 0 auto;min-height:min-content;padding:10px 0;box-sizing:border-box}.cw-body__messages::after{content:"";display:table;clear:both}.cw-body__empty,.cw-body__loading{display:flex;align-items:center;justify-content:center;min-height:200px;padding:20px;color:#999;font-size:17px;text-align:center}.cw-msg{width:90%;margin-bottom:10px;font-size:13px;display:flex;flex-direction:column;clear:both}.cw-msg--mine{align-items:flex-end;margin-right:5px;float:right}.cw-msg--other{align-items:flex-start;margin-left:10px;float:left}.cw-msg__bubble{padding:9px;background:#fff;word-break:break-word;max-width:100%;box-shadow:inset 0 0 0 1px rgba(0,0,0,.0784313725)}.cw-msg--mine .cw-msg__bubble{border-radius:10px 10px 0 10px;background:#dfe5e7;box-shadow:none}.cw-msg--other .cw-msg__bubble{border-radius:10px 10px 10px 0}.cw-msg__text{white-space:pre-line;font-size:13px;color:#333;word-break:break-word;padding-right:10px}.cw-msg--mine .cw-msg__text{text-align:right}.cw-msg--other .cw-msg__text{text-align:left}.cw-msg__time{font-size:11px;margin-top:5px;color:#000;opacity:.4}.cw-msg--mine .cw-msg__time{text-align:right}.cw-msg--other .cw-msg__time{text-align:left}.cw-msg__attachments{display:flex;flex-direction:column;gap:4px;max-width:100%;margin:7px 0 4px;font-size:12px;color:#666}.cw-msg--mine .cw-msg__attachments{align-items:flex-end}.cw-msg--other .cw-msg__attachments{align-items:flex-start}.cw-msg__attach-row{display:flex;align-items:center;flex-wrap:nowrap;max-width:200px;min-width:0;gap:5px;cursor:pointer}.cw-msg__attach-prefix{flex-shrink:0;margin-right:5px}.cw-msg__attach-name{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#5698d3;text-decoration:underline;flex-shrink:1;min-width:0}.cw-msg__attach-size{flex-shrink:0;white-space:nowrap}.cw-msg__not-delivered{font-size:12px;color:#c00;margin-top:4px}.cw-msg__order-tag{font-weight:500;color:#5698d3}.cw-root--popup .cw-body{height:290px;flex-shrink:0}.cw-root--popup .cw-body .cw-body__messages{padding-top:30px}.cw-footer{position:relative;flex-shrink:0;min-height:40px;background:#fff;box-shadow:0 -5px 10px -5px rgba(0,0,0,.46)}.cw-footer__attachments{display:flex;flex-wrap:wrap;align-items:center;gap:5px 10px;margin-bottom:5px;padding:0 7px}.cw-footer__attachment-chip{display:inline-flex;align-items:center;flex-wrap:nowrap;max-width:100%;padding:3px 3px 3px 8px;border:1px dashed #5698d3;border-radius:20px;background:rgba(86,152,211,.03);color:#5698d3;font-size:12px}.cw-footer__attachment-chip--uploading{background:#fff;border-color:rgba(0,0,0,.36);color:#666}.cw-footer__attachment-chip--uploading .cw-footer__attachment-chip-icon,.cw-footer__attachment-chip--uploading .cw-footer__attachment-chip-label{opacity:.5}.cw-footer__attachment-chip--uploading .cw-footer__attachment-chip-label{text-decoration:none;cursor:default}.cw-footer__attachment-chip-icon{display:inline-flex;margin-right:5px;flex-shrink:0}.cw-footer__attachment-chip-label{max-width:125px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-decoration:underline;cursor:default}.cw-footer__attachment-chip-size{margin:0 10px;flex-shrink:0;white-space:nowrap}.cw-footer__attachment-chip-remove{position:relative;width:17px;height:17px;border-radius:50%;background:#5698d3;cursor:pointer}.cw-footer__attachment-chip-remove-icon{position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.cw-footer__attachment-chip-spinner{display:inline-flex;align-items:center;height:17px;margin-left:6px}.cw-footer__attachment-chip-spinner .logi-spinner{display:flex;transform:scale(0.4)}.cw-footer__textarea{display:block;width:calc(100% - 30px);height:40px;padding:10px 7px;border:0;resize:none;overflow-y:auto;font-size:13px;font-family:inherit;line-height:1.4;background:#fff;box-sizing:border-box;color:#333}.cw-footer__textarea::placeholder{color:#999}.cw-footer__textarea:focus{outline:none}.cw-footer__actions{position:absolute;top:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;justify-content:center}.cw-footer__attach{display:inline-flex;align-items:center;justify-content:center;min-width:25px;min-height:25px;margin:5px 10px 5px 5px;padding:0;border:none;background:rgba(0,0,0,0);cursor:pointer;color:#5698d3}.cw-footer__file-input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.cw-root--popup .cw-footer__attachments{position:absolute;bottom:50px;left:7px;right:7px;z-index:3;max-height:200px;overflow-y:auto;overflow-x:hidden;padding:10px;margin:0;background:hsla(0,0%,100%,.86);border-radius:7px;box-shadow:0 1px 1px 1px rgba(0,0,0,.3)}
.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper{display:flex;align-items:center;justify-content:center;line-height:initial}.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper svg{max-height:22px !important;vertical-align:middle}.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper svg path.other,.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper svg rect.other,.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper svg polygon.other{fill:#999;transition:fill .15s ease}.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper:hover svg path.other,.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper:hover svg rect.other,.appHeader-actions__item.alerts-bell .widget-item.bell-wrapper:hover svg polygon.other{fill:#fff}.appHeader-actions__item.alerts-bell.highlight .widget-item,.appHeader-actions__item.alerts-bell.highlight .widget-item:hover{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881;border-radius:50%;transform:none}.appHeader-actions__item.alerts-bell.highlight .widget-item svg path.other,.appHeader-actions__item.alerts-bell.highlight .widget-item svg rect.other,.appHeader-actions__item.alerts-bell.highlight .widget-item svg polygon.other,.appHeader-actions__item.alerts-bell.highlight .widget-item:hover svg path.other,.appHeader-actions__item.alerts-bell.highlight .widget-item:hover svg rect.other,.appHeader-actions__item.alerts-bell.highlight .widget-item:hover svg polygon.other{fill:#fff}
:root{--bgd: #6F0881;--bgd2: #2B5072;--orderDotStrokeColor: white}@keyframes bgColorAnim{to{background-color:var(--bgd2)}}@keyframes lds-ripple{0%{top:96px;left:96px;width:0;height:0;opacity:1}100%{top:18px;left:18px;width:156px;height:156px;opacity:0}}@-webkit-keyframes lds-ripple{0%{top:96px;left:96px;width:0;height:0;opacity:1}100%{top:18px;left:18px;width:156px;height:156px;opacity:0}}.lds-ripple{position:relative}.lds-ripple div{box-sizing:content-box;position:absolute;border-width:4px;border-style:solid;opacity:1;border-radius:50%;-webkit-animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite;animation:lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite}.lds-ripple div:nth-child(1){border-color:#2b5072}.lds-ripple div:nth-child(2){border-color:#2b5072;-webkit-animation-delay:-0.5s;animation-delay:-0.5s}.lds-ripple{width:50px !important;height:50px !important;-webkit-transform:translate(-29px, -28px) scale(0.25) translate(25px, 25px);transform:translate(-29px, -28px) scale(0.25) translate(25px, 25px)}
:root{--bgd_secondary: #6F0881;--bgd_secondary2: #2B5072;--orderDotStrokeColor: white}#tripLoader-bigCircle_secondary{width:43px;height:43px;background:var(--bgd_secondary);border-radius:50%;left:0px;top:0px;position:relative;overflow:hidden;animation:bgColorAnim .7s linear infinite;animation-direction:alternate}#tripLoader-bigCircle_secondary .tripLoader-orderDot{width:8px;height:8px;border:2px solid var(--orderDotStrokeColor);border-radius:50%;position:absolute;background:var(--bgd_secondary);z-index:3;animation:bgColorAnim .7s linear infinite;animation-direction:alternate}#tripLoader-bigCircle_secondary .tripLoader-orderDot.orderDot1{top:41%;left:13%}#tripLoader-bigCircle_secondary .tripLoader-orderDot.orderDot2{top:33%;right:23%}#tripLoader-bigCircle_secondary .tripLoader-path{stroke-dasharray:64;stroke-dashoffset:64;animation:dash 1.4s linear infinite;animation-direction:alternate}@keyframes dash{to{stroke-dashoffset:0}}@keyframes bgColorAnim{to{background-color:var(--bgd_secondary2)}}#tripLoader-bigCircle_secondary #tripLoader-pathSvg{position:absolute;top:21%;left:17%;z-index:1}
.planningsCard-container{text-align:center;background:#fff !important}.planningsCard-container__header{padding:10px;letter-spacing:.6px;color:#fff;text-align:center;background:#6f0881;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-size:12px}.planningsCard-container__headerTwo{padding:16px;letter-spacing:.6px;color:#000;text-align:center;font-size:14px}.planningCardWrapper{background-color:#fff;position:fixed;border-radius:3px;margin-top:0;margin-right:0;top:var(--app-header-stack-bottom, 60px);right:0;min-width:370px;width:25%;box-shadow:0 18px 46px -10px rgba(0,0,0,.475);z-index:2000;text-align:center}#planningProgressCard.dropdown-user .progressElementWrapper,.planningCardWrapper .progressElementWrapper{max-height:250px;overflow:auto;width:auto;height:auto}#planningProgressCard.dropdown-user .progressCard_footer,.planningCardWrapper .progressCard_footer{width:100%;padding:15px;height:auto;text-align:center;font-size:12px;border-radius:3px;background-color:#f1f5fb;border:solid 1px #eef2f8;cursor:pointer;box-shadow:0 1px 2px #a6aeb9}#planningProgressCard.dropdown-user .progressCard_footer:hover,.planningCardWrapper .progressCard_footer:hover{background-color:#e2e9f5}.progressElement{height:90px;overflow:hidden;background:linear-gradient(to bottom, #fff, #fcfcfc);box-shadow:0 1px 2px 0 rgba(91,91,91,.5);border:solid 1px #f0f0f0;margin-bottom:10px;border-radius:3px;cursor:pointer}.progressElement:hover{background:linear-gradient(to bottom, #fff, #ebecef)}.progressElement__inner{display:flex;align-items:stretch;width:100%;height:100%}.progressElement .progressIcon{flex:0 0 16.666%;max-width:16.666%;height:90px;padding-left:8px;box-sizing:border-box}.progressElement .progressIcon .planningProgressInclude{margin-top:25px}.progressElement .progressIcon .statusImg{height:45px;width:auto;margin-top:20px}.progressElement .progressInfo{flex:0 0 66.666%;max-width:66.666%;height:90px;box-sizing:border-box}.progressElement .progressInfo .planName{text-align:left;font-size:12px;padding:10px 10px 5px 0;margin-top:10px}.progressElement .progressInfo .statusText{font-size:12px;font-style:italic;letter-spacing:.5px;text-align:left;margin-top:4px}.progressElement .progressInfo .statusText.cancelled{color:#ed6261}.progressElement .progressInfo .statusText.cancelled.failed{color:#edbe61}.progressElement .progressInfo .statusText.completed{color:#6f0881}.progressElement .progressInfo .progressBar .progressStatus{font-size:11px;color:#979797;text-align:left;font-style:italic;margin-bottom:5px}.progressElement .progressInfo .progressBar .number{float:right;transform:translate(5px, -12px);font-size:12px}.progressElement .rightSideDiv{flex:0 0 16.666%;max-width:16.666%;height:90px;text-align:right;box-sizing:border-box}.progressElement .rightSideDiv .icon{margin-top:35px;margin-right:12px}.progressElement .rightSideDiv .icon::before{color:#979797}.failedPlanningProgressEffect{opacity:.85}@keyframes livePseudoProgressAnimation{0%{margin-left:0%}100%{margin-left:100%}}#randomPlanningBar{height:6px;border-radius:5px;background:#ececec;overflow:hidden;position:relative}#randomPlanningBar #randomPlanningBar_andar{height:100%;left:0;border-radius:5px;position:relative;min-width:2px;background:linear-gradient(90deg, #6f0881 0%, #db30f9 118.68%)}#randomPlanningBar.pseudoBar #randomPlanningBar_andar{min-width:35%;animation:livePseudoProgressAnimation .7s ease-out 0s infinite !important}
.appHeader-actions__item.flash-widget.navBar_orderPlanningFlash .widget-item img{max-height:21px}.appHeader-actions__item.flash-widget.navBar_orderPlanningFlash .widget-item.activePlanning img{animation:flashSpin .3s ease-out 0s 3,flashFade 1s linear 0s infinite alternate}@keyframes flashSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes flashFade{0%{opacity:.3}50%{opacity:1}100%{opacity:.3}}
.nav-widget-panel{position:fixed;top:var(--app-header-stack-bottom, 92px);right:0;z-index:8500;background:#fff;box-shadow:0 18px 46px -10px rgba(0,0,0,.475);transform:translateY(-150%);transition:transform .3s ease-in-out;pointer-events:none;opacity:0;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;font-size:13px;color:#333}.nav-widget-panel--open{transform:translateY(0);pointer-events:auto;opacity:1;transition:transform .2s ease-in-out}.nav-widget-panel--default{min-width:370px;width:25%;max-width:480px;border-radius:3px}.nav-widget-panel--search{width:30%;min-width:320px;max-width:520px}.nav-widget-panel--profile{width:350px;max-width:calc(100vw - 24px);max-height:calc(100vh - var(--app-header-stack-bottom, 92px) - 16px);overflow-y:auto;border-radius:3px;right:0}.nav-widget-panel--inbox{right:15px;width:420px;min-width:420px;max-width:420px;max-height:70vh;padding:0;background:#fafafa;border-radius:3px;display:flex;flex-direction:column}.nav-widget-panel--inbox.pendingRequestsMasterWidget{width:350px;min-width:350px;max-width:350px}.nav-widget-panel--help{width:25%;min-width:380px;max-width:560px;max-height:calc(90vh - var(--app-header-stack-bottom, 92px) - 8px);padding:0;display:flex;flex-direction:column;right:0;overflow:visible}.nav-widget-panel__header{padding:10px 12px;text-align:center;color:#fff;background:#6f0881;line-height:initial;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-size:12px;letter-spacing:.6px;flex-shrink:0}.nav-widget-panel__body{padding:0;overflow:auto}.knowledgePortalContainer.nav-widget-panel--help .nav-widget-panel__body{padding:0}.search-widgets.nav-widget-panel--search.nav-widget-panel--open{transform:translateY(0)}.user-profile-widget.nav-widget-panel--profile{transform:translateY(-180%)}.user-profile-widget.nav-widget-panel--profile.nav-widget-panel--open{transform:translateY(0)}
.globalSearchPanel-inputRow{display:flex;align-items:center;gap:12px;padding:0 10px;min-height:52px}.globalSearchPanel-input{flex:1;height:52px;line-height:52px;border:none;background:rgba(0,0,0,0);font-size:14px;font-family:inherit;outline:none;margin:0}

.helpWpCard{margin:10px 12px 14px;padding:10px;background:#fff;border-radius:4px;box-shadow:0 1px 1px rgba(0,0,0,.21),0 -0.5px 1px rgba(0,0,0,.12);font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.helpWpCard-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.helpWpCard-title{flex:1;font-size:15px;line-height:1.35;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;color:#1a1a1a;word-break:break-word}.helpWpCard-date{flex-shrink:0;font-size:12px;color:#555;letter-spacing:-0.22px;white-space:nowrap}.helpWpCard-tags{display:flex;flex-wrap:wrap;gap:6px 8px;margin:6px 0 8px}.helpWpCard-chip{border-radius:3px;padding:3px 6px;color:#fff;font-size:12px;white-space:nowrap}.helpWpCard-body{font-size:12px;color:#555;line-height:1.45;word-break:break-word}.helpWpCard-body img{max-width:100%;height:auto;display:block;margin:8px auto}.helpWpCard-body a{color:#4a90e2}.helpWpCard-divider{width:100%;height:1px;background:#abacba;margin:10px 0 8px}.helpWpCard-feedback{display:flex;flex-direction:column;align-items:center;gap:6px}.helpWpCard-feedbackQ{font-size:12px;color:#555}.helpWpCard-feedbackBtns{display:flex;align-items:center;justify-content:center;gap:40px}.helpWpCard-thumb{border:none;background:rgba(0,0,0,0);padding:4px;cursor:pointer;border-radius:4px;line-height:0}.helpWpCard-thumb:hover:not(:disabled){background:#f3f4f6}.helpWpCard-thumb:disabled{opacity:.55;cursor:not-allowed}.helpWpCard-thumb--on{color:var(--color-primary-main, #6f0881)}
.helpPanel-root .nav-widget-panel__body{padding:0;display:flex;flex-direction:column;height:100%;max-height:inherit;overflow:hidden}.helpPanel-tabs{display:flex;flex-shrink:0;position:sticky;top:0;z-index:1000}.helpPanel-tab{flex:1 1 100%;display:flex;align-items:center;justify-content:center;gap:5px;height:40px;padding:12px 14px;border:1px solid #abacba;border-left:none;background:#fff;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;font-size:12px;font-weight:400;color:#333;cursor:pointer;position:relative}.helpPanel-tab:first-child{border-left:1px solid #abacba}.helpPanel-tab .ui-library-icons{padding-right:5px;font-size:16px;line-height:1}.helpPanel-tabLabel{position:relative;display:inline-block}.helpPanel-tabUnread{position:absolute;top:0;right:-10px}.helpPanel-tab--active{background:#6f0881;color:#fff;border-color:#6f0881;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;cursor:default}.helpPanel-tab--active .ui-library-icons{color:#fff}.helpPanel-tab--active::after{content:"";width:10px;height:10px;background-color:#6f0881;z-index:999;position:absolute;bottom:-6px;left:50%;margin-left:-5px;transform:rotate(45deg)}.helpPanel-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:0 0 30px 15px}.helpPanel-alert.alert-box{flex-shrink:0;margin:10px 15px 10px 12px;padding:12px;border:1px solid #bdbac6;border-radius:0;background:#fff;font-size:13px;line-height:1.5;color:#333;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;display:flex;align-items:flex-start;gap:10px}.helpPanel-alertIcon{flex-shrink:0;line-height:1.4}.helpPanel-alertBody strong{font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-weight:600}.helpPanel-alertLink{border:none;background:none;padding:0;color:#6f0881;font:inherit;cursor:pointer;text-decoration:underline}.helpPanel-searchContainer{position:relative;margin-right:15px}.helpPanel-searchInput{width:100%;padding:10px 10px 5px 20px;border:none;border-bottom:1px solid #bdbac6;outline:none;font-size:13px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;color:#333;background:rgba(0,0,0,0)}.helpPanel-searchInput::placeholder{color:#999}.helpPanel-searchIcon{position:absolute;left:0;top:13px;z-index:10;font-weight:bold;color:gray;font-size:14px;line-height:1;pointer-events:none}.helpPanel-section{padding:2px 0 10px}.helpPanel-sectionTitle,.helpPanel-popular{padding:25px 0 15px;font-size:15px;font-weight:800;color:#000;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif}.helpPanel-sectionTitle{padding:6px 0 8px;font-size:15px;font-weight:800}.helpPanel-articleList{list-style:none;margin:0;padding:0}.helpPanel-articleLink{display:block;padding:7px 7px 7px 20px;font-size:13px;font-weight:normal;color:#676767;text-decoration:none;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;cursor:pointer;background-image:url(/product/assets/knowledge-portal-post.036b138dd48f0c11a824.png);background-repeat:no-repeat;background-position:0 9px;background-size:10px}.helpPanel-articleLink:hover{color:#6f0881;text-decoration:none}.helpPanel-support{padding-top:25px;padding-bottom:25px}.helpPanel-supportSep{padding:1px 0;background:#ececec;margin:0 -15px 0 0}.helpPanel-supportTitle{padding:25px 0 10px;font-size:15px;font-weight:bold;color:#000;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif}.helpPanel-supportList{list-style:none;margin:0;padding:0}.helpPanel-supportList li{padding:7px 0;cursor:pointer;font-size:13px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.helpPanel-supportList li a,.helpPanel-supportList li a:visited,.helpPanel-supportList li .helpPanel-supportButton{display:inline-flex;align-items:center;gap:4px;color:#000;text-decoration:none;font-size:13px;font-family:inherit;padding:0;border:0;background:none;cursor:pointer}.helpPanel-supportList li a:hover,.helpPanel-supportList li a:visited:hover,.helpPanel-supportList li .helpPanel-supportButton:hover{color:#6f0881}.helpPanel-supportList li .helpPanel-supportButton{width:auto;text-align:left}.helpPanel-supportImg{width:13px;height:13px;flex-shrink:0;display:block;object-fit:contain;margin-right:4px}.helpPanel-legal{margin-top:10px;padding:14px 16px 18px 0;text-align:center;font-size:12px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;color:#666}.helpPanel-legal a,.helpPanel-legal a:visited{color:#6f0881;text-decoration:none}.helpPanel-legal a:hover{text-decoration:underline}.helpPanel-legalSep{margin:0 8px;color:#bbb}.helpPanel-wpTab{flex:1;min-height:0;display:flex;flex-direction:column}.helpPanel-wpStatus{padding:24px 16px;text-align:center;font-size:13px;color:#333;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.helpPanel-wpStatus--muted{color:#666;line-height:1.5}.helpPanel-wpEmpty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px 32px;text-align:center}.helpPanel-wpEmptyText{margin:36px 0 0;font-size:13px;color:#636363;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;max-width:280px;line-height:1.45}.helpPanel-wpFeed{padding:4px 0 12px}.helpPanel-chatbotRow{flex-shrink:0}.helpPanel-chatbotButton{display:flex;align-items:center;width:100%;padding:12px 15px;margin:10px 0;border-radius:6px;border:1px solid rgba(0,0,0,0);background:none;transition:all .3s ease-in-out;cursor:pointer;font-size:14px;color:#333;text-align:left}.helpPanel-chatbotButton img{width:24px;height:24px;margin-right:12px;transition:all .3s ease-in-out}.helpPanel-chatbotButton:hover{background-color:#f8f9fa}.helpPanel-searchStatus{padding:20px 0;text-align:center}.helpPanel-noResults{padding:16px 15px 8px 0;font-size:13px;color:#636363;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.helpPanel-results{padding:10px 15px 10px 0}.helpPanel-resultsTitle{padding:15px 0 10px;font-size:15px;font-weight:800;color:#000;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif}.helpPanel-resultsList{display:flex;flex-direction:column;max-height:330px;overflow-y:auto;overflow-x:hidden}.helpPanel-resultItem{display:block;width:100%;text-align:left;border:none;background:none;padding:8px 7px 8px 20px;cursor:pointer;font-size:13px;color:#676767;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;background-image:url(/product/assets/knowledge-portal-post.036b138dd48f0c11a824.png);background-repeat:no-repeat;background-position:0 11px;background-size:10px}.helpPanel-resultItem:hover{color:#6f0881}.helpPanel-resultTitle{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.help-widget .widget-item.active{background:#4a90e2;border-color:#4a90e2;color:#fff}
.inboxPanel{display:flex;flex-direction:column;height:70vh;max-height:70vh;overflow:hidden;background:#fafafa;color:#333;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;font-size:13px}.inboxPanel-header{display:flex;flex-shrink:0;text-align:center;line-height:initial;font-size:12px;height:35px;color:#000;letter-spacing:.6px;position:sticky;top:0}.myProfileDetailsFixedCard{position:sticky;top:35px}.inboxPanel-tab{flex:1 1 50%;max-width:50%;display:inline-flex;align-items:center;justify-content:center;overflow:hidden;text-align:center;height:100%;position:relative;box-shadow:inset 0 -1px 0 0 #ccc;text-overflow:ellipsis;white-space:nowrap;background:#fafafa;text-transform:capitalize;padding:0 15px;border:none;cursor:pointer;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;font-size:12px;color:#000;letter-spacing:.6px}.inboxPanel-tab img{width:17px;height:17px;flex-shrink:0;margin-right:5px}.inboxPanel-tab .inboxPanel-tabIcon--normal{display:inline-block !important;filter:grayscale(1)}.inboxPanel-tab .inboxPanel-tabIcon--inverse{display:none !important}.inboxPanel-tab--active{color:#fff;background:#6f0881;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;overflow:visible;z-index:1000;cursor:default;box-shadow:none}.inboxPanel-tab--active .inboxPanel-tabIcon--normal{display:none !important}.inboxPanel-tab--active .inboxPanel-tabIcon--inverse{display:inline-flex !important}.inboxPanel-tab--active::after{content:"";width:15px;height:15px;position:absolute;background:rgba(0,0,0,0);border-left:10px solid #6f0881;border-bottom:10px solid #6f0881;transform:rotate(-45deg) translateX(-50%);bottom:2px;left:50%}.inboxPanel-toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:nowrap;flex-shrink:0;padding:9px 15px;background:#f9f9f9;box-shadow:0 2px 3px -2px rgba(0,0,0,.43);z-index:100;cursor:default;min-height:50px}.inboxPanel-profile{display:flex;flex-direction:row;align-items:center;flex:1 1 auto;min-width:0;overflow:hidden}.inboxPanel-profileAvatar{flex-shrink:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary-main, #6f0881);overflow:hidden}.inboxPanel-profileAvatar img{width:50%;height:50%;object-fit:contain}.inboxPanel-profileName{margin-left:10px;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-size:13px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inboxPanel-searchExpanded{flex:1 1 auto;display:flex;align-items:center;min-width:0;margin-right:8px}.inboxPanel-searchExpanded .inboxPanel-searchIcon{width:14px;height:14px;flex-shrink:0;opacity:.6}.inboxPanel-searchExpanded .inboxPanel-search{flex:1 1 auto;border:none;border-bottom:1px solid #979797;outline:none;font-size:13px;min-width:0;margin-left:8px;padding:0 4px;height:22px;color:#333;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;background:rgba(0,0,0,0)}.inboxPanel-searchExpanded .inboxPanel-search::placeholder{color:#aaa}.inboxPanel-searchExpanded .inboxPanel-searchClose{flex-shrink:0;margin-left:6px;border:none;background:rgba(0,0,0,0);font-size:16px;line-height:1;color:#666;cursor:pointer;padding:0 2px;display:flex;align-items:center;justify-content:center}.inboxPanel-searchExpanded .inboxPanel-searchClose:hover{color:#333}.inboxPanel-actions{display:flex;flex-direction:row;align-items:center;flex-shrink:0;gap:6px}.inboxPanel-actionBtn{width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;background:#e8e8e8;flex-shrink:0}.inboxPanel-actionBtn:hover{background:#d5d5d5}.inboxPanel-actionBtn .inboxPanel-iconSvg{width:14px;height:14px;opacity:.7}.inboxPanel-backBtn{flex-shrink:0;width:30px;height:30px;border:none;background:#e3e3e3;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:16px;line-height:1;color:#555}.inboxPanel-backBtn:hover{background:#cacaca}.inboxPanel-addBtn{border:none;background:rgba(0,0,0,0);font-size:16px;line-height:1;color:#666;cursor:pointer;padding:0 2px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.inboxPanel-addBtn:hover{color:#000}.inboxPanel-searchBtn{display:flex;align-items:center;justify-content:center;cursor:pointer;background:rgba(0,0,0,0);padding:2px;flex-shrink:0}.inboxPanel-searchBtn:hover .inboxPanel-searchIcon{opacity:1}.inboxPanel-searchBtn .inboxPanel-searchIcon{width:15px;height:15px;opacity:.6}.inboxPanel-pagination{display:flex;align-items:center;font-size:12px;color:#828395;white-space:nowrap;flex-shrink:0;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.inboxPanel-pagination .pagination-remote{display:flex;align-items:center}.inboxPanel-pagination .pagination-remote .pagination_btn{padding:0 3px;display:flex;align-items:center;justify-content:center}.inboxPanel-pagination .pagination-remote .pagination_btn .live-pane-pagination-arrow{display:block;color:#828395}.inboxPanel-pagination .pagination-remote .pagination_btn.paginationBtnDisabled{opacity:.5}.inboxPanel-pageLabel{padding:0 3px;text-align:center;font-size:12px;color:#828395}.inboxPanel-listWrap{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;min-height:50px;background:#fafafa}.inboxPanel-broadcastTray{position:absolute;bottom:0}.inboxPanel-broadcastTray .recepientsPool{box-shadow:none}.inboxPanel-list{list-style:none;margin:0;padding:0 0 10px}.inboxPanel-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;height:50px;width:100%;cursor:pointer;margin-bottom:1px;padding:9px 15px;background:#fff;border-radius:3px;box-shadow:0 2px 3px -2px rgba(0,0,0,.38),0 0 1px rgba(0,0,0,.2)}.inboxPanel-row:hover{background:#fbfbfb;box-shadow:0 3px 3px -2px rgba(0,0,0,.38),0 0 5px rgba(0,0,0,.2)}.inboxPanel-row--unread{font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif !important;color:#000 !important}.inboxPanel-row--unread .inboxPanel-rowTitle{font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif}.inboxPanel-row--unread .inboxPanel-rowPreview{color:#000 !important;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif}.inboxPanel-avatar{flex-shrink:0;width:27px;height:27px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:50%;background:var(--color-primary-main, #6f0881)}.inboxPanel-avatar img{width:100%;height:100%;max-width:50%;max-height:50%;object-fit:contain}.inboxPanel-rowMain{flex:1 1 auto;margin-left:15px;text-align:left;min-width:0}.inboxPanel-rowTop{display:flex;align-items:center;min-width:0}.inboxPanel-rowTitle{font-size:13px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1 auto;min-width:0}.inboxPanel-redirectIcon{flex-shrink:0;display:none;align-items:center;justify-content:center;cursor:pointer;padding:0 4px}.inboxPanel-redirectIcon img{width:13px;height:13px;opacity:.7}.inboxPanel-redirectIcon:hover img,.inboxPanel-redirectIcon img:hover{opacity:1}.inboxPanel-row:hover .inboxPanel-redirectIcon{display:flex}.inboxPanel-rowBottom{display:flex;align-items:center}.inboxPanel-rowPreview{font-size:12px;color:gray;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.inboxPanel-additionalContent{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;flex-shrink:0;margin-left:auto;height:100%;font-size:12px;color:gray;min-width:70px;text-align:right}.inboxPanel-rowTime{font-size:12px;color:rgba(128,128,128,.7);white-space:nowrap}.inboxPanel-rowFlags{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:5px}.inboxPanel-attachIcon{width:12px;height:12px;opacity:.6}.inboxPanel-unreadBadge{background:#6f0881;padding:0 4px;line-height:16px;text-align:center;border-radius:10px;color:#fff;min-width:16px;font-size:12px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.inboxPanel-avatar--broadcast{background:var(--color-primary-main, #6f0881)}.inboxPanel-broadcastPlus{color:#fff;font-size:22px;line-height:1;font-weight:300;display:flex;align-items:center;justify-content:center}.inboxPanel-row--selected{background:#f3e8f7}.inboxPanel-row--selected:hover{background:#ecddf5}.inboxPanel-checkbox{flex-shrink:0;display:flex;align-items:center;margin-right:8px}.inboxPanel-checkbox input[type=checkbox]{width:15px;height:15px;cursor:pointer;accent-color:var(--color-primary-main, #6f0881)}.inboxPanel-checkbox label{margin:0;cursor:pointer}.inboxPanel-broadcastTray{flex-shrink:0;border-top:1px solid #e0e0e0;background:#f9f9f9;padding:8px 12px;display:flex;flex-direction:column;gap:6px}.inboxPanel-broadcastHeading{font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-size:12px;color:#555}.inboxPanel-broadcastChips{display:flex;flex-direction:row;flex-wrap:wrap;gap:6px}.inboxPanel-broadcastChip{display:flex;flex-direction:column;align-items:center;width:52px;position:relative;cursor:default}.inboxPanel-broadcastChipAvatar{width:30px;height:30px;border-radius:50%;background:var(--color-primary-main, #6f0881);overflow:hidden;display:flex;align-items:center;justify-content:center}.inboxPanel-broadcastChipAvatar img{width:70%;height:70%;object-fit:contain}.inboxPanel-broadcastChipRemove{position:absolute;top:-4px;right:2px;width:16px;height:16px;border-radius:50%;border:none;background:#888;color:#fff;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0}.inboxPanel-broadcastChipRemove:hover{background:#555}.inboxPanel-broadcastChipName{font-size:10px;color:#444;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:52px;margin-top:2px}.broadcastTrayWrapper{width:100%;background:#f0f0f0}.recepientsPool{width:100%;box-shadow:0px -2px 3px -2px rgba(0,0,0,.431);z-index:500}.broadcastTrayHeading{width:100%;text-align:center;justify-content:center;font-size:13px;height:20px;margin:10px 0px;margin-bottom:0px;color:gray}.broadcastTrayHeading span{display:inline-block}.recepientTray{max-height:110px;padding:10px 0px;overflow-y:scroll;width:100%}.recepient{font-size:12px;width:65px;padding:0px 10px;overflow:hidden;position:relative;height:50px;justify-content:space-evenly;flex-shrink:0;text-align:center;border-radius:5px}.recepient:hover{background:rgba(0,0,0,.0509803922)}.recepient .recepientImage{width:30px;height:30px}.recepient .recepientImage img{width:100%;height:100%;object-fit:contain}.removeRecipient{position:absolute;background:#fff;width:15px;height:15px;bottom:20px;right:10px;border-radius:50%;cursor:pointer;text-align:center;color:red;box-shadow:0px 1px 2px 0px rgba(0,0,0,.4784313725);justify-content:center;border:none;padding:0}.removeRecipient i{font-size:10px;line-height:15px}.recepientName{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;width:100%}.broadcastNameAndCreate{width:100%;overflow:hidden;height:40px;background:#fff}.broadcastNameInput{opacity:1;width:calc(100% - 100px)}.broadcastNameInput input{height:100%;width:100%;padding:0px 15px;font-size:13px;border:none;outline:none;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.broadcastNameInput input::placeholder{color:#aaa}.inboxPanel-broadcastFooter{display:flex;flex-direction:row;align-items:center;gap:0}.inboxPanel-broadcastNameInput{flex:1 1 auto;border:none;outline:none;font-size:13px;padding:0px 15px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;background:rgba(0,0,0,0);color:#333;height:100%}.inboxPanel-broadcastNameInput::placeholder{color:#aaa}.inboxPanel-broadcastCreateBtn{flex-shrink:0;background:var(--color-primary-main, #6f0881);color:#fff;border:none;border-radius:0;padding:6px 14px;font-size:12px;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;cursor:pointer;white-space:nowrap;height:100%;opacity:1}.inboxPanel-broadcastCreateBtn:hover:not(:disabled){background:#5a066a}.inboxPanel-broadcastCreateBtn:disabled{opacity:.6;cursor:not-allowed}.inboxPanel-empty,.inboxPanel-error{padding:16px;margin:0;font-size:13px;color:#666;text-align:center}.inboxPanel-error{color:#b91c1c}
.appHeader-actions__item.inbox.navBar_inboxNotification .widget-item img{max-height:21px}
.pending-request-card{display:flex;flex-direction:row;align-items:flex-start;position:relative;padding:15px 12px;border-bottom:1px solid #e5e5e5;cursor:pointer;transition:background-color .2s;background:#fff}.pending-request-card:hover{background-color:#f9f9f9}.pending-request-card .request-icon-column{flex-shrink:0;margin-right:12px;padding-top:3px}.pending-request-card .request-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;position:relative}.pending-request-card .request-icon.leaflet-marker{width:30px;height:30px;position:relative;display:flex;align-items:center;justify-content:center;background-size:contain;background-repeat:no-repeat;background-position:center}.pending-request-card .request-icon.leaflet-marker span{font-weight:bold;font-size:13px;color:#fff;text-align:center;line-height:1;position:relative;z-index:1}.pending-request-card .request-icon.booking-icon{width:32px;height:32px}.pending-request-card .request-icon.shipper-icon{background:#6f0881;border:2px solid #6f0881;border-radius:50%;width:30px;height:30px}.pending-request-card .request-icon.shipper-icon img{width:16px;height:16px;filter:brightness(0) invert(1)}.pending-request-card .request-data-column{flex:1;min-width:0}.pending-request-card .request-title{font-weight:600;font-size:14px;color:#222;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.3}.pending-request-card .request-content{display:flex;flex-direction:column}.pending-request-card .request-data-row{display:flex;align-items:center;gap:8px;font-size:12px}.pending-request-card .request-data-row .request-data-label{color:#666;min-width:80px;font-weight:500}.pending-request-card .request-data-row .request-data-value{color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pending-request-card .expiry-timer{display:flex;align-items:center;gap:8px;margin-top:4px;padding:6px 0;font-size:12px}.pending-request-card .expiry-timer .expiry-timer-label{color:#666;font-weight:500}.pending-request-card .expiry-timer .expiry-timer-value{color:#d9534f;font-weight:600}.pending-request-card .request-actions-container{display:flex;justify-content:flex-end}.pending-request-card .request-actions{display:flex;width:fit-content;gap:8px}.pending-request-card .request-actions .request-btn{flex:1;padding:8px 16px;border:1px solid #ddd;border-radius:3px;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:6px;transition:all .2s;text-transform:capitalize}.pending-request-card .request-actions .request-btn.accept-btn{background-color:#007bff;color:#fff;border-color:#007bff}.pending-request-card .request-actions .request-btn.accept-btn:hover{background-color:#0056b3;border-color:#0056b3}.pending-request-card .request-actions .request-btn.reject-btn{background-color:#fff;color:#d9534f;border-color:#d9534f}.pending-request-card .request-actions .request-btn.reject-btn:hover{background-color:#fff5f5}.pending-request-card .request-actions .request-btn.view-btn{background-color:#fff;color:#6f0881;border-color:#ddd}.pending-request-card .request-actions .request-btn.view-btn:hover{background-color:#f9f5fa;border-color:#6f0881}.pending-request-card .request-actions .request-btn i{font-size:14px}.pending-request-card .request-summary-text{font-size:12px;color:gray;font-style:italic;margin-bottom:8px;line-height:1.4}.pending-request-card .request-arrow{position:absolute;right:10px;top:50%;transform:translateY(-50%);opacity:.3;font-size:16px}.pending-request-card.offer-card .request-arrow{display:block}.pending-request-card.booking-card .request-arrow,.pending-request-card.shipper-card .request-arrow{display:none}
.pending-request-details-modal .modal-body-content{padding:0;max-height:550px;overflow-y:auto}.pending-request-details-modal .map-section{height:250px;width:100%;margin-bottom:20px;box-shadow:0px 4px 20px -10px #000;border-radius:3px;overflow:hidden}.pending-request-details-modal .map-section .map-skeleton{width:100%;height:100%;background-color:#f0f0f0;position:relative;overflow:hidden}.pending-request-details-modal .map-section .map-skeleton .skeleton-loader{width:100%;height:100%;background:linear-gradient(90deg, #f0f0f0 0%, #e0e0e0 20%, #f0f0f0 40%, #f0f0f0 100%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.pending-request-details-modal .map-section .map-placeholder{width:100%;height:100%;background-color:#f0f0f0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;text-align:center}.pending-request-details-modal .map-section .map-placeholder p{margin:4px 0;color:#666;font-size:14px}.pending-request-details-modal .map-section .map-placeholder .map-info{margin-top:10px;font-size:12px;color:#333}.pending-request-details-modal .details-section{padding:15px;display:flex;flex-direction:column;gap:12px}.pending-request-details-modal .details-section .detail-row{display:flex;align-items:flex-start;gap:16px}.pending-request-details-modal .details-section .detail-row .detail-label{min-width:140px;font-weight:600;color:#666;font-size:14px}.pending-request-details-modal .details-section .detail-row .detail-value{flex:1;color:#333;font-size:14px;word-break:break-word}.pending-request-details-modal .modal-footer-actions{padding:15px;position:sticky;bottom:0;background:#fff;border-top:1px solid #e5e5e5;z-index:10}.pending-request-details-modal .modal-footer-actions .expiry-timer-large{margin-bottom:15px}.pending-request-details-modal .modal-footer-actions .expiry-timer-large .expiry-progress-bar{width:100%;height:8px;background-color:#e5e5e5;border-radius:4px;overflow:hidden;margin-bottom:8px}.pending-request-details-modal .modal-footer-actions .expiry-timer-large .expiry-progress-bar .expiry-progress-fill{height:100%;background:linear-gradient(90deg, #28a745 0%, #ffc107 50%, #dc3545 100%);transition:width 1s linear}.pending-request-details-modal .modal-footer-actions .expiry-timer-large .expiry-timer-text{text-align:center;font-size:13px;font-weight:600;color:#d9534f}.pending-request-details-modal .modal-footer-actions .action-buttons{display:flex;gap:12px}.pending-request-details-modal .modal-footer-actions .action-buttons .modal-btn{flex:1;padding:12px 20px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .2s}.pending-request-details-modal .modal-footer-actions .action-buttons .modal-btn.accept-btn{background-color:#007bff;color:#fff}.pending-request-details-modal .modal-footer-actions .action-buttons .modal-btn.accept-btn:hover{background-color:#0056b3}.pending-request-details-modal .modal-footer-actions .action-buttons .modal-btn.reject-btn{background-color:#fff;color:#d9534f;border:1px solid #d9534f}.pending-request-details-modal .modal-footer-actions .action-buttons .modal-btn.reject-btn:hover{background-color:#fff5f5}
.pendingRequestsPanel-empty,.pendingRequestsPanel-list{padding:0;margin:0;list-style:none}.pendingRequestsPanel-empty{padding:24px 20px}.pendingRequestsPanel-empty p{margin:0;color:#555;text-align:center;font-size:13px}.pendingRequestsPanel-list{max-height:min(400px,70vh);overflow-y:auto}.pendingRequestsPanel-row{padding:12px 16px;border-bottom:1px solid #eee}.pendingRequestsPanel-rowTitle{font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-size:13px;font-weight:600;color:#222}.pendingRequestsPanel-rowSub{font-size:12px;color:#666;margin-top:4px}.pendingRequestsPanel-placeholder{font-size:13px;color:#666;padding:12px 0}.confirm-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:10000}.confirm-dialog{background:#fff;border-radius:8px;min-width:400px;max-width:500px;box-shadow:0 4px 20px rgba(0,0,0,.2)}.confirm-dialog .confirm-dialog-header{padding:20px;border-bottom:1px solid #e5e5e5;display:flex;align-items:center;justify-content:space-between}.confirm-dialog .confirm-dialog-header h3{margin:0;font-size:18px;font-weight:600}.confirm-dialog .confirm-dialog-header .confirm-dialog-close{background:none;border:none;font-size:24px;cursor:pointer;color:#666;padding:0;width:30px;height:30px;display:flex;align-items:center;justify-content:center}.confirm-dialog .confirm-dialog-header .confirm-dialog-close:hover{color:#333}.confirm-dialog .confirm-dialog-body{padding:20px}.confirm-dialog .confirm-dialog-body p{margin:0;font-size:14px;color:#333}.confirm-dialog .confirm-dialog-footer{padding:20px;border-top:1px solid #e5e5e5;display:flex;gap:12px;justify-content:flex-end}.confirm-dialog .confirm-dialog-footer .confirm-btn{padding:10px 20px;border:none;border-radius:4px;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .2s}.confirm-dialog .confirm-dialog-footer .confirm-btn:disabled{opacity:.6;cursor:not-allowed}.confirm-dialog .confirm-dialog-footer .confirm-btn.confirm-btn-primary{background-color:#007bff;color:#fff}.confirm-dialog .confirm-dialog-footer .confirm-btn.confirm-btn-primary:hover:not(:disabled){background-color:#0056b3}.confirm-dialog .confirm-dialog-footer .confirm-btn.confirm-btn-secondary{background-color:#fff;color:#666;border:1px solid #e5e5e5}.confirm-dialog .confirm-dialog-footer .confirm-btn.confirm-btn-secondary:hover:not(:disabled){background-color:#f5f5f5}

#settingsCard.settingsCard,.nav-widget-panel--settingsLegacy{width:370px;min-width:370px;max-width:370px}.nav-widget-panel--settingsLegacy .nav-widget-panel__body{padding:0}.settingsCard-container{text-align:center}.settingsCard-container__header{padding:10px;letter-spacing:.6px;color:#fff;text-align:center;background:#6f0881;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;font-size:12px}.settingsCard-container__grid-wrapper{max-height:calc(100vh - 200px);overflow:auto;display:flex;flex-wrap:wrap}.settingsCard-container__searchModuleDiv{height:25px;clear:both;position:relative;display:flex;align-items:center;gap:6px;width:calc(100% - 30px) !important;line-height:25px;margin:10px 15px;margin-bottom:10px;border-bottom:1px solid #efefef}.settingsCard-container__searchModuleDiv input{width:100%;border:none;outline:none;font-size:13px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;background:rgba(0,0,0,0)}.settingsCard-container__searchIcon{color:#888;flex-shrink:0;display:block}.settingsCard-container__setting-item{cursor:pointer;width:calc(33.3% - 0px);padding:10px;background:#fff;border:none;font-family:inherit;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.settingsCard-container__setting-item:hover,.settingsCard-container__setting-item:active{background:var(--color-purple-100, #f5eaf7)}.settingsCard-container__setting-item:hover .settingsCard-container__setting-label,.settingsCard-container__setting-item:active .settingsCard-container__setting-label{color:var(--color-primary-main, #6f0881)}.settingsCard-container__setting-item img{height:30px;width:auto;max-width:48px;object-fit:contain}.settingsCard-container__setting-icon{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0}.settingsCard-container__setting-label{display:block;padding:5px 0;font-size:13px;color:#555;line-height:1.3}.settings-search-overlay{position:relative;display:flex;text-align:center;flex-direction:column;align-items:center;font-size:17px;color:rgba(128,128,128,.722);width:100%;margin-top:50px}.nav-widget-panel.settingsCard.nav-widget-panel--settingsLegacy.nav-widget-panel--open::before{width:10px;height:10px;content:"";border-bottom:10px solid #6f0881;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);position:absolute;top:-6px;right:56px}

.nav-widget-panel.user-profile-widget{position:fixed;top:var(--app-header-stack-bottom, 95px);right:0;width:425px;max-width:calc(100vw - 16px);max-height:calc(100vh - 150px);z-index:9001;background:#fff;border-radius:3px;box-shadow:0 18px 46px -10px rgba(0,0,0,.475);font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;transform:translateY(-180%);transition:all .3s ease-in-out;overflow:hidden;display:flex;flex-direction:column}.nav-widget-panel.user-profile-widget.user-profile-widget-enter,.nav-widget-panel.user-profile-widget.nav-widget-panel--open{transform:translateY(0)}.nav-widget-panel.user-profile-widget .nav-widget-panel__body{overflow:hidden;display:flex;flex-direction:column;flex:1;min-height:0;padding:0}.userProfilePanel-wrapper{padding-top:24px;display:flex;flex-direction:column;flex:1;min-height:0}.userProfilePanel-scrollContent{flex:1;min-height:0;overflow-y:auto;scrollbar-width:none}.userProfilePanel-scrollContent::-webkit-scrollbar{display:none}.userProfilePanel-divider{border:0;border-top:1px solid rgba(0,0,0,.1);margin:16px 0}.userProfilePanel-detail{padding:0 16px}.userProfilePanel-row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.userProfilePanel-avatarCol{display:flex;flex-direction:row;align-items:flex-start;gap:12px;flex:1;min-width:0}.userProfilePanel-avatarBadgeContainer{position:relative;flex-shrink:0;overflow:visible}.userProfilePanel-avatarBtn{position:relative;width:56px;height:56px;padding:0;border:2px solid rgba(0,0,0,0);border-radius:50%;background:none;cursor:pointer;flex-shrink:0;overflow:hidden}.userProfilePanel-avatarBtn:hover .userProfilePanel-avatarOverlay{opacity:1}.userProfilePanel-certBadge{position:absolute;bottom:-2px;right:-2px;width:24px;height:24px;pointer-events:none}.userProfilePanel-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover}.userProfilePanel-avatarOverlay{position:absolute;inset:0;border-radius:50%;background:rgba(0,0,0,.5);opacity:0;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.userProfilePanel-avatarOverlay .icon-edit-button::before{color:#fff;font-size:20px}.userProfilePanel-userMeta{min-width:0;padding-top:4px}.userProfilePanel-clientName{font-size:14px;font-weight:500;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,sans-serif;color:#333;word-break:break-word}.userProfilePanel-email{font-size:13px;color:rgba(0,0,0,.6);margin-top:2px;word-break:break-word;line-height:1.1}.userProfilePanel-datetime{font-size:12px;color:#888;margin:4px 0 0}.userProfilePanel-changePassword{flex-shrink:0;border:none;background:none;color:var(--color-primary-main, #6f0881);font-size:12px;font-weight:500;cursor:pointer;padding:0;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.userProfilePanel-changePassword:hover{text-decoration:underline}.userProfilePanel-impersonate{margin-top:16px;padding-top:12px;border-top:1px solid rgba(0,0,0,.1);display:flex;flex-direction:column;align-items:flex-start;gap:6px}.userProfilePanel-impersonateLabel{font-size:14px;font-weight:500;color:rgba(0,0,0,.6)}.userProfilePanel-impersonateName{font-size:16px;font-weight:700;color:rgba(0,0,0,.6)}.userProfilePanel-certSection{padding:0 16px}.cert-advertisement{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin-bottom:14px}.cert-advertisement__title{font-size:16px;font-weight:700;color:rgba(0,0,0,.85);line-height:normal}.cert-advertisement__desc{font-size:12px;font-weight:400;color:rgba(0,0,0,.55);white-space:normal;margin:0;line-height:normal}.cert-raffle-box{padding:10px;margin-bottom:14px;border:1px solid rgba(86,152,211,.2);background-color:rgba(86,152,211,.1019607843);display:flex;flex-direction:column;align-items:flex-start;gap:4px}.cert-raffle-box__header{display:flex;flex-direction:row;align-items:center;gap:4px}.cert-raffle-box__icon{width:16px;height:16px}.cert-raffle-box__title{font-size:14px;font-weight:500;color:var(--color-primary-main, #6f0881)}.cert-raffle-box__desc{font-size:12px;font-weight:400;color:rgba(0,0,0,.55);margin:0;line-height:normal}.cert-cards{display:flex;flex-direction:column;gap:12px;margin-bottom:12px}.certificate-widget{padding:12px;border:1px solid rgba(0,0,0,0);border-radius:2px}.certificate-widget--explorer{background-color:rgba(165,33,217,.0509803922);border-color:rgba(33,150,243,.1019607843)}.certificate-widget--elite{background-color:rgba(253,159,28,.0509803922);border-color:rgba(253,159,28,.1019607843)}.cert-card__top{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.cert-card__top--earned{align-items:center}.cert-card__info{display:flex;flex-direction:row;align-items:flex-start;gap:6px}.cert-card__badge{width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:4px;flex-shrink:0}.cert-card__badge img{width:100%;height:100%;object-fit:contain}.cert-card__meta{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.cert-card__title{font-size:14px;font-weight:500;color:#333;line-height:normal}.cert-card__level{display:flex;flex-direction:row;align-items:center;font-size:14px;font-weight:400;color:rgba(0,0,0,.55);gap:3px;line-height:normal}.cert-star{width:14px;height:14px}.cert-card__action{flex-shrink:0}.cert-card__desc{margin:10px 0}.cert-card__desc>p{font-size:12px;font-weight:400;color:rgba(0,0,0,.55);white-space:normal;word-wrap:break-word;overflow-wrap:break-word;overflow:visible;margin:0;line-height:normal}.cert-btn{font-size:14px;font-weight:400;padding:8px 12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;background-color:#6f0881;color:#fff;border:none;border-radius:2px;transition:background-color .2s ease-in-out;white-space:nowrap}.cert-btn:hover{background-color:var(--color-primary-main, #6f0881)}.cert-btn--full{width:100%}.userProfilePanel-raffleSection{padding:0 16px}.raffle-section{margin-bottom:12px}.raffle-section__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:16px}.raffle-section__title{font-size:15px;font-weight:700;color:rgba(0,0,0,.85)}.raffle-section__learnMore{display:flex;flex-direction:row;align-items:center;gap:4px;background:none;border:none;padding:0;cursor:pointer;color:var(--color-primary-main, #6f0881);font-size:12px;font-weight:500;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.raffle-section__learnMore:hover{text-decoration:underline}.raffle-section__learnMore-icon{transform:rotate(180deg);display:inline-block;color:var(--color-primary-main, #6f0881);font-size:14px}.raffle-prize-box{padding:12px;margin-bottom:12px;background-color:rgba(86,152,211,.1019607843);border:1px solid rgba(86,152,211,.2)}.raffle-prize-box__row{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start}.raffle-prize-box__row--top{margin-bottom:18px}.raffle-prize-box__pool{display:flex;flex-direction:column;align-items:flex-start;gap:2px}.raffle-prize-box__amount{font-size:24px;font-weight:700;color:var(--color-primary-main, #6f0881);line-height:1}.raffle-prize-box__days{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.raffle-prize-box__days-value{display:flex;align-items:center;gap:2px;font-size:16px;font-weight:600;color:#333}.raffle-prize-box__clock{font-size:17px;color:#333}.raffle-prize-box__label{font-size:12px;font-weight:400;color:rgba(0,0,0,.55)}.raffle-prize-box__label--right{text-align:right}.raffle-prize-box__tickets{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:8px;background-color:rgba(86,152,211,.1490196078)}.raffle-prize-box__tickets-left{display:flex;flex-direction:row;align-items:center;gap:4px}.raffle-prize-box__ticket-icon{width:16px;height:16px}.raffle-prize-box__tickets-label{font-size:12px;font-weight:700;color:var(--color-primary-main, #6f0881)}.raffle-prize-box__tickets-count{font-size:18px;font-weight:700;color:#333}.userProfilePanel-footer{flex-shrink:0;background:#fff}.userProfilePanel-logoutRow{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:0 16px;margin-bottom:16px;cursor:pointer}.userProfilePanel-logoutRow:hover{opacity:.85}.userProfilePanel-logoutLeft{display:flex;flex-direction:row;align-items:center;gap:8px}.userProfilePanel-logoutIcon{width:20px;height:20px}.userProfilePanel-logoutText{font-size:16px;font-weight:400;color:#f03830;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.userProfilePanel-logoutArrow{color:var(--color-primary-main, #6f0881);font-size:12px}.userProfilePanel-backIcon{color:var(--color-primary-main, #6f0881);font-size:12px;margin-right:12px}.userProfilePanel-backText{font-size:16px;font-weight:400;color:var(--color-primary-main, #6f0881);font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.userProfilePanel-localeRow{display:flex;align-items:center;justify-content:center;gap:16px;padding:12px 16px;background:var(--color-purple-100, #f5f5f5)}.userProfilePanel-localeItem{display:flex;align-items:center;gap:4px}.userProfilePanel-localeLabel{font-size:12px;font-weight:600;color:#333;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.userProfilePanel-localeLink{border:none;background:none;padding:0;font-size:12px;font-weight:400;color:var(--color-primary-main, #6f0881);cursor:pointer;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.userProfilePanel-localeLink:hover{text-decoration:underline}
.appHeader-actions__item.user-profile .nav-action-icon{border:1px solid #888;border-radius:50%;color:#555;display:block;line-height:30px;width:32px;height:32px;overflow:hidden;padding:0;text-align:center;cursor:pointer;background:rgba(0,0,0,0);transition:all .2s ease-out}.appHeader-actions__item.user-profile .nav-action-icon .profile-photo{width:100%;height:100%;object-fit:cover;vertical-align:middle;max-width:100%}.appHeader-actions__item.user-profile .nav-action-icon .profile-photo.inverse{display:none}.appHeader-actions__item.user-profile .nav-action-icon:hover{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881}.appHeader-actions__item.user-profile .nav-action-icon:hover .profile-photo:not(.inverse){display:none}.appHeader-actions__item.user-profile .nav-action-icon:hover .profile-photo.inverse{display:inline-block;width:auto;height:auto}.appHeader-actions__item.user-profile .nav-action-icon.active{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881;border-radius:100% 100% 0;transform:rotate(45deg)}.appHeader-actions__item.user-profile .nav-action-icon.active .profile-photo:not(.inverse){display:none}.appHeader-actions__item.user-profile .nav-action-icon.active .profile-photo.inverse{display:inline-block;transform:rotate(-45deg);width:auto;height:auto}
.appHeader-actions.nav-widgets{display:flex;align-items:center;flex:0 0 auto}.appHeader-actions.nav-widgets .appHeader-actions__list{display:flex;align-items:center;list-style:none;margin:0;padding:0}.appHeader-actions.nav-widgets .appHeader-actions__item{margin:0 5px;position:relative;display:inline-flex;align-items:center;overflow:visible}.appHeader-actions.nav-widgets .appHeader-actions__item[class*=hint--]::before,.appHeader-actions.nav-widgets .appHeader-actions__item[class*=hint--]::after{z-index:10001}.appHeader-actions.nav-widgets .widget-item{border:1px solid #888;border-radius:50%;color:#555;background:rgba(0,0,0,0);display:inline-flex;align-items:center;justify-content:center;line-height:30px;width:32px;height:32px;overflow:hidden;padding:0;text-align:center;cursor:pointer;transition:background .2s ease-out,border-color .2s ease-out,transform .2s ease-out,color .2s ease-out,border-radius .2s ease-out}.appHeader-actions.nav-widgets .widget-item img{vertical-align:middle;max-width:100%;max-height:18px}.appHeader-actions.nav-widgets .widget-item img.inverse{display:none}.appHeader-actions.nav-widgets .widget-item:hover,.appHeader-actions.nav-widgets .widget-item.route-active{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881;border-color:var(--color-primary-main, #6f0881);color:#fff}.appHeader-actions.nav-widgets .widget-item:hover img:not(.inverse),.appHeader-actions.nav-widgets .widget-item.route-active img:not(.inverse){display:none}.appHeader-actions.nav-widgets .widget-item:hover img.inverse,.appHeader-actions.nav-widgets .widget-item.route-active img.inverse{display:inline-block}.appHeader-actions.nav-widgets .widget-item.active{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881;border-color:var(--color-primary-main, #6f0881);border-radius:100% 100% 0;transform:rotate(45deg);color:#fff}.appHeader-actions.nav-widgets .widget-item.active img:not(.inverse){display:none}.appHeader-actions.nav-widgets .widget-item.active img.inverse{display:inline-block;transform:rotate(-45deg)}.appHeader-actions.nav-widgets .widget-item.active svg,.appHeader-actions.nav-widgets .widget-item.active .bell-wrapper{transform:rotate(-45deg)}.appHeader-actions.nav-widgets .widget-item.activePlanning{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881}.appHeader-actions.nav-widgets .notificationCount{padding:4px 6px;position:absolute;top:-5px;right:-10px;font-size:11px;line-height:12px;text-align:center;background:#e75a60;color:#fff;box-shadow:0 0 0 1px #fff;height:18px;min-width:18px;border-radius:10px;overflow:hidden;pointer-events:none}.appHeader-actions__item.settings-widget.settingsPageSelected .widget-item:not(.active),.appHeader-actions__item.settings-widget.settingsPageSelected .widget-item:not(.active):hover{background:#6f0881;background:var(--color-primary-main, #6f0881);border-color:#6f0881;border-color:var(--color-primary-main, #6f0881);border-radius:50%}.appHeader-actions__item.settings-widget.settingsPageSelected .widget-item:not(.active) img.inverse,.appHeader-actions__item.settings-widget.settingsPageSelected .widget-item:not(.active):hover img.inverse{display:inline-block}.appHeader-actions__item.settings-widget.settingsPageSelected .widget-item:not(.active) img:not(.inverse),.appHeader-actions__item.settings-widget.settingsPageSelected .widget-item:not(.active):hover img:not(.inverse){display:none}@media(max-width: 1280px){.appHeader-actions.nav-widgets .appHeader-actions__item{margin:0 2px}}
.appHeader-logo{display:inline-flex;align-items:center;flex:0 0 auto;margin-right:16px;text-decoration:none;padding:0 4px 0 0}.appHeader-logo:hover{text-decoration:none}.appHeader-logo .appHeader-logo__img{height:35px;width:auto;display:block;image-rendering:-webkit-optimize-contrast}.appHeader-logo svg{display:block}
@keyframes appHeaderMobileFadeUp{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}#mobileMenu.appHeader-mobileMenu{overflow-y:auto;position:fixed;left:0;top:var(--app-header-stack-bottom, 60px);width:100%;max-width:400px;height:calc(100% - var(--app-header-stack-bottom, 60px));background:#ddd;padding:25px;z-index:8999;animation:appHeaderMobileFadeUp .2s ease-out}#mobileMenu.appHeader-mobileMenu.fadeInUp{animation-name:appHeaderMobileFadeUp}.appHeader-mobileMenu__primary{list-style:none;margin:0;padding:0}.appHeader-mobileMenu__item{display:block;background:#fff;margin-bottom:6px;border-radius:2px;box-shadow:0 1px 13px -5px rgba(0,0,0,.35)}.appHeader-mobileMenu__child{display:flex;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box;padding:0 15px;min-height:44px;line-height:44px;color:#333;font-size:13px;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif;text-decoration:none;background:rgba(0,0,0,0);border:0;cursor:pointer;text-align:left}.appHeader-mobileMenu__child.active{box-shadow:inset 5px 0 0 0 #019ae8}.appHeader-mobileMenu__child.locked{opacity:.65}.appHeader-mobileMenu__child .pull-left{flex:1 1 auto;min-width:0}.appHeader-mobileMenu__child .pull-right{flex:0 0 auto;margin-left:8px;display:inline-flex;align-items:center;justify-content:center;min-width:12px}.appHeader-mobileMenu__caret{display:block;width:0;height:0;border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:7px solid #333}.appHeader-mobileMenu__secondary{list-style:none;margin:0;padding:0;background:#eee;overflow:hidden;max-height:0;transition:max-height .2s ease-out}.appHeader-mobileMenu__secondary--open{max-height:2000px}.appHeader-mobileMenu__secondary .appHeader-mobileMenu__child{line-height:40px;min-height:40px;border-bottom:1px solid #ddd}.appHeader-mobileMenu__tertiary{list-style:none;margin:0;padding:0;overflow:hidden;max-height:0;transition:max-height .2s ease-out}.appHeader-mobileMenu__tertiary--open{max-height:2000px}.appHeader-mobileMenu__tertiary a{display:block;background:#f8f8f8;line-height:40px;padding:0 25px;border-bottom:1px solid #eee;color:#333;text-decoration:none;font-size:13px}.appHeader-mobileMenu__tertiary a.active{box-shadow:inset 5px 0 0 0 #019ae8;color:var(--color-primary-main, #6f0881)}.appHeader-mobileMenu__tertiary a.locked{opacity:.65}.secondSubMenuTable{width:100%;border-collapse:collapse}.secondSubMenuTable td:last-child{width:24px;text-align:right}
.appHeader-mobileBtn{display:none;flex:0 0 auto;align-items:center;margin-right:8px}.appHeader-mobileBtn__icon{display:inline-flex;align-items:center;justify-content:center;margin:0;padding:10px;color:#888;background:rgba(0,0,0,0);border:1px solid #888;border-radius:3px;cursor:pointer;transition:all .2s ease-out}.appHeader-mobileBtn__icon.active{background:var(--color-primary-main, #6f0881);color:#fff;border-color:var(--color-primary-main, #6f0881)}@media(max-width: 1090px){.appHeader-mobileBtn{display:flex}}
.ai-enabled-icon{width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-navbar{width:16px;height:16px;margin-left:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-breadcrumb{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-live{width:20px;height:20px;margin-right:8px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-suggest-accordian{width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-suggest-card{width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-tooltip{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-header{display:inline-flex;align-items:center;width:24px;height:24px;margin-right:5px;flex-shrink:0}.suggest_trips_border_gradient{cursor:pointer;margin:15px 10px;padding:8px;background:#f4f4f4;border:2px dashed #bb3562;text-align:center;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:4px}.suggest_trips_border_gradient>*{position:relative;z-index:1}.suggest_trips_border_gradient:hover{background:#e8e7e7}.ai-enabled-icon-inline{display:inline-block;line-height:0;vertical-align:middle;border:none;outline:none}.ai-enabled-icon-inline svg{display:block;margin:0;border:none;outline:none}.ai-enabled-icon-inline path{stroke:none}.ai-enabled-icon-inline .vibrant-colors{animation:aiEnabledCoolColorShift 8s ease-in-out infinite alternate}.ai-enabled-icon-inline svg .star-large{transform-origin:10px 10px;transition:transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.ai-enabled-icon-inline svg .star-small{transform-origin:18px 18px;transition:transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.ai-enabled-icon-inline--animated:hover svg .star-large,.nav-item-hover-rotate:hover .ai-enabled-icon-inline--animated svg .star-large,.appHeader-nav__dropdown-link:hover .ai-enabled-icon-inline--animated svg .star-large{transform:rotate(90deg) scale(1.05)}.ai-enabled-icon-inline--animated:hover svg .star-small,.nav-item-hover-rotate:hover .ai-enabled-icon-inline--animated svg .star-small,.appHeader-nav__dropdown-link:hover .ai-enabled-icon-inline--animated svg .star-small{transform:rotate(-90deg) scale(1.1)}.ai-enabled-icon .ai-enabled-icon-inline{width:20px;height:20px}.ai-enabled-icon .ai-enabled-icon-inline svg{width:20px;height:20px}.ai-enabled-icon-navbar .ai-enabled-icon-inline{width:16px;height:16px}.ai-enabled-icon-navbar .ai-enabled-icon-inline svg{width:16px;height:16px}.ai-enabled-suggest-card .ai-enabled-icon-inline{width:20px;height:20px}.ai-enabled-suggest-card .ai-enabled-icon-inline svg{width:20px;height:20px}.ai-enabled-icon-header .ai-enabled-icon-inline{width:24px;height:24px}.ai-enabled-icon-header .ai-enabled-icon-inline svg{width:24px;height:24px}@keyframes aiEnabledCoolColorShift{0%{filter:hue-rotate(-20deg) brightness(1)}100%{filter:hue-rotate(30deg) brightness(1.1)}}
.appHeader-nav__item{position:relative;display:flex;align-items:stretch}.appHeader-nav__link{display:inline-flex;align-items:center;gap:4px;padding:0 10px;height:60px;line-height:60px;font-size:12px;font-family:"Gotham-Rounded",helvetica,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-weight:400;color:#555;text-decoration:none;white-space:nowrap;background:rgba(0,0,0,0);border:0;cursor:pointer;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.appHeader-nav__link .pull-left{display:inline-block}.appHeader-nav__link .appHeader-nav__menu-label{display:inline-flex;align-items:center;gap:2px}.appHeader-nav__link .pull-right{display:inline-flex;align-items:center;gap:2px}.appHeader-nav__link .pull-right sup{line-height:0}.appHeader-nav__link:hover{color:#6f0881;color:var(--color-primary-main, #6f0881);text-decoration:none}.appHeader-nav__link--active.active,.appHeader-nav__link--active{color:var(--color-primary-main, #6f0881);font-weight:700;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,-apple-system,sans-serif;box-shadow:inset 0px -6px 0px -2px var(--color-primary-main, #6f0881)}.appHeader-nav__link--toggle{appearance:none}.appHeader-nav__item.open>.appHeader-nav__link--toggle{color:var(--color-primary-main, #6f0881);font-weight:700;font-family:"Gotham-Rounded-Medium",helvetica,system-ui,-apple-system,sans-serif;box-shadow:inset 0px -6px 0px -2px var(--color-primary-main, #6f0881)}.appHeader-nav__caret{font-size:10px;margin-left:4px;color:#989898}.appHeader-nav__caret svg{display:block}.appHeader-nav__subchevron{display:inline-flex;align-items:center;color:#989898}.appHeader-nav__subchevron svg{display:block}.appHeader-nav__dropdown-label{display:inline-flex;flex-flow:row nowrap;align-items:center;gap:0;min-width:0}.appHeader-nav__item.open{background:var(--color-primary-medium, #f5e9f8)}.appHeader-nav__dropdown{position:absolute;top:60px;left:0;margin-top:-2px;padding:5px 0;border-radius:0;min-width:250px;border:0;list-style:none;background:#fff;box-shadow:0 10px 24px -6px rgba(0,0,0,.18);z-index:9050;animation:appHeaderNavFadeUp .15s ease-out}.appHeader-nav__dropdown-item.dropdown-submenu{position:relative}.appHeader-nav__dropdown--secondary{position:absolute;top:0;left:100%;margin-top:0;margin-left:0;border-radius:0 6px 6px 6px;display:none;z-index:9060}.appHeader-nav__dropdown-item.dropdown-submenu:hover .appHeader-nav__dropdown--secondary{display:block}.appHeader-nav__dropdown-item{margin:0;padding:0;list-style:none}.appHeader-nav__dropdown-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 15px;font-size:12px;color:#555;background:rgba(0,0,0,0);border:0;width:100%;text-align:left;cursor:pointer;text-decoration:none;white-space:initial;font-family:"Gotham-Rounded",helvetica,system-ui,sans-serif}.appHeader-nav__dropdown-link:hover{background:var(--color-purple-100, #f5eaf7);color:var(--color-primary-main, #6f0881);text-decoration:none}.appHeader-nav__dropdown-link.active{background:var(--color-primary-medium, #f5e9f8);color:var(--color-primary-main, #6f0881);text-decoration:none}.appHeader-nav__dropdown-link.locked{opacity:.65}@keyframes appHeaderNavFadeUp{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
.appHeader-nav{flex:0 1 auto;display:flex;align-items:stretch;justify-content:flex-end;min-width:0;overflow:visible;margin-right:8px}.appHeader-nav .appHeader-nav__list{display:flex;align-items:stretch;justify-content:flex-end;list-style:none;margin:0;padding:0;flex-wrap:nowrap;gap:0}.appHeader-nav .appHeader-nav__status{display:flex;align-items:center;gap:8px;padding:0 12px;font-size:12px;color:var(--color-text-muted, #6b7280);white-space:nowrap}.appHeader-nav .appHeader-nav__status--error{color:var(--color-danger, #b91c1c)}.appHeader-nav .appHeader-nav__retry{border:none;background:rgba(0,0,0,0);color:var(--color-primary, #7c3aed);font-size:12px;cursor:pointer;text-decoration:underline;padding:0}@media(max-width: 1090px){.appHeader-nav{display:none}}
[class*=hint--]:after{background:#6f0881;background:var(--color-primary-main, #6f0881);text-shadow:none;font-family:"Gotham-Rounded","Helvetica Neue",Helvetica,Arial,sans-serif;border-radius:3px}.hint--bottom:before,.hint--bottom-left:before,.hint--bottom-right:before{border-bottom-color:#6f0881;border-bottom-color:var(--color-primary-main, #6f0881)}.hint--top:before,.hint--top-left:before,.hint--top-right:before{border-top-color:#6f0881;border-top-color:var(--color-primary-main, #6f0881)}.hint--left:before{border-left-color:#6f0881;border-left-color:var(--color-primary-main, #6f0881)}.hint--right:before{border-right-color:#6f0881;border-right-color:var(--color-primary-main, #6f0881)}.appHeader-root{position:fixed;top:0;left:0;right:0;z-index:9000;background:#fff;box-shadow:0 0 10px -3px rgba(0,0,0,.85);font-family:"Gotham-Rounded",helvetica,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;white-space:nowrap}.appHeader-banner{position:relative;background:var(--color-primary-main, #6f0881);color:#fff;text-align:center;font-family:"Gotham-Rounded",helvetica,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-size:13px;font-weight:400;line-height:35px;height:35px;padding:0 20px}.appHeader-banner__text{font-weight:400;font-size:14px}.appHeader-banner__cta{color:#fff;text-decoration:none;font-weight:400;font-size:14px;margin-left:4px}.appHeader-banner__cta:hover{color:#fff}.appHeader-banner__close{position:absolute;top:5px;right:15px;background:rgba(0,0,0,0);border:none;color:#fff;font-size:18px;line-height:1;cursor:pointer;padding:4px 8px;border-radius:3px}.appHeader-banner__close:hover{background:hsla(0,0%,100%,.15)}@keyframes appHeader-marquee{0%{transform:translateX(60%)}100%{transform:translateX(-150%)}}.appHeader-banner__text--marquee{width:100%;min-width:1800px;height:100%;margin:0;text-align:center;white-space:nowrap;display:inline-block;transform:translateX(50%);animation:appHeader-marquee 40s linear infinite}.appHeader-banner__text--static{display:inline-block;position:relative;right:29%}.appHeader-banner__upgrade,.appHeader-banner__support{background:rgba(0,0,0,0);border:none;color:#fff;font-size:13px;font-weight:600;text-decoration:underline;cursor:pointer;margin-left:8px;padding:0;line-height:inherit}.appHeader-banner__upgrade:hover,.appHeader-banner__support:hover{opacity:.85}.appHeader-bar{display:flex;align-items:stretch;height:60px;padding:0 20px;gap:0}.appHeader-bar__right{display:flex;align-items:stretch;flex:0 0 auto;margin-left:auto;min-width:0}@media screen and (max-width: 1090px){.appHeader-root{padding:0}}
.mainLayout-root{min-height:100vh}.mainLayout-body{padding-top:var(--app-header-stack-bottom, 95px);min-height:100vh;font-family:"Gotham-Rounded","Helvetica Neue",Helvetica,Arial,system-ui,sans-serif;font-size:13px;line-height:1.5;color:#333}.mainLayout-body.modal{padding-top:0 !important}
/* Login Screen Styles */
/* Note: This file should import or reference the original AngularJS CSS */
/* Original file location: login/partial/login-screen/loginScreen.css */

.login-screen-wrapper {
  width: 100%;
  height: 100%;
}

.loginOuterWrapper {
  display: table;
  position: fixed;
  inset: 0;
  width: 100%;
  min-height: 100dvh; /* Dynamic viewport height */
  height: 100dvh;
  background-image: url(/product/assets/login_screen_background.3fc6fe4d14c58133aa44.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.loginOuterWrapper .loginInnerWrapper {
  display: table-cell;
  vertical-align: middle;
}


.loginContentWrapper {
  width: 100%;
}

.loginContentLeft {
  padding: 20px;
}

.login-formBox {
  width: 100%;
}

.loginPageLogoWrapper {
  text-align: center;
  margin-bottom: 30px;
}

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

.loginPageLogoWrapper .logo svg {
  max-width: 200px;
  height: auto;
}

.LoginBoxWrapper {
  width: 90%;
}

.loginFormField {
  position: relative;
  margin-bottom: 20px;
}

.loginFormField input {
  width: 100%;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

.loginFormField input:focus {
  outline: none;
  border-color: var(--color-primary-main);
}

/* Base label positioning - always positioned absolutely */
.loginFormField .usernameLabel,
.loginFormField .passwordLabel {
  position: absolute;
  top: -10px;
  left: 2%;
  font-size: 11px;
  background-color: white;
  color: #999999;
  transition: 0.3s ease-in-out 0.15s;
  padding: 0 5px;
  pointer-events: auto;
  cursor: text;
}

/* Focused/active state - same as base, but ensures it stays above */
.loginFormField .usernameFocused,
.loginFormField .passwordFocused {
  top: -10px;
  left: 2%;
  font-size: 11px;
  background-color: white;
  color: #999999;
  padding: 0 5px;
}

.loginFormField.error_icon input {
  border-color: #f00;
}

.loginFormField .emptyInput {
  border-color: #f00;
}

.loginButton {
  width: 100%;
  padding: 12px;
  background-color: var(--color-primary-main);
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
}

.loginButton:hover {
  background-color: var(--color-primary-medium);
}

.loginButton:disabled {
  background-color: #ccc;
  cursor: not-allowed;
}

.error-messages {
  color: #f00;
  font-size: 12px;
  margin-top: 5px;
}

.loginErrorMessage {
  text-align: left;
  margin: 10px 0;
}

.forgotPassword-line {
  font-size: 13px;
  text-align: right;
  padding: 10px 0px 0px 0px;
  font-weight: lighter;
}

.forgotPassword-line a {
  color: var(--color-primary-main);
  font-weight: 300;
  text-decoration: none;
  cursor: pointer;
}

.forgotPassword-line a:hover {
  text-decoration: underline;
}

.eye,
.eye-slash {
  cursor: pointer;
  right: 10px;
  position: absolute;
  height: 100%;
  top: 0px;
  display: flex;
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
}

.loaderContainer {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
}

.logi-spinner {
  width: 70px;
  text-align: center;
}

.logi-spinner > div {
  width: 18px;
  height: 18px;
  background-color: var(--color-primary-main);
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.logi-spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.logi-spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% {
    -webkit-transform: scale(0);
  }
  40% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  40% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}

/* SSO Styles */
.leftAlign {
  text-align: left;
  margin: 15px 0;
}

.ssoEnabledMsg {
  margin-left: 10px;
  font-size: 14px;
}

.azureImgAlign,
.oktaImgAlign {
  margin-left: 10px;
  max-height: 30px;
}

.hrLineAlign {
  position: relative;
  text-align: center;
  margin: 20px 0;
}

.horizontalLine {
  border: none;
  border-top: 1px solid #ddd;
  margin: 10px 0;
}

.onLineKey {
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  background: white;
  padding: 0 10px;
  color: #666;
}

.loginextLink {
  text-align: center;
  margin: 15px 0;
}

.loginextLink a {
  color: var(--color-primary-main);
  text-decoration: none;
  cursor: pointer;
}

.loginextLink a:hover {
  text-decoration: underline;
}

.keyImgAlign {
  margin-right: 5px;
  vertical-align: middle;
}

/* Mobile App Section */
.undergroundDiv {
  margin-top: 30px;
}

.mobileAppSectionWrapper {
  text-align: center;
}

.AppInfoSection {
  margin-bottom: 20px;
}

.underground-phone {
  max-width: 100%;
  height: auto;
}

.textSection {
  margin-top: 15px;
}

.textSection__Logistics {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
}

.textSection__LoginextAppSuite {
  font-size: 14px;
  color: #666;
  margin-bottom: 15px;
}

.textSection img {
  max-width: 150px;
  margin: 5px;
}

/* Footer */
.footer-copyright {
  margin-top: auto;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  text-align: center;
  font-size: 12px;
  color: #666;
  width: 100%;
  box-sizing: border-box;
}

.footer-copyright a {
  color: var(--color-primary-main);
  text-decoration: none;
}

.footer-copyright a:hover {
  text-decoration: underline;
}

.mid-container-copyright span {
  margin: 0 5px;
}

/* Browser Upgrade */
.upgrade-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 10000;
}

.browser-upgrade-wrapper {
  background: white;
  padding: 40px;
  border-radius: 8px;
  max-width: 600px;
  text-align: center;
}

.browser-upgrade-wrapper h1 {
  margin-bottom: 20px;
}

.browsers-wrapper {
  display: flex;
  justify-content: space-around;
  margin: 30px 0;
}

.browser-item {
  text-align: center;
}

.browser-item img {
  width: 64px;
  height: 64px;
  margin-bottom: 10px;
}

.browser-name {
  margin-bottom: 10px;
  font-weight: bold;
}

.download-btn {
  padding: 8px 16px;
  background-color: var(--color-primary-main);
  color: white;
  text-decoration: none;
  border-radius: 4px;
  display: inline-block;
}

/* Link Expired */
.linkExpired {
  text-align: center;
  padding: 50px 20px;
}

.linkExpired img {
  max-width: 200px;
  margin-bottom: 20px;
}

.header-style {
  margin-bottom: 20px;
}

.description-style {
  font-size: 14px;
}

.description-style a {
  color: var(--color-primary-main);
  cursor: pointer;
}

/* Responsive */
@media (max-width: 768px) {
  .loginContentLeft {
    padding: 10px;
  }
  
  .loginOuterWrapper .loginInnerWrapper .loginContent {
    padding: 20px;
  }
}

/* Google Sign-In — match default Angular GIS look (white / outline button, full width) */
.loginButtonWrapper .g_id_signin {
  width: 100%;
  display: flex;
  justify-content: center;
}

.loginButtonWrapper .g_id_signin > div {
  width: 100% !important;
}

.errMsgBottomSpace {
  margin-bottom: 20px;
}

.errMsgAlign {
  text-align: left;
}


/* Import shared login styles */





/* Base label positioning for Reset Password fields - always positioned absolutely */
.forgotUserEmail .newPassLabel,
.forgotUserEmail .confNewPassLabel {
  position: absolute;
  top: 0px;
  left: 5%;
  font-size: 11px;
  background-color: white;
  color: #999999;
  transition: 0.3s ease-in-out 0.15s;
  padding: 0 5px;
  pointer-events: auto;
  cursor: text;
}

/* Focused/active state - same as base */
.forgotUserEmail .newPassFocused,
.forgotUserEmail .confNewPassFocused {
  top: 0px;
  left: 5%;
  font-size: 11px;
  background-color: white;
  color: #999999;
  padding: 0 5px;
}

.eye,
.eye-slash {
  cursor: pointer;
  right: 20px;
  position: absolute;
  height: 100%;
  top: 0px;
  display: flex;
  vertical-align: middle;
  flex-direction: column;
  justify-content: center;
}





html,body{height:100%;margin:0;padding:0}.login-screen-wrapper{width:100%;height:100%;background:#fff}.login-screen-wrapper .loginOuterWrapper{position:fixed;inset:0;width:100%;height:100%;background:#fff;background-position:center center;background-repeat:no-repeat;background-size:cover}.login-screen-wrapper .loginInnerWrapper{width:100%;height:100%}.login-screen-wrapper .loginContent{display:block;height:100%;background:#fff;z-index:100}.login-screen-wrapper .loginContentWrapper{width:100%;height:100%}.login-screen-wrapper .loginRow{position:relative;width:100%;height:100%;margin:0}.login-screen-wrapper .loginContentLeft{position:relative;width:33.5%;min-width:360px;height:100vh;background:#fff;overflow-y:auto;overflow-x:hidden;padding:0;z-index:100}.login-screen-wrapper .login-formBox{position:relative;width:100%;min-height:100vh;display:flex;flex-direction:column;padding:0;align-items:center;justify-content:flex-start}.login-screen-wrapper .loginPageLogoWrapper{text-align:center;margin-top:32px;margin-bottom:24px}.login-screen-wrapper .loginPageLogoWrapper .logo{display:inline-block}.login-screen-wrapper .loginPageLogoWrapper .logo svg{width:150px;height:auto}.login-screen-wrapper .LoginBoxWrapper{margin:0 40px 32px 40px;padding:24px;background:#fff;border-radius:8px;box-shadow:0 1px 4px 0 rgba(0,0,0,.15)}.login-screen-wrapper .loginContentRight{position:absolute;top:0;right:0;width:66.5%;height:100vh;z-index:99;background-color:var(--color-grey-50, #f5f7fa);background-image:url("https://loginext-media-bucket.s3.ap-southeast-1.amazonaws.com/images/loginext-images/certification_login_image.png");background-position:center center;background-repeat:no-repeat;background-size:cover}.login-screen-wrapper .loginContentRight .webinar-container,.login-screen-wrapper .loginContentRight .webinar-container a{display:block;width:100%;height:100%}@media screen and (orientation: portrait),(max-width: 991px){.login-screen-wrapper .loginContentLeft{width:100vw;min-width:0}.login-screen-wrapper .loginContentRight{display:none}}.login-screen-wrapper .userErrorMsg,.login-screen-wrapper .passErrorMsg,.login-screen-wrapper .emailErrorMsg,.login-screen-wrapper .newPassErrorMsg,.login-screen-wrapper .confNewPassErrorMsg{font-size:12px;color:red;margin-top:6px;text-align:left}.login-screen-wrapper .eye,.login-screen-wrapper .eye-slash{cursor:pointer;right:12px;position:absolute;height:100%;top:0;display:flex;align-items:center;border:0;background:rgba(0,0,0,0);color:#5b6473;padding:0}.login-screen-wrapper .loginButtonWrapper{margin-top:6px}.login-screen-wrapper .loginButtonWrapper .g_id_signin{width:100% !important;margin-top:8px}.login-screen-wrapper .loginButtonWrapper .g_id_signin>div{width:100% !important}.login-screen-wrapper button[id=login],.login-screen-wrapper button[id=loginAzure],.login-screen-wrapper button[id=loginOkta],.login-screen-wrapper button[id=loginOneLogin],.login-screen-wrapper button[id=set_password],.login-screen-wrapper button[id=reset-success-backToLogin]{width:100% !important;padding:12px !important;font-size:14px !important;font-weight:500 !important;letter-spacing:1.5px;border-radius:4px !important;min-height:46px;background:var(--color-primary-main, #6f0881) !important;color:#fff !important;border:1px solid rgba(0,0,0,0) !important;text-transform:none !important}.login-screen-wrapper.forgotPassword-section .forgotPwdFormField{display:flex;gap:12px;margin-top:6px;margin-left:0;margin-right:0}.login-screen-wrapper.forgotPassword-section .forgotPwdFormField .sendBtnAlign,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField .cancelBtnAlign,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField .resendBtnAlign{flex:1 1 50%;min-width:0}.login-screen-wrapper.forgotPassword-section .forgotPwdFormField .sendBtnAlign button,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField .resendBtnAlign button,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField #forgotPassword-actionBar-sendEmail,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField #forgotPassword-resendMail,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField #resetPassword-setPassword{width:100% !important;padding:13px 16px !important;font-size:13px !important;font-weight:300 !important;letter-spacing:1.5px;text-align:center;border-radius:0 !important;min-height:46px;background:var(--color-primary-main, #6f0881) !important;color:#fff !important;border:1px solid rgba(0,0,0,0) !important;text-transform:none !important}.login-screen-wrapper.forgotPassword-section .forgotPwdFormField .cancelBtnAlign button,.login-screen-wrapper.forgotPassword-section .forgotPwdFormField #forgotPassword-actionBar-backToLogin{width:100% !important;padding:13px 16px !important;font-size:13px !important;font-weight:normal !important;letter-spacing:normal !important;text-align:center;border-radius:0 !important;min-height:46px;background:#fff !important;color:var(--color-primary-main, #6f0881) !important;border:1px solid var(--color-primary-main, #6f0881) !important;text-transform:none !important}.login-screen-wrapper.forgotPassword-section .successMsg .loginButtonWrapper button,.login-screen-wrapper.forgotPassword-section #reset-success-backToLogin{border-radius:0 !important}.login-screen-wrapper .forgotPwdFormField{display:flex;gap:12px;margin-top:6px}.login-screen-wrapper .forgotPwdFormField .sendBtnAlign,.login-screen-wrapper .forgotPwdFormField .cancelBtnAlign,.login-screen-wrapper .forgotPwdFormField .resendBtnAlign{flex:1 1 50%}.login-screen-wrapper .forgotPassword-line{font-size:13px;text-align:right;padding:4px 2px 16px;font-weight:300}.login-screen-wrapper .forgotPassword-line a{color:var(--color-primary-main, #5999d1);font-weight:300;text-decoration:none;cursor:pointer}.login-screen-wrapper .forgotPassword-line a:hover{text-decoration:underline}.login-screen-wrapper .error-messages{color:red;font-size:12px;margin:4px 0 8px;text-align:left}.login-screen-wrapper .loginErrorMessage{margin-top:6px;margin-bottom:4px}.login-screen-wrapper .login-emailDescription,.login-screen-wrapper .login-emailDescription-product{font-size:13px;margin-bottom:18px;font-weight:300;text-align:left}.login-screen-wrapper .login-emailDescription ul,.login-screen-wrapper .login-emailDescription-product ul{margin:6px 0 8px;padding-left:18px}.login-screen-wrapper .marginTop{margin-top:18px}.login-screen-wrapper .resetCenter{font-size:18px;font-weight:600;color:#111c22;margin-bottom:18px;text-align:left}.login-screen-wrapper .linkExpired{text-align:left;padding:4px 0 12px}.login-screen-wrapper .linkExpiredHeader{font-size:16px;font-weight:600;margin-bottom:12px;color:#b30000}.login-screen-wrapper .linkExpiredDescription{font-size:13px;color:#4a5365;margin:0}.login-screen-wrapper .linkExpiredDescription a{color:var(--color-primary-main, #5999d1);cursor:pointer}.login-screen-wrapper .successMsg{text-align:center;padding:8px 0}.login-screen-wrapper .successMsg h3{margin:0 0 8px;font-size:18px;color:#111c22}.login-screen-wrapper .successMsg p{margin:0 0 18px;font-size:13px;color:#4a5365}.login-screen-wrapper .undergroundDiv{margin-top:auto;width:100%;padding:12px 24px 16px}.login-screen-wrapper .mobileAppSectionWrapper{display:flex;flex-direction:column;gap:24px;text-align:left}.login-screen-wrapper .AppInfoSection{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:12px}.login-screen-wrapper .AppInfoSection .underground-phone{width:142px;height:196px;object-fit:contain}.login-screen-wrapper .AppInfoSection .textSection{display:flex;width:150px;flex-wrap:wrap;align-content:flex-end}.login-screen-wrapper .AppInfoSection .textSection>div{text-align:left;font-style:normal;line-height:normal}.login-screen-wrapper .AppInfoSection .textSection img{max-width:100px;height:auto}.login-screen-wrapper .textSection__Logistics{color:#000;font-size:14px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:12px;width:100%}.login-screen-wrapper .textSection__LoginextAppSuite{color:#989898;font-size:12px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:8px;width:100%}.login-screen-wrapper .footer-copyright{text-align:center;font-size:12px;color:#808088;font-style:normal}.login-screen-wrapper .footer-copyright a{text-decoration:underline;color:var(--color-primary-main, #6f0881)}.login-screen-wrapper .footer-copyright a:hover{color:#46465f}.login-screen-wrapper .mid-container-copyright{color:#000;text-align:center;font-size:12px;font-style:normal;font-weight:400;line-height:16px}.login-screen-wrapper .mid-container-copyright span{margin:0 6px;color:#c0c4c7}.login-screen-wrapper .loaderContainer{position:fixed;top:0;left:0;width:100%;height:100%;background:hsla(0,0%,100%,.9);display:flex;justify-content:center;align-items:center;z-index:9999}.login-screen-wrapper .logi-spinner{width:70px;text-align:center}.login-screen-wrapper .logi-spinner>div{width:18px;height:18px;background-color:var(--color-primary-main, #6f0881);border-radius:100%;display:inline-block;animation:sk-bouncedelay 1.4s infinite ease-in-out both}.login-screen-wrapper .logi-spinner .bounce1{animation-delay:-0.32s}.login-screen-wrapper .logi-spinner .bounce2{animation-delay:-0.16s}.login-screen-wrapper .logi-spinner .bounce3{animation-delay:0s}@keyframes sk-bouncedelay{0%,80%,100%{transform:scale(0)}40%{transform:scale(1)}}.login-screen-wrapper .leftAlign{text-align:left;padding:8px 0 16px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.login-screen-wrapper .lockImgAlign{width:16px;height:auto}.login-screen-wrapper .ssoEnabledMsg{font-size:13px;color:#666;margin-left:4px}.login-screen-wrapper .azureImgAlign{height:20px;margin-left:8px;object-fit:contain}.login-screen-wrapper .oktaImgAlign{height:18px}.login-screen-wrapper .hrLineAlign{display:flex;align-items:center;margin:16px 0}.login-screen-wrapper .hrLineAlign hr{flex:1;border:none;border-top:1px solid #ddd;margin:0}.login-screen-wrapper .onLineKey{margin:0 12px;color:#999;font-size:13px}.login-screen-wrapper .loginextLink{text-align:center;margin-bottom:16px}.login-screen-wrapper .loginextLink .keyImgAlign{width:16px;margin-right:8px;vertical-align:middle}.login-screen-wrapper .loginextLink a{cursor:pointer;color:var(--color-primary-main, #6f0881);font-size:13px}.login-screen-wrapper .loginextLink a:hover{text-decoration:underline}.login-screen-wrapper .errMsgAlign{margin-top:8px;text-align:left}.login-screen-wrapper .errMsgBottomSpace{margin-bottom:8px}

.onboarding-sidebar{position:relative;height:100%;width:315px;-webkit-transition:all .12s ease-in;-moz-transition:all .12s ease-in;-o-transition:all .12s ease-in;transition:all .12s ease-in;background:#fff;float:left}.onboarding-sidebar .panel-heading{padding:0px !important}.onboarding-sidebar .logo-wrapper{padding:15px 15px;border-bottom:1px solid #ddd}.onboarding-sidebar .sidebar-heading{position:absolute !important;top:5px !important;left:5px !important;padding:15px;font-family:"Gotham-Rounded";font-size:17px;color:#000}.onboarding-sidebar .searchModuleDiv.sidebarSearch{padding:0px 15px;height:25px;clear:both;position:relative;display:flex;width:calc(100% - 30px) !important;line-height:25px;margin-bottom:10px;border-bottom:1px solid #efefef}.onboarding-sidebar .searchModuleDiv.sidebarSearch i.logi-icon{display:flex;flex-direction:row;align-items:center}.onboarding-sidebar .searchModuleDiv.sidebarSearch input{padding-left:10px;width:100%}.onboarding-sidebar .sidebar-collapse{cursor:pointer;position:absolute;right:13px;top:0;margin-top:13px;width:34px;border-right:0;background:var(--color-primary-main);color:#fff;height:34px;display:flex;align-items:center;justify-content:center;padding:0px 6px;border-radius:50%;opacity:1 !important}.onboarding-sidebar .sidebar-collapse i{font-size:18px}.onboarding-sidebar .sidebar-collapse *{opacity:1 !important}.onboarding-sidebar .sidebar-overlay{display:none;position:absolute;height:100%;width:100%;top:0;left:0;background:#fff}.onboarding-sidebar .sidebar-overlay .sidebar-collapse{right:8px;color:#fff}.onboarding-sidebar .sidebar-footer{position:absolute;bottom:0;width:100%;left:0;background:#eee;padding:5px 15px;opacity:.7;font-size:13px}.onboarding-sidebar .sidebar-menu{height:calc(100% - 120px);overflow:auto;padding:0px 15px}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item .menu-tab-name span{font-size:13px !important}.onboarding-sidebar .sidebar-menu .menu-options{margin:0;padding:0}.onboarding-sidebar .sidebar-menu .menu-options .menu-item{margin-bottom:10px;position:relative}.onboarding-sidebar .sidebar-menu .menu-options .menu-item.step-end-margin-bottom{margin-bottom:30px}.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-open .panel-heading .menu-tab-name,.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-open .panel-heading .menu-tab-icon{color:#fff}.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-open .menu-tab{background:var(--color-primary-main);color:#fff}.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-open .menu-tab:hover{background:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-close .menu-tab{background:rgba(0,0,0,0)}.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-close .panel-heading .menu-tab-name,.onboarding-sidebar .sidebar-menu .menu-options .menu-item.panel-close .panel-heading .menu-tab-icon{color:inherit}.onboarding-sidebar .sidebar-menu .menu-tab{display:flex;flex-wrap:no-wrap;line-height:40px;margin:0 -15px;cursor:pointer;padding:0 15px;-webkit-transition:all .2s ease-out;-moz-transition:all .2s ease-out;-o-transition:all .2s ease-out;transition:all .2s ease-out}.onboarding-sidebar .sidebar-menu .menu-tab .menu-tab-name{flex:3;font-family:"Gotham-Rounded-Medium";color:#000;font-size:14px;letter-spacing:.3px}.onboarding-sidebar .sidebar-menu .menu-tab .menu-tab-name span{display:inline-block;vertical-align:middle;line-height:20px;font-size:14px;width:max-content}.onboarding-sidebar .sidebar-menu .menu-tab .menu-tab-icon{text-align:right;color:var(--color-primary-main);font-size:18px}.onboarding-sidebar .sidebar-menu .menu-tab:hover{background:#fafafa}.onboarding-sidebar .sidebar-menu .menu-tab:hover .menu-tab-name{color:var(--color-primary-main)}.onboarding-sidebar .sidebar-menu .menu-tab.menu-disabled{opacity:.5}.onboarding-sidebar .sidebar-menu .menu-tab.menu-disabled:hover{background:#fff;cursor:not-allowed}.onboarding-sidebar .sidebar-menu .menu-tab.menu-disabled:hover .menu-tab-name{color:#000}.onboarding-sidebar .sidebar-menu .menu-tab>div{flex:1}.onboarding-sidebar .sidebar-menu ul.submenu-options{margin:0 -15px;margin-top:5px;padding:0px 15px 0px 15px !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item{list-style:none}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item .menu-tab{padding:0px 15px 0px 40px !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item .menu-tab:hover{background:#fafafa !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item .menu-tab:hover .menu-tab-name{color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item .menu-tab-name{font-family:"Gotham-Rounded","sans-serif" !important;font-weight:lighter !important;font-size:13px !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-open .menu-tab{background:#fff !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-open .menu-tab:hover{background:#fafafa !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-open .menu-tab:hover .menu-tab-name{color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-open .panel-heading{background:#fff}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-open .panel-heading .menu-tab-name{color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-open .panel-heading .menu-tab-icon{color:#bfbfbf !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-close .menu-tab{background:#fff !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-close .menu-tab:hover{background:#fafafa !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-close .menu-tab:hover .menu-tab-name{color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-close .menu-tab-name{color:#000 !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.panel-close .menu-tab-icon{color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.active .submenu-name{background:var(--color-primary-medium);color:var(--color-primary-main)}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.active .submenu-name:hover{background:var(--color-primary-medium) !important;color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.inactive .submenu-name{background:#fff !important;color:#545454 !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.inactive .submenu-name:hover{color:var(--color-primary-main) !important;background:var(--color-purple-100) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.menu-disabled .submenu-name{opacity:.5;cursor:not-allowed}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-item.menu-disabled .submenu-name:hover{background:#fff;color:#545454}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-name{display:flex;justify-content:space-between;align-items:center;padding:9px 15px;cursor:pointer;font-size:13px;letter-spacing:.3px;color:#545454;padding-left:25px;-webkit-transition:all;-moz-transition:all;-o-transition:all;transition:all}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-name span{font-size:13px !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .submenu-name:hover{background:var(--color-purple-100) !important;color:var(--color-primary-main) !important}.onboarding-sidebar .sidebar-menu ul.submenu-options .ai-enabled-submenue{justify-content:flex-start !important}.onboarding-sidebar.sidebar-collapsed{width:50px;-webkit-transition:all .12s ease-in;-moz-transition:all .12s ease-in;-o-transition:all .12s ease-in;transition:all .12s ease-in}.onboarding-sidebar.sidebar-collapsed *{opacity:0}.onboarding-sidebar.sidebar-collapsed .sidebar-overlay{display:block;opacity:1}.onboarding-sidebar .panel.panel-open .panel-heading{background:var(--color-primary-main)}.onboarding-sidebar .panel.panel-open .panel-heading .menu-tab-name,.onboarding-sidebar .panel.panel-open .panel-heading .menu-tab-icon{color:#fff}.onboarding-sidebar .panel.panel-open .menu-tab:hover{background:var(--color-primary-main) !important;width:100% !important}.onboarding-sidebar .panel.panel-default{box-shadow:none}.onboarding-sidebar .panel.panel-default .panel-heading{margin:0 -15px;padding:0 15px}.onboarding-sidebar .panel .panel-body{border:none !important}.onboarding-sidebar .panel-body{border-top:none !important}.onboarding-sidebar .subsubmenuAccordian .panel-group{margin-bottom:0px}.onboarding-sidebar .subsubmenuAccordian .panel .menu-tab:hover{background:#fafafa !important}.onboarding-sidebar .subsubmenuAccordian .panel .menu-tab:hover .menu-tab-name{color:var(--color-primary-main)}.onboarding-sidebar .subsubmenuAccordian .panel .panel-heading{margin:0px !important;padding:0px 15px 0px 5px !important;background:#fff !important}.onboarding-sidebar .subsubmenuAccordian .panel .panel-heading .menu-tab-name{padding-left:20px;font-size:13px;letter-spacing:.3px;color:#545454;font-family:"Gotham-Rounded" !important}.onboarding-sidebar .subsubmenuAccordian .panel.panel-open .panel-heading{background:#fff}.onboarding-sidebar .subsubmenuAccordian .panel.panel-open .panel-heading .menu-tab-name{color:var(--color-primary-main) !important}.onboarding-sidebar .subsubmenuAccordian .panel.panel-open .panel-heading .menu-tab-icon{color:#bfbfbf !important}.onboarding-sidebar .subsubmenuAccordian .panel.panel-default .panel-heading{background:#fff}.onboarding-sidebar .subsubmenuAccordian .panel.panel-default .panel-heading .menu-tab-icon{color:var(--color-primary-main)}.onboarding-sidebar .subsubmenuAccordian .submenu-name{font-size:12px !important}.onboarding-sidebar .subsubmenuAccordian .subsubList{padding:0px}.onboarding-sidebar .subsubmenuAccordian .subsubList .submenu-name{padding:9px 50px !important}.onboarding-sidebar .subsubmenuAccordian .inactive .submenu-name{background:#fff !important;color:#545454 !important}.onboarding-sidebar .subsubmenuAccordian .inactive .submenu-name:hover{color:var(--color-primary-main) !important;background:#fafafa !important}.onboarding-sidebar .step-complete-icon{color:var(--color-primary-main);font-size:18px}.onboarding-sidebar .step-complete-icon i{vertical-align:top}.onboarding-sidebar .fullSearchOverlay{position:relative;display:flex;text-align:center;flex-direction:column;align-items:center;font-size:17px;color:rgba(128,128,128,.722)}.onboarding-sidebar .fullSearchOverlay.settingsSearch{width:100%;margin-top:50px}.onboarding-sidebar .last-menu{margin-bottom:0}
.settings-layout-root~section.logiFooter,.mainLayout-body:has(.settings-layout-root)~section.logiFooter{display:none}.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch.settings-layout-root,.settings-layout-root{height:calc(100vh - var(--app-header-stack-bottom, 95px));max-height:calc(100vh - var(--app-header-stack-bottom, 95px));min-height:0;padding-top:0;background:#ddd;overflow:hidden;box-sizing:border-box}.mainLayout-body:has(.settings-layout-root){overflow:hidden;height:100vh;max-height:100vh}.logiGuide.mainWrapper.onboarding-wrapper.afterLaunch.settings-layout-root .onboarding-body,.settings-layout-root .onboarding-body{display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;max-height:100%;min-height:0;overflow:hidden}.settings-layout-root .settings-layout-content{flex:1;min-width:0;min-height:0;float:none;width:auto;background:#fafafa;overflow:auto;padding:15px;padding-top:0;box-shadow:inset 0 0 20px -10px rgba(0,0,0,.35);transition:all .12s ease-in}.settings-layout-root .onboarding-sidebar{flex-shrink:0;float:none;display:flex;flex-direction:column;height:100%;min-height:0;padding-top:0 !important;overflow:hidden;box-sizing:border-box}.settings-layout-root .onboarding-sidebar .sidebar-heading{position:static !important;top:auto !important;left:auto !important;flex-shrink:0;padding-right:56px}.settings-layout-root .onboarding-sidebar .searchModuleDiv.sidebarSearch{flex-shrink:0}.settings-layout-root .onboarding-sidebar .sidebar-menu{flex:1 1 auto;min-height:0;height:auto !important;overflow-x:hidden;overflow-y:auto;border-top:1px solid #eee}.settings-layout-root .onboarding-sidebar .sidebar-footer{position:static;flex-shrink:0}.settings-layout-root .settings-layout-error{padding:12px 15px;margin-bottom:12px;background:#fff3cd;color:#856404;font-size:13px}.settings-module-stub .admin-header{min-height:45px;margin-bottom:12px;padding:0 4px}.settings-module-stub .admin-header .header-title{font-family:"Gotham-Rounded-Medium","Gotham-Rounded",sans-serif;font-size:17px;color:#000}.settings-module-stub .moduleStubPage-root{background:#fff;border-radius:4px;padding:16px;box-shadow:0 1px 8px -4px rgba(0,0,0,.25)}
.settings-address-field-config-page.address-config-step{display:flex;flex-direction:column;background:#fff;box-shadow:0 0 20px -7px #000;border-radius:3px;margin-top:0;overflow:hidden}.settings-address-field-config-page .scroll-area{flex:1 1 auto;padding:15px 20px 0;min-height:0}.settings-address-field-config-page .question-wrapper{overflow:auto}.settings-address-field-config-page table.simple-table{width:100%;border-collapse:collapse}.settings-address-field-config-page table.simple-table thead th{text-align:left;font-weight:bold;padding:10px 12px;border-bottom:1px solid #ddd;font-size:13px}.settings-address-field-config-page table.simple-table thead th.address-config-toggle-cell{text-align:left}.settings-address-field-config-page table.simple-table tbody td{padding:10px 12px;border-bottom:1px solid #eee;vertical-align:middle}.settings-address-field-config-page table.simple-table tbody tr:last-child td{border-bottom:none}.settings-address-field-config-page table.simple-table tbody td.address-config-toggle-cell{text-align:left}.settings-address-field-config-page .dotted-input{width:100%;border:none;border-bottom:1px dotted #999;background:rgba(0,0,0,0);font-size:13px;padding:4px 0;outline:none}.settings-address-field-config-page .dotted-input:focus{border-bottom-color:#6f0881}.settings-address-field-config-page .switch.custom-switch-toggle{display:flex;justify-content:flex-start;align-items:center}.settings-address-field-config-page .step-footer{flex-shrink:0;padding:15px 20px 20px;border-top:1px solid #eee;background:#fff}.settings-address-field-config-page .after-launch-buttons{display:flex;justify-content:flex-start}.address-field-geocoding-alert{padding:16px 20px 20px}.address-field-geocoding-alert p{margin:0 0 16px;font-size:14px;line-height:1.4}.address-field-geocoding-alert__actions{display:flex;justify-content:flex-end}
.comm-wrkflow #modalwrapperid{margin-top:50px}.comm-wrkflow #modalwrapperid>div>div>div{width:inherit}.comm-wrkflow__level-container{border:1px solid #c8c8c8}.comm-wrkflow__desc{color:#444}.comm-wrkflow__level-box{max-width:385px}.comm-wrkflow__level{background-color:#fff}.comm-wrkflow__level__chip{box-shadow:0px 0px 12px 0px rgba(0,0,0,.16);height:24px}.comm-wrkflow__level__condition{border:1px dashed #6f0881}.comm-wrkflow__btn{padding:0 16px}.comm-wrkflow__btn span{font-size:14px;font-weight:500}.comm-wrkflow__btn--link{display:flex;align-items:center;color:#6f0881;padding:0}.comm-wrkflow__btn--link div{margin-left:4px}.comm-wrkflow__btn--dashed{display:flex;align-items:center;border-radius:2px;border:2px dashed #6f0881;box-shadow:none}.comm-wrkflow__btn--dashed:hover{box-shadow:none}.comm-wrkflow__btn--dashed span{font-size:12px;font-weight:500}.comm-wrkflow__btn--cond-delete i{color:#f1665a}.comm-wrkflow__vr-line{width:1px;height:42px;position:relative;background:#444}.comm-wrkflow__vr-line--arrow-down{height:60px}.comm-wrkflow__vr-line--arrow-down:before{content:"";position:absolute;width:0px;height:0px;border:3px solid rgba(0,0,0,0);left:-2.5px;bottom:-4px;border-top:7px solid #444}.comm-wrkflow__note{border-radius:4px;border:1px dashed gray;background:#efefef}.comm-wrkflow__note>div{color:#444;font-size:13px;line-height:16px;font-style:normal;margin:0}.comm-wrkflow__dropdown .css-13h5h13-control{width:295px;min-height:32px !important;margin:0 !important}.comm-wrkflow__vr-line{width:1px;height:42px;position:relative;background:#444}.comm-wrkflow__vr-line--arrow-down{height:60px}.comm-wrkflow__vr-line--arrow-down:before{content:"";position:absolute;width:0px;height:0px;border:3px solid rgba(0,0,0,0);left:-2.5px;bottom:-4px;border-top:7px solid #444}.comm-wrkflow__note{border-radius:4px;border:1px dashed gray;background:#efefef}.comm-wrkflow__note>div{color:#444;font-size:13px;line-height:16px;font-style:normal;margin:0}.comm-wrkflow__dropdown .react-select__control{width:295px;min-height:32px !important;margin:0 !important}
.settings-layout-root .settings-module-header{min-height:45px;margin-bottom:0;padding:12px 0 8px}.settings-layout-root .settings-module-header .header-title{font-size:17px;color:#000;letter-spacing:.3px}.settings-layout-root .settings-module-header .ai-enabled-icon-header{width:24px;height:24px;margin-right:5px;display:inline-flex;align-items:center}.settings-layout-root .settings-module-header__subtitle{font-size:13px;color:#666;padding-right:4px}
.settings-onboarding-step-page__card{border-radius:4px;min-height:200px}.settings-onboarding-step-page__notice{font-size:14px;line-height:1.5;margin:0 0 16px}.settings-onboarding-step-page__question-list{margin:0;padding-left:20px;font-size:13px}
.listview-container-compartmentId>div .toolbar+div{overflow:unset !important}.settings-list-page{display:flex;flex-direction:column;width:100%;box-sizing:border-box;padding:0 0 15px}.settings-list-page--fill{flex:1;min-height:0;height:100%;padding-bottom:0}.settings-list-page__header-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;gap:16px;flex-shrink:0;padding:12px 4px 10px}.settings-list-page__title-block{flex:1 1 auto;min-width:0}.settings-list-page__title{margin:0;font-size:17px;font-weight:500;color:#000;letter-spacing:.3px;line-height:1.3}.settings-list-page__subtitle{margin:4px 0 0;font-size:13px;color:#666}.settings-list-page__actions{flex-shrink:0}.settings-list-page__card{display:flex;flex-direction:column;flex:1;min-height:0;background-color:#fff;box-shadow:0 2px 20px -10px #000;border-radius:2px;overflow:hidden}.settings-list-page__list{display:flex;flex-direction:column;flex:1;min-height:0;height:100%}.settings-list-page__list-wrapper{flex:1;min-height:0;height:100%}.settings-list-page__list-wrapper.mobile-roles-list-wrapper .rt-td,.settings-list-page__list-wrapper.mobile-roles-list-wrapper .rt-th,.settings-list-page__list-wrapper.mobile-templates-list-wrapper .rt-td,.settings-list-page__list-wrapper.mobile-templates-list-wrapper .rt-th,.settings-list-page__list-wrapper.dynamic-forms-list-wrapper .rt-td,.settings-list-page__list-wrapper.dynamic-forms-list-wrapper .rt-th{white-space:nowrap}.settings-list-page__list-wrapper.mobile-roles-list-wrapper .rt-td>*,.settings-list-page__list-wrapper.mobile-templates-list-wrapper .rt-td>*,.settings-list-page__list-wrapper.dynamic-forms-list-wrapper .rt-td>*{max-width:100%}.count-modal-list-wrapper{width:100%;height:100%;display:flex;flex-direction:column}.count-modal-list-wrapper .rt-td,.count-modal-list-wrapper .rt-th{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.count-modal-list-wrapper .rt-td>*{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.settings-list-page__form-placeholder{padding:24px;font-size:14px;color:#333}.settings-list-page__field{display:flex;flex-direction:column;gap:4px;font-size:13px}.settings-list-page__field input{padding:8px;border:1px solid #ccc;border-radius:2px}
.settings-layout-root .settings-layout-content:has(.crate-configuration-page--fill){display:flex;flex-direction:column;min-height:0;overflow:hidden}.crate-configuration-page--fill{display:flex;flex-direction:column;flex:1 1 auto;min-height:0;width:100%;overflow:hidden}.crate-configuration-page__header-row{display:flex;flex-wrap:nowrap;align-items:center;justify-content:space-between;width:100%;box-sizing:border-box}.crate-configuration-page--fill .step-header{padding:20px 15px 10px}.crate-configuration-page--fill .step-heading{font-family:"Gotham-Rounded-Medium","Gotham-Rounded",sans-serif;font-size:17px;color:#000}.crate-configuration-upload__link{background:none;border:none;color:#6f0881;cursor:pointer;padding:0;text-decoration:underline}.crate-configuration-upload__msg{margin-top:12px}.crate-configuration-upload__error{color:#f05548;margin-top:12px}.crate-configuration-status-modal__body{padding:16px 20px;font-size:14px;line-height:1.5}.crate-configuration-status-modal__footer{display:flex;gap:10px;justify-content:flex-end;padding:12px 20px 16px}
#desktop {
    overflow: hidden;
}
#mobile {
    overflow: hidden;
}
.ace_tooltip {
    background-color: #ffcbc6;
    background-image: none;
    margin: 3px 204px 2px 0;
    padding: 3px 1px 7px;
    box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.47);
    border: solid 1px #f05548;
    font-size: 12px;
    color: #f05548;
}

.ace_gutter-cell.ace_error {
    background-image: none;
}
.ace_gutter-cell.ace_error::before {
    content: '!';
    position: absolute;
    background: #f05548;
    left: 2px;
    color: #fff;
    z-index: 200;
    width: 14px;
    line-height: 14px;
    height: 14px;
    text-align: center;
    border-radius: 50px;
}
#brandProfileFooter {
    line-height: 18px;
}
#brandProfileHeader {
    line-height: 18px;
}

.shipper-settings-layout{width:100%;height:calc(100vh - var(--app-header-stack-bottom, 95px));min-height:0;background:#f5f6f8;box-sizing:border-box;overflow:hidden}.shipper-settings-controller{height:100%;min-height:0}.shipper-settings-body.page-wrapper{display:flex;flex-direction:column;height:100%;min-height:0;padding:0 15px 15px;box-sizing:border-box}.shipper-settings-header.pageHeaderWrapper{flex-shrink:0}.shipper-settings-header.pageHeaderWrapper .pageHeader{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px;background:inherit}.shipper-settings-header.pageHeaderWrapper .heading{width:100%;margin:0}.shipper-settings-container{flex:1;min-height:0;padding:0}.shipper-settings-panels{display:flex;gap:15px;height:100%;min-height:0}.shipper-settings-left-panel{flex:0 0 315px;max-width:315px;min-height:0;display:flex;flex-direction:column;margin:0;padding:0;border:none;overflow-x:visible;overflow-y:hidden;box-sizing:border-box}.shipper-settings-left-panel>*{flex:1 1 auto;min-height:0;min-width:0;width:100%;padding:0 12px 10px 10px;box-sizing:border-box;overflow-x:visible;overflow-y:hidden}.shipper-settings-left-panel.left-panel{float:none;width:auto;display:flex}.shipper-settings-right-panel.right-panel{float:none;width:auto;display:flex}.shipper-settings-right-panel{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column}.shipper-settings-right-panel .sidebar-container{flex:1;min-height:0;height:100%;box-shadow:0 1px 15px -7px #000;background-color:#fff;overflow-y:auto;overflow-x:hidden;padding:20px;box-sizing:border-box}.shipper-settings-right-panel .sidebar-container .formWrapper{height:auto;margin:0;padding:0}.shipper-settings-right-panel .sidebar-container .formWrapper__mainContainer{min-height:auto}.card-shadow{background:#fff;box-shadow:0 2px 20px -9px #000}
.org-role-count-square{min-width:28px;height:24px;border:none;border-radius:2px;background:var(--color-primary-main);color:#fff;cursor:pointer;font-size:12px;font-weight:500}.org-role-count-square:disabled{opacity:.5;cursor:default}
.formWrapper{height:100%;margin-top:0;padding:0px 15px;margin-bottom:15px}.formWrapper .grid-item{padding:0px 10px}.formWrapper div.text-initial div{text-transform:initial}.formWrapper ::placeholder{text-transform:capitalize}.formWrapper__girdConatiner{margin-bottom:15px}.formWrapper__mapConatainer{height:290px;border:2px solid #fff;box-shadow:#000 0px 2px 20px -10px !important}.formWrapper__mapConatainer .map_pane{min-height:unset !important}.formWrapper__mapConatainer .map_pane .leafletMap{height:290px !important}.formWrapper__mapConatainer .map_pane .leaflet-control-attribution{position:relative;top:24px}.formWrapper__actionButtons{padding:0px 15px}.formWrapper__checkboxConatiner{position:absolute;bottom:12px;left:100px}.formWrapper__mainContainer{min-height:calc(100vh - 120px)}
.trip-create-page{width:100%;background:#f5f5f5;min-height:100vh}.trip-create-page .marker-cluster-small div,.trip-create-page .marker-cluster-medium div,.trip-create-page .marker-cluster-large div{background-color:#fff !important}.trip-create-page .leaflet-marker-pane{z-index:652 !important}.trip-create-page #advancedFilterDraggable .dropdown-container,.trip-create-page #advancedFilterDraggable div[class*=Select],.trip-create-page #advancedFilterDraggable div[class*=dropdown],.trip-create-page #advancedFilterDraggable .form-select-wrapper{position:relative}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=MenuPortal],.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=menu-portal],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=MenuPortal],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=menu-portal],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=MenuPortal],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=menu-portal],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=MenuPortal],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=menu-portal]{z-index:10000 !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=ValueContainer],.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=singleValue],.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=placeholder],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=ValueContainer],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=singleValue],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=placeholder],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=ValueContainer],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=singleValue],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=placeholder],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=ValueContainer],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=singleValue],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=placeholder]{color:#333 !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=ValueContainer] *,.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=singleValue] *,.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=placeholder] *,.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=ValueContainer] *,.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=singleValue] *,.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=placeholder] *,.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=ValueContainer] *,.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=singleValue] *,.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=placeholder] *,.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=ValueContainer] *,.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=singleValue] *,.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=placeholder] *{color:#333 !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=control],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=control],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=control],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=control]{background:#fff !important;border-color:#ddd !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=control]:hover,.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=control]:hover,.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=control]:hover,.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=control]:hover{border-color:#6f0881 !important}.trip-create-page #advancedFilterDraggable .dropdown-container input,.trip-create-page #advancedFilterDraggable div[class*=Select] input,.trip-create-page #advancedFilterDraggable div[class*=dropdown] input,.trip-create-page #advancedFilterDraggable .form-select-wrapper input{color:#333 !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=Menu],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=Menu],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=Menu],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=Menu]{background:#fff !important;border:1px solid #ddd !important;box-shadow:0 4px 12px rgba(0,0,0,.15) !important;z-index:10000 !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=Menu] div[class*=option],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=Menu] div[class*=option],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=Menu] div[class*=option],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=Menu] div[class*=option]{color:#333 !important;background:#fff !important;cursor:pointer !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=Menu] div[class*=option]:hover,.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=Menu] div[class*=option][class*=focused],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=Menu] div[class*=option]:hover,.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=Menu] div[class*=option][class*=focused],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=Menu] div[class*=option]:hover,.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=Menu] div[class*=option][class*=focused],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=Menu] div[class*=option]:hover,.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=Menu] div[class*=option][class*=focused]{background:#f5f5f5 !important}.trip-create-page #advancedFilterDraggable .dropdown-container div[class*=Menu] div[class*=option][class*=selected],.trip-create-page #advancedFilterDraggable div[class*=Select] div[class*=Menu] div[class*=option][class*=selected],.trip-create-page #advancedFilterDraggable div[class*=dropdown] div[class*=Menu] div[class*=option][class*=selected],.trip-create-page #advancedFilterDraggable .form-select-wrapper div[class*=Menu] div[class*=option][class*=selected]{background:#e8e8e8 !important}.trip-create-page .trip-create__header-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 20px}.trip-create-page .trip-create__header-bar .trip-create__header-left{flex:1;display:flex;align-items:center;gap:8px}.trip-create-page .trip-create__header-bar .trip-create__header-left .breadcrumb-separator{color:#999;font-size:13px;margin:0 4px}.trip-create-page .trip-create__header-bar .trip-create__header-left .trip-create__header__trip-name-field{border:none;color:#333;background:#fff;font-weight:500;margin:0;padding:0 8px;transition:all .2s;height:30px;margin-left:5px;width:200px;font-size:13px;padding:0 8px;width:max-content;box-shadow:0px 2px 11px -5px #000;min-height:unset}.trip-create-page .trip-create__header-bar .trip-create__header-left .trip-create__header__trip-name-field input{border:none;background:rgba(0,0,0,0);font-size:13px;color:#333;font-weight:500}.trip-create-page .trip-create__header-bar .trip-create__header-left .trip-create__header__trip-name-field input:hover{background:#fff}.trip-create-page .trip-create__header-bar .trip-create__header-left .trip-create__header__trip-name-field input:focus{outline:none;background:#f5f5f5}.trip-create-page .trip-create__header-bar .trip-create__header-left .trip-create__header__trip-name-field input::placeholder{color:#999;font-weight:normal}.trip-create-page .trip-create__header-bar .trip-create__header-left .dashboardFilter{display:inline-flex;margin-left:10px}.trip-create-page .trip-create__header-bar .trip-create__header-left .dashboardFilter .filter-item{display:flex;align-items:center;gap:6px;padding:4px 10px;background:#6f0881;color:#fff;border-radius:4px;font-size:12px;cursor:pointer;transition:background .2s}.trip-create-page .trip-create__header-bar .trip-create__header-left .dashboardFilter .filter-item:hover{background:#5a0668}.trip-create-page .trip-create__header-bar .trip-create__header-left .dashboardFilter .filter-item span{font-weight:500}.trip-create-page .trip-create__header-bar .trip-create__header-left .dashboardFilter .filter-item .trip-create__header__filter-close{display:flex;align-items:center;color:#fff;text-decoration:none;margin-left:4px}.trip-create-page .trip-create__header-bar .trip-create__header-left .dashboardFilter .filter-item .trip-create__header__filter-close:hover{opacity:.8}.trip-create-page .trip-create__header-bar .trip-create__date-range{display:flex;align-items:center;gap:10px}.trip-create-page .trip-create__header-bar .trip-create__date-range .date-range-picker-wrapper{position:relative;display:inline-block;height:30px;box-shadow:0px 2px 11px -5px #000}.trip-create-page .trip-create__header-bar .trip-create__date-range .date-range-picker-wrapper #date-range-create-trip-input{min-width:190px;width:max-content;border:none}.trip-create-page .trip-create__header-bar .trip-create__date-range .date-range-picker-wrapper+div{position:absolute;top:32px;right:0}.trip-create-page .trip-create__header-bar .trip-create__date-range .trip-create__header__search-btn{padding:0 15px;height:32px;font-size:13px;white-space:nowrap;display:flex;align-items:center;gap:6px}.trip-create-page .trip-create__content{margin:0 20px 20px 20px}.trip-create-page .trip-create__content .trip-create__form{padding:20px;background:#fff;margin-bottom:8px;border-radius:4px;box-shadow:0px 2px 20px -9px #000}.trip-create-page .trip-create__content .trip-create__form .react-datepicker{z-index:5}.trip-create-page .trip-create__content .trip-create__form .form-row{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;margin-bottom:15px}.trip-create-page .trip-create__content .trip-create__form .form-row:last-child{grid-template-columns:repeat(4, 1fr)}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field{position:relative}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field label{font-size:11px !important;font-weight:500 !important;color:#555 !important;margin-bottom:6px !important;display:block !important}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .field-label{display:block;font-size:11px;font-weight:500;color:#555;margin-bottom:6px}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .field-label .required-asterisk{color:#d32f2f;margin-left:2px}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field.flight-number-field input{width:100%}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field.datetime-field .datetime-input-wrapper{margin-top:0}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper{width:100%}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container select,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .select-field,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container input,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container input[type=text],.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .input-field,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper select,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .select-field,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper input,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper input[type=text],.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .input-field{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333 !important;background:#fff !important;transition:border-color .2s}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container select:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .select-field:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container input:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container input[type=text]:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .input-field:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper select:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .select-field:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper input:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper input[type=text]:focus,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .input-field:focus{outline:none;border-color:#6f0881}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .select-field-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .dropdown-selected-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .form-select-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container .selected-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container span,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .dropdown-container div,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .select-field-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .dropdown-selected-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .form-select-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper .selected-value,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper span,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .form-select-wrapper div{color:#333 !important;font-size:13px !important}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field input[class*=form-select],.trip-create-page .trip-create__content .trip-create__form .form-row .form-field input[class*=dropdown],.trip-create-page .trip-create__content .trip-create__form .form-row .form-field div[class*=form-select],.trip-create-page .trip-create__content .trip-create__form .form-row .form-field div[class*=dropdown]{color:#333 !important}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field input[class*=form-select] *,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field input[class*=dropdown] *,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field div[class*=form-select] *,.trip-create-page .trip-create__content .trip-create__form .form-row .form-field div[class*=dropdown] *{color:#333 !important}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field div[class*=datePicker],.trip-create-page .trip-create__content .trip-create__form .form-row .form-field div[class*=DatePicker]{width:100%}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper{position:relative;width:100%}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper .datetime-input{width:100%;padding:8px 40px 8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;background:#fff;cursor:pointer;transition:border-color .2s}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper .datetime-input:focus{outline:none;border-color:#6f0881}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper .datetime-input::placeholder{color:#999}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper .datetime-calendar-btn{position:absolute;right:2px;top:50%;transform:translateY(-50%);background:#6f0881;border:none;padding:4px 8px;border-radius:3px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s;z-index:2;min-height:24px;min-width:24px}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper .datetime-calendar-btn:hover{background:#5a066a}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .datetime-input-wrapper .datetime-calendar-btn i{color:#fff;font-size:14px;line-height:1;display:block}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .text-input{width:100%;padding:8px 12px;border:1px solid #ddd;border-radius:4px;font-size:13px;color:#333;background:#fff;transition:border-color .2s}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .text-input:focus{outline:none;border-color:#6f0881}.trip-create-page .trip-create__content .trip-create__form .form-row .form-field .text-input::placeholder{color:#999}.trip-create-page .trip-create__content .trip-create__orders{margin-top:8px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.1)}.trip-create-page .trip-create__content .trip-create__orders .orders-header{padding:15px 20px;background:#f8f8f8;border-bottom:1px solid #e0e0e0;font-size:15px;font-weight:600;color:#333;border-radius:4px 4px 0 0;display:flex !important;justify-content:space-between !important;align-items:center !important}.trip-create-page .trip-create__content .trip-create__orders .orders-header__actions{display:flex !important;gap:8px !important;align-items:center !important}.trip-create-page .trip-create__content .trip-create__orders .orders-header button{font-size:12px !important;white-space:nowrap !important;height:30px !important;padding:0 12px !important}.trip-create-page .trip-create__content .trip-create__orders .orders-header button span{font-size:12px !important}.trip-create-page .trip-create__content .trip-create__orders .orders-header button i{font-size:12px !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content{position:relative;padding:0}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable{top:80px !important;right:40px !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable>div:nth-child(2){max-height:220px !important;overflow:auto !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .naruto-body,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .naruto-body .wrapper-label,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .naruto-body .saved-filters-wrapper .filter-item:not(.selectedFilterDiv){color:#000 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .naruto-body .saved-filters-wrapper .filter-item:not(.selectedFilterDiv) a{color:#dd5044 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable [name=filterName]{color:#333 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .select-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .dropdown-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container input,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .select-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .dropdown-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper input,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .select-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .dropdown-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] input,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .select-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .dropdown-field,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] input{color:#333 !important;background:#fff !important;border:1px solid #ddd !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .dropdown-menu,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container div[class*=menu],.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .dropdown-menu,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper div[class*=menu],.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .dropdown-menu,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] div[class*=menu],.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .dropdown-menu,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] div[class*=menu]{background:#fff !important;border:1px solid #ddd !important;box-shadow:0 2px 8px rgba(0,0,0,.15) !important;z-index:9999 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .dropdown-menu div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .dropdown-menu span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container div[class*=menu] div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container div[class*=menu] span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .dropdown-menu div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .dropdown-menu span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper div[class*=menu] div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper div[class*=menu] span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .dropdown-menu div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .dropdown-menu span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] div[class*=menu] div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] div[class*=menu] span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .dropdown-menu div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .dropdown-menu span,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] div[class*=menu] div,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] div[class*=menu] span{color:#333 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .dropdown-option,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container div[class*=option],.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .dropdown-option,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper div[class*=option],.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .dropdown-option,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] div[class*=option],.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .dropdown-option,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] div[class*=option]{color:#333 !important;background:#fff !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container .dropdown-option:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .dropdown-container div[class*=option]:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper .dropdown-option:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable .form-select-wrapper div[class*=option]:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] .dropdown-option:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=Select] div[class*=option]:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] .dropdown-option:hover,.trip-create-page .trip-create__content .trip-create__orders .orders-content .create-trip-advanced-filter-panel-portal #advancedFilterDraggable div[class*=dropdown] div[class*=option]:hover{background:#f5f5f5 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .split-view{display:flex;gap:4px;height:500px}.trip-create-page .trip-create__content .trip-create__orders .orders-content .split-view .table-container{flex:1;max-width:40%;border-right:1px solid #e0e0e0;box-shadow:0px 2px 20px -10px #000 !important;overflow:hidden}.trip-create-page .trip-create__content .trip-create__orders .orders-content .split-view .table-container .listview-container-shipmentId{background:#fff}.trip-create-page .trip-create__content .trip-create__orders .orders-content .split-view .table-container .listview-container-shipmentId>div{padding:15px 0 0 15px}.trip-create-page .trip-create__content .trip-create__orders .orders-content .split-view .map-container{flex:1;position:relative;height:500px;overflow:hidden;box-shadow:0px 2px 20px -10px #000 !important}.trip-create-page .trip-create__content .trip-create__orders .orders-content .split-view .map-container>div{width:100% !important;height:100% !important}.trip-create-page .trip-create__content .trip-create__actions{display:flex;gap:12px;margin:20px 0;padding-bottom:20px;border-radius:4px}.trip-create-page .leafletStandardHtmlMarker.shipment_v2{height:30px;width:30px;line-height:30px;background:rgba(0,0,0,0);color:#fff;font-weight:normal !important;font-size:10px;text-align:center;text-shadow:0 1px 1px #000;font-style:italic;background-size:contain;background-repeat:no-repeat;background-position:center;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box}.trip-create-page .leafletStandardHtmlMarker.shipment_v2.pickupIcon{background:#6fc44b}.trip-create-page .leafletStandardHtmlMarker.shipment_v2.deliveryIcon{background:#6f0881}.trip-create-page .leafletStandardHtmlMarker.shipment_v2.drsIcon{border-radius:50%;font-size:10px;box-shadow:inset 0px 0px 0px 1px #fff,0px 1px 3px 1px rgba(0,0,0,.412);text-shadow:0px 1px 1px #000}.trip-create-page .leafletStandardHtmlMarker.shipment_v2.drsIcon i:before{font-size:10px}.trip-create-page .leafletStandardHtmlMarker.shipment_v2 span{display:block;line-height:30px;font-size:10px;transform:translateX(-1px);font-family:"Gotham-Rounded"}.trip-create-page .dmIconWrapper{width:32px;height:32px;position:relative;filter:drop-shadow(1px 2px 3px rgba(0, 0, 0, 0.45))}.trip-create-page .dmIconWrapper .baseIcon{width:100%;height:100%;background:#fff;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.35)}.trip-create-page .dmIconWrapper .baseIcon img{width:100%;height:100%;object-fit:contain;display:block}.trip-create-page .marker-cluster-small,.trip-create-page .marker-cluster-medium,.trip-create-page .marker-cluster-large{background-color:rgba(203,255,121,.57);background-clip:padding-box;border-radius:20px;box-shadow:0 1px 5px 1px rgba(0,0,0,.9)}.trip-create-page .marker-cluster div,.trip-create-page .marker-cluster-container{width:30px;height:30px;margin-left:5px;margin-top:5px;border-radius:15px;text-align:center;background-color:#fff;display:flex;align-items:center;justify-content:center}.trip-create-page .marker-cluster span,.trip-create-page .marker-cluster-container span{line-height:30px;font-size:12px;font-weight:normal;color:#000;font-family:"Helvetica Neue",Arial,Helvetica,sans-serif}.trip-create-page .marker-cluster.live-map-dbs-cluster{background-color:rgba(86,152,211,.6)}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-small{background-color:rgba(70,130,220,.75) !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-small div,.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-small .marker-cluster-container{background-color:#fff !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-small span{color:#333 !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-medium{background-color:rgba(55,120,210,.75) !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-medium div,.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-medium .marker-cluster-container{background-color:#fff !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-medium span{color:#333 !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-large{background-color:rgba(45,105,195,.75) !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-large div,.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-large .marker-cluster-container{background-color:#fff !important}.trip-create-page .marker-cluster.live-map-dbs-cluster.marker-cluster-large span{color:#333 !important}.trip-create-page .leaflet-overlay-pane{z-index:400}.trip-create-page .leaflet-marker-pane{z-index:652 !important}.trip-create-page .leaflet-marker-pane .leaflet-marker-icon.leaflet-div-icon{border:none !important;background:rgba(0,0,0,0) !important}.trip-create-page .leaflet-tooltip-pane{z-index:655}.trip-create-page .leaflet-popup-pane{z-index:700}.trip-create-page .leaflet-overlay-pane path.leaflet-cluster-spider-leg{stroke:#222 !important;stroke-width:1px !important;stroke-opacity:.8 !important}.trip-create-page .leaflet-cluster-anim .leaflet-marker-icon.leafletStandardHtmlMarker.shipment_v2,.trip-create-page .leaflet-cluster-anim .leafletStandardHtmlMarker.shipment_v2{background-size:contain !important;background-repeat:no-repeat !important;background-position:center !important}.trip-create-page .leafletStandardHtmlMarker.hub,.trip-create-page .leafletStandardHtmlMarker.warehouse{height:max-content;width:max-content}.trip-create-page .leafletStandardHtmlMarker:hover{transform:scale(1.2)}.trip-create-page .leafletStandardHtmlMarker div{font-weight:normal}.trip-create-page .leaflet-div-icon{height:unset}

.offline-connectivity-modal__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.offline-connectivity-modal .modal-dialog{max-width:520px;margin:80px auto 0}.offline-connectivity-modal .modal-content{background-color:#6f0881;color:#fff;border:none;border-radius:4px;overflow:hidden}.offline-connectivity-modal .modal-body{display:none;padding:0;margin:0}.offline-connectivity-modal .offline-connectivity-modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px 10px 14px;background-color:#6f0881;color:#fff;font-size:15px;font-weight:500;line-height:1.35;text-align:left}.offline-connectivity-modal .offline-connectivity-modal__title-row{display:flex;align-items:center;flex:1;min-width:0;gap:10px}.offline-connectivity-modal .offline-connectivity-modal__wifi{flex-shrink:0;width:27px;height:25px;margin-top:-2px}.offline-connectivity-modal .offline-connectivity-modal__title{flex:1;min-width:0}.offline-connectivity-modal .offline-connectivity-modal__close{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;padding:4px;margin:0;border:none;background:rgba(0,0,0,0);color:#fff;cursor:pointer;opacity:1;line-height:1}.offline-connectivity-modal .offline-connectivity-modal__close .ui-library-icons{font-size:14px}.offline-connectivity-modal .offline-connectivity-modal__close:hover{opacity:.85}
@keyframes tooltip-enter{from{opacity:0}to{opacity:1}}.global-title-tooltip{position:fixed;z-index:9999;pointer-events:none;min-width:80px;max-width:480px;width:max-content;animation:tooltip-enter .25s ease-out .65s both;text-align:center;text-transform:none;background:#6f0881;border:1px solid var(--color-grey-200);box-shadow:0 2px 11px -5px #000;text-shadow:none;font-size:14px;border-radius:3px;color:#fff;display:flex;align-items:center;justify-content:center}.global-title-tooltip-content{padding:6px 12px;overflow-wrap:break-word;white-space:pre-wrap;line-height:1.5}
@font-face{font-family:"Gotham-Rounded";src:url(/product/assets/fonts/Roboto-Regular.6bede58e856278b0f8f1.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded";src:url(/product/assets/fonts/Roboto-Medium.0fcd45fbfc419c42c8b9.ttf) format("truetype");font-weight:bold;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Medium";src:url(/product/assets/fonts/Roboto-Medium.0fcd45fbfc419c42c8b9.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Bold";src:url(/product/assets/fonts/Roboto-Bold.17451a4c1cd55e33ac57.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Thin";src:url(/product/assets/fonts/Roboto-Thin.2745c061dfc318ec57da.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Book";src:url(/product/assets/fonts/Roboto-Regular.6bede58e856278b0f8f1.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Book-Light";src:url(/product/assets/fonts/Roboto-Thin.2745c061dfc318ec57da.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Book-Medium";src:url(/product/assets/fonts/Roboto-Medium.0fcd45fbfc419c42c8b9.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Gotham-Rounded-Book-Bold";src:url(/product/assets/fonts/Roboto-Bold.17451a4c1cd55e33ac57.ttf) format("truetype");font-weight:normal;font-style:normal;font-display:swap}*,*::before,*::after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100dvh}img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:root{--app-header-stack-bottom: 95px;--color-primary-main: #6f0881;--color-primary-medium: #f5e9f8;--color-primary-light: #e8d4ec;--color-white: #ffffff;--shadow-default: 0 1px 4px 0 rgba(0, 0, 0, 0.15);--color-trend-positive: #1bc47d;--color-trend-negative: #e34f5a;--ln-color-bg: #ffffff;--ln-color-surface: #ffffff;--ln-color-text: #111c22;--ln-color-text-muted: #5c6370;--ln-color-border: #c0c4c7;--ln-radius-sm: 6px;--ln-radius-md: 10px;--ln-space-1: 0.25rem;--ln-space-2: 0.5rem;--ln-space-3: 0.75rem;--ln-space-4: 1rem;--ln-space-6: 1.5rem;--ln-space-8: 2rem;--ln-font-sans: Gotham-Rounded, Helvetica Neue, Helvetica, Arial, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif;--ln-font-mono: ui-monospace, Cascadia Code, Source Code Pro, Menlo, monospace}body{font-family:"Gotham-Rounded",Sans-Serif;font-size:13px;line-height:1.5;color:var(--ln-color-text, #111c22)}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.25;color:inherit}p{margin:0 0 .75em}a{color:var(--color-primary-main, #5999d1);text-decoration:none}a:hover{text-decoration:underline}code,pre{font-family:ui-monospace,"Cascadia Code","Source Code Pro",Menlo,monospace}[class*=hint--]:after{background:#6f0881;background:var(--color-primary-main, #6f0881);text-shadow:none;font-family:"Gotham-Rounded","Helvetica Neue",Helvetica,Arial,sans-serif;border-radius:3px}.hint--bottom:before,.hint--bottom-left:before,.hint--bottom-right:before{border-bottom-color:#6f0881;border-bottom-color:var(--color-primary-main, #6f0881)}.hint--top:before,.hint--top-left:before,.hint--top-right:before{border-top-color:#6f0881;border-top-color:var(--color-primary-main, #6f0881)}.hint--left:before{border-left-color:#6f0881;border-left-color:var(--color-primary-main, #6f0881)}.hint--right:before{border-right-color:#6f0881;border-right-color:var(--color-primary-main, #6f0881)}.order-list-region{flex-grow:1;width:100%;box-shadow:#000 0px 2px 20px -10px;position:relative}.order-page.order-page--mapview{height:100vh;overflow:hidden}.order-page.order-page--mapview .order-list-region--mapview{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.order-page.order-page--mapview .order-map-split{flex:1;min-height:0;overflow:hidden;align-items:stretch}.order-page.order-page--mapview .order-list-grid-item--map,.order-page.order-page--mapview .order-map-grid-item{display:flex;flex-direction:column;min-height:0;height:100%;max-height:100%}.order-page.order-page--mapview .order-list-card--map{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden}.order-page.order-page--mapview .order-map-card{flex:1;min-height:0;height:100%;display:flex;flex-direction:column;overflow:hidden;background-color:#fff}.order-page.order-page--mapview .order-map-panel{flex:1;min-height:0;height:100%;width:100%;display:flex;flex-direction:column;overflow:hidden}.order-page.order-page--mapview .order-map-panel .map_pane.live_pane.live_pane_v2{flex:1;min-height:0;height:100% !important;width:100%}.order-page.order-page--mapview .order-map-panel .map_pane.live_pane.live_pane_v2>div{height:100% !important;min-height:0}.order-page.order-page--mapview .order-map-panel .map_pane.live_pane.live_pane_v2 .leaflet-container{height:100% !important;min-height:0}.order-page .order-map-grid-item{display:flex;flex-direction:column;min-height:0;overflow:hidden}.mainLayout-body .moduleStubPage-root.order-route-page{padding-top:12px;margin-top:0}.ai-enabled-icon{width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-navbar{width:16px;height:16px;margin-left:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-breadcrumb{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-live{width:20px;height:20px;margin-right:8px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-suggest-accordian{width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-suggest-card{width:20px;height:20px;margin-right:4px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-tooltip{width:20px;height:20px;display:inline-block;vertical-align:middle;flex-shrink:0}.ai-enabled-icon-header{display:inline-flex;align-items:center;width:24px;height:24px;margin-right:5px;flex-shrink:0}.suggest_trips_border_gradient{cursor:pointer;margin:15px 10px;padding:8px;background:#f4f4f4;border:2px dashed #bb3562;text-align:center;border-radius:5px;display:flex;align-items:center;justify-content:center;gap:4px}.suggest_trips_border_gradient>*{position:relative;z-index:1}.suggest_trips_border_gradient:hover{background:#e8e7e7}.ai-enabled-icon-inline{display:inline-block;line-height:0;vertical-align:middle;border:none;outline:none}.ai-enabled-icon-inline svg{display:block;margin:0;border:none;outline:none}.ai-enabled-icon-inline path{stroke:none}.ai-enabled-icon-inline .vibrant-colors{animation:aiEnabledCoolColorShift 8s ease-in-out infinite alternate}.ai-enabled-icon-inline svg .star-large{transform-origin:10px 10px;transition:transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.ai-enabled-icon-inline svg .star-small{transform-origin:18px 18px;transition:transform .6s cubic-bezier(0.34, 1.56, 0.64, 1)}.ai-enabled-icon-inline--animated:hover svg .star-large,.nav-item-hover-rotate:hover .ai-enabled-icon-inline--animated svg .star-large,.appHeader-nav__dropdown-link:hover .ai-enabled-icon-inline--animated svg .star-large{transform:rotate(90deg) scale(1.05)}.ai-enabled-icon-inline--animated:hover svg .star-small,.nav-item-hover-rotate:hover .ai-enabled-icon-inline--animated svg .star-small,.appHeader-nav__dropdown-link:hover .ai-enabled-icon-inline--animated svg .star-small{transform:rotate(-90deg) scale(1.1)}.ai-enabled-icon .ai-enabled-icon-inline{width:20px;height:20px}.ai-enabled-icon .ai-enabled-icon-inline svg{width:20px;height:20px}.ai-enabled-icon-navbar .ai-enabled-icon-inline{width:16px;height:16px}.ai-enabled-icon-navbar .ai-enabled-icon-inline svg{width:16px;height:16px}.ai-enabled-suggest-card .ai-enabled-icon-inline{width:20px;height:20px}.ai-enabled-suggest-card .ai-enabled-icon-inline svg{width:20px;height:20px}.ai-enabled-icon-header .ai-enabled-icon-inline{width:24px;height:24px}.ai-enabled-icon-header .ai-enabled-icon-inline svg{width:24px;height:24px}@keyframes aiEnabledCoolColorShift{0%{filter:hue-rotate(-20deg) brightness(1)}100%{filter:hue-rotate(30deg) brightness(1.1)}}body{background:#fff}#root{min-height:100dvh}[class*=BaseModalBackground]{z-index:9500 !important}#toast-inject-here{position:fixed;top:var(--app-header-stack-bottom, 60px);left:0;right:0;z-index:11000;display:flex;flex-direction:column;align-items:center;padding:8px 16px 0;box-sizing:border-box;pointer-events:none}#toast-inject-here>*{pointer-events:auto}.ai-enabled-button{color:#fff !important;background:linear-gradient(210.41deg, #bb3562 -0.84%, #6559aa 104.67%) !important}
/*! Hint.css - v2.5.0 - 2017-04-23
* http://kushagragour.in/lab/hint/
* Copyright (c) 2017 Kushagra Gour */

[class*=hint--] {
    position: relative;
    display: inline-block;
}

[class*=hint--]:after,
[class*=hint--]:before {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 1000000;
    pointer-events: none;
    -webkit-transition: .3s ease;
    -moz-transition: .3s ease;
    transition: .3s ease;
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s
}

[class*=hint--]:hover:after,
[class*=hint--]:hover:before {
    visibility: visible;
    opacity: 1;
    -webkit-transition-delay: .1s;
    -moz-transition-delay: .1s;
    transition-delay: .1s;
    border-block-end-color: #6F0881;
}

[class*=hint--]:before {
    content: '';
    position: absolute;
    background: 0 0;
    border: 6px solid transparent;
    z-index: 1000001
}

[class*=hint--]:after {
    background: #383838;
    color: #fff;
    padding: 8px 10px;
    font-size: 12px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 12px;
    white-space: nowrap;
    text-shadow: 0 -1px 0 #000;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}

[class*=hint--][aria-label]:after {
    content: attr(aria-label)
}

[class*=hint--][data-hint]:after {
    content: attr(data-hint)
}

[aria-label='']:after,
[aria-label='']:before,
[data-hint='']:after,
[data-hint='']:before {
    display: none!important
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
    border-top-color: #383838
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: #383838
}

.hint--top:after,
.hint--top:before {
    bottom: 100%;
    left: 50%
}

.hint--top:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--top:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top:hover:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--bottom:after,
.hint--bottom:before {
    top: 100%;
    left: 50%
}

.hint--bottom:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom:after {
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    transform: translateX(-50%)
}

.hint--bottom:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom:hover:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--right:before {
    border-right-color: #383838;
    margin-left: -11px;
    margin-bottom: -6px
}

.hint--right:after {
    margin-bottom: -14px
}

.hint--right:after,
.hint--right:before {
    left: 100%;
    bottom: 50%
}

.hint--right:hover:after,
.hint--right:hover:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--left:before {
    border-left-color: #383838;
    margin-right: -11px;
    margin-bottom: -6px
}

.hint--left:after {
    margin-bottom: -14px
}

.hint--left:after,
.hint--left:before {
    right: 100%;
    bottom: 50%
}

.hint--left:hover:after,
.hint--left:hover:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--top-left:after,
.hint--top-left:before {
    bottom: 100%;
    left: 50%
}

.hint--top-left:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--top-left:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--top-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--top-right:after,
.hint--top-right:before {
    bottom: 100%;
    left: 50%
}

.hint--top-right:before {
    margin-bottom: -11px;
    left: calc(50% - 6px)
}

.hint--top-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--top-right:hover:after,
.hint--top-right:hover:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--bottom-left:after,
.hint--bottom-left:before {
    top: 100%;
    left: 50%
}

.hint--bottom-left:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom-left:after {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    transform: translateX(-100%);
    margin-left: 12px
}

.hint--bottom-left:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--bottom-left:hover:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--bottom-right:after,
.hint--bottom-right:before {
    top: 100%;
    left: 50%
}

.hint--bottom-right:before {
    margin-top: -11px;
    left: calc(50% - 6px)
}

.hint--bottom-right:after {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    transform: translateX(0);
    margin-left: -12px
}

.hint--bottom-right:hover:after,
.hint--bottom-right:hover:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--large:after,
.hint--medium:after,
.hint--small:after {
    white-space: normal;
    line-height: 1.4em;
    word-wrap: break-word
}

.hint--small:after {
    width: 80px
}

.hint--medium:after {
    width: 150px
}

.hint--large:after {
    width: 300px
}

.hint--error:after {
    background-color: #b34e4d;
    text-shadow: 0 -1px 0 #592726
}

.hint--error.hint--top-left:before,
.hint--error.hint--top-right:before,
.hint--error.hint--top:before {
    border-top-color: #b34e4d
}

.hint--error.hint--bottom-left:before,
.hint--error.hint--bottom-right:before,
.hint--error.hint--bottom:before {
    border-bottom-color: #b34e4d
}

.hint--error.hint--left:before {
    border-left-color: #b34e4d
}

.hint--error.hint--right:before {
    border-right-color: #b34e4d
}

.hint--warning:after {
    background-color: #c09854;
    text-shadow: 0 -1px 0 #6c5328
}

.hint--warning.hint--top-left:before,
.hint--warning.hint--top-right:before,
.hint--warning.hint--top:before {
    border-top-color: #c09854
}

.hint--warning.hint--bottom-left:before,
.hint--warning.hint--bottom-right:before,
.hint--warning.hint--bottom:before {
    border-bottom-color: #c09854
}

.hint--warning.hint--left:before {
    border-left-color: #c09854
}

.hint--warning.hint--right:before {
    border-right-color: #c09854
}

.hint--info:after {
    background-color: #3986ac;
    text-shadow: 0 -1px 0 #1a3c4d
}

.hint--info.hint--top-left:before,
.hint--info.hint--top-right:before,
.hint--info.hint--top:before {
    border-top-color: #3986ac
}

.hint--info.hint--bottom-left:before,
.hint--info.hint--bottom-right:before,
.hint--info.hint--bottom:before {
    border-bottom-color: #3986ac
}

.hint--info.hint--left:before {
    border-left-color: #3986ac
}

.hint--info.hint--right:before {
    border-right-color: #3986ac
}

.hint--success:after {
    background-color: #458746;
    text-shadow: 0 -1px 0 #1a321a
}

.hint--success.hint--top-left:before,
.hint--success.hint--top-right:before,
.hint--success.hint--top:before {
    border-top-color: #458746
}

.hint--success.hint--bottom-left:before,
.hint--success.hint--bottom-right:before,
.hint--success.hint--bottom:before {
    border-bottom-color: #458746
}

.hint--success.hint--left:before {
    border-left-color: #458746
}

.hint--success.hint--right:before {
    border-right-color: #458746
}

.hint--always:after,
.hint--always:before {
    opacity: 1;
    visibility: visible
}

.hint--always.hint--top:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top:after {
    -webkit-transform: translateX(-50%) translateY(-8px);
    -moz-transform: translateX(-50%) translateY(-8px);
    transform: translateX(-50%) translateY(-8px)
}

.hint--always.hint--top-left:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--top-left:after {
    -webkit-transform: translateX(-100%) translateY(-8px);
    -moz-transform: translateX(-100%) translateY(-8px);
    transform: translateX(-100%) translateY(-8px)
}

.hint--always.hint--top-right:after,
.hint--always.hint--top-right:before {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    transform: translateY(-8px)
}

.hint--always.hint--bottom:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom:after {
    -webkit-transform: translateX(-50%) translateY(8px);
    -moz-transform: translateX(-50%) translateY(8px);
    transform: translateX(-50%) translateY(8px)
}

.hint--always.hint--bottom-left:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--bottom-left:after {
    -webkit-transform: translateX(-100%) translateY(8px);
    -moz-transform: translateX(-100%) translateY(8px);
    transform: translateX(-100%) translateY(8px)
}

.hint--always.hint--bottom-right:after,
.hint--always.hint--bottom-right:before {
    -webkit-transform: translateY(8px);
    -moz-transform: translateY(8px);
    transform: translateY(8px)
}

.hint--always.hint--left:after,
.hint--always.hint--left:before {
    -webkit-transform: translateX(-8px);
    -moz-transform: translateX(-8px);
    transform: translateX(-8px)
}

.hint--always.hint--right:after,
.hint--always.hint--right:before {
    -webkit-transform: translateX(8px);
    -moz-transform: translateX(8px);
    transform: translateX(8px)
}

.hint--rounded:after {
    border-radius: 4px
}

.hint--no-animate:after,
.hint--no-animate:before {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    transition-duration: 0s
}

.hint--bounce:after,
.hint--bounce:before {
    -webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    -moz-transition: opacity .3s ease, visibility .3s ease, -moz-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
    transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
}
@charset "UTF-8";

/* Bundled ui-library icon font — pair with [data-icon] and .ui-library-icons.icon-* rules below */
@font-face {
  font-family: 'font-icons';
  src: url(/product/assets/fonts/font-icons.7b50f09133dcb188f8fa.eot);
  src: url(/product/assets/fonts/font-icons.7b50f09133dcb188f8fa.eot#iefix) format('embedded-opentype'),
       url(/product/assets/fonts/font-icons.970ecad8f38f9ba7ea8a.woff2) format('woff2'),
       url(/product/assets/fonts/font-icons.414d9dd4d7d27e2b181e.woff) format('woff'),
       url(/product/assets/fonts/font-icons.282fea150c585a7743fa.ttf) format('truetype'),
       url(/product/assets/font-icons.c88b4edc7f791c875dc5.svg#font-icons) format('svg');
  font-weight: normal;
  font-style: normal;

}

/* Fontello export — used by rules below that set font-family: "fontello" (fontello-codes parity block).
   Webpack: { from: 'font-icons', to: 'font-icons' } → ./fonts/font/fontello.* */
@font-face {
  font-family: 'fontello';
  src: url(/product/assets/fonts/fontello.ef5a42ab14b8a61f064f.eot);
  src: url(/product/assets/fonts/fontello.ef5a42ab14b8a61f064f.eot#iefix) format('embedded-opentype'),
       url(/product/assets/fonts/fontello.7d75f5f0103b2c0ff2c4.woff2) format('woff2'),
       url(/product/assets/fonts/fontello.8d486a12352041ae0c21.woff) format('woff'),
       url(/product/assets/fonts/fontello.e8bd27a6fb46bd99ca66.ttf) format('truetype'),
       url(/product/assets/fontello.4bead32ee00e537d3624.svg#fontello) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* Legacy icomoon product icons — used by .logi-icon selectors in component SCSS files */
@font-face {
  font-family: 'icomoon';
  src: url(/product/assets/fonts/icomoon.dd3e489cd76779b89b26.eot);
  src: url(/product/assets/fonts/icomoon.dd3e489cd76779b89b26.eot?#iefix) format('embedded-opentype'),
       url(/product/assets/fonts/icomoon.552f17c97809688c4179.woff) format('woff'),
       url(/product/assets/fonts/icomoon.74af56dcf19e2e6def45.ttf) format('truetype'),
       url(/product/assets/icomoon.6ecdbce32f1a0237979a.svg#icomoon) format('svg');
  font-weight: normal;
  font-style: normal;
}

/* data-icon codepoints are defined for the bundled ui-library "font-icons" face only */
[data-icon]:before {
  font-family: "font-icons" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i[class^="ui-library-icons icon-"]:before,
i[class*="ui-library-icons icon-"]:before {
  font-family: "font-icons" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  font-size: inherit;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ui-library-icons.icon-triangle-down:before { content: '\e800'; } /* '' */
.ui-library-icons.icon-triangle-up-right:before { content: '\e801'; } /* '' */
.ui-library-icons.icon-hide-menu-box:before { content: '\e802'; } /* '' */
.ui-library-icons.icon-hub-location:before { content: '\e803'; } /* '' */
.ui-library-icons.icon-image:before { content: '\e804'; } /* '' */
.ui-library-icons.icon-reload:before { content: '\e805'; } /* '' */
.ui-library-icons.icon-locater:before { content: '\e806'; } /* '' */
.ui-library-icons.icon-lockter-area:before { content: '\e807'; } /* '' */
.ui-library-icons.icon-mail:before { content: '\e808'; } /* '' */
.ui-library-icons.icon-print:before { content: '\e809'; } /* '' */
.ui-library-icons.icon-angle-down:before { content: '\e80a'; } /* '' */
.ui-library-icons.icon-angle-up:before { content: '\e80b'; } /* '' */
.ui-library-icons.icon-right-arrow:before { content: '\e80c'; } /* '' */
.ui-library-icons.icon-update:before { content: '\e80d'; } /* '' */
.ui-library-icons.icon-refresh:before { content: '\e80e'; } /* '' */
.ui-library-icons.icon-upload:before { content: '\e80f'; } /* '' */
.ui-library-icons.icon-battery-empty:before { content: '\e810'; } /* '' */
.ui-library-icons.icon-battery-full:before { content: '\e811'; } /* '' */
.ui-library-icons.icon-bullet:before { content: '\e812'; } /* '' */
.ui-library-icons.icon-calendar-thin:before { content: '\e813'; } /* '' */
.ui-library-icons.icon-check-box-unchecked:before { content: '\e814'; } /* '' */
.ui-library-icons.icon-check-right:before { content: '\e815'; } /* '' */
.ui-library-icons.icon-check-round:before { content: '\e816'; } /* '' */
.ui-library-icons.icon-delete-thin:before { content: '\e817'; } /* '' */
.ui-library-icons.icon-delete:before { content: '\e818'; } /* '' */
.ui-library-icons.icon-delete-button:before { content: '\e819'; } /* '' */
.ui-library-icons.icon-delete-tab:before { content: '\e81a'; } /* '' */
.ui-library-icons.icon-delink:before { content: '\e81b'; } /* '' */
.ui-library-icons.icon-download:before { content: '\e81c'; } /* '' */
.ui-library-icons.icon-triangle-up:before { content: '\e81d'; } /* '' */
.ui-library-icons.icon-copy:before { content: '\e81e'; } /* '' */
.ui-library-icons.icon-edit:before { content: '\e81f'; } /* '' */
.ui-library-icons.icon-edit-button:before { content: '\e820'; } /* '' */
.ui-library-icons.icon-warning:before { content: '\e821'; } /* '' */
.ui-library-icons.icon-trianlge-up-down:before { content: '\e822'; } /* '' */
.ui-library-icons.icon-first-page:before { content: '\e823'; } /* '' */
.ui-library-icons.icon-full-screen:before { content: '\e824'; } /* '' */
.ui-library-icons.icon-info:before { content: '\e825'; } /* '' */
.ui-library-icons.icon-last-page:before { content: '\e826'; } /* '' */
.ui-library-icons.icon-latesr-activity:before { content: '\e827'; } /* '' */
.ui-library-icons.icon-left-arrow:before { content: '\e828'; } /* '' */
.ui-library-icons.icon-like:before { content: '\e829'; } /* '' */
.ui-library-icons.icon-line-graph:before { content: '\e82a'; } /* '' */
.ui-library-icons.icon-line-node-graph:before { content: '\e82b'; } /* '' */
.ui-library-icons.icon-link:before { content: '\e82c'; } /* '' */
.ui-library-icons.icon-map-online:before { content: '\e82d'; } /* '' */
.ui-library-icons.icon-next:before { content: '\e82e'; } /* '' */
.ui-library-icons.icon-angle-right-thin:before { content: '\e82f'; } /* '' */
.ui-library-icons.icon-normal-screen:before { content: '\e830'; } /* '' */
.ui-library-icons.icon-star-empty:before { content: '\e831'; } /* '' */
.ui-library-icons.icon-star-filled:before { content: '\e832'; } /* '' */
.ui-library-icons.icon-origin:before { content: '\e833'; } /* '' */
.ui-library-icons.icon-search:before { content: '\e834'; } /* '' */
.ui-library-icons.icon-shape:before { content: '\e835'; } /* '' */
.ui-library-icons.icon-angle-left:before { content: '\e836'; } /* '' */
.ui-library-icons.icon-table-hover-signal:before { content: '\e837'; } /* '' */
.ui-library-icons.icon-time:before { content: '\e838'; } /* '' */
.ui-library-icons.icon-tracker:before { content: '\e839'; } /* '' */
.ui-library-icons.icon-bus:before { content: '\e83a'; } /* '' */
.ui-library-icons.icon-filter-funnel:before { content: '\e83b'; } /* '' */
.ui-library-icons.icon-down-arrow:before { content: '\e83c'; } /* '' */
.ui-library-icons.icon-up-arrow:before { content: '\e83d'; } /* '' */
.ui-library-icons.icon-x:before { content: '\e83e'; } /* '' */
.ui-library-icons.icon-cancel-button:before { content: '\e83f'; } /* '' */
.ui-library-icons.icon-icomoon-download:before { content: '\e840'; } /* '' */
.ui-library-icons.icon-icomoon-close:before { content: '\e841'; } /* '' */
.ui-library-icons.icon-icomoon-back:before { content: '\e8d6'; } /* '' */
.ui-library-icons.icon-icomoon-delete-empty:before { content: '\e842'; } /* '' */
.ui-library-icons.icon-icomoon-delete:before { content: '\e843'; } /* '' */
.ui-library-icons.icon-icomoon-download-report:before { content: '\e844'; } /* '' */
.ui-library-icons.icon-icomoon-save:before { content: '\e845'; } /* '' */
.ui-library-icons.icon-icomoon-save-and-assign:before { content: '\e846'; } /* '' */
.ui-library-icons.icon-icomoon-search:before { content: '\e847'; } /* '' */
.ui-library-icons.icon-icomoon-add:before { content: '\e848'; } /* '' */
.ui-library-icons.icon-icomoon-angle-right:before { content: '\e849'; } /* '' */
.ui-library-icons.icon-icomoon-angle-top:before { content: '\e84a'; } /* '' */
.ui-library-icons.icon-icomoon-angle-bottom:before { content: '\e84b'; } /* '' */
.ui-library-icons.icon-icomoon-ribbon-tick:before { content: '\e84c'; } /* '' */
.ui-library-icons.icon-icomoon-ribbon:before { content: '\e84d'; } /* '' */
.ui-library-icons.icon-icomoon-calendar:before { content: '\e84e'; } /* '' */
.ui-library-icons.icon-icomoon-edit-underline:before { content: '\e84f'; } /* '' */
.ui-library-icons.icon-icomoon-power-switch:before { content: '\e850'; } /* '' */
.ui-library-icons.icon-icomoon-refresh:before { content: '\e851'; } /* '' */
.ui-library-icons.icon-icomoon-setting:before { content: '\e852'; } /* '' */
.ui-library-icons.icon-icomoon-excel:before { content: '\e853'; } /* '' */
.ui-library-icons.icon-icomoon-puzzle-inclined:before { content: '\e854'; } /* '' */
.ui-library-icons.icon-icomoon-question-mark:before { content: '\e856'; } /* '' */
.ui-library-icons.icon-icomoon-options-horizontal:before { content: '\e857'; } /* '' */
.ui-library-icons.icon-icomoon-options-vertical:before { content: '\e858'; } /* '' */
.ui-library-icons.icon-icomoon-tick-circled:before { content: '\e859'; } /* '' */
.ui-library-icons.icon-icomoon-download-image:before { content: '\e85a'; } /* '' */
.ui-library-icons.icon-icomoon-puzzle-tick:before { content: '\e85b'; } /* '' */
.ui-library-icons.icon-icomoon-preferences:before { content: '\e85c'; } /* '' */
.ui-library-icons.icon-icomoon-location-reject:before { content: '\e85d'; } /* '' */
.ui-library-icons.icon-icomoon-location-approve:before { content: '\e85e'; } /* '' */
.ui-library-icons.icon-icomoon-funnel-options:before { content: '\e85f'; } /* '' */
.ui-library-icons.icon-icomoon-funel:before { content: '\e860'; } /* '' */
.ui-library-icons.icon-icomoon-key:before { content: '\e861'; } /* '' */
.ui-library-icons.icon-icomoon-puzzle:before { content: '\e862'; } /* '' */
.ui-library-icons.icon-menu:before { content: '\e863'; } /* '' */
.ui-library-icons.icon-optimize-packing:before { content: '\e864'; } /* '' */
.ui-library-icons.icon-breadcrumb-down-thin:before { content: '\e865'; } /* '' */
.ui-library-icons.icon-file-empty:before { content: '\e866'; } /* '' */
.ui-library-icons.icon-picker-home:before { content: '\e867'; } /* '' */
.ui-library-icons.icon-transfer:before { content: '\e868'; } /* '' */
.ui-library-icons.icon-transaction-cash:before { content: '\e869'; } /* '' */
.ui-library-icons.icon-da-icon:before { content: '\e86a'; } /* '' */
.ui-library-icons.icon-distribution-center:before { content: '\e86b'; } /* '' */
.ui-library-icons.icon-map-view:before { content: '\e86c'; } /* '' */
.ui-library-icons.icon-quick-sort:before { content: '\e86d'; } /* '' */
.ui-library-icons.icon-location-marker:before { content: '\e86e'; } /* '' */
.ui-library-icons.icon-unlock:before { content: '\e86f'; } /* '' */
.ui-library-icons.icon-trips:before { content: '\e870'; } /* '' */
.ui-library-icons.icon-da-available:before { content: '\e871'; } /* '' */
.ui-library-icons.icon-thunder:before { content: '\e872'; } /* '' */
.ui-library-icons.icon-order-pickedup:before { content: '\e873'; } /* '' */
.ui-library-icons.icon-order-cancelled:before { content: '\e874'; } /* '' */
.ui-library-icons.icon-truck:before { content: '\e875'; } /* '' */
.ui-library-icons.icon-cash-on-hand:before { content: '\e876'; } /* '' */
.ui-library-icons.icon-order-cash:before { content: '\e877'; } /* '' */
.ui-library-icons.icon-attach-file:before { content: '\e878'; } /* '' */
.ui-library-icons.icon-sort-descending:before { content: '\e879'; } /* '' */
.ui-library-icons.icon-sort-ascending:before { content: '\e87a'; } /* '' */
.ui-library-icons.icon-da-receivable:before { content: '\e87b'; } /* '' */
.ui-library-icons.icon-cross-circled:before { content: '\e87c'; } /* '' */
.ui-library-icons.icon-inscan:before { content: '\e87d'; } /* '' */
.ui-library-icons.icon-outscan:before { content: '\e87e'; } /* '' */
.ui-library-icons.icon-download-thin:before { content: '\e87f'; } /* '' */
.ui-library-icons.icon-boxplot:before { content: '\e880'; } /* '' */
.ui-library-icons.icon-barchart:before { content: '\e881'; } /* '' */
.ui-library-icons.icon-refresh-thin:before { content: '\e882'; } /* '' */
.ui-library-icons.icon-shipping-address:before { content: '\e883'; } /* '' */
.ui-library-icons.icon-package:before { content: '\e884'; } /* '' */
.ui-library-icons.icon-reject-blue-icon:before { content: '\e885'; } /* '' */
.ui-library-icons.icon-markashandover:before { content: '\e886'; } /* '' */
.ui-library-icons.icon-redo:before { content: '\e887'; } /* '' */
.ui-library-icons.icon-html:before { content: '\e888'; } /* '' */
.ui-library-icons.icon-html-editor:before { content: '\e889'; } /* '' */
.ui-library-icons.icon-mobile:before { content: '\e88a'; } /* '' */
.ui-library-icons.icon-preview:before { content: '\e88b'; } /* '' */
.ui-library-icons.icon-send-mail:before { content: '\e88c'; } /* '' */
.ui-library-icons.icon-template:before { content: '\e88d'; } /* '' */
.ui-library-icons.icon-created:before { content: '\e88e'; } /* '' */
.ui-library-icons.icon-delivered:before { content: '\e88f'; } /* '' */
.ui-library-icons.icon-intransit:before { content: '\e890'; } /* '' */
.ui-library-icons.icon-send:before { content: '\e891'; } /* '' */
.ui-library-icons.icon-attempted-delivery:before { content: '\e892'; } /* '' */
.ui-library-icons.icon-call:before { content: '\e893'; } /* '' */
.ui-library-icons.icon-cancelled:before { content: '\e894'; } /* '' */
.ui-library-icons.icon-partially-delivered:before { content: '\e895'; } /* '' */
.ui-library-icons.icon-gps-recenter:before { content: '\e896'; } /* '' */
.ui-library-icons.icon-explore:before { content: '\e897'; } /* '' */
.ui-library-icons.icon-announcements:before { content: '\e898'; } /* '' */
.ui-library-icons.icon-help-center:before { content: '\e899'; } /* '' */
.ui-library-icons.icon-thumb-up:before { content: '\e89a'; } /* '' */
.ui-library-icons.icon-clock-outlined:before { content: '\e89b'; } /* '' */
.ui-library-icons.icon-tree-view:before { content: '\e89c'; } /* '' */
.ui-library-icons.icon-youtube:before { content: '\e89d'; } /* '' */
.ui-library-icons.icon-twitter:before { content: '\e89e'; } /* '' */
.ui-library-icons.icon-linkedin:before { content: '\e89f'; } /* '' */
.ui-library-icons.icon-email:before { content: '\e8a0'; } /* '' */
.ui-library-icons.icon-thumb-down-filled:before { content: '\e8a1'; } /* '' */
.ui-library-icons.icon-thumb-up-filled:before { content: '\e8a2'; } /* '' */
.ui-library-icons.icon-active:before { content: '\e8a3'; } /* '' */
.ui-library-icons.icon-add:before { content: '\e8a4'; } /* '' */
.ui-library-icons.icon-attached:before { content: '\e8a5'; } /* '' */
.ui-library-icons.icon-bar-graph:before { content: '\e8a6'; } /* '' */
.ui-library-icons.icon-check-tick:before { content: '\e8a7'; } /* '' */
.ui-library-icons.icon-clock:before { content: '\e8a8'; } /* '' */
.ui-library-icons.icon-close:before { content: '\e8a9'; } /* '' */
.ui-library-icons.icon-contact:before { content: '\e8aa'; } /* '' */
.ui-library-icons.icon-driver:before { content: '\e8ab'; } /* '' */
.ui-library-icons.icon-previous:before { content: '\e8ac'; } /* '' */
.ui-library-icons.icon-angle-left-thin:before { content: '\e8ad'; } /* '' */
.ui-library-icons.icon-calendar:before { content: '\e8ae'; } /* '' */
.ui-library-icons.icon-check-box-checked:before { content: '\e8af'; } /* '' */
.ui-library-icons.icon-destination:before { content: '\e8b0'; } /* '' */
.ui-library-icons.icon-download-cloud:before { content: '\e8b1'; } /* '' */
.ui-library-icons.icon-graph-node:before { content: '\e8b2'; } /* '' */
.ui-library-icons.icon-inactive:before { content: '\e8b3'; } /* '' */
.ui-library-icons.icon-menu-tab:before { content: '\e8b4'; } /* '' */
.ui-library-icons.icon-more-icon:before { content: '\e8b5'; } /* '' */
.ui-library-icons.icon-angle-right:before { content: '\e8b6'; } /* '' */
.ui-library-icons.icon-sms:before { content: '\e8b7'; } /* '' */
.ui-library-icons.icon-icomoon-edit-empty:before { content: '\e8b8'; } /* '' */
.ui-library-icons.icon-icomoon-upload:before { content: '\e8b9'; } /* '' */
.ui-library-icons.icon-icomoon-minus:before { content: '\e8ba'; } /* '' */
.ui-library-icons.icon-icomoon-angle-left:before { content: '\e8bb'; } /* '' */
.ui-library-icons.icon-icomoon-person:before { content: '\e8bc'; } /* '' */
.ui-library-icons.icon-icomoon-thunder:before { content: '\e8bd'; } /* '' */
.ui-library-icons.icon-icomoon-download-excel:before { content: '\e8be'; } /* '' */
.ui-library-icons.icon-icomoon-warning-circled:before { content: '\e8bf'; } /* '' */
.ui-library-icons.icon-default-marker:before { content: '\e8c0'; } /* '' */
.ui-library-icons.icon-copy-empty:before { content: '\e8c1'; } /* '' */
.ui-library-icons.icon-list-view:before { content: '\e8c2'; } /* '' */
.ui-library-icons.icon-bulk-update:before { content: '\e8c3'; } /* '' */
.ui-library-icons.icon-warehouse:before { content: '\e8c4'; } /* '' */
.ui-library-icons.icon-wallet:before { content: '\e8c5'; } /* '' */
.ui-library-icons.icon-clock-history-outline:before { content: '\e8c6'; } /* '' */
.ui-library-icons.icon-chat:before { content: '\e8c7'; } /* '' */
.ui-library-icons.icon-undo:before { content: '\e8c8'; } /* '' */
.ui-library-icons.icon-desktop:before { content: '\e8c9'; } /* '' */
.ui-library-icons.icon-out-for-delivery:before { content: '\e8ca'; } /* '' */
.ui-library-icons.icon-accept-notify:before { content: '\e8cb'; } /* '' */
.ui-library-icons.icon-dynamic-tags:before { content: '\e8cc'; } /* '' */
.ui-library-icons.icon-thumb-down:before { content: '\e8cd'; } /* '' */
.ui-library-icons.icon-copyright:before { content: '\e8ce'; } /* '' */
.ui-library-icons.icon-barcode:before { content: '\e8cf'; } /* '' */
.ui-library-icons.icon-icon-notes:before { content: '\e8d0'; } /* '' */
.ui-library-icons.icon-reschedule:before { content: '\e8d3'; } /* '' */
.ui-library-icons.icon-manage_alert:before { content: '\e8d4'; } /* '' */
.ui-library-icons.icon-geocode_check:before { content: '\e8d5'; } /* '' */
.ui-library-icons.icon-mail-1:before { content: '\e8d7'; } /* '' */
.ui-library-icons.icon-phone:before { content: '\e8d8'; } /* '' */
.ui-library-icons.icon-checkbox:before { content: '\e8d9'; } /* '' */
.ui-library-icons.icon-date-time:before { content: '\e8db'; } /* '' */
.ui-library-icons.icon-decimal-number:before { content: '\e8dc'; } /* '' */
.ui-library-icons.icon-dropdown:before { content: '\e8de'; } /* '' */
.ui-library-icons.icon-e-signature:before { content: '\e8df'; } /* '' */
.ui-library-icons.icon-integer-number:before { content: '\e8e0'; } /* '' */
.ui-library-icons.icon-publish:before { content: '\e8e5'; } /* '' */
.ui-library-icons.icon-text:before { content: '\e8e6'; } /* '' */
.ui-library-icons.icon-calendar-empty:before { content: '\f133'; } /* '' */
.ui-library-icons.icon-dot-circled:before { content: '\f192'; } /* '' */
.ui-library-icons.icon-percent:before { content: '\f295'; } /* '' */
.ui-library-icons.icon-camera-outline:before { content: '\e855'; } /* '' */
.ui-library-icons.icon-clock:before { content: '\e8a8'; } /* '' */
.ui-library-icons.icon-location-outline:before { content: '\e8d2'; } /* '' */
.ui-library-icons.icon-alert-for-list:before { content: '\e8e7'; } /* '' */
.ui-library-icons.icon-alert-for-popups:before { content: '\e8e8'; } /* '' */
.ui-library-icons.icon-linkout:before { content: '\e8e9'; } /* '' */
.ui-library-icons.icon-scan-cancel:before { content: '\e8ea'; } /* '' */
.ui-library-icons.icon-scan-continue:before { content: '\e8eb'; } /* '' */
/* Names from fonts/css/fontello-codes.css not yet listed above; unicode values match that export.
   Each rule sets font-family: "fontello" so glyphs match the Fontello @font-face (no wrapper class). */

.ui-library-icons.icon-ry-print-2:before { font-family: "fontello" !important; content: '\e800'; } /* '' */
.ui-library-icons.icon-_1:before { font-family: "fontello" !important; content: '\e801'; } /* '' */
.ui-library-icons.icon-camera:before { font-family: "fontello" !important; content: '\e802'; } /* '' */
.ui-library-icons.icon-check_box_3:before { font-family: "fontello" !important; content: '\e803'; } /* '' */
.ui-library-icons.icon-contact_number:before { font-family: "fontello" !important; content: '\e804'; } /* '' */
.ui-library-icons.icon-play:before { font-family: "fontello" !important; content: '\e805'; } /* '' */
.ui-library-icons.icon-stop:before { font-family: "fontello" !important; content: '\e806'; } /* '' */
.ui-library-icons.icon-pause:before { font-family: "fontello" !important; content: '\e807'; } /* '' */
.ui-library-icons.icon-to-end:before { font-family: "fontello" !important; content: '\e809'; } /* '' */
.ui-library-icons.icon-track-pointer:before { font-family: "fontello" !important; content: '\e80b'; } /* '' */
.ui-library-icons.icon-to-end-alt:before { font-family: "fontello" !important; content: '\e80d'; } /* '' */
.ui-library-icons.icon-geo-coding-done:before { font-family: "fontello" !important; content: '\e810'; } /* '' */
.ui-library-icons.icon-to-start:before { font-family: "fontello" !important; content: '\e811'; } /* '' */
.ui-library-icons.icon-trip-formed:before { font-family: "fontello" !important; content: '\e812'; } /* '' */
.ui-library-icons.icon-shape7:before { font-family: "fontello" !important; content: '\e813'; } /* '' */
.ui-library-icons.icon-ry-star-border:before { font-family: "fontello" !important; content: '\e814'; } /* '' */
.ui-library-icons.icon-list-icon:before { font-family: "fontello" !important; content: '\e815'; } /* '' */
.ui-library-icons.icon-geocoding-not-done:before { font-family: "fontello" !important; content: '\e816'; } /* '' */
.ui-library-icons.icon-to-start-alt:before { font-family: "fontello" !important; content: '\e817'; } /* '' */
.ui-library-icons.icon-add-notes:before { font-family: "fontello" !important; content: '\e819'; } /* '' */
.ui-library-icons.icon-add-orders:before { font-family: "fontello" !important; content: '\e81a'; } /* '' */
.ui-library-icons.icon-load:before { font-family: "fontello" !important; content: '\e81c'; } /* '' */
.ui-library-icons.icon-ry-star-fill:before { font-family: "fontello" !important; content: '\e81d'; } /* '' */
.ui-library-icons.icon-shape10:before { font-family: "fontello" !important; content: '\e81e'; } /* '' */
.ui-library-icons.icon-show-drs:before { font-family: "fontello" !important; content: '\e820'; } /* '' */
.ui-library-icons.icon-group-7:before { font-family: "fontello" !important; content: '\e823'; } /* '' */
.ui-library-icons.icon-ascending:before { font-family: "fontello" !important; content: '\e825'; } /* '' */
.ui-library-icons.icon-assign-now:before { font-family: "fontello" !important; content: '\e826'; } /* '' */
.ui-library-icons.icon-check:before { font-family: "fontello" !important; content: '\e829'; } /* '' */
.ui-library-icons.icon-hide-content:before { font-family: "fontello" !important; content: '\e82a'; } /* '' */
.ui-library-icons.icon-performance_niddle:before { font-family: "fontello" !important; content: '\e82c'; } /* '' */
.ui-library-icons.icon-slide-down-accordian:before { font-family: "fontello" !important; content: '\e82d'; } /* '' */
.ui-library-icons.icon-update-button:before { font-family: "fontello" !important; content: '\e82e'; } /* '' */
.ui-library-icons.icon-two_wheeler:before { font-family: "fontello" !important; content: '\e82f'; } /* '' */
.ui-library-icons.icon-slide-left-2:before { font-family: "fontello" !important; content: '\e831'; } /* '' */
.ui-library-icons.icon-plan-now:before { font-family: "fontello" !important; content: '\e832'; } /* '' */
.ui-library-icons.icon-low_priority_alert_1:before { font-family: "fontello" !important; content: '\e833'; } /* '' */
.ui-library-icons.icon-combined-shape-16:before { font-family: "fontello" !important; content: '\e839'; } /* '' */
.ui-library-icons.icon-combined-shape-18:before { font-family: "fontello" !important; content: '\e83a'; } /* '' */
.ui-library-icons.icon-high-priority-alerts_1:before { font-family: "fontello" !important; content: '\e83b'; } /* '' */
.ui-library-icons.icon-map-icon:before { font-family: "fontello" !important; content: '\e83c'; } /* '' */
.ui-library-icons.icon-slide-left:before { font-family: "fontello" !important; content: '\e83d'; } /* '' */
.ui-library-icons.icon-upload-2:before { font-family: "fontello" !important; content: '\e83f'; } /* '' */
.ui-library-icons.icon-upload-3:before { font-family: "fontello" !important; content: '\e840'; } /* '' */
.ui-library-icons.icon-slide-open-close:before { font-family: "fontello" !important; content: '\e841'; } /* '' */
.ui-library-icons.icon-previous-page:before { font-family: "fontello" !important; content: '\e842'; } /* '' */
.ui-library-icons.icon-combined-shape:before { font-family: "fontello" !important; content: '\e843'; } /* '' */
.ui-library-icons.icon-combined-shape-11:before { font-family: "fontello" !important; content: '\e847'; } /* '' */
.ui-library-icons.icon-hub-2:before { font-family: "fontello" !important; content: '\e849'; } /* '' */
.ui-library-icons.icon-mark-delivered:before { font-family: "fontello" !important; content: '\e84c'; } /* '' */
.ui-library-icons.icon-slide-right-2:before { font-family: "fontello" !important; content: '\e84e'; } /* '' */
.ui-library-icons.icon-xls:before { font-family: "fontello" !important; content: '\e850'; } /* '' */
.ui-library-icons.icon-slide-right:before { font-family: "fontello" !important; content: '\e851'; } /* '' */
.ui-library-icons.icon-hub:before { font-family: "fontello" !important; content: '\e854'; } /* '' */
.ui-library-icons.icon-duplicate:before { font-family: "fontello" !important; content: '\e855'; } /* '' */
.ui-library-icons.icon-crates:before { font-family: "fontello" !important; content: '\e856'; } /* '' */
.ui-library-icons.icon-calander1:before { font-family: "fontello" !important; content: '\e858'; } /* '' */
.ui-library-icons.icon-image-proof:before { font-family: "fontello" !important; content: '\e85b'; } /* '' */
.ui-library-icons.icon-message-alert:before { font-family: "fontello" !important; content: '\e85c'; } /* '' */
.ui-library-icons.icon-ry-print:before { font-family: "fontello" !important; content: '\e85d'; } /* '' */
.ui-library-icons.icon-slide-up-accordian:before { font-family: "fontello" !important; content: '\e85e'; } /* '' */
.ui-library-icons.icon-ry-calendar:before { font-family: "fontello" !important; content: '\e85f'; } /* '' */
.ui-library-icons.icon-high-priority-alert:before { font-family: "fontello" !important; content: '\e860'; } /* '' */
.ui-library-icons.icon-sms-1:before { font-family: "fontello" !important; content: '\e861'; } /* '' */
.ui-library-icons.icon-process:before { font-family: "fontello" !important; content: '\e862'; } /* '' */
.ui-library-icons.icon-mobile-notifications-1:before { font-family: "fontello" !important; content: '\e863'; } /* '' */
.ui-library-icons.icon-edit-2:before { font-family: "fontello" !important; content: '\e865'; } /* '' */
.ui-library-icons.icon-calander2:before { font-family: "fontello" !important; content: '\e867'; } /* '' */
.ui-library-icons.icon-cancel-orders:before { font-family: "fontello" !important; content: '\e868'; } /* '' */
.ui-library-icons.icon-delete-box:before { font-family: "fontello" !important; content: '\e869'; } /* '' */
.ui-library-icons.icon-ry-more-icon:before { font-family: "fontello" !important; content: '\e86c'; } /* '' */
.ui-library-icons.icon-reroute:before { font-family: "fontello" !important; content: '\e86d'; } /* '' */
.ui-library-icons.icon-low-priority-alert:before { font-family: "fontello" !important; content: '\e86e'; } /* '' */
.ui-library-icons.icon-system-notification:before { font-family: "fontello" !important; content: '\e86f'; } /* '' */
.ui-library-icons.icon-move-down-round:before { font-family: "fontello" !important; content: '\e872'; } /* '' */
.ui-library-icons.icon-ry-info:before { font-family: "fontello" !important; content: '\e873'; } /* '' */
.ui-library-icons.icon-email-1:before { font-family: "fontello" !important; content: '\e874'; } /* '' */
.ui-library-icons.icon-delete-final:before { font-family: "fontello" !important; content: '\e875'; } /* '' */
.ui-library-icons.icon-cancle-not-sent:before { font-family: "fontello" !important; content: '\e876'; } /* '' */
.ui-library-icons.icon-ry-check-box-checked:before { font-family: "fontello" !important; content: '\e877'; } /* '' */
.ui-library-icons.icon-email-alert:before { font-family: "fontello" !important; content: '\e879'; } /* '' */
.ui-library-icons.icon-move-down:before { font-family: "fontello" !important; content: '\e87b'; } /* '' */
.ui-library-icons.icon-rto:before { font-family: "fontello" !important; content: '\e87c'; } /* '' */
.ui-library-icons.icon-time_delivery:before { font-family: "fontello" !important; content: '\e87e'; } /* '' */
.ui-library-icons.icon-search2:before { font-family: "fontello" !important; content: '\e87f'; } /* '' */
.ui-library-icons.icon-move-up-down:before { font-family: "fontello" !important; content: '\e880'; } /* '' */
.ui-library-icons.icon-enter-text:before { font-family: "fontello" !important; content: '\e882'; } /* '' */
.ui-library-icons.icon-delivery-boy:before { font-family: "fontello" !important; content: '\e886'; } /* '' */
.ui-library-icons.icon-error:before { font-family: "fontello" !important; content: '\e888'; } /* '' */
.ui-library-icons.icon-move-up-round:before { font-family: "fontello" !important; content: '\e889'; } /* '' */
.ui-library-icons.icon-setting:before { font-family: "fontello" !important; content: '\e88a'; } /* '' */
.ui-library-icons.icon-time_trip:before { font-family: "fontello" !important; content: '\e88b'; } /* '' */
.ui-library-icons.icon-shape-4:before { font-family: "fontello" !important; content: '\e88d'; } /* '' */
.ui-library-icons.icon-move-up:before { font-family: "fontello" !important; content: '\e88e'; } /* '' */
.ui-library-icons.icon-check-tick-2:before { font-family: "fontello" !important; content: '\e891'; } /* '' */
.ui-library-icons.icon-filter:before { font-family: "fontello" !important; content: '\e893'; } /* '' */
.ui-library-icons.icon-dispatch:before { font-family: "fontello" !important; content: '\e894'; } /* '' */
.ui-library-icons.icon-next-page:before { font-family: "fontello" !important; content: '\e897'; } /* '' */
.ui-library-icons.icon-timer_order:before { font-family: "fontello" !important; content: '\e899'; } /* '' */
.ui-library-icons.icon-ry-calendar-range:before { font-family: "fontello" !important; content: '\e89a'; } /* '' */
.ui-library-icons.icon-ry-bar:before { font-family: "fontello" !important; content: '\e89b'; } /* '' */
.ui-library-icons.icon-ry-ascending:before { font-family: "fontello" !important; content: '\e89c'; } /* '' */
.ui-library-icons.icon-ry-list:before { font-family: "fontello" !important; content: '\e89d'; } /* '' */
.ui-library-icons.icon-ry-graph-pointer:before { font-family: "fontello" !important; content: '\e89e'; } /* '' */
.ui-library-icons.icon-dropdown02:before { font-family: "fontello" !important; content: '\e89f'; } /* '' */
.ui-library-icons.icon-ry-search:before { font-family: "fontello" !important; content: '\e8a0'; } /* '' */
.ui-library-icons.icon-distance_delivery:before { font-family: "fontello" !important; content: '\e8a1'; } /* '' */
.ui-library-icons.icon-shape3:before { font-family: "fontello" !important; content: '\e8a2'; } /* '' */
.ui-library-icons.icon-cost-calculator:before { font-family: "fontello" !important; content: '\e8a3'; } /* '' */
.ui-library-icons.icon-distance_order:before { font-family: "fontello" !important; content: '\e8a4'; } /* '' */
.ui-library-icons.icon-distance_trip:before { font-family: "fontello" !important; content: '\e8a5'; } /* '' */
.ui-library-icons.icon-download-2:before { font-family: "fontello" !important; content: '\e8a6'; } /* '' */
.ui-library-icons.icon-download1:before { font-family: "fontello" !important; content: '\e8a8'; } /* '' */
.ui-library-icons.icon-dropdown-angle-copy:before { font-family: "fontello" !important; content: '\e8aa'; } /* '' */
.ui-library-icons.icon-dropdown-angle:before { font-family: "fontello" !important; content: '\e8ab'; } /* '' */
.ui-library-icons.icon-dropdown-triangle-copy:before { font-family: "fontello" !important; content: '\e8ac'; } /* '' */
.ui-library-icons.icon-dropdown-triangle:before { font-family: "fontello" !important; content: '\e8ad'; } /* '' */
.ui-library-icons.icon-shape5:before { font-family: "fontello" !important; content: '\e8ae'; } /* '' */
.ui-library-icons.icon-dropdown01:before { font-family: "fontello" !important; content: '\e8af'; } /* '' */
.ui-library-icons.icon-resize-full:before { font-family: "fontello" !important; content: '\e8b0'; } /* '' */
.ui-library-icons.icon-resize-normal:before { font-family: "fontello" !important; content: '\e8b1'; } /* '' */
.ui-library-icons.icon-bar-1:before { font-family: "fontello" !important; content: '\e8be'; } /* '' */
.ui-library-icons.icon-info-icon:before { font-family: "fontello" !important; content: '\e8bf'; } /* '' */
.ui-library-icons.icon-settings-1:before { font-family: "fontello" !important; content: '\e8c0'; } /* '' */
.ui-library-icons.icon-settings-2:before { font-family: "fontello" !important; content: '\e8c1'; } /* '' */
.ui-library-icons.icon-vehicle-:before { font-family: "fontello" !important; content: '\e8cb'; } /* '' */
.ui-library-icons.icon-view:before { font-family: "fontello" !important; content: '\e8cd'; } /* '' */
.ui-library-icons.icon-no-login:before { font-family: "fontello" !important; content: '\e8cf'; } /* '' */
.ui-library-icons.icon-no-usage:before { font-family: "fontello" !important; content: '\e8d0'; } /* '' */
.ui-library-icons.icon-view-1:before { font-family: "fontello" !important; content: '\e8d5'; } /* '' */
.ui-library-icons.icon-payment-due:before { font-family: "fontello" !important; content: '\e8d6'; } /* '' */
.ui-library-icons.icon-user-uncheck:before { font-family: "fontello" !important; content: '\e8d7'; } /* '' */
.ui-library-icons.icon-user-added:before { font-family: "fontello" !important; content: '\e8d8'; } /* '' */
.ui-library-icons.icon-user-check:before { font-family: "fontello" !important; content: '\e8d9'; } /* '' */
.ui-library-icons.icon-user:before { font-family: "fontello" !important; content: '\e8da'; } /* '' */
.ui-library-icons.icon-date_calander_1:before { font-family: "fontello" !important; content: '\e8db'; } /* '' */
.ui-library-icons.icon-date_time_1:before { font-family: "fontello" !important; content: '\e8dc'; } /* '' */
.ui-library-icons.icon-decimal_number:before { font-family: "fontello" !important; content: '\e8dd'; } /* '' */
.ui-library-icons.icon-drop_down_1:before { font-family: "fontello" !important; content: '\e8de'; } /* '' */
.ui-library-icons.icon-email_icon:before { font-family: "fontello" !important; content: '\e8e0'; } /* '' */
.ui-library-icons.icon-geotagging:before { font-family: "fontello" !important; content: '\e8e1'; } /* '' */
.ui-library-icons.icon-integer_number:before { font-family: "fontello" !important; content: '\e8e2'; } /* '' */
.ui-library-icons.icon-radio-button_3:before { font-family: "fontello" !important; content: '\e8e3'; } /* '' */
.ui-library-icons.icon-time_clock_1:before { font-family: "fontello" !important; content: '\e8e5'; } /* '' */
.ui-library-icons.icon-upload_4:before { font-family: "fontello" !important; content: '\e8e6'; } /* '' */
.ui-library-icons.icon-text_tool_2:before { font-family: "fontello" !important; content: '\e8e8'; } /* '' */
.ui-library-icons.icon-info-icon-1:before { font-family: "fontello" !important; content: '\e8e9'; } /* '' */
.ui-library-icons.icon-slide_show_off:before { font-family: "fontello" !important; content: '\e8ea'; } /* '' */
.ui-library-icons.icon-slide_show_on:before { font-family: "fontello" !important; content: '\e8eb'; } /* '' */
.ui-library-icons.icon-ry-add:before { font-family: "fontello" !important; content: '\ea54'; } /* '' */
.ui-library-icons.icon-ry-alert:before { font-family: "fontello" !important; content: '\ea55'; } /* '' */
.ui-library-icons.icon-ry-descending:before { font-family: "fontello" !important; content: '\ea56'; } /* '' */
.ui-library-icons.icon-bar:before { font-family: "fontello" !important; content: '\ea57'; } /* '' */
.ui-library-icons.icon-calendar-range:before { font-family: "fontello" !important; content: '\ea58'; } /* '' */
.ui-library-icons.icon-ry-check:before { font-family: "fontello" !important; content: '\ea5b'; } /* '' */
.ui-library-icons.icon-ry-close:before { font-family: "fontello" !important; content: '\ea5c'; } /* '' */
.ui-library-icons.icon-descending:before { font-family: "fontello" !important; content: '\ea5d'; } /* '' */
.ui-library-icons.icon-ry-download:before { font-family: "fontello" !important; content: '\ea5e'; } /* '' */
.ui-library-icons.icon-ry-driver:before { font-family: "fontello" !important; content: '\ea5f'; } /* '' */
.ui-library-icons.icon-ry-dropdown01:before { font-family: "fontello" !important; content: '\ea60'; } /* '' */
.ui-library-icons.icon-ry-dropdown02:before { font-family: "fontello" !important; content: '\ea61'; } /* '' */
.ui-library-icons.icon-ry-edit:before { font-family: "fontello" !important; content: '\ea62'; } /* '' */
.ui-library-icons.icon-ry-enter-text:before { font-family: "fontello" !important; content: '\ea63'; } /* '' */
.ui-library-icons.icon-ry-filter:before { font-family: "fontello" !important; content: '\ea64'; } /* '' */
.ui-library-icons.icon-graph-pointer:before { font-family: "fontello" !important; content: '\ea65'; } /* '' */
.ui-library-icons.icon-ry-line:before { font-family: "fontello" !important; content: '\ea67'; } /* '' */
.ui-library-icons.icon-list:before { font-family: "fontello" !important; content: '\ea68'; } /* '' */
.ui-library-icons.icon-ry-location:before { font-family: "fontello" !important; content: '\ea69'; } /* '' */
.ui-library-icons.icon-ry-map:before { font-family: "fontello" !important; content: '\ea6a'; } /* '' */
.ui-library-icons.icon-ry-numbers:before { font-family: "fontello" !important; content: '\ea6c'; } /* '' */
.ui-library-icons.icon-ry-percentage:before { font-family: "fontello" !important; content: '\ea6d'; } /* '' */
.ui-library-icons.icon-print_2:before { font-family: "fontello" !important; content: '\ea6e'; } /* '' */
.ui-library-icons.icon-offline:before { font-family: "fontello" !important; content: '\ea71'; } /* '' */
.ui-library-icons.icon-online:before { font-family: "fontello" !important; content: '\ea72'; } /* '' */
.ui-library-icons.icon-ry-tracker:before { font-family: "fontello" !important; content: '\ea73'; } /* '' */
.ui-library-icons.icon-ry-upload:before { font-family: "fontello" !important; content: '\ea74'; } /* '' */
.ui-library-icons.icon-ry-vehicle-:before { font-family: "fontello" !important; content: '\ea75'; } /* '' */
.ui-library-icons.icon-add_folder_thick:before { font-family: "fontello" !important; content: '\ea76'; } /* '' */
.ui-library-icons.icon-add_folder_thin:before { font-family: "fontello" !important; content: '\ea78'; } /* '' */
.ui-library-icons.icon-planned-distance:before { font-family: "fontello" !important; content: '\e83e'; } /* Fontello planned-distance path in fonts/font-icons.svg */

/* Trips list action bar (legacy actionBarIcons.mapping) */
.ui-library-icons.icon-starttrip:before { content: '\e943'; }
.ui-library-icons.icon-stoptrip:before { content: '\e944'; }
.ui-library-icons.icon-showdrs:before { content: '\e94d'; }
.ui-library-icons.icon-eye:before { content: '\f296'; } /* '' */
.ui-library-icons.icon-eye-slash:before { content: '\f297'; } /* '' */
@charset "UTF-8";

/*
 * Base rule: applies fontello font rendering properties to any element using an icon-* class
 * WITHOUT the ui-library-icons wrapper. Elements WITH ui-library-icons are handled by
 * styles-main.css which uses font-icons !important and fontello !important overrides — those
 * take precedence over this rule via both !important and higher specificity.
 */
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Codepoints — mirror of font-icons/css/fontello-codes.css (legacy root) */
.icon-ry-print-2:before { content: '\e800'; }
.icon-_1:before { content: '\e801'; }
.icon-camera:before { content: '\e802'; }
.icon-check_box_3:before { content: '\e803'; }
.icon-contact_number:before { content: '\e804'; }
.icon-play:before { content: '\e805'; }
.icon-stop:before { content: '\e806'; }
.icon-pause:before { content: '\e807'; }
.icon-line-node-graph:before { content: '\e808'; }
.icon-to-end:before { content: '\e809'; }
.icon-full-screen:before { content: '\e80a'; }
.icon-track-pointer:before { content: '\e80b'; }
.icon-tracker:before { content: '\e80c'; }
.icon-to-end-alt:before { content: '\e80d'; }
.icon-next:before { content: '\e80e'; }
.icon-link:before { content: '\e80f'; }
.icon-geo-coding-done:before { content: '\e810'; }
.icon-to-start:before { content: '\e811'; }
.icon-trip-formed:before { content: '\e812'; }
.icon-shape7:before { content: '\e813'; }
.icon-ry-star-border:before { content: '\e814'; }
.icon-list-icon:before { content: '\e815'; }
.icon-geocoding-not-done:before { content: '\e816'; }
.icon-to-start-alt:before { content: '\e817'; }
.icon-active:before { content: '\e818'; }
.icon-add-notes:before { content: '\e819'; }
.icon-add-orders:before { content: '\e81a'; }
.icon-graph-node:before { content: '\e81b'; }
.icon-load:before { content: '\e81c'; }
.icon-ry-star-fill:before { content: '\e81d'; }
.icon-shape10:before { content: '\e81e'; }
.icon-truck:before { content: '\e81f'; }
.icon-show-drs:before { content: '\e820'; }
.icon-origin:before { content: '\e821'; }
.icon-locater:before { content: '\e822'; }
.icon-group-7:before { content: '\e823'; }
.icon-add:before { content: '\e824'; }
.icon-ascending:before { content: '\e825'; }
.icon-assign-now:before { content: '\e826'; }
.icon-attached:before { content: '\e827'; }
.icon-check-tick:before { content: '\e828'; }
.icon-check:before { content: '\e829'; }
.icon-hide-content:before { content: '\e82a'; }
.icon-lockter-area:before { content: '\e82b'; }
.icon-performance_niddle:before { content: '\e82c'; }
.icon-slide-down-accordian:before { content: '\e82d'; }
.icon-update-button:before { content: '\e82e'; }
.icon-two_wheeler:before { content: '\e82f'; }
.icon-update:before { content: '\e830'; }
.icon-slide-left-2:before { content: '\e831'; }
.icon-plan-now:before { content: '\e832'; }
.icon-low_priority_alert_1:before { content: '\e833'; }
.icon-hide-menu-box:before { content: '\e834'; }
.icon-clock:before { content: '\e835'; }
.icon-close:before { content: '\e836'; }
.icon-bar-graph:before { content: '\e837'; }
.icon-barcode:before { content: '\e838'; }
.icon-combined-shape-16:before { content: '\e839'; }
.icon-combined-shape-18:before { content: '\e83a'; }
.icon-high-priority-alerts_1:before { content: '\e83b'; }
.icon-map-icon:before { content: '\e83c'; }
.icon-slide-left:before { content: '\e83d'; }
.icon-planned-distance:before { content: '\e83e'; }
.icon-upload-2:before { content: '\e83f'; }
.icon-upload-3:before { content: '\e840'; }
.icon-slide-open-close:before { content: '\e841'; }
.icon-previous-page:before { content: '\e842'; }
.icon-combined-shape:before { content: '\e843'; }
.icon-battery-empty:before { content: '\e844'; }
.icon-map-online:before { content: '\e845'; }
.icon-battery-full:before { content: '\e846'; }
.icon-combined-shape-11:before { content: '\e847'; }
.icon-contact:before { content: '\e848'; }
.icon-hub-2:before { content: '\e849'; }
.icon-hub-location:before { content: '\e84a'; }
.icon-copyright:before { content: '\e84b'; }
.icon-mark-delivered:before { content: '\e84c'; }
.icon-previous:before { content: '\e84d'; }
.icon-slide-right-2:before { content: '\e84e'; }
.icon-upload:before { content: '\e84f'; }
.icon-xls:before { content: '\e850'; }
.icon-slide-right:before { content: '\e851'; }
.icon-normal-screen:before { content: '\e852'; }
.icon-menu-tab:before { content: '\e853'; }
.icon-hub:before { content: '\e854'; }
.icon-duplicate:before { content: '\e855'; }
.icon-crates:before { content: '\e856'; }
.icon-bullet:before { content: '\e857'; }
.icon-calander1:before { content: '\e858'; }
.icon-delete-button:before { content: '\e859'; }
.icon-edit-button:before { content: '\e85a'; }
.icon-image-proof:before { content: '\e85b'; }
.icon-message-alert:before { content: '\e85c'; }
.icon-ry-print:before { content: '\e85d'; }
.icon-slide-up-accordian:before { content: '\e85e'; }
.icon-ry-calendar:before { content: '\e85f'; }
.icon-high-priority-alert:before { content: '\e860'; }
.icon-sms-1:before { content: '\e861'; }
.icon-process:before { content: '\e862'; }
.icon-mobile-notifications-1:before { content: '\e863'; }
.icon-image:before { content: '\e864'; }
.icon-edit-2:before { content: '\e865'; }
.icon-delete-tab:before { content: '\e866'; }
.icon-calander2:before { content: '\e867'; }
.icon-cancel-orders:before { content: '\e868'; }
.icon-delete-box:before { content: '\e869'; }
.icon-edit:before { content: '\e86a'; }
.icon-inactive:before { content: '\e86b'; }
.icon-ry-more-icon:before { content: '\e86c'; }
.icon-reroute:before { content: '\e86d'; }
.icon-low-priority-alert:before { content: '\e86e'; }
.icon-system-notification:before { content: '\e86f'; }
.icon-sms:before { content: '\e870'; }
.icon-right-arrow:before { content: '\e871'; }
.icon-move-down-round:before { content: '\e872'; }
.icon-ry-info:before { content: '\e873'; }
.icon-email-1:before { content: '\e874'; }
.icon-delete-final:before { content: '\e875'; }
.icon-cancle-not-sent:before { content: '\e876'; }
.icon-ry-check-box-checked:before { content: '\e877'; }
.icon-delete:before { content: '\e878'; }
.icon-email-alert:before { content: '\e879'; }
.icon-last-page:before { content: '\e87a'; }
.icon-move-down:before { content: '\e87b'; }
.icon-rto:before { content: '\e87c'; }
.icon-table-hover-signal:before { content: '\e87d'; }
.icon-time_delivery:before { content: '\e87e'; }
.icon-search2:before { content: '\e87f'; }
.icon-move-up-down:before { content: '\e880'; }
.icon-latesr-activity:before { content: '\e881'; }
.icon-enter-text:before { content: '\e882'; }
.icon-delink:before { content: '\e883'; }
.icon-check-box-unchecked:before { content: '\e884'; }
.icon-check-right:before { content: '\e885'; }
.icon-delivery-boy:before { content: '\e886'; }
.icon-left-arrow:before { content: '\e887'; }
.icon-error:before { content: '\e888'; }
.icon-move-up-round:before { content: '\e889'; }
.icon-setting:before { content: '\e88a'; }
.icon-time_trip:before { content: '\e88b'; }
.icon-time:before { content: '\e88c'; }
.icon-shape-4:before { content: '\e88d'; }
.icon-move-up:before { content: '\e88e'; }
.icon-like:before { content: '\e88f'; }
.icon-check-round:before { content: '\e890'; }
.icon-check-tick-2:before { content: '\e891'; }
.icon-destination:before { content: '\e892'; }
.icon-filter:before { content: '\e893'; }
.icon-dispatch:before { content: '\e894'; }
.icon-first-page:before { content: '\e895'; }
.icon-line-graph:before { content: '\e896'; }
.icon-next-page:before { content: '\e897'; }
.icon-shape:before { content: '\e898'; }
.icon-timer_order:before { content: '\e899'; }
.icon-ry-calendar-range:before { content: '\e89a'; }
.icon-ry-bar:before { content: '\e89b'; }
.icon-ry-ascending:before { content: '\e89c'; }
.icon-ry-list:before { content: '\e89d'; }
.icon-ry-graph-pointer:before { content: '\e89e'; }
.icon-dropdown02:before { content: '\e89f'; }
.icon-ry-search:before { content: '\e8a0'; }
.icon-distance_delivery:before { content: '\e8a1'; }
.icon-shape3:before { content: '\e8a2'; }
.icon-cost-calculator:before { content: '\e8a3'; }
.icon-distance_order:before { content: '\e8a4'; }
.icon-distance_trip:before { content: '\e8a5'; }
.icon-download-2:before { content: '\e8a6'; }
.icon-download:before { content: '\e8a7'; }
.icon-download1:before { content: '\e8a8'; }
.icon-driver:before { content: '\e8a9'; }
.icon-dropdown-angle-copy:before { content: '\e8aa'; }
.icon-dropdown-angle:before { content: '\e8ab'; }
.icon-dropdown-triangle-copy:before { content: '\e8ac'; }
.icon-dropdown-triangle:before { content: '\e8ad'; }
.icon-shape5:before { content: '\e8ae'; }
.icon-dropdown01:before { content: '\e8af'; }
.icon-resize-full:before { content: '\e8b0'; }
.icon-resize-normal:before { content: '\e8b1'; }
.icon-bar-1:before { content: '\e8be'; }
.icon-info-icon:before { content: '\e8bf'; }
.icon-settings-1:before { content: '\e8c0'; }
.icon-settings-2:before { content: '\e8c1'; }
.icon-vehicle-:before { content: '\e8cb'; }
.icon-view:before { content: '\e8cd'; }
.icon-no-login:before { content: '\e8cf'; }
.icon-no-usage:before { content: '\e8d0'; }
.icon-view-1:before { content: '\e8d5'; }
.icon-payment-due:before { content: '\e8d6'; }
.icon-user-uncheck:before { content: '\e8d7'; }
.icon-user-added:before { content: '\e8d8'; }
.icon-user-check:before { content: '\e8d9'; }
.icon-user:before { content: '\e8da'; }
.icon-date_calander_1:before { content: '\e8db'; }
.icon-date_time_1:before { content: '\e8dc'; }
.icon-decimal_number:before { content: '\e8dd'; }
.icon-drop_down_1:before { content: '\e8de'; }
.icon-e-signature:before { content: '\e8df'; }
.icon-email_icon:before { content: '\e8e0'; }
.icon-geotagging:before { content: '\e8e1'; }
.icon-integer_number:before { content: '\e8e2'; }
.icon-radio-button_3:before { content: '\e8e3'; }
.icon-time_clock_1:before { content: '\e8e5'; }
.icon-upload_4:before { content: '\e8e6'; }
.icon-text_tool_2:before { content: '\e8e8'; }
.icon-info-icon-1:before { content: '\e8e9'; }
.icon-slide_show_off:before { content: '\e8ea'; }
.icon-slide_show_on:before { content: '\e8eb'; }
.icon-ry-add:before { content: '\ea54'; }
.icon-ry-alert:before { content: '\ea55'; }
.icon-ry-descending:before { content: '\ea56'; }
.icon-bar:before { content: '\ea57'; }
.icon-calendar-range:before { content: '\ea58'; }
.icon-calendar:before { content: '\ea59'; }
.icon-check-box-checked:before { content: '\ea5a'; }
.icon-ry-check:before { content: '\ea5b'; }
.icon-ry-close:before { content: '\ea5c'; }
.icon-descending:before { content: '\ea5d'; }
.icon-ry-download:before { content: '\ea5e'; }
.icon-ry-driver:before { content: '\ea5f'; }
.icon-ry-dropdown01:before { content: '\ea60'; }
.icon-ry-dropdown02:before { content: '\ea61'; }
.icon-ry-edit:before { content: '\ea62'; }
.icon-ry-enter-text:before { content: '\ea63'; }
.icon-ry-filter:before { content: '\ea64'; }
.icon-graph-pointer:before { content: '\ea65'; }
.icon-info:before { content: '\ea66'; }
.icon-ry-line:before { content: '\ea67'; }
.icon-list:before { content: '\ea68'; }
.icon-ry-location:before { content: '\ea69'; }
.icon-ry-map:before { content: '\ea6a'; }
.icon-more-icon:before { content: '\ea6b'; }
.icon-ry-numbers:before { content: '\ea6c'; }
.icon-ry-percentage:before { content: '\ea6d'; }
.icon-print_2:before { content: '\ea6e'; }
.icon-print:before { content: '\ea6f'; }
.icon-search:before { content: '\ea70'; }
.icon-offline:before { content: '\ea71'; }
.icon-online:before { content: '\ea72'; }
.icon-ry-tracker:before { content: '\ea73'; }
.icon-ry-upload:before { content: '\ea74'; }
.icon-ry-vehicle-:before { content: '\ea75'; }
.icon-add_folder_thick:before { content: '\ea76'; }
.icon-add_folder_thin:before { content: '\ea78'; }

@charset "UTF-8";

/*
 * Fallback rules so bare `icon icon-*` elements (e.g. ui-library's Map
 * LocationSearch / SettingBox controls, which render `class="icon icon-X"`
 * without the `ui-library-icons` prefix) pick up the same font-icons /
 * fontello glyphs as the `.ui-library-icons.icon-*` rules in styles-main.css.
 * Mirrors legacy src/assets/ui-library-icons/font-icons.css.
 */
[class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "font-icons";
  font-style: normal;
  font-weight: normal;
  speak: never;
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  margin-left: .2em;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-triangle-down:before { content: '\e800'; } /* '' */
.icon-triangle-up-right:before { content: '\e801'; } /* '' */
.icon-hide-menu-box:before { content: '\e802'; } /* '' */
.icon-hub-location:before { content: '\e803'; } /* '' */
.icon-image:before { content: '\e804'; } /* '' */
.icon-reload:before { content: '\e805'; } /* '' */
.icon-locater:before { content: '\e806'; } /* '' */
.icon-lockter-area:before { content: '\e807'; } /* '' */
.icon-mail:before { content: '\e808'; } /* '' */
.icon-print:before { content: '\e809'; } /* '' */
.icon-angle-down:before { content: '\e80a'; } /* '' */
.icon-angle-up:before { content: '\e80b'; } /* '' */
.icon-right-arrow:before { content: '\e80c'; } /* '' */
.icon-update:before { content: '\e80d'; } /* '' */
.icon-refresh:before { content: '\e80e'; } /* '' */
.icon-upload:before { content: '\e80f'; } /* '' */
.icon-battery-empty:before { content: '\e810'; } /* '' */
.icon-battery-full:before { content: '\e811'; } /* '' */
.icon-bullet:before { content: '\e812'; } /* '' */
.icon-calendar-thin:before { content: '\e813'; } /* '' */
.icon-check-box-unchecked:before { content: '\e814'; } /* '' */
.icon-check-right:before { content: '\e815'; } /* '' */
.icon-check-round:before { content: '\e816'; } /* '' */
.icon-delete-thin:before { content: '\e817'; } /* '' */
.icon-delete:before { content: '\e818'; } /* '' */
.icon-delete-button:before { content: '\e819'; } /* '' */
.icon-delete-tab:before { content: '\e81a'; } /* '' */
.icon-delink:before { content: '\e81b'; } /* '' */
.icon-download:before { content: '\e81c'; } /* '' */
.icon-triangle-up:before { content: '\e81d'; } /* '' */
.icon-copy:before { content: '\e81e'; } /* '' */
.icon-edit:before { content: '\e81f'; } /* '' */
.icon-edit-button:before { content: '\e820'; } /* '' */
.icon-warning:before { content: '\e821'; } /* '' */
.icon-trianlge-up-down:before { content: '\e822'; } /* '' */
.icon-first-page:before { content: '\e823'; } /* '' */
.icon-full-screen:before { content: '\e824'; } /* '' */
.icon-info:before { content: '\e825'; } /* '' */
.icon-last-page:before { content: '\e826'; } /* '' */
.icon-latesr-activity:before { content: '\e827'; } /* '' */
.icon-left-arrow:before { content: '\e828'; } /* '' */
.icon-like:before { content: '\e829'; } /* '' */
.icon-line-graph:before { content: '\e82a'; } /* '' */
.icon-line-node-graph:before { content: '\e82b'; } /* '' */
.icon-link:before { content: '\e82c'; } /* '' */
.icon-map-online:before { content: '\e82d'; } /* '' */
.icon-next:before { content: '\e82e'; } /* '' */
.icon-angle-right-thin:before { content: '\e82f'; } /* '' */
.icon-normal-screen:before { content: '\e830'; } /* '' */
.icon-star-empty:before { content: '\e831'; } /* '' */
.icon-star-filled:before { content: '\e832'; } /* '' */
.icon-origin:before { content: '\e833'; } /* '' */
.icon-search:before { content: '\e834'; } /* '' */
.icon-shape:before { content: '\e835'; } /* '' */
.icon-angle-left:before { content: '\e836'; } /* '' */
.icon-table-hover-signal:before { content: '\e837'; } /* '' */
.icon-time:before { content: '\e838'; } /* '' */
.icon-tracker:before { content: '\e839'; } /* '' */
.icon-bus:before { content: '\e83a'; } /* '' */
.icon-filter-funnel:before { content: '\e83b'; } /* '' */
.icon-down-arrow:before { content: '\e83c'; } /* '' */
.icon-up-arrow:before { content: '\e83d'; } /* '' */
.icon-x:before { content: '\e83e'; } /* '' */
.icon-cancel-button:before { content: '\e83f'; } /* '' */
.icon-icomoon-download:before { content: '\e840'; } /* '' */
.icon-icomoon-close:before { content: '\e841'; } /* '' */
.icon-icomoon-back:before { content: '\e8d6'; } /* '' */
.icon-icomoon-delete-empty:before { content: '\e842'; } /* '' */
.icon-icomoon-delete:before { content: '\e843'; } /* '' */
.icon-icomoon-download-report:before { content: '\e844'; } /* '' */
.icon-icomoon-save:before { content: '\e845'; } /* '' */
.icon-icomoon-save-and-assign:before { content: '\e846'; } /* '' */
.icon-icomoon-search:before { content: '\e847'; } /* '' */
.icon-icomoon-add:before { content: '\e848'; } /* '' */
.icon-icomoon-angle-right:before { content: '\e849'; } /* '' */
.icon-icomoon-angle-top:before { content: '\e84a'; } /* '' */
.icon-icomoon-angle-bottom:before { content: '\e84b'; } /* '' */
.icon-icomoon-ribbon-tick:before { content: '\e84c'; } /* '' */
.icon-icomoon-ribbon:before { content: '\e84d'; } /* '' */
.icon-icomoon-calendar:before { content: '\e84e'; } /* '' */
.icon-icomoon-edit-underline:before { content: '\e84f'; } /* '' */
.icon-icomoon-power-switch:before { content: '\e850'; } /* '' */
.icon-icomoon-refresh:before { content: '\e851'; } /* '' */
.icon-icomoon-setting:before { content: '\e852'; } /* '' */
.icon-icomoon-excel:before { content: '\e853'; } /* '' */
.icon-icomoon-puzzle-inclined:before { content: '\e854'; } /* '' */
.icon-icomoon-question-mark:before { content: '\e856'; } /* '' */
.icon-icomoon-options-horizontal:before { content: '\e857'; } /* '' */
.icon-icomoon-options-vertical:before { content: '\e858'; } /* '' */
.icon-icomoon-tick-circled:before { content: '\e859'; } /* '' */
.icon-icomoon-download-image:before { content: '\e85a'; } /* '' */
.icon-icomoon-puzzle-tick:before { content: '\e85b'; } /* '' */
.icon-icomoon-preferences:before { content: '\e85c'; } /* '' */
.icon-icomoon-location-reject:before { content: '\e85d'; } /* '' */
.icon-icomoon-location-approve:before { content: '\e85e'; } /* '' */
.icon-icomoon-funnel-options:before { content: '\e85f'; } /* '' */
.icon-icomoon-funel:before { content: '\e860'; } /* '' */
.icon-icomoon-key:before { content: '\e861'; } /* '' */
.icon-icomoon-puzzle:before { content: '\e862'; } /* '' */
.icon-menu:before { content: '\e863'; } /* '' */
.icon-optimize-packing:before { content: '\e864'; } /* '' */
.icon-breadcrumb-down-thin:before { content: '\e865'; } /* '' */
.icon-file-empty:before { content: '\e866'; } /* '' */
.icon-picker-home:before { content: '\e867'; } /* '' */
.icon-transfer:before { content: '\e868'; } /* '' */
.icon-transaction-cash:before { content: '\e869'; } /* '' */
.icon-da-icon:before { content: '\e86a'; } /* '' */
.icon-distribution-center:before { content: '\e86b'; } /* '' */
.icon-map-view:before { content: '\e86c'; } /* '' */
.icon-quick-sort:before { content: '\e86d'; } /* '' */
.icon-location-marker:before { content: '\e86e'; } /* '' */
.icon-unlock:before { content: '\e86f'; } /* '' */
.icon-trips:before { content: '\e870'; } /* '' */
.icon-da-available:before { content: '\e871'; } /* '' */
.icon-thunder:before { content: '\e872'; } /* '' */
.icon-order-pickedup:before { content: '\e873'; } /* '' */
.icon-order-cancelled:before { content: '\e874'; } /* '' */
.icon-truck:before { content: '\e875'; } /* '' */
.icon-cash-on-hand:before { content: '\e876'; } /* '' */
.icon-order-cash:before { content: '\e877'; } /* '' */
.icon-attach-file:before { content: '\e878'; } /* '' */
.icon-sort-descending:before { content: '\e879'; } /* '' */
.icon-sort-ascending:before { content: '\e87a'; } /* '' */
.icon-da-receivable:before { content: '\e87b'; } /* '' */
.icon-cross-circled:before { content: '\e87c'; } /* '' */
.icon-inscan:before { content: '\e87d'; } /* '' */
.icon-outscan:before { content: '\e87e'; } /* '' */
.icon-download-thin:before { content: '\e87f'; } /* '' */
.icon-boxplot:before { content: '\e880'; } /* '' */
.icon-barchart:before { content: '\e881'; } /* '' */
.icon-refresh-thin:before { content: '\e882'; } /* '' */
.icon-shipping-address:before { content: '\e883'; } /* '' */
.icon-package:before { content: '\e884'; } /* '' */
.icon-reject-blue-icon:before { content: '\e885'; } /* '' */
.icon-markashandover:before { content: '\e886'; } /* '' */
.icon-redo:before { content: '\e887'; } /* '' */
.icon-html:before { content: '\e888'; } /* '' */
.icon-html-editor:before { content: '\e889'; } /* '' */
.icon-mobile:before { content: '\e88a'; } /* '' */
.icon-preview:before { content: '\e88b'; } /* '' */
.icon-send-mail:before { content: '\e88c'; } /* '' */
.icon-template:before { content: '\e88d'; } /* '' */
.icon-created:before { content: '\e88e'; } /* '' */
.icon-delivered:before { content: '\e88f'; } /* '' */
.icon-intransit:before { content: '\e890'; } /* '' */
.icon-send:before { content: '\e891'; } /* '' */
.icon-attempted-delivery:before { content: '\e892'; } /* '' */
.icon-call:before { content: '\e893'; } /* '' */
.icon-cancelled:before { content: '\e894'; } /* '' */
.icon-partially-delivered:before { content: '\e895'; } /* '' */
.icon-gps-recenter:before { content: '\e896'; } /* '' */
.icon-explore:before { content: '\e897'; } /* '' */
.icon-announcements:before { content: '\e898'; } /* '' */
.icon-help-center:before { content: '\e899'; } /* '' */
.icon-thumb-up:before { content: '\e89a'; } /* '' */
.icon-clock-outlined:before { content: '\e89b'; } /* '' */
.icon-tree-view:before { content: '\e89c'; } /* '' */
.icon-youtube:before { content: '\e89d'; } /* '' */
.icon-twitter:before { content: '\e89e'; } /* '' */
.icon-linkedin:before { content: '\e89f'; } /* '' */
.icon-email:before { content: '\e8a0'; } /* '' */
.icon-thumb-down-filled:before { content: '\e8a1'; } /* '' */
.icon-thumb-up-filled:before { content: '\e8a2'; } /* '' */
.icon-active:before { content: '\e8a3'; } /* '' */
.icon-add:before { content: '\e8a4'; } /* '' */
.icon-attached:before { content: '\e8a5'; } /* '' */
.icon-bar-graph:before { content: '\e8a6'; } /* '' */
.icon-check-tick:before { content: '\e8a7'; } /* '' */
.icon-clock:before { content: '\e8a8'; } /* '' */
.icon-close:before { content: '\e8a9'; } /* '' */
.icon-contact:before { content: '\e8aa'; } /* '' */
.icon-driver:before { content: '\e8ab'; } /* '' */
.icon-previous:before { content: '\e8ac'; } /* '' */
.icon-angle-left-thin:before { content: '\e8ad'; } /* '' */
.icon-calendar:before { content: '\e8ae'; } /* '' */
.icon-check-box-checked:before { content: '\e8af'; } /* '' */
.icon-destination:before { content: '\e8b0'; } /* '' */
.icon-download-cloud:before { content: '\e8b1'; } /* '' */
.icon-graph-node:before { content: '\e8b2'; } /* '' */
.icon-inactive:before { content: '\e8b3'; } /* '' */
.icon-menu-tab:before { content: '\e8b4'; } /* '' */
.icon-more-icon:before { content: '\e8b5'; } /* '' */
.icon-angle-right:before { content: '\e8b6'; } /* '' */
.icon-sms:before { content: '\e8b7'; } /* '' */
.icon-icomoon-edit-empty:before { content: '\e8b8'; } /* '' */
.icon-icomoon-upload:before { content: '\e8b9'; } /* '' */
.icon-icomoon-minus:before { content: '\e8ba'; } /* '' */
.icon-icomoon-angle-left:before { content: '\e8bb'; } /* '' */
.icon-icomoon-person:before { content: '\e8bc'; } /* '' */
.icon-icomoon-thunder:before { content: '\e8bd'; } /* '' */
.icon-icomoon-download-excel:before { content: '\e8be'; } /* '' */
.icon-icomoon-warning-circled:before { content: '\e8bf'; } /* '' */
.icon-default-marker:before { content: '\e8c0'; } /* '' */
.icon-copy-empty:before { content: '\e8c1'; } /* '' */
.icon-list-view:before { content: '\e8c2'; } /* '' */
.icon-bulk-update:before { content: '\e8c3'; } /* '' */
.icon-warehouse:before { content: '\e8c4'; } /* '' */
.icon-wallet:before { content: '\e8c5'; } /* '' */
.icon-clock-history-outline:before { content: '\e8c6'; } /* '' */
.icon-chat:before { content: '\e8c7'; } /* '' */
.icon-undo:before { content: '\e8c8'; } /* '' */
.icon-desktop:before { content: '\e8c9'; } /* '' */
.icon-out-for-delivery:before { content: '\e8ca'; } /* '' */
.icon-accept-notify:before { content: '\e8cb'; } /* '' */
.icon-dynamic-tags:before { content: '\e8cc'; } /* '' */
.icon-thumb-down:before { content: '\e8cd'; } /* '' */
.icon-copyright:before { content: '\e8ce'; } /* '' */
.icon-barcode:before { content: '\e8cf'; } /* '' */
.icon-icon-notes:before { content: '\e8d0'; } /* '' */
.icon-reschedule:before { content: '\e8d3'; } /* '' */
.icon-manage_alert:before { content: '\e8d4'; } /* '' */
.icon-geocode_check:before { content: '\e8d5'; } /* '' */
.icon-mail-1:before { content: '\e8d7'; } /* '' */
.icon-phone:before { content: '\e8d8'; } /* '' */
.icon-checkbox:before { content: '\e8d9'; } /* '' */
.icon-date-time:before { content: '\e8db'; } /* '' */
.icon-decimal-number:before { content: '\e8dc'; } /* '' */
.icon-dropdown:before { content: '\e8de'; } /* '' */
.icon-e-signature:before { content: '\e8df'; } /* '' */
.icon-integer-number:before { content: '\e8e0'; } /* '' */
.icon-publish:before { content: '\e8e5'; } /* '' */
.icon-text:before { content: '\e8e6'; } /* '' */
.icon-calendar-empty:before { content: '\f133'; } /* '' */
.icon-dot-circled:before { content: '\f192'; } /* '' */
.icon-percent:before { content: '\f295'; } /* '' */
.icon-camera-outline:before { content: '\e855'; } /* '' */
.icon-clock:before { content: '\e8a8'; } /* '' */
.icon-location-outline:before { content: '\e8d2'; } /* '' */
.icon-alert-for-list:before { content: '\e8e7'; } /* '' */
.icon-alert-for-popups:before { content: '\e8e8'; } /* '' */
.icon-linkout:before { content: '\e8e9'; } /* '' */
.icon-scan-cancel:before { content: '\e8ea'; } /* '' */
.icon-scan-continue:before { content: '\e8eb'; } /* '' */
.icon-ry-print-2:before { font-family: "fontello" !important; content: '\e800'; } /* '' */
.icon-_1:before { font-family: "fontello" !important; content: '\e801'; } /* '' */
.icon-camera:before { font-family: "fontello" !important; content: '\e802'; } /* '' */
.icon-check_box_3:before { font-family: "fontello" !important; content: '\e803'; } /* '' */
.icon-contact_number:before { font-family: "fontello" !important; content: '\e804'; } /* '' */
.icon-play:before { font-family: "fontello" !important; content: '\e805'; } /* '' */
.icon-stop:before { font-family: "fontello" !important; content: '\e806'; } /* '' */
.icon-pause:before { font-family: "fontello" !important; content: '\e807'; } /* '' */
.icon-to-end:before { font-family: "fontello" !important; content: '\e809'; } /* '' */
.icon-track-pointer:before { font-family: "fontello" !important; content: '\e80b'; } /* '' */
.icon-to-end-alt:before { font-family: "fontello" !important; content: '\e80d'; } /* '' */
.icon-geo-coding-done:before { font-family: "fontello" !important; content: '\e810'; } /* '' */
.icon-to-start:before { font-family: "fontello" !important; content: '\e811'; } /* '' */
.icon-trip-formed:before { font-family: "fontello" !important; content: '\e812'; } /* '' */
.icon-shape7:before { font-family: "fontello" !important; content: '\e813'; } /* '' */
.icon-ry-star-border:before { font-family: "fontello" !important; content: '\e814'; } /* '' */
.icon-list-icon:before { font-family: "fontello" !important; content: '\e815'; } /* '' */
.icon-geocoding-not-done:before { font-family: "fontello" !important; content: '\e816'; } /* '' */
.icon-to-start-alt:before { font-family: "fontello" !important; content: '\e817'; } /* '' */
.icon-add-notes:before { font-family: "fontello" !important; content: '\e819'; } /* '' */
.icon-add-orders:before { font-family: "fontello" !important; content: '\e81a'; } /* '' */
.icon-load:before { font-family: "fontello" !important; content: '\e81c'; } /* '' */
.icon-ry-star-fill:before { font-family: "fontello" !important; content: '\e81d'; } /* '' */
.icon-shape10:before { font-family: "fontello" !important; content: '\e81e'; } /* '' */
.icon-show-drs:before { font-family: "fontello" !important; content: '\e820'; } /* '' */
.icon-group-7:before { font-family: "fontello" !important; content: '\e823'; } /* '' */
.icon-ascending:before { font-family: "fontello" !important; content: '\e825'; } /* '' */
.icon-assign-now:before { font-family: "fontello" !important; content: '\e826'; } /* '' */
.icon-check:before { font-family: "fontello" !important; content: '\e829'; } /* '' */
.icon-hide-content:before { font-family: "fontello" !important; content: '\e82a'; } /* '' */
.icon-performance_niddle:before { font-family: "fontello" !important; content: '\e82c'; } /* '' */
.icon-slide-down-accordian:before { font-family: "fontello" !important; content: '\e82d'; } /* '' */
.icon-update-button:before { font-family: "fontello" !important; content: '\e82e'; } /* '' */
.icon-two_wheeler:before { font-family: "fontello" !important; content: '\e82f'; } /* '' */
.icon-slide-left-2:before { font-family: "fontello" !important; content: '\e831'; } /* '' */
.icon-plan-now:before { font-family: "fontello" !important; content: '\e832'; } /* '' */
.icon-low_priority_alert_1:before { font-family: "fontello" !important; content: '\e833'; } /* '' */
.icon-combined-shape-16:before { font-family: "fontello" !important; content: '\e839'; } /* '' */
.icon-combined-shape-18:before { font-family: "fontello" !important; content: '\e83a'; } /* '' */
.icon-high-priority-alerts_1:before { font-family: "fontello" !important; content: '\e83b'; } /* '' */
.icon-map-icon:before { font-family: "fontello" !important; content: '\e83c'; } /* '' */
.icon-slide-left:before { font-family: "fontello" !important; content: '\e83d'; } /* '' */
.icon-upload-2:before { font-family: "fontello" !important; content: '\e83f'; } /* '' */
.icon-upload-3:before { font-family: "fontello" !important; content: '\e840'; } /* '' */
.icon-slide-open-close:before { font-family: "fontello" !important; content: '\e841'; } /* '' */
.icon-previous-page:before { font-family: "fontello" !important; content: '\e842'; } /* '' */
.icon-combined-shape:before { font-family: "fontello" !important; content: '\e843'; } /* '' */
.icon-combined-shape-11:before { font-family: "fontello" !important; content: '\e847'; } /* '' */
.icon-hub-2:before { font-family: "fontello" !important; content: '\e849'; } /* '' */
.icon-mark-delivered:before { font-family: "fontello" !important; content: '\e84c'; } /* '' */
.icon-slide-right-2:before { font-family: "fontello" !important; content: '\e84e'; } /* '' */
.icon-xls:before { font-family: "fontello" !important; content: '\e850'; } /* '' */
.icon-slide-right:before { font-family: "fontello" !important; content: '\e851'; } /* '' */
.icon-hub:before { font-family: "fontello" !important; content: '\e854'; } /* '' */
.icon-duplicate:before { font-family: "fontello" !important; content: '\e855'; } /* '' */
.icon-crates:before { font-family: "fontello" !important; content: '\e856'; } /* '' */
.icon-calander1:before { font-family: "fontello" !important; content: '\e858'; } /* '' */
.icon-image-proof:before { font-family: "fontello" !important; content: '\e85b'; } /* '' */
.icon-message-alert:before { font-family: "fontello" !important; content: '\e85c'; } /* '' */
.icon-ry-print:before { font-family: "fontello" !important; content: '\e85d'; } /* '' */
.icon-slide-up-accordian:before { font-family: "fontello" !important; content: '\e85e'; } /* '' */
.icon-ry-calendar:before { font-family: "fontello" !important; content: '\e85f'; } /* '' */
.icon-high-priority-alert:before { font-family: "fontello" !important; content: '\e860'; } /* '' */
.icon-sms-1:before { font-family: "fontello" !important; content: '\e861'; } /* '' */
.icon-process:before { font-family: "fontello" !important; content: '\e862'; } /* '' */
.icon-mobile-notifications-1:before { font-family: "fontello" !important; content: '\e863'; } /* '' */
.icon-edit-2:before { font-family: "fontello" !important; content: '\e865'; } /* '' */
.icon-calander2:before { font-family: "fontello" !important; content: '\e867'; } /* '' */
.icon-cancel-orders:before { font-family: "fontello" !important; content: '\e868'; } /* '' */
.icon-delete-box:before { font-family: "fontello" !important; content: '\e869'; } /* '' */
.icon-ry-more-icon:before { font-family: "fontello" !important; content: '\e86c'; } /* '' */
.icon-reroute:before { font-family: "fontello" !important; content: '\e86d'; } /* '' */
.icon-low-priority-alert:before { font-family: "fontello" !important; content: '\e86e'; } /* '' */
.icon-system-notification:before { font-family: "fontello" !important; content: '\e86f'; } /* '' */
.icon-move-down-round:before { font-family: "fontello" !important; content: '\e872'; } /* '' */
.icon-ry-info:before { font-family: "fontello" !important; content: '\e873'; } /* '' */
.icon-email-1:before { font-family: "fontello" !important; content: '\e874'; } /* '' */
.icon-delete-final:before { font-family: "fontello" !important; content: '\e875'; } /* '' */
.icon-cancle-not-sent:before { font-family: "fontello" !important; content: '\e876'; } /* '' */
.icon-ry-check-box-checked:before { font-family: "fontello" !important; content: '\e877'; } /* '' */
.icon-email-alert:before { font-family: "fontello" !important; content: '\e879'; } /* '' */
.icon-move-down:before { font-family: "fontello" !important; content: '\e87b'; } /* '' */
.icon-rto:before { font-family: "fontello" !important; content: '\e87c'; } /* '' */
.icon-time_delivery:before { font-family: "fontello" !important; content: '\e87e'; } /* '' */
.icon-search2:before { font-family: "fontello" !important; content: '\e87f'; } /* '' */
.icon-move-up-down:before { font-family: "fontello" !important; content: '\e880'; } /* '' */
.icon-enter-text:before { font-family: "fontello" !important; content: '\e882'; } /* '' */
.icon-delivery-boy:before { font-family: "fontello" !important; content: '\e886'; } /* '' */
.icon-error:before { font-family: "fontello" !important; content: '\e888'; } /* '' */
.icon-move-up-round:before { font-family: "fontello" !important; content: '\e889'; } /* '' */
.icon-setting:before { font-family: "fontello" !important; content: '\e88a'; } /* '' */
.icon-time_trip:before { font-family: "fontello" !important; content: '\e88b'; } /* '' */
.icon-shape-4:before { font-family: "fontello" !important; content: '\e88d'; } /* '' */
.icon-move-up:before { font-family: "fontello" !important; content: '\e88e'; } /* '' */
.icon-check-tick-2:before { font-family: "fontello" !important; content: '\e891'; } /* '' */
.icon-filter:before { font-family: "fontello" !important; content: '\e893'; } /* '' */
.icon-dispatch:before { font-family: "fontello" !important; content: '\e894'; } /* '' */
.icon-next-page:before { font-family: "fontello" !important; content: '\e897'; } /* '' */
.icon-timer_order:before { font-family: "fontello" !important; content: '\e899'; } /* '' */
.icon-ry-calendar-range:before { font-family: "fontello" !important; content: '\e89a'; } /* '' */
.icon-ry-bar:before { font-family: "fontello" !important; content: '\e89b'; } /* '' */
.icon-ry-ascending:before { font-family: "fontello" !important; content: '\e89c'; } /* '' */
.icon-ry-list:before { font-family: "fontello" !important; content: '\e89d'; } /* '' */
.icon-ry-graph-pointer:before { font-family: "fontello" !important; content: '\e89e'; } /* '' */
.icon-dropdown02:before { font-family: "fontello" !important; content: '\e89f'; } /* '' */
.icon-ry-search:before { font-family: "fontello" !important; content: '\e8a0'; } /* '' */
.icon-distance_delivery:before { font-family: "fontello" !important; content: '\e8a1'; } /* '' */
.icon-shape3:before { font-family: "fontello" !important; content: '\e8a2'; } /* '' */
.icon-cost-calculator:before { font-family: "fontello" !important; content: '\e8a3'; } /* '' */
.icon-distance_order:before { font-family: "fontello" !important; content: '\e8a4'; } /* '' */
.icon-distance_trip:before { font-family: "fontello" !important; content: '\e8a5'; } /* '' */
.icon-download-2:before { font-family: "fontello" !important; content: '\e8a6'; } /* '' */
.icon-download1:before { font-family: "fontello" !important; content: '\e8a8'; } /* '' */
.icon-dropdown-angle-copy:before { font-family: "fontello" !important; content: '\e8aa'; } /* '' */
.icon-dropdown-angle:before { font-family: "fontello" !important; content: '\e8ab'; } /* '' */
.icon-dropdown-triangle-copy:before { font-family: "fontello" !important; content: '\e8ac'; } /* '' */
.icon-dropdown-triangle:before { font-family: "fontello" !important; content: '\e8ad'; } /* '' */
.icon-shape5:before { font-family: "fontello" !important; content: '\e8ae'; } /* '' */
.icon-dropdown01:before { font-family: "fontello" !important; content: '\e8af'; } /* '' */
.icon-resize-full:before { font-family: "fontello" !important; content: '\e8b0'; } /* '' */
.icon-resize-normal:before { font-family: "fontello" !important; content: '\e8b1'; } /* '' */
.icon-bar-1:before { font-family: "fontello" !important; content: '\e8be'; } /* '' */
.icon-info-icon:before { font-family: "fontello" !important; content: '\e8bf'; } /* '' */
.icon-settings-1:before { font-family: "fontello" !important; content: '\e8c0'; } /* '' */
.icon-settings-2:before { font-family: "fontello" !important; content: '\e8c1'; } /* '' */
.icon-vehicle-:before { font-family: "fontello" !important; content: '\e8cb'; } /* '' */
.icon-view:before { font-family: "fontello" !important; content: '\e8cd'; } /* '' */
.icon-no-login:before { font-family: "fontello" !important; content: '\e8cf'; } /* '' */
.icon-no-usage:before { font-family: "fontello" !important; content: '\e8d0'; } /* '' */
.icon-view-1:before { font-family: "fontello" !important; content: '\e8d5'; } /* '' */
.icon-payment-due:before { font-family: "fontello" !important; content: '\e8d6'; } /* '' */
.icon-user-uncheck:before { font-family: "fontello" !important; content: '\e8d7'; } /* '' */
.icon-user-added:before { font-family: "fontello" !important; content: '\e8d8'; } /* '' */
.icon-user-check:before { font-family: "fontello" !important; content: '\e8d9'; } /* '' */
.icon-user:before { font-family: "fontello" !important; content: '\e8da'; } /* '' */
.icon-date_calander_1:before { font-family: "fontello" !important; content: '\e8db'; } /* '' */
.icon-date_time_1:before { font-family: "fontello" !important; content: '\e8dc'; } /* '' */
.icon-decimal_number:before { font-family: "fontello" !important; content: '\e8dd'; } /* '' */
.icon-drop_down_1:before { font-family: "fontello" !important; content: '\e8de'; } /* '' */
.icon-email_icon:before { font-family: "fontello" !important; content: '\e8e0'; } /* '' */
.icon-geotagging:before { font-family: "fontello" !important; content: '\e8e1'; } /* '' */
.icon-integer_number:before { font-family: "fontello" !important; content: '\e8e2'; } /* '' */
.icon-radio-button_3:before { font-family: "fontello" !important; content: '\e8e3'; } /* '' */
.icon-time_clock_1:before { font-family: "fontello" !important; content: '\e8e5'; } /* '' */
.icon-upload_4:before { font-family: "fontello" !important; content: '\e8e6'; } /* '' */
.icon-text_tool_2:before { font-family: "fontello" !important; content: '\e8e8'; } /* '' */
.icon-info-icon-1:before { font-family: "fontello" !important; content: '\e8e9'; } /* '' */
.icon-slide_show_off:before { font-family: "fontello" !important; content: '\e8ea'; } /* '' */
.icon-slide_show_on:before { font-family: "fontello" !important; content: '\e8eb'; } /* '' */
.icon-ry-add:before { font-family: "fontello" !important; content: '\ea54'; } /* '' */
.icon-ry-alert:before { font-family: "fontello" !important; content: '\ea55'; } /* '' */
.icon-ry-descending:before { font-family: "fontello" !important; content: '\ea56'; } /* '' */
.icon-bar:before { font-family: "fontello" !important; content: '\ea57'; } /* '' */
.icon-calendar-range:before { font-family: "fontello" !important; content: '\ea58'; } /* '' */
.icon-ry-check:before { font-family: "fontello" !important; content: '\ea5b'; } /* '' */
.icon-ry-close:before { font-family: "fontello" !important; content: '\ea5c'; } /* '' */
.icon-descending:before { font-family: "fontello" !important; content: '\ea5d'; } /* '' */
.icon-ry-download:before { font-family: "fontello" !important; content: '\ea5e'; } /* '' */
.icon-ry-driver:before { font-family: "fontello" !important; content: '\ea5f'; } /* '' */
.icon-ry-dropdown01:before { font-family: "fontello" !important; content: '\ea60'; } /* '' */
.icon-ry-dropdown02:before { font-family: "fontello" !important; content: '\ea61'; } /* '' */
.icon-ry-edit:before { font-family: "fontello" !important; content: '\ea62'; } /* '' */
.icon-ry-enter-text:before { font-family: "fontello" !important; content: '\ea63'; } /* '' */
.icon-ry-filter:before { font-family: "fontello" !important; content: '\ea64'; } /* '' */
.icon-graph-pointer:before { font-family: "fontello" !important; content: '\ea65'; } /* '' */
.icon-ry-line:before { font-family: "fontello" !important; content: '\ea67'; } /* '' */
.icon-list:before { font-family: "fontello" !important; content: '\ea68'; } /* '' */
.icon-ry-location:before { font-family: "fontello" !important; content: '\ea69'; } /* '' */
.icon-ry-map:before { font-family: "fontello" !important; content: '\ea6a'; } /* '' */
.icon-ry-numbers:before { font-family: "fontello" !important; content: '\ea6c'; } /* '' */
.icon-ry-percentage:before { font-family: "fontello" !important; content: '\ea6d'; } /* '' */
.icon-print_2:before { font-family: "fontello" !important; content: '\ea6e'; } /* '' */
.icon-offline:before { font-family: "fontello" !important; content: '\ea71'; } /* '' */
.icon-online:before { font-family: "fontello" !important; content: '\ea72'; } /* '' */
.icon-ry-tracker:before { font-family: "fontello" !important; content: '\ea73'; } /* '' */
.icon-ry-upload:before { font-family: "fontello" !important; content: '\ea74'; } /* '' */
.icon-ry-vehicle-:before { font-family: "fontello" !important; content: '\ea75'; } /* '' */
.icon-add_folder_thick:before { font-family: "fontello" !important; content: '\ea76'; } /* '' */
.icon-add_folder_thin:before { font-family: "fontello" !important; content: '\ea78'; } /* '' */
.icon-planned-distance:before { font-family: "fontello" !important; content: '\e83e'; } /* Fontello planned-distance path in fonts/font-icons.svg */
.icon-starttrip:before { content: '\e943'; }
.icon-stoptrip:before { content: '\e944'; }
.icon-showdrs:before { content: '\e94d'; }

[class*=hint--]:after{background:#6f0881;background:var(--color-primary-main, #6f0881);text-shadow:none;font-family:"Gotham-Rounded","Helvetica Neue",Helvetica,Arial,sans-serif;border-radius:3px}.hint--bottom:before,.hint--bottom-left:before,.hint--bottom-right:before{border-bottom-color:#6f0881;border-bottom-color:var(--color-primary-main, #6f0881)}.hint--top:before,.hint--top-left:before,.hint--top-right:before{border-top-color:#6f0881;border-top-color:var(--color-primary-main, #6f0881)}.hint--left:before{border-left-color:#6f0881;border-left-color:var(--color-primary-main, #6f0881)}.hint--right:before{border-right-color:#6f0881;border-right-color:var(--color-primary-main, #6f0881)}

/*# sourceMappingURL=main.c9bbda05eef4e581c460.css.map*/