@charset "utf-8";
html {
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100%;
}
body {
	display:flex;
	flex-direction:column;
	margin:0px;
	padding:0px;
	width:100%;
	min-height:100vh;
	font-family:'Noah Text' !important;
	font-size:14px;
	position:relative;
	vertical-align:top;
	background:#fff;
	color:#2a3439;
}
h1,h2,h3,h4,h5,h6 {font-family:'Noah Head';font-weight:800;color:#2a3439;}
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
*::-webkit-scrollbar { width: 5px; height: 5px; }
*::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.15); }
*::-webkit-scrollbar-thumb { background-color: #606060; outline: 1px solid #606060; }
.transition { -o-transition:all 150ms linear; -ms-transition:all 150ms linear; -moz-transition:all 150ms linear; -webkit-transition:all 150ms linear; transition:all 150ms linear; }
.soft-shadow { -webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); }
.text-right { text-align:right; }
.float-right { float:right; }
.flex-rows-2 { flex:0 1 50% !important; }
.flex-rows-3 { flex:0 1 33.33333333333333% !important; }
.flex-rows-23 { flex:0 1 66.6666666666666% !important; }
.flex-rows-4 { flex:0 1 25% !important; }
.flex-rows-5 { flex:0 1 20% !important; }
.flex-rows-25 { flex:0 1 80% !important; }
.flex-rows-6 { flex:0 1 16.66666666666667% !important; }
.flex-rows-7 { flex:0 1 14.28571428571429% !important; }
.flex-rows-8 { flex:0 1 12.5% !important; }
.flex-rows-9 { flex:0 1 11.11111111111111% !important; }
.flex-rows-10 { flex:0 1 10% !important; }
.flex-grow { flex-grow:1; }
.block-el { display:block; }
.width-half { width:50%; }
.width-quarter { width:25%; }
.yellow-color { color:#f5af19; }
.pink-color { color:#bc4e9c; }
.red-color { color:#cf000f; }
.text-shadow {text-shadow: 1px 1px 3px rgba(0, 0, 0, 1);}
.modal-outer {
	position:fixed;
	width:100vw;
	height:100vh;
	background:rgba(0,71,101,0.85);
	left:0;top:0;bottom:0;right:0;
	text-align:center;
	padding-top:100px;
}
.modal-inner {
	top:40px;
	position:relative;
	padding:25px;
}
.modal-close {
	color:#C11B17;
	cursor:pointer;
}
.ul-flex-row {
	display:flex;
	width:100%;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.flex-wrap {
	flex-wrap :wrap ;
}
.wrap {
	width:100%;
	padding:0px 25px;
	margin:0px auto;
	vertical-align:top;
	position:relative;
	height:100%;
	min-height:100%;
}
.border-radius { -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
input, button,select, textarea{ outline:none; font-family: 'Noah Text'; font-size:14px; }
header {
	width:100%;
	position:fixed;
	display:block;
	vertical-align:top;
	font-size:0px;
	background:#fff;
	padding:10px 25px;
	border-bottom:1px solid #ddd;
	z-index:4;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35);
}
.header-logo {
	padding-bottom:7px;
}
.header-logo > img {
	width:100%;
}
.content {
	vertical-align:top !important;
	display:flex;
	width:100%;
	flex-grow:1;
	position:relative;
}
.content-inner {
	position:absolute;
	top:73px;
	bottom:0px;
	width:100%;
	overflow-y:auto;
	background:#f3f1ef;
}
.car-vin-list {
	display:flex;
	min-height:100%;
	max-height:100%;
	height:100%;
}
.car-vin-list.initial-state > .vin-list-left {
	flex-grow:1;
}
.car-vin-list.initial-state > .vin-list-right {
	display:none;
}
.car-vin-list.initial-state > .brands > .brands-nav {
	display:grid;
	grid-column-gap: 10px;
	grid-row-gap: 10px;
	grid-template-columns:repeat(5,20%);
	max-width:50%;
	margin:50px auto;

}
.car-vin-list.initial-state > .brands > .brands-nav > a {
	display:inline-block;
	border:1px solid #ddd;
	padding:15px;
	margin:15px;
	text-decoration:none;
	cursor:pointer;
	background:#fff;
	text-align:center;
}
.brands-nav > a:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35);
}
.car-vin-list.initial-state > .brands > .brands-nav > a > div {
	height:0px;
	padding-top:75%;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;

}
.car-vin-list.expanded > .vin-list-right {
	flex-grow:1;
	margin:15px 0px 15px 0px;
	border:1px solid #ddd;
	background:#fff;
	position:relative;
}
.car-vin-list.expanded > .vin-list-rightsss {
	display:inline-block;
	flex-grow:1;
	background:#fff;
	margin:15px 0px 0px 0px;
	border:1px solid #ddd;
	min-height:100%;
	max-height:100%;
	height:100%;
	position:relative;
}
.car-vin-list.expanded > .brands {
	flex-grow:0;
	margin-right:15px;
	margin-top:15px;
	margin-bottom:15px;
}

.car-vin-list.expanded > .brands > .brands-nav {
	display:flex;
	flex-direction:column;
	max-height:100%;
	overflow-y:auto;
	padding-right:15px;
}
.car-vin-list.expanded > .brands > .brands-nav > a:first-child {
	margin-top:0px;
}
.car-vin-list.expanded > .brands > .brands-nav > a:nth-child(2) {
	margin-top:0px;
}
.car-vin-list.expanded > .brands > .brands-nav > a {
	background:#fff;
	padding:10px;
	margin-top:15px;
	cursor:pointer;
	border:1px solid #ddd;
}
.car-vin-list.initial-state > .brands > .brands-nav > a > p {
	margin:10px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	font-weight:bold;
	border-top:1px solid #ddd;
}
.car-vin-list.expanded > .brands > .brands-nav > a > p {display:none;}
.car-vin-list.expanded > .brands > .brands-nav > a > div {
	width:55px;
	height:55px;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
}
.basic-listing {
	display: flex;
    flex-direction: column;
    max-height: 100%;
    overflow-y: auto;
}
.vin-rows {
	display:block;
	list-style:none;
	margin:0px 0px 0px 0px;
	padding:0px;
	vertical-align:top;
}
.vin-rows > li.first-row {
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;

}
.vin-rows > li:hover {
	background:#eee;
	padding:5px 10px 5px 10px;
}
.vin-rows > li {
	margin:0px 0px 0px 0px;
	padding:5px 10px 5px 10px;
	display:block;
	font-size:0px;
}
.vin-operation {
	vertical-align:top;
	display:inline-block;
}
.vin-operation > i {
	display:inline-block;
	font-size:12px;
	line-height:14px;
	margin-right:10px;
	cursor:pointer;
	color:#aaa;
}
.vin-operation > i:hover {
	color:#d73838;
}
.vin-card-view {
	color:#aaa;
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
	line-height:14px;
	display:inline-block;
	vertical-align:top;
	position:relative;
}
.vin-card-view:hover {
	color:#2a4b9c;
}
.vin-item {
	font-size:14px;
	vertical-align:top;
}
.car-vin-list > .list > .filter {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:1px solid #e0e0e0;
}
.car-vin-list > .list > .filter > label {
	margin-right:10px;
	display:inline-block;
	color:#aaa;
	font-weight:bold;
}
.car-vin-list > .list > .filter > select {
	border:1px solid #ddd;

}
.list-top-filter {
	background:#003e98;
	position:absolute;
	left:0px;
	right:5px;
	top:0px;
	padding:10px;
	z-index:3;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}
.list-top-filter > label {
	font-weight:bold;
	color:#fff;
	display:inline-block;
	margin-right:5px;
}
.list-top-filter > select {
	font-size:12px;
	cursor:pointer;
	padding:4px 15px;
}
.list-rows {
	position:relative;
	margin-top:47px;
}
#doQRscan {
	display:none;
}
.basic-template-outer {
	height:100%;
	max-height:100%;
	overflow-y:auto;
}
.basic-template-inner {
	padding:15px;
}
.item-card-heading {
	color:#003e98;
	margin:0px 0px 15px 0px;
	padding:0px 0px 0px 0px;
}
.ul-flex-row > li > .item-card-section, .ul-flex-row > li > .item-card-photos {
	margin-left:15px;
}
.ul-flex-row > li:first-child > .item-card-section, .ul-flex-row > li:first-child > .item-card-photos {
	margin-left:0px;
}
.item-card-section {
	padding:15px;
	background:#fff;
}

.item-card-outer {
	margin-bottom:15px;
}
.item-card-section > table {
	width:100%;
	border-collapse:collapse;
}
.item-card-section > table th {
	text-align:left;
	padding:4px 7px;
	background:#003e98;
	color:#fff;
	white-space:nowrap;
	font-weight:bold;
}
.item-card-section > table tr.table-th > td {
	border-bottom:1px solid #ddd;
	font-weight:bold;
	padding:7px 7px;
}
.item-card-section > table td {
	text-align:left;
	padding:4px 7px;
	white-space:nowrap;
}
.item-card-photos > p.title {
	margin:0px 0px 20px 0px;
	padding:5px 7px;
	background:#003e98;
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.item-card-photos > h3 {
	background:#fff;
	padding:10px;
	margin:0px 0px 10px 0px;
}
.photo-section {
	margin:0px 0px 20px 0px;
}
.photo-section > li {
	flex:0 1 50%;
}
.photo-section > li > h4 {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
}
.photo-item {
	height:0px;
	padding-top:30%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	background-color:#fff;
	border:1px solid #ddd;
	margin:0px 0px 10px 10px;
	text-decoration:none;
	display:inline-block;
	width:45%;
}
.lang-menu {
	font-size:0px;
	display:inline-block;
	margin:15px 0px 0px 0px;
	padding:0px;
	list-style:none;

}
.lang-menu > li {
	display:inline-block;
	position:relative;
}
.lang-menu > li > span {
	font-size:15px;
	cursor:pointer;
	color:#003e98;
}
.lang-menu > li > ul {
	display:none;
	position:absolute;
	z-index:4;
	background:#f3f1ef;
	opacity:0;
	top:50px;
	margin:0px;
	padding:0px 0px;
	right:-12px;
	list-style:none;
	border:1px solid #ddd;
}
.lang-menu > li > ul:before {
	content:'';
	display:block;
	background:transparent;
	position:absolute;
	right:10px;
	top:-20px;
	border-top:10px solid transparent;
	border-left:10px solid transparent;
	border-bottom:10px solid #f3f1ef;
	border-right:10px solid transparent;
}
.lang-menu > li > ul > li:hover {
	cursor:pointer;
	background:#fff;
}
.lang-menu > li > ul > li {
	color:#003e98;
	padding:10px 20px;
	text-align:center;
	font-size:14px;
	font-weight:800;
}
@media only screen and (max-width: 600px) {
	.wrap {
		padding:0px 10px;
	}
	.car-vin-list.initial-state > .brands > .brands-nav {
		display:grid;
		grid-column-gap: 10px;
		grid-row-gap: 10px;
		grid-template-columns:repeat(2,50%);
		max-width:100%;
		margin:10px auto;

	}
	.car-vin-list.expanded > .brands > .brands-nav {
		display:flex;
		flex-direction:row;
		max-height:100%;
		overflow-x:auto;
		padding-bottom:15px;
	}
	.car-vin-list {
		display:flex;
		flex-direction:column;
		min-height:100%;
		max-height:100%;
		height:100%;
	}
	.car-vin-list.expanded > .brands > .brands-nav > a:first-child {
		margin-top:0px;
		margin-left:0px;
	}
	.car-vin-list.expanded > .brands > .brands-nav > a {
		background:#fff;
		padding:10px;
		margin-top:0px;
		margin-left:10px;
		cursor:pointer;
	}
	.car-vin-list.expanded > .brands {
		flex-grow:0;
		margin-right:0px;
		margin-top:15px;
	}
	.car-vin-list.expanded > .vin-list-right {
		overflow-y:auto;
		max-height:100%;
	}
	.vin-operation {
		display:none;
	}
	.header-logo > img {
		width:100%;
		max-width:150px;
	}
	.content-inner {
		top:56px;
	}
	#doQRscan {
		display:inline-block;
	}
	.item-card-outer {
		flex-direction:column;
	}
	.item-card-outer > li {
		margin-bottom:15px;
	}
	.ul-flex-row > li > .item-card-section {
		margin-left:0px;
	}
	.ul-flex-row > li:first-child > .item-card-section {
		margin-left:0px;
	}
	.item-card-heading > .float-right {
		float:none;
		display:block;
		margin-top:10px;
	}
	.table-columns-3 > li:nth-child(3n-2), .table-columns-3 > li:nth-child(3n) {
		flex:0 1 25%;
	}
	.table-columns-3 > li:nth-child(3n-1) {
		flex:0 1 50%;
	}
	.item-card-section {
		overflow-x:auto;
		width:100%;
	}

}
.bg-cover.photo-item{
	background-size:contain !important;
}
.monitoring-main-view {
	display:block;
	width:100%;
	height:100%;
	font-size:0px;
	vertical-align:top;
}
.monitoring-main-view > div {
	display:block;
	vertical-align:top;
	position:relative;
	width:100%;
}
.monitoring-main-view > div.left-side {
	overflow-y:auto;
	height:80%;

}
.monitoring-main-view > div.right-side {
	height:20%;
}
.monitoring-main-view.expand-left > div {

}
.monitoring-main-view.expand-left > div.left-side {
	height: 20%;
}
.monitoring-main-view.expand-left > div.right-side {
	height: 80%;
}
.monitoring-header {
	margin:0px;
	padding:10px 10px;
	font-size:20px;
	background:#606060;
	color:#fff;
	position:fixed;
	right:0;
	left:0;
	z-index: 3;
}
.monitoring-header > span {
	cursor:pointer;
	color:#aaa;
	font-size:14px;
	float:right;
	line-height:25px;
}
.monitoring-header > span:hover {
	color:#fff;
}
.excel-button {
	font-size:12px;
	color:#1D6F42;
	border:1px solid #1D6F42;
	background:#fff;
	padding:5px 15px;
	cursor:pointer;
}
.excel-button:hover {
	color:#fff;
	background:#1D6F42;
}
.excel-button > i {
	font-size:10px;
	display:inline-block;
	margin-right:5px;

}
.basic-filter {
	padding:0px 0px;
	margin:0px 0px;
	display:block;
	list-style:none;
	font-size:0px;
	vertical-align:top;
}
.basic-filter > li {
	display:block;
	vertical-align:top;
}
.basic-filter > li > ul > li:first-child {
	padding:0px 0px 0px 0px;
}
.basic-filter > li > ul > li {
	padding:0px 0px 0px 7px;
}
.basic-filter.collapsed > li.row-btm {
	height:0px;
	overflow:hidden;
}
.basic-filter.expanded > li.row-btm {
	height:auto;
	margin-top:15px;
}
.filter-input {
	vertical-align:top;
	font-size:12px;
	width:100%;
	border:1px solid #ddd;
	background:#fff;
	color:#505050;
	padding:5px 10px;
	max-width:300px;
}
.filter-input.w-full, .filter-select.w-full {
	width:100%;
	max-width:100%;
}
.filter-select {
	vertical-align:top;
	font-size:12px;
	width:100%;
	border:1px solid #ddd;
	background:#fff;
	color:#505050;
	padding:6px 10px;
	max-width:207px;
}
.filter-input.extra-padding {
	padding:7px 10px;
	max-width:100%;
}
.basic-filter > li.row-buttons {
	margin-top:15px;
	text-align:right;
}
.filter-button {
	font-size:14px;
	margin:0px 0px 0px 7px;
	border:1px solid #ddd;
	padding:5px 10px;
	cursor:pointer;
	background:#fff;
	font-weight:bold;
}
.filter-button:hover {
	background:#003e98;
	color:#fff;
	border:1px solid #003e98;
}
.table-data-container {
	max-width:100%;
	overflow-x:auto;
	margin:0px 0px 0px 0px;
	height:100%;
}
.table-with-column-filter {
	width:100%;
	border-collapse:collapse;
}
.table-with-column-filter th > .column-filter {
	display:inline-block;
	cursor:pointer;
	font-size:10px;
	position:absolute;
	right:7px;
	line-height:14px;
}
.table-with-column-filter th {
	text-align:left;
	padding:4px 25px 4px 7px;
	background:#003e98;
	color:#fff;
	white-space:nowrap;
	font-weight:bold;
	border:1px solid #f3f1ef;
	position:relative;
}
.item-card-section > table tr.table-th > td {
	border-bottom:1px solid #ddd;
	font-weight:bold;
	padding:7px 7px;
}
.table-with-column-filter td {
	text-align:left;
	padding:4px 7px;
	white-space:nowrap;
	background:#fff;
	border:1px solid #f3f1ef;
}
.table-column-filter-box {
	display:inline-block;
	background:#fff;
	padding:25px;
	position:absolute;
	z-index:2;
	display:none;
}
.table-column-filter-box > p {
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.table-column-filter-box > p > span {
	display:inline-block;
	padding:0px 0px 0px 30px;
}
.table-column-filter-box > p:first-child {
	margin:0px 0px 0px 0px;
}
.table-column-filter-box > p > span > .column-toggle {
	cursor:pointer;
}
input[type="date"]:before {
	content: attr(placeholder) !important;
	color: #505050;
	margin-right: 0.5em;
}
input[type="date"]:focus:before,
input[type="date"]:valid:before {
	content: "";
}
.filter-row.hidden {
	display:none;

}
.claiming-filter {
	display:flex;
	vertical-align:top;
	width:100%;
	font-size:0px;
}
.claiming-filter .label {
	font-size:14px;
	font-weight:bold;
	padding-right:25px;
	line-height:27px;
}
.claiming-filter .filter {
	flex-grow:1;
}
.claiming-filter .filter > .box {
	display:flex;
	flex-wrap:wrap;
	width:100%;

}
.claiming-filter .filter > .box .item {
	display:inline-block;
	padding:5px 15px;
	cursor:pointer;
	position:relative;
	font-size:14px;
	margin:0px 10px 15px 0px;
	color:#fff;
}
.claiming-filter .filter > .box .item:hover {
	opacity:0.9;
}

.claiming-filter .filter > .box .item.selected {
	font-weight:bold;

}
.claiming-filter .filter > .box .item.selected:after {
	content:'';
	position:absolute;
	border:1px solid #2a3439;
	left:-3px;
	right:-3px;
	top:-3px;
	bottom:-3px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.floated-action-button {
	font-size:12px;
	color:#2a3439;
	border:1px solid #ddd;
	background:#fff;
	padding:5px 15px;
	cursor:pointer;
}
.floated-action-button:hover {
	color:#fff;
	background:#2a3439;
}
.floated-action-button > i {
	font-size:10px;
	display:inline-block;
	margin-right:5px;

}

.claim-item-outer {
	font-size:0px;
	vertical-align:top;
	display:flex;
	width:100%;
	margin-top:25px;
}
.claim-item-outer > div {
	position:relative;
}
.claim-item-outer > div.left {
	width:35%;
}
.claim-item-outer > div.right {
	flex-grow:1;
	margin-left:25px;
}
.claim-item-outer .main-image {
	margin-bottom:17px;
}
.claim-item-outer .main-image > img {
	width:100%;
	border:0px;
	margin:0px;
	padding:0px;
}
.claim-item-outer .info-item.first {
	border-top:0px;
}
.claim-item-outer .info-item {
	font-size:14px;
	border-top:1px dashed #ddd;
	padding:8px 0px;
}
.claim-item-outer .info-item > label {
	display:inline-block;
	color:#777;
}
.claim-item-outer .info-item > span {
	display:inline-block;
	float:right;
	color:#2a3439;
	font-weight:bold;
}
.claim-item-outer .links {}
.claim-item-outer .links > a {
	display:inline-block;
	text-decoration:none;
	margin-bottom:5px;
	font-size:14px;
	color:#505050;
}
.claim-item-outer .links > a:hover {
	color:#2a3439;
}
.tab-buttons {
	margin-bottom: 25px;
}
.tab-buttons.feat-manager {
	flex-direction: column;
}
.tab-buttons > li:hover {
	color:#777;
}
.tab-buttons > li {
	color:#aaa;
	cursor: pointer;
	margin-right:15px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding:4px 8px;
	font-size:14px;
}
.tab-buttons > li.active, .tab-buttons > li.active:hover {
	color:#fff;
	background: #003e98;
	font-weight: bold;
}
.tab-content > li {
	flex:0 1 100%;
	display: none;
}
.tab-content > li.active {
	display: block;
}
.claim-form-upload {
	border:1px solid #ddd;
	background:#fff;
	padding:25px;
	margin-bottom:25px;
}
.claim-form-upload .header {
	font-size:18px;
	margin:0px 0px 25px 0px;
	padding:0px 0px;
}
.claim-form-upload .upload-form {
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:999;
}
.claim-form-upload .upload-form > input[type="file"] {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
}
.claim-form-upload .upload-form > .form-inner .submit-button {
	margin:15px 0px 0px 0px;
	padding:7px 12px 7px 12px;
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	cursor:pointer;
	background:#003e98;
	color:#fff;
	font-weight:bold;
}
.claim-form-upload .upload-form > .form-inner .submit-button > i {
	display:inline-block;
	font-size:12px;
	line-height:14px;
	margin-right:5px;
}

.crm-media-manager-overlay {
	position:fixed;
	z-index:998;
	background:rgba(255,255,255,0.75);
	opacity:0;
	top:0px;
	bottom:0px;
	right:0px;
	left:0px;
}
.crm-media-manager {
	position:relative;
	z-index:999;
	font-size:0px;
}
.crm-media-manager .filelist {
	font-size:14px;
	margin-bottom:25px;
}
.crm-media-manager .upload-form {
	border-top:1px solid #ddd;
	position:relative;
	padding-top:25px;
}

.upload-form progress {
	width:100%;
	height:0px;
	position:absolute;
	top:-2px;
	border:0px;
	border-radius:0px;
}
#UploadFiles { font-size:14px; display:inline-block !important; }
.crm-media-manager .upload-form .form-inner {
	display:flex;
}
.crm-media-manager .upload-form .form-inner .submit-box {
	text-align:right;
}
.filelist-box {
	display:grid;
	grid-template-columns: repeat(6,1fr);
	column-gap: 5px;
	row-gap: 5px;
	width:100%;
	margin:50px 0px;
}
.filelist-box .file-item {
	display:inline-block;
	text-decoration:none;
	vertical-align:top;
	font-size:14px;
	text-align:center;
	color:#2a3439;
}
.filelist-box .file-item i {
	display:block;
	margin-bottom:10px;
	font-size:24px;
}
.login-page-box {
	display:block;
	width:50%;
	padding:50px;
	background:#fff;
	border:1px solid #ddd;
	margin:50px auto;
}
.login-page-box > h1 {
	font-size:22px;
	margin:0px 0px 20px 0px;
}
.login-input {
	display:block;
	margin-bottom:20px;
	border:1px solid #ddd;
	padding:10px 15px;
	min-width:75%;
}
.login-submit-button {
	display:block;
	border:1px solid #ddd;
	padding:10px 15px;
	cursor:pointer;
}
.index-nav {
	display:inline-block;
	vertical-align:top;

}
.index-nav > a {
	display:inline-block;
	margin:25px;
	padding:25px;
	border:1px solid #ddd;
	background:#fff;
	text-decoration:none;
	text-align:center;
	color:#2a3439;
	font-weight:bold;
}.index-nav > a > i {
	display:block;
	margin-bottom:10px;
	font-size:32px;
}
.index-nav > a:hover {
	-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.35);
}
.toggle-route {
	cursor: pointer;
}
	.images-print-container {
		display:none;
	}
	
	
.id-within-link {
	display:block;
	text-decoration:none;
	font-weight:bold;
	text-align:center;
	color:#222;
}
.td-with-tooltip {
	position:relative;
}
.td-with-tooltip:hover .td-inside-tooltip {
	display:block !important;
	opacity:1;
	z-index:3;
	padding:0px 5px 0px 5px !important;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.50); -moz-box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.50); box-shadow: 0px 0px 5px 0px rgba(169,169,169,0.50);
}
.td-with-tooltip .td-inside-tooltip {
	display:none;
	position:absolute;
	left:0px;
	top:0px;
	background: #003e98;
    color: #fff;	
	font-weight: bold;
	line-height:26px;
	white-space:nowrap;
	opacity:0;
}
.truck-monitoring {
	height:100%;
	position:relative;
	vertical-align:top;
	z-index:1;
	display:block;
}
.truck-monitor {
	display:block;
	vertical-align:top;
	z-index:2;	
	position:absolute;
	width:100%;
	height:100%;
	background:white;
}
.truck-monitor .container {
	position:relative;
	height:100%;
}
.truck-monitor .container .left {
	position:relative;
	z-index:3;
}
.truck-monitor .container .right::-webkit-scrollbar-track  {
	background:#fff !important;
}
.truck-monitor .container .right {
	min-width:20%;
	max-width:20%;
	position:absolute;
	height:100%;
	z-index:5;
	overflow-y:auto;
	right:0px;
}
.truck-monitor .container .right h4 {

}
.truck-monitor .container .right h4 > .toggle-button {
	display:none;
	position:absolute;
	line-height:31px;
	text-align:center;
	width:31px;
	left:-31px;
	top:0px;
	z-index:6;
	background: #003e98;
    color: #fff;	
	cursor:pointer;
}
.monitoring-map {
	width:100%;
	height:100%;
	position:absolute;
	top:0;left:0;bottom:0;right:0;	
	outline:none !important;
	color:#000;
}
.truck-menu {
	
	background:rgba(255,255,255,.95);
	height:100%;
	position:relative;
	display:flex;
	flex-direction:column;
}
.truck-menu > .heading > .id {
	display:inline-block;
	padding:7px 0px 7px 0px;		
}
.truck-menu > .heading {
	background: #003e98;
    color: #fff;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 15px;
	text-align:left;	
}
.truck-menu > .heading > .truck-status.stop {
	color:#c11b17;
}
.truck-menu > .heading > .truck-status.route {
	color:#16a085;
}
.truck-menu > .heading > .truck-status > i {
	display:inline-block;
	margin-right:4px;
	font-size:12px;
	line-height:14px;
}
.truck-menu > .heading > .truck-status {
	background:#fff;
	display:inline-block;
	padding:7px 10px 7px 10px;	
}
.truck-menu > .info-block {
	flex-grow:1;
	padding-top:15px;
}
.truck-menu > .info-block > .info-line {
	margin:5px 0px 5px 0px;
	padding:0px 15px 0px 15px;	
	font-weight:bold;
}
.info-block .truck-routes {
	border-top:1px solid #ddd;
	margin-top:15px;
	
}
.info-block .truck-routes > .route-item:hover, .info-block .truck-routes > .route-item.selected {
	background:#f3f1ef;
}
.info-block .truck-routes > .route-item {
	border-bottom:1px solid #ddd;
	padding:0px 15px 0px 15px;
	margin:0px 0px 0px 0px;
	display:flex;
	vertical-align:top;
	cursor:pointer;
}
.route-item > .num {
	display:none;
	margin-right:5px;
	font-weight:bold;
	color:#aaa;
	vertical-align:top;
}
.route-item > .info {
	display:flex;
	flex-direction:column;	
	overflow-x:hidden;
	vertical-align:top;
	position:relative;
}
.route-item > .info > .route-point {
	display:flex;
	width:100%;
	margin:5px 0px 5px 0px;
	vertical-align:top;
	position:relative;
	padding:0px 0px 0px 15px;
}
.route-item > .info > .route-point > i {
	display:inline-block;
	vertical-align:top;
	font-size:11px;
	-webkit-transform: translateY(15%);
	-ms-transform: translateY(15%);
	transform: translateY(15%);
	color:#aaa;
	position:absolute;
	left:0px;
}
.route-item > .info > .route-point > span {
	display:inline-block;
	vertical-align:top;
}
.truck-menu-item {
	padding:25px 25px 10px 25px;
	opacity:0;
	position:relative;
}
.truck-menu-item > .num {
	position:absolute;
	left:25px;
	font-weight:bold;
	color:#aaa;
}
.truck-menu-item > .info > .route-point {
	display:block;
	padding:0px 0px 0px 15px;
	line-height:14px;
}
.truck-menu-item > .info > .route-point:first-child {
	padding:0px 0px 5px 15px;
}
.truck-menu-item > .info > .route-point > i {
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
	font-size:11px;
	line-height:14px;
	color:#aaa;
}
.detailed-info {
	display:none;
}
.truck-popup.detailed-info {
	display:block;
}
.detailed-info > .vin-list {
	background:#f3f1ef;
	padding:15px 25px;
	
}
.detailed-info > .info-line, .detailed-info > .vin-list > .info-line {
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.detailed-info > .route-point {
	display:flex;
	font-weight:bold;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
.detailed-info > .route-point > i {
	display:inline-block;
	margin-right:5px;
	vertical-align:top;
	font-size:11px;
	-webkit-transform: translateY(15%);
	-ms-transform: translateY(15%);
	transform: translateY(15%);
	color:#aaa;	
}
#TruckDescriptionPopup {
	position:fixed;
	background:#fff;
	right:25px;
	bottom:25px;
	z-index:7;
	opacity:0;
}
.truck-popup {
	padding:25px;
}
.truck-popup.detailed-info > .info-line {
	font-size:18px;
	padding:5px 0px;
}
.truck-popup.detailed-info > .route-point {
	font-size:15px;
	padding:5px 0px;
	color:#a0a0a0;
	padding:5px 0px 5px 0px;
	margin:0px 0px 0px 0px;	
}
.truck-popup.detailed-info > .info-line .ua-number {
	display:inline-block;
	margin-top:8px;
}
.truck-popup.detailed-info > .info-line .ua-number img {
	display:inline-block;
	vertical-align:top;
	height:25px;
}
.truck-popup.detailed-info > .info-line .ua-number img.left {}
.truck-popup.detailed-info > .info-line .ua-number img.right {}
.truck-popup.detailed-info > .info-line .ua-number b {
	font-size:15px;
	line-height:15px;
	padding:5px 7px;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	background:url('/public/img/ua-plate-bg.png') repeat-x;
	background-size:25px 25px;
	color:#000;
}
.surveys-listing {
	display:flex;
	flex-direction:column;
	max-height:100%;
}
.surveys-listing .heading .title {
	font-weight:bold;
	margin-right:25px;
	line-height:27px;
}
.surveys-listing .heading .filters {
}
.surveys-listing .heading .filters > input {
	padding:4px 12px;
	border:1px solid #ddd;
	outline:none;
	min-width:250px;
}
.surveys-listing .heading {
	background:#003e98;
	color:#fff;
	padding:8px 0px;	
}
.surveys-listing .listing {
	flex-grow:1;
	overflow-y:auto;
}
.listing-table th {}
.listing-table tr.link-row:hover td {
	background:#f3f1ef;
	cursor:pointer;
}
.table-with-column-filter td.matched {
	font-weight:bold !important;
	color:#003e98 !important;
}
.table-with-column-filter td.row-disabled, .table-with-column-filter td.row-disabled .id-within-link {
	color:#aaa !important;
}



.truck-menu-item:first-child {
	border-top:0px solid #ddd;
}
.truck-menu-item:hover {
	background:#f3f1ef;
}
.truck-menu-item.item-selected {
	background:#003e98;
	color:#fff;
}

.truck-menu-item .item-top {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.truck-menu-item .item-btm {
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
}
.truck-menu-item .title {
display:inline-block;
line-height:25px;
font-weight:bold;
}
.truck-menu-item .status.stop {
	color:#c11b17;
}
.truck-menu-item .status.route {
	color:#4CAF50;
}
.truck-menu-item .status {
	display:inline-block;
}
.truck-menu-item.item-selected .status {
	padding:4px;
	background:#fff;
}
.truck-menu-item .vins {
	float:right;
	font-weight:bold;
}



.truck-menu-item .item-desc {
	background:#f3f1ef;
	padding:15px;
	height:auto;
	opacity:1;
	overflow:visible;
display:block;	
	margin:15px 0px 15px 0px;
}
.truck-menu-item .item-desc.item-hidden {
	height:0px !important;
	opacity:0;
	overflow:hidden;
	display:none;
}
.truck-menu-item .item-desc .desc-header {
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-weight:bold;
	color:#003e98;
}

.truck-menu-item .item-desc .desc-item {
	margin:0px 0px 0px 0px;
	padding:5px 0px 5px 0px;
	display:flex;
}
.truck-menu-item .item-desc .desc-item > label {
	display:inline-block;
	vertical-align:top;
	color:#000;
}
.truck-menu-item .item-desc .desc-item > span {
	display:inline-block;
	vertical-align:top;
	padding-left:15px;
	flex-grow:1;
	text-align:right;
	color:#003e98;
	font-weight:bold;
}
.surveys-tree {
	display:flex;
	flex-direction:column;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	list-style:none;
}
.surveys-tree > li:first-child { 
	border-top:0px;
}
.surveys-tree > li.collapsed {
	display:none;
}
.surveys-tree > li.expanded {
	display:block;
}
.surveys-tree > li:hover > a {
	background:#f3f1ef;
}
.surveys-tree > li {
	
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	border-top:1px solid #ddd; 	
}
.survey-single-row {
	background:#fff;
	padding:5px 0px 5px 0px;

	cursor:pointer;
	display:flex;
	width:100%;
}
.survey-single-row .toggle-button {
	display:inline-block;
	vertical-align:top;
	width:30px;
	text-align:center;
}
.survey-single-row .toggle-button > i.fa-minus-circle, .survey-single-row .toggle-button > i.fa-circle {
	color:#003e98;
}
.survey-single-row .toggle-button > i {
	display:inline-block;
	font-size:10px;
	line-height:14px;
	vertical-align:top;
	position:relative;
	top:1px;
	color:#a0a0a0;
}
.survey-single-row .cell-number {
	display:inline-block;
	width:100px;
}
.survey-single-row .cell-vin {
	display:inline-block;
	width:160px;
	font-weight:bold;
}
.survey-single-row .cell-kind {
	display:inline-block;
	width:170px;
}
.survey-single-row .cell-dt {
	display:inline-block;
	text-align:right;
	width:120px;
	padding-right:15px;
}
.survey-single-row .cell-cardata {
	flex-grow:1;
}









































.survey-print-form {
	
}



























.survey-pdf {
	background:#fff;
	padding:25px;
	border:1px solid #ddd;
	margin:25px;
}
.survey-pdf .body > li:first-child {
	padding:0px 25px 0px 0px;
}
.survey-pdf .body > .right-column {
	width:25%;
}
.survey-pdf .heading h4 {
	font-size:16px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	text-align:center;
}
.survey-pdf .heading {
	border-bottom:1px solid #ddd;
}
.survey-pdf .heading .vehicle-data > p {
	padding:0px 50px 0px 0px;
}
.survey-pdf .heading .vehicle-data > p > b {
	color:#aaa;
	display:block;
	
	padding:5px 0px 0px 0px;
}
.survey-pdf .body .inner-basic {
	display:table;
	width:100%;
	border-collapse:collapse;
	border:1px solid #aaa;
}
.survey-pdf .body .inner-basic td {
	border-collapse:collapse;
	border:1px solid #aaa;
	padding:5px;
}
.survey-pdf .body .inner-basic th {
	border-collapse:collapse;
	border:1px solid #aaa;
	padding:5px;
	background:#f3f1ef;
	text-align:center;
}
.survey-pdf .body .inner-basic th.num {
	width:50px;
}
.survey-pdf .body .inner-basic td.num {
	text-align:center;
	width:50px;
}
.survey-pdf .body .inner-basic th.sm {
	width:100px;
}

#TruckImage {
	width:100%;
}
#PartCodesImage {
	width:100%;
}
.signature {
	padding:0px 0px 0px 0px;
	
}
.signature > p {
	border-bottom:1px solid #aaa;
	padding:50px 0px 10px 0px;
	margin:0px 25px 0px 25px;
}
.signature > span {
	display:block;
	text-align:center;
	color:#aaa;
	padding:5px 0px 0px 0px;
}
.survey-print-buttons {
	display:block;
	vertical-align:top;
	margin:15px 0px;
}
.survey-print-buttons > span > i {
	font-size:11px;
	line-height:14px;
	display:inline-block;
	margin-right:4px;
}
.survey-print-buttons > span {
	cursor:pointer;
	background:#ddd;
	color:#222;
	padding:5px 15px;
	border:0px;
	margin-right:15px;
}
.survey-print-buttons > span:hover {
	background:#003e98;
	color:#fff;

}
.survey-popup-link {
	display:block;
	margin:15px 0px 15px 0px;
	text-decoration:none;
	background:#f3f1ef;
	padding:10px 20px;
	position:relative;
	vertical-align:top;
	color:#222;
}
.survey-popup-link:hover {
	color:#333;
	background:#ececec;
}
.listing-with-filter {
	display:flex;
	flex-direction:column;
	width:100%;
	height:100%;
	max-height:100% !important;
	max-width:100% !important;
	position:absolute;
	z-index:3;
}
.listing-with-filter .filter-results {
	padding:25px;
	display:none;
	opacity:0;
	top:-500px;
	position:absolute;
}
.listing-with-filter .filter-results.visible {
	padding:25px;
	background:red;
	
	top:47px;
	z-index:3;
	width:100%;
	opacity:1;
	display:block;
}
.listing-with-filter .filter {
	background:#003e98;
	padding:10px 7px;
	position:fixed;
	left:0;
	right:0;
	z-index:4;
}
.listing-with-filter .filter .input {
    padding: 4px 12px;
    border: 1px solid #ddd;
    outline: none;
    min-width: 250px;
}
.listing-with-filter .filter .title {
	color:#fff;
	line-height:27px;
	margin-right:10px;
	font-weight:800;
}
.listing-with-filter .listing {
	flex-grow:1;
	padding:47px 0px 0px 0px;
	z-index:2;
	overflow:auto;
	width:100% !important;
	max-width:100% !important;
	position:relative;
}
.pagination-outer {
	width:100%;
	text-align:center;
	padding-top:10px;
	padding-bottom:10px;
	background:#fff;
}
.default-pagination {
	display:inline-block;
	margin:0px auto;
}
.default-pagination .item.active, .default-pagination .item.active:hover {
	background:#383e4c;
	color:#fff;
}
.default-pagination .item:hover {
	border:1px solid #383e4c;
	color:#383e4c;
}
.default-pagination .item {
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	width:25px;
	line-height:25px;
	border:1px solid #ddd;
	text-align:center;
	text-decoration:none;
	margin:0px 5px;
	color:#aaa;
}