﻿
.ui-widget-header {
	border: none;
	color: #000;
	background-color: #1AB394;
}

.btn-file {
	position: relative;
	overflow: hidden;
}

	.btn-file input[type=file] {
		position: absolute;
		top: 0;
		right: 0;
		min-width: 100%;
		min-height: 100%;
		font-size: 100px;
		text-align: right;
		filter: alpha(opacity=0);
		opacity: 0;
		outline: none;
		background: white;
		cursor: inherit;
		display: block;
	}

.ibox-title-input {
	margin-top: -5px;
}

.filtered {
	display: none;
}

.nav > li.active {
	border-left: 4px solid #4890C0;
	background: #221F1F;
}

.tabs-container .nav > li.active {
	border-left: none;
	background: none;
}

.nav-header {
	padding: 12px 25px;
}

.gm-style-iw + div {
	display: none;
}

.gm-style-iw span.title {
	font-weight: bold;
}


.ms-options-wrap,
.ms-options-wrap * {
	box-sizing: border-box;
}

	.ms-options-wrap > button:focus,
	.ms-options-wrap > button {
		position: relative;
		width: 100%;
		text-align: left;
		border: 1px solid #e5e6e7;
		background-color: #fff;
		padding: 5px 20px 5px 5px;
		margin-top: 1px;
		font-size: 13px;
		color: #aaa;
		outline: none;
		white-space: nowrap;
	}

		.ms-options-wrap > button:after {
			content: ' ';
			height: 0;
			position: absolute;
			top: 50%;
			right: 5px;
			width: 0;
			border: 6px solid rgba(0, 0, 0, 0);
			border-top-color: #999;
			margin-top: -3px;
		}

	.ms-options-wrap > .ms-options {
		position: absolute;
		left: 0;
		width: 100%;
		margin-top: 1px;
		margin-bottom: 20px;
		background: white;
		z-index: 2000;
		border: 1px solid #aaa;
	}

		.ms-options-wrap > .ms-options > .ms-search input {
			width: 100%;
			padding: 4px 5px;
			border: none;
			border-bottom: 1px groove;
			outline: none;
		}

		.ms-options-wrap > .ms-options .ms-selectall {
			display: inline-block;
			font-size: .9em;
			text-transform: lowercase;
			text-decoration: none;
		}

			.ms-options-wrap > .ms-options .ms-selectall:hover {
				text-decoration: underline;
			}

		.ms-options-wrap > .ms-options > .ms-selectall.global {
			margin: 4px 5px;
		}

		.ms-options-wrap > .ms-options > ul > li.optgroup {
			padding: 5px;
		}

			.ms-options-wrap > .ms-options > ul > li.optgroup + li.optgroup {
				border-top: 1px solid #aaa;
			}

			.ms-options-wrap > .ms-options > ul > li.optgroup .label {
				display: block;
				padding: 5px 0 0 0;
				font-weight: bold;
			}

		.ms-options-wrap > .ms-options > ul label {
			position: relative;
			display: inline-block;
			width: 100%;
			padding: 4px;
			margin: 1px 0;
			font-weight: normal;
		}

		/*.ms-options-wrap > .ms-options > ul li.selected label,
			.ms-options-wrap > .ms-options > ul label:hover {
				background-color: #efefef;
			}*/

		.ms-options-wrap > .ms-options > ul input[type="checkbox"] {
			margin-right: 5px;
			position: absolute;
			left: 4px;
			top: 4px;
		}

.ms-options-wrap-list {
	padding-left: 15px;
}

	.ms-options-wrap-list > li {
		list-style-type: none;
	}

.map-legend {
	margin: 5px;
	background-color: #ffffff;
	opacity: 0.9;
	padding: 5px;
	border: 1px solid #000;
	width: 250px;
	overflow: auto;
}

.map-legend-table {
	width: 100%;
}

.map-legend-table-row {
	border-bottom: solid 2px #ffffff;
}

.map-legend-table-row-cell {
	font-size: 10px;
	padding: 6px 12px;
}

.map-icon-legend {
	margin: 5px;
	background-color: #ffffff;
	opacity: 0.9;
	padding: 5px;
	border: 1px solid #000;
	min-width: 100px;
}

.map-icon-legend-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.map-icon-legend-cell {
	vertical-align: middle;
}

.header-buttons {
	margin-top: 20px;
}

.affix {
	width: 44%;
	right: 25px;
}

.title-right-buttons {
	margin-top: -5px;
}

.tooltip {
	width: 300px;
	z-index: 10000;
}

.tooltip-inner {
	text-align: left;
}

.dropdown-menu > li > a {
	padding: 3px 5px;
}

	.dropdown-menu > li > a > i {
		width: 18px;
	}

ol.breadcrumb > li.active {
	font-weight: bold;
}

.modal.left .modal-dialog,
.modal.right .modal-dialog {
	position: fixed;
	margin: auto;
	width: 320px;
	height: 100%;
	-webkit-transform: translate3d(0%, 0, 0);
	-ms-transform: translate3d(0%, 0, 0);
	-o-transform: translate3d(0%, 0, 0);
	transform: translate3d(0%, 0, 0);
}

.modal.left .modal-content,
.modal.right .modal-content {
	height: 100%;
	overflow-y: auto;
}

.modal.left .modal-body,
.modal.right .modal-body {
	padding: 15px 15px 80px;
}

/*Left*/
.modal.left.fade .modal-dialog {
	left: -320px;
	-webkit-transition: opacity 0.3s linear, left 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, left 0.3s ease-out;
	-o-transition: opacity 0.3s linear, left 0.3s ease-out;
	transition: opacity 0.3s linear, left 0.3s ease-out;
}

.modal.left.fade.in .modal-dialog {
	left: 0;
}

/*Right*/
.modal.right.fade .modal-dialog {
	right: -320px;
	-webkit-transition: opacity 0.3s linear, right 0.3s ease-out;
	-moz-transition: opacity 0.3s linear, right 0.3s ease-out;
	-o-transition: opacity 0.3s linear, right 0.3s ease-out;
	transition: opacity 0.3s linear, right 0.3s ease-out;
}

.modal.right.fade.in .modal-dialog {
	right: 0;
}

/* ----- MODAL STYLE ----- */
.modal-content {
	border-radius: 0;
	border: none;
}

.modal-header {
	border-bottom-color: #EEEEEE;
	background-color: #FAFAFA;
}

ol.breadcrumb li a {
	text-decoration: underline;
}

ol.breadcrumb li:first-child {
	font-weight: bold;
}

ol.breadcrumb li.active {
	font-weight: normal;
}

.strike {
	display: block;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 5px;
}

	.strike > span {
		position: relative;
		display: inline-block;
		font-weight: 700;
	}

		.strike > span:before,
		.strike > span:after {
			content: "";
			position: absolute;
			top: 50%;
			width: 9999px;
			height: 1px;
			background: #eee;
		}

		.strike > span:before {
			right: 100%;
			margin-right: 15px;
		}

		.strike > span:after {
			left: 100%;
			margin-left: 15px;
		}


.input-group-addon-ampm {
	width: 70px;
	padding: 0px;
}
	.input-group-addon-ampm select {
		border: none;
		padding: 0px 12px;
		height: 32px;
	}


.text-green {
	color: #1ab394;
}

.dropdown-left-manual {
	right: 0;
	left: auto;
	padding-left: 1px;
	padding-right: 1px;
}

.pt5 {
	padding-top: 5px;
}

.dim {
	display: inline-block;
	text-decoration: none;
	text-transform: uppercase;
	text-align: center;
	padding-top: 6px;
	margin-right: 10px;
	position: relative;
	cursor: pointer;
	border-radius: 5px;
	font-weight: 600;
	margin-bottom: 20px !important;
}

	.dim:active {
		top: 3px;
	}

.btn-primary.dim {
	box-shadow: inset 0 0 0 #16987e, 0 5px 0 0 #16987e, 0 10px 5px #999999;
}

	.btn-primary.dim:active {
		box-shadow: inset 0 0 0 #16987e, 0 2px 0 0 #16987e, 0 5px 3px #999999;
	}

.btn-default.dim {
	box-shadow: inset 0 0 0 #b3b3b3, 0 5px 0 0 #b3b3b3, 0 10px 5px #999999;
}

	.btn-default.dim:active {
		box-shadow: inset 0 0 0 #b3b3b3, 0 2px 0 0 #b3b3b3, 0 5px 3px #999999;
	}

.btn-warning.dim {
	box-shadow: inset 0 0 0 #f79d3c, 0 5px 0 0 #f79d3c, 0 10px 5px #999999;
}

	.btn-warning.dim:active {
		box-shadow: inset 0 0 0 #f79d3c, 0 2px 0 0 #f79d3c, 0 5px 3px #999999;
	}

.btn-info.dim {
	box-shadow: inset 0 0 0 #1eacae, 0 5px 0 0 #1eacae, 0 10px 5px #999999;
}

	.btn-info.dim:active {
		box-shadow: inset 0 0 0 #1eacae, 0 2px 0 0 #1eacae, 0 5px 3px #999999;
	}

.btn-success.dim {
	box-shadow: inset 0 0 0 #1872ab, 0 5px 0 0 #1872ab, 0 10px 5px #999999;
}

	.btn-success.dim:active {
		box-shadow: inset 0 0 0 #1872ab, 0 2px 0 0 #1872ab, 0 5px 3px #999999;
	}

.btn-danger.dim {
	box-shadow: inset 0 0 0 #ea394c, 0 5px 0 0 #ea394c, 0 10px 5px #999999;
}

	.btn-danger.dim:active {
		box-shadow: inset 0 0 0 #ea394c, 0 2px 0 0 #ea394c, 0 5px 3px #999999;
	}

.ven-very-early {
	background-color: #24C3FF;
	color: #ffffff;
}

.ven-early {
	background-color: #009BD6;
	color: #ffffff;
}

.ven-on-time {
	background-color: #57CA67;
	color: #ffffff;
}

.ven-late {
	background-color: #F0DA64;
	color: #112730;
}

.ven-very-late {
	background-color: #F37463;
	color: #ffffff;
}

.btn-primary-done {
	background-color: #6fd1bd;
	color: #ffffff;
}

.badge-bm {
	background-color: #1B2655;
	color: #ffffff;
}

.bm-bg-success {
	background-color: #18a689;
	color: #ffffff;
}

	.bm-bg-success select, .bm-bg-success i {
		color: #676A6C;
	}

.bm-bg-warning {
	background-color: #f7a54a;
	color: #ffffff;
}

	.bm-bg-warning select, .bm-bg-warning i {
		color: #676A6C;
	}


.bm-bg-danger {
	background-color: #ed5565;
	color: #ffffff;
}

	.bm-bg-danger select, .bm-bg-danger i {
		color: #676A6C;
	}


.bm-bg-info {
	background-color: #21b9bb;
	color: #ffffff;
}

	.bm-bg-info a {
		color: #ffffff;
		text-decoration: underline;
	}

.gm-ui-hover-effect {
	display: none !important;
}

.breadcrumb ul.dropdown-menu li a {
	text-decoration: none;
}

@media (min-width: 576px) {
	.modal-xlg {
		width: 512px;
	}
}

@media (min-width: 768px) {
	.modal-xlg {
		width: 704px;
	}
}

@media (min-width: 992px) {
	.modal-xlg {
		width: 928px;
	}
}

@media (min-width: 1200px) {
	.modal-xlg {
		width: 1136px;
	}
}

@media (min-width: 1440px) {
	.modal-xlg {
		width: 1376px;
	}
}

@media (min-width: 1920px) {
	.modal-xlg {
		width: 1856px;
	}
}

@media (min-width: 2048px) {
	.modal-xlg {
		width: 1984px;
	}
}

.chat-discussion {
	padding: 0px;
	height: auto;
	background: none;
}

	.chat-discussion .chat-message.left .message {
		margin-left: 0px;
	}

.chat-message {
	padding: 10px 0px;
}

#right-sidebar {
	width: 470px !important;
	right: -470px;
	transition: right 0.3s ease;
}

/* When the help panel is open, push the main content in from the right so the
   panel sits beside the content rather than covering it. Matches the panel
   width above. Only on larger screens, where there is room to do so. */
#page-wrapper {
	transition: margin-right 0.3s ease;
}

@media (min-width: 768px) {
	body.right-sidebar-open #page-wrapper {
		margin-right: 470px;
	}
}

.text-busminder {
	color: #0fbbb9 !important;
}

.btn-busminder {
	background-color: #0fbbb9;
	border-color: #0fbbb9;
	color: #FFFFFF;
}

	.btn-busminder:hover, .btn-busminder:focus, .btn-busminder:active, .btn-busminder.active, .open .dropdown-toggle.btn-busminder, .btn-busminder:active:focus, .btn-busminder:active:hover, .btn-busminder.active:hover, .btn-busminder.active:focus {
		background-color: #0EA09E;
		border-color: #0EA09E;
		color: #FFFFFF;
	}

.sub-menu {
	font-size: 12px;
	list-style: none outside none;
	text-shadow: none;
	padding-inline-start: 5px;
	padding-inline-end: 5px;
}

.dropdown-menu {
	overflow: hidden;
}

div.dropdown-container {
	float: left;
	border-right: 1px solid #e5e5e5;
	padding-bottom: 100%;
	margin-bottom: -100%;
}

	div.dropdown-container:last-child {
		border-right: none;
	}

	div.dropdown-container > h3 {
		padding: 5px;
		margin-left: 20px;
		margin-bottom: 0;
		text-decoration: underline;
	}

.sub-menu-divider {
	border-left: 1px solid #e5e5e5;
}

ul.sub-menu li a {
	text-decoration: none;
}

.sub-menu > li > a {
	border-radius: 3px;
	color: inherit;
	margin: 4px 0px;
	text-align: left;
	font-weight: normal;
	display: block;
	padding: 3px 20px;
	white-space: nowrap;
	clear: both;
}

.sub-menu > li:hover {
	background-color: #f5f5f5;
}

.sub-menu > li > a:focus, .sub-menu > li > a:hover {
	color: #262626;
	text-decoration: none;
	background-color: #f5f5f5;
}

.sub-menu .divider {
	height: 1px;
	margin: 9px 0;
	padding: 0px;
	overflow: hidden;
	background-color: #e5e5e5;
}


.btn-group.special {
	display: flex;
}

.special .btn {
	flex: 1
}