body {
	background: url(../frontend/images/bg-grey-light.png);
	background-size: cover;
	background-attachment: fixed;
}

.navbar-header.logo img {
	max-width: 90%;
	margin-top: 10px;
    margin-bottom: 10px;
}

.login-form {
	margin-top: 110px;
}

.login-form .panel {
	margin-bottom: 0;
	/*background-color: #ffffffba;*/
	background-color: inherit;
	border: 0;
	border-radius: 0;
	box-shadow: none;
}

.login-form .panel-body {
	background-color: #ffffffba;
	border-radius: 0px 0px 12px 12px;
	box-shadow: 0px 0px 14px #cccccc78;
}

.login-form .panel-default>.panel-heading {
	color: #fff;
	background-color: #d73438;
	border-color: #d73438;
	font-size: 25px;
	font-weight: 700;
	padding-left: 24px;
	border-radius: 12px 12px 0px 0px;
}

.login-form .form-horizontal .control-label {
	margin-bottom: 10px;
}

.login-form form.form-horizontal {
	padding: 0 20px;
}
.breadcrumb a {
    text-decoration: none;
    margin: 5px 0px 5px 20px;
        position: relative;
}
.breadcrumb a:after {
    content: '/';
    position: absolute;
    right: -12px;
    top: 0;
}
.breadcrumb li:last-child a:after {
    display: none;
}

.breadcrumb li.dropdown:last-child:after {
    content: '';
}
/*.breadcrumb li.dropdown:after {
    content: '\2B9E';
}*/

.btn:link,
.btn:visited {
	text-transform: capitalize;
    text-decoration: none;
    padding: 6px 10px;
    display: inline-block;
    transition: all .2s;
    position: relative;
    border: 1px solid #d73438;
    border-radius: .25rem;
}

.btn:hover {
	transform: translateY(-3px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

.btn:active {
	transform: translateY(-1px);
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

.btn-white {
	font-weight: 600;
	color: #fff;
}


/*.btn::after {

    content: "";

    display: inline-block;

    height: 100%;

    width: 100%;

    border-radius: 0px;

    position: absolute;

    top: 0;

    left: 0;

    z-index: -1;

    transition: all .4s;

}*/


/*

.btn-white::after {

    background-color: #aaaaaa;

}*/

.btn:hover::after {
	transform: scaleX(1.4) scaleY(1.6);
	opacity: 0;
	background-color: #aaaaaa;
}

.btn-animated {
	animation: moveInBottom 5s ease-out;
	animation-fill-mode: backwards;
}

.btn {
	background: #d73438;
	color: #fff;
}

.checkbox label,
.radio label {
	font-size: 13px;
}

@keyframes moveInBottom {
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	100% {
		opacity: 1;
		transform: translateY(0px);
	}
}


/*nav.navbar.navbar-default.navbar-static-top {

    margin-bottom: 2%;

}*/

/*nav.navbar.navbar-default.navbar-static-top {
	position: fixed;
	height: 100px;
	top: 0;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}*/
.row.login-page {
    padding: .5rem 1rem;
    margin-top: 30px;
}
.row.login-page .card-header {
    background: #373435;
    padding: 15px 20px;
    color: #fff;
    font-size: 20px;
}
.row.login-page .card {
    border-radius: 15px !important;
    overflow: hidden;
}

.dashboard {
	position: relative;
	height: 79vh;
	overflow: auto;
	/*background: #ffe7b4c9;

    padding: 0 27px;

    border-radius: 10px;

    border: 1px solid #ffcd62;*/
	width: 100%;
	/*max-width: 1350px;*/
	max-width: 100%;
}


/* adds some margin below the link sets  */


/*.scrollbar {

/*margin-left: 30px;

float: left;

height: 80vh;



overflow-y: scroll;

margin-bottom: 25px;

}*/

.scrollbar {
	float: left;
	margin-bottom: 0;
	margin-top: 110px;
}

.force-overflow {
	min-height: 450px;
}

.scrollbar-primary::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.scrollbar-primary::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #f93539;
}

.scrollbar-primary {
	scrollbar-color: #f93539 #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
	border-radius: 0px;
}

.scrollbar-danger::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.scrollbar-danger::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #ff3547;
}

.scrollbar-danger {
	scrollbar-color: #ff3547 #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
	border-radius: 0px;
}

.scrollbar-warning::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.scrollbar-warning::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #FF8800;
}

.scrollbar-warning {
	scrollbar-color: #FF8800 #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
	border-radius: 0px;
}

.scrollbar-success::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

.scrollbar-success::-webkit-scrollbar-thumb {
	border-radius: 0px;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #00C851;
}

.scrollbar-success {
	scrollbar-color: #00C851 #F5F5F5;
}

.scrollbar-info::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
	background-color: #F5F5F5;
	border-radius: 0px;
}

.scrollbar-info::-webkit-scrollbar {
	width: 6px;
	background-color: #F5F5F5;
}

div#app {
	/*height: 87vh;*/
	/*height: 87vh;*/
	width: 100%;
	margin: 0 auto;
	/*max-width: 1350px;*/
	max-width: 100%;
}

.footer-links {
	    background: #e9e9e9;
    text-align: center;
    padding: 2px 0;
    bottom: 0;
    width: 100%;
    float: left;
    font-weight: 700;
    color: #676767;
    border-top: 1px solid #d4d4d4;
    position: fixed;
    bottom: 0;
    z-index: 9;
}

.footer-links a {
	border-right: 1px solid #909090;
	padding: 0 10px 0 0;
	color: #676767;
	text-decoration: none;
	margin-right: 10px;
	font-weight: 300;
}

.footer-links a:last-child {
	border-right: 0px solid #909090;
}

.footer-links footer .col-md-4 {
	font-size: 13px;
	font-weight: 300;
	color: #676767;
	font-family: "Poppins", sans-serif;
}

.nopadding {
	padding: 0
}


/* Tooltip container */

.tooltip {
	position: relative;
	display: inline-block;
	/*border-bottom: 1px dotted black;*/
	/* If you want dots under the hoverable text */
}


/* Tooltip text */

.tooltip .tooltiptext {
	visibility: hidden;
	width: 500px;
	background-color: #222;
	color: #fff;
	text-align: left;
	padding: 5px 5px 5px 10px;
	border-radius: 6px;
	/* Position the tooltip text */
	position: absolute;
	z-index: 10;
	bottom: 113%;
	/*177%;*/
	left: 0;
	margin-left: 0;
	/* Fade in tooltip */
	opacity: 0;
	transition: opacity 0.3s;
	/*height: 400px;*/
}

.tooltip .tooltiptext strong {
	font-weight: 700;
}


/* Tooltip arrow */

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 4%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #222 transparent transparent transparent;
}


/* Show the tooltip text when you mouse over the tooltip container */

.tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

div.overflow-line-track {
	overflow: auto;
	white-space: nowrap;
	position: relative;
	top: -6px;
	z-index: 1;
	overflow-y: hidden;
}


/*ul.line-track {

    float: left;

    width: 100%;

    padding: 60px;

    background: #fff;

    margin-bottom: 40px;

    height: 60px;

}*/

ul.line-track {
	float: left;
	width: 100%;
	padding: 33px 10px 0px 0px;
	/*   overflow-x: hidden;
	overflow-y: auto;*/
}

ul.line-track li {
	/*float: left;*/
	width: 18%;
	list-style: none;
	position: relative;
	height: 30px;
	display: inline-flex;
}

ul.sub-line-t {
	width: 100%;
	display: inline-flex;
}

ul.line-track li:after {
	border-bottom: 1px solid #444;
	position: absolute;
	content: '';
	width: 100%;
	top: 0px;
	left: 0;
}

ul.line-track li:before {
	height: 40px;
	top: -20px;
	border-right: 1px solid #444;
	position: absolute;
	content: '';
	width: 1px;
	left: ;
}

ul.sub-line-t li:before {
	border-right: 1px solid #444;
	position: absolute;
	content: '';
	width: 1px;
	height: 20px;
	top: -10px;
}

ul.line-track li span {
	position: absolute;
	bottom: -8px;
	font-size: 12px;
	color: #000;
}

ul.line-track li:last-child::after {
	border: 0;
}

ul.line-track li:last-child .tooltiptext {
	display: none;
}

.sub-line-t li:last-child .tooltiptext {
	display: block !important;
}

::-webkit-scrollbar {
	width: 5px;
	height: 5px;
}

::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

::-webkit-scrollbar-thumb {
	background-color: #ff666a;
	outline: 1px solid slategrey;
}

.category-icon {
	position: absolute;
	color: #ff8405;
	top: -19px;
	left: 3px;
	text-align: center;
}

.icon-name {
	float: left;
    width: 100%;
    padding: 0;
    /* position: absolute; */
    /* position: absolute; */
    top: 0;
    left: 0;
    overflow: auto;
    margin-bottom: 6px;
	
}

table.text-table td {
	font-size: 13px;
	color: #636363;
	font-weight: 400;
	border-right: 1px solid #929292;
	padding-left: 30px;
	padding-right: 20px;
}

table.text-table th {
	background: none;
	font-weight: 400;
	font-size: 15px;
	color: #4c4c4c;
	border-bottom: 1px solid #929292;
	padding-left: 30px;
}

.icon-name li {
	list-style: none;
	float: left;
	margin-right: 40px;
	font-size: 12px;
}


/*.category-icon img {

    max-width: 80%;

}*/

.overview-box.clearfix {
	margin-bottom: 10px;
	height: 110px;
}


/* hover dropdown menus */

.navbar-hover .collapse ul li {
	position: relative;
}

.navbar-hover .collapse ul li:hover>ul {
	display: block
}

.navbar-hover .collapse ul ul {
	position: absolute;
	top: 100%;
	left: 25px;
	min-width: 190px;
	display: none
}

.navbar-hover .collapse ul ul ul {
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 250px;
	display: none
}


/*.navbar-hover .collapse ul ul ul ul{position:absolute;top:0;left:-100%;min-width:250px;display:none;z-index:1}*/

nav.top-nav.navbar-hover li.nav-item {
	list-style: none;
	margin-right: 10px;
	height: 26px;
}

nav.top-nav.navbar-hover li.nav-item:last-child {
	margin-right: 0
}

nav.top-nav.navbar-hover li.nav-item a {
	background-image: -moz-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
	background-image: -webkit-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
	background-image: -ms-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
	color: #fff;
	padding: 2px 9px;
	font-size: 15px;
	font-weight: 300;
	transform: skew(-20deg);
	border-radius: 5px;
}

nav.top-nav.navbar-hover li.nav-item:last-child a {
	background-image: -moz-linear-gradient(90deg, #f93539 0%, #f93539 100%);
	background-image: -webkit-linear-gradient(90deg, #f93539 0%, #f93539 100%);
	background-image: -ms-linear-gradient(90deg, #f93539 0%, #f93539 100%);
}

nav.top-nav.navbar-hover li.nav-item:last-child a:hover {
	background-image: -moz-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -webkit-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -ms-linear-gradient(90deg, #912528 0%, #ff0308 100%);
}

.navbar-nav>li>.dropdown-menu li {
	margin-bottom: 6px;
}

nav.top-nav.navbar-hover li.nav-item a span {
	transform: skew(-161deg);
	float: left;
}

nav.top-nav.navbar-hover li.nav-item a:hover,
nav.top-nav.navbar-hover li.nav-item a.active {
	background-image: -moz-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -webkit-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -ms-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	color: #fff;
}

@media only screen and (max-width: 991px) {
	.navbar-hover .show>.dropdown-toggle::after {
		transform: rotate(-90deg);
	}
}

ul.dropdown-menu.show a::before {
	display: none;
}

.content-w {
	padding: 25px 0;
}

.content-w h2 {
	font-size: 17px;
	font-weight: 700;
	color: #5f5f5f;
}

.content-w span {
	color: #6a6a6a;
	font-size: 14px;
	font-weight: 300;
	font-style: italic;
}

.content-w li {
	margin-left: 20px;
	font-weight: 300;
	font-size: 14px;
	color: #323232;
}

.content-w ul {
	margin-top: 20px;
}

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

.p-50 {
	padding: 50px;
}

h1 {
	background-image: -moz-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -webkit-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -ms-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	color: #fff !important;
	padding: 10px 25px;
	font-size: 17px !important;
	font-weight: 300;
	transform: skew(-20deg);
	border-radius: 5px;
	position: fixed;
	top: 19px;
	right: 20px;
	font-weight: 300 !important;
}

h1 span {
	transform: skew(-161deg);
	float: left;
}

div#example_filter {
	/*position: fixed;

    top: 23px;

    left: 370px;

    z-index: 9999;*/
	font-size: 15px;
	float: left;
	color: #f93539;
	font-weight: 200;
	display: none;
	width: 100%;
	margin-bottom: 3px;
}

div#example_filter label {
	font-weight: 400;
	float: left;
	margin-right: 1%;
}

div#example_filter input[type="search"] {
	border: 1px solid #e0b6b7;
	border-radius: 5px;
	position: relative;
	padding: 0px 15px;
	font-weight: 400;
	font-size: 15px;
}

.form-group.calender-g {
	float: left;
	width: 17%;
	margin-bottom: 0;
}

.form-group.calender-g input {
	border: 1px solid #e0b6b7;
	border-radius: 5px 0px 0px 5px !important;
	position: relative;
	padding: 0px 15px;
	font-weight: 400;
	font-size: 15px;
	height: 27px;
	width: 65%;
	float: left;
}

.form-group.calender-g span.input-group-addon {
	float: left;
	width: 28px;
	padding: 7px 0 6px 0;
}


/*div#example_filter input:before {

    border: 1px solid #e0b6b7;

    border-radius: 5px;

    transform: skewX(23deg);

    position: absolute;

    background: #fff;

    content: '';

    top: 0;

    left: 0;

}*/

.info-bar {
	margin-bottom: 10px;
}

.info-bar input[type="text"] {
	background: #eee;
	border: 1px solid #ccc;
	width: 88%;
	float: left;
	padding: 0 35px 0 10px;
	font-weight: 400;
}

.info-bar label {
	background-image: -moz-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -webkit-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -ms-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	color: #fff !important;
	padding: 2px 35px;
	transform: skew(-20deg);
	border-radius: 5px;
	font-weight: 300;
	position: relative;
	right: 19px;
	top: -1px;
}

.info-bar label span {
	transform: skew(-161deg);
	float: left;
}

th:nth-child(odd) {
	background: #cbccce;
}

th:nth-child(even) {
	/*background: -moz-linear-gradient(90deg, #c9cacc 0%, #9a9b9f 100%) !important;

    background: -webkit-linear-gradient(90deg, #c9cacc 0%, #9a9b9f 100%) !important;

    background: -ms-linear-gradient(90deg, #c9cacc 0%, #9a9b9f 100%) !important;*/
	background: #a0a4a7;
}

div#run-data {
	position: relative;
}

ul.logout {
	float: right;
	list-style: none;
}

ul.logout a.logout-link {
	background: #b7191c;
	color: #fff;
	padding: 2px 12px;
	border-radius: 4px;
	font-size: 15px;
}


/* Responsive table strat */


/*tbody td, tbody th {

    display: inline-block;

    width: 80px;

}



thead.thead-light {

    display: inline-block;

    width: 100%;

}

tbody {

    height: 400px;

    overflow: auto;

    display: inline-block;

    width: 100%;

}

thead.thead-light th {

    display: inline-block;

    width: 96px;

}

table#example {

    width: 100% !important;

    border-right: 0;

    /*border-bottom: 0;

}*/

.height-fixed {
	display: inline-block;
	width: 100%;
	height: 325px;
	overflow: auto;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	/*border-top: 1px solid #ccc;*/
}

.height-fixed-right {
	display: inline-block;
	width: 100%;
	height: 325px;
	overflow: auto;
	padding-bottom: 8px;
	padding-right: 10px;
}

.table-data-detail li {
	float: none;
	width: 20%;
	margin-left: 7px;
	list-style: none;
	position: relative;
	background: #dbdcde;
	border-radius: 35px 35px 5px 35px;
	margin-right: 1%;
	margin-bottom: 6px;
	display: inline-block;
}

ul.table-data-detail {
	text-align: center;
}

.table-data-detail li img {
	position: absolute;
	border: 4px solid #fff;
	border-radius: 50%;
	left: -18px;
	top: 0;
}

.value-w input[type="text"] {
	float: left;
	width: 140px;
	background: none;
	border: 0;
	border-bottom: 1px solid #333;
	padding-right: 3px;
	padding-left: 10px;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.value-w label {
	font-weight: 400;
	font-size: 13px;
	float: left;
	width: 117px;
	background: #a8acaf;
	margin: 0;
	padding: 2px 0 3px 40px;
	border-radius: 100px 0px 0px 66px;
	border-bottom: 1px solid #333;
	color: #333;
	text-align: left;
}

li.checkboxlinks {
	background: none;
	width: auto;
	margin-bottom: 0;
}

li.checkboxlinks input[type="checkbox"] {
	margin-right: 7px;
}

.border-zero {
	border: 0 !important;
}

li.map-w {
	margin-right: 0 !important;
	border-radius: 0 !important;
	background: none;
	margin-left: 0;
	width: auto;
}

li.map-w img {
	border: 0;
	border-radius: 0;
	position: inherit;
	width: 84%;
}

.value-w {
	width: 100%;
	float: left;
}

li.symbol-i-w {
	background: none;
	margin-right: 0px;
	width: 2%;
	margin-left: 0;
	margin-bottom: 0;
	border-radius: 0;
}

li.symbol-i-w img {
	left: 0;
	border-radius: 0;
	position: relative;
	border: 0;
}

.search-wrapper {
	display: block !important;
}

.modal-body {
	position: relative;
	padding: 15px;
}

.left-img {
	width: 20%;
	float: left;
	height: 54vh;
}

#icon-symbols button.close {
	padding: 0;
	cursor: pointer;
	background: 0 0;
	border: 0;
	-webkit-appearance: none;
	z-index: 99999;
	position: relative;
	/*top: 25px;*/
	right: 8px;
	color: #fff;
	font-size: 23px;
	opacity: 1;
	text-shadow: inherit;
	font-weight: 300;
}

#icon-symbols .modal-body {
	float: left;
	width: 100%;
	background: #fff;
}

.right-content {
	width: 80%;
	padding-left: 2%;
	float: left;
}

#icon-symbols li {
	list-style: none;
	border-bottom: 1px solid #ccc;
	padding-left: 2px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: 13px;
}

.left-img h4 {
	margin-bottom: 13px;
	color: #000;
}

.red {
	color: #ff0000 !important;
}


/* class applies to select element itself, not a wrapper element */

.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	/* useful when width is set to anything other than 100% */
	box-sizing: border-box;
	margin: 0;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	/* note: bg image below uses 2 urls. The first is an svg data uri for the arrow icon, and the second is the gradient. 

        for the icon, if you want to change the color, be sure to use `%23` instead of `#`, since it's a url. You can also swap in a different svg icon or an external image reference

        

    */
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat, repeat;
	/* arrow icon position (1em from the right, 50% vertical) , then gradient position*/
	background-position: right .7em top 50%, 0 0;
	/* icon size, then gradient */
	background-size: .65em auto, 100%;
}


/* Hide arrow icon in IE browsers */

.select-css::-ms-expand {
	display: none;
}


/* Hover style */

.select-css:hover {
	border-color: #888;
}


/* Focus style */

.select-css:focus {
	border-color: #aaa;
	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
	box-shadow: 0 0 5px 0px rgb(130, 130, 130);
	box-shadow: 0 0 0 0px -moz-mac-focusring;
	color: #222;
	outline: none;
}


/* Set options to normal weight */

.select-css option {
	font-weight: normal;
}


/* Support for rtl text, explicit support for Arabic and Hebrew */

*[dir="rtl"] .select-css,
 :root:lang(ar) .select-css,
 :root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}


/* Disabled styles */

.select-css:disabled,
.select-css[aria-disabled=true] {
	color: graytext;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22graytext%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
}

.select-css:disabled:hover,
.select-css[aria-disabled=true] {
	border-color: #aaa;
}

.irr1-page label {
	background: #efefef;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 9px;
	border: 1px solid #d4d4d4;
	border-radius: 6px;
	float: left;
	margin-right: 12px;
}

.irr1-page input {
	background: #cacbcd;
	color: #444;
	font-size: 13px;
	font-weight: 500;
	padding: 5px 15px;
	border: 1px solid #888;
	border-radius: 6px;
	float: left;
	margin-right: 12px;
}

.irr1-page input:hover {
	background: #999;
	color: #fff;
}

.select-point {
	display: inline-block;
	float: left;
	width: 200px;
	margin-right: 10px;
}

.select-point .dd-l {
	width: 46%;
	float: left;
	margin-right: 2%;
	margin-left: 2%;
}

.select-point label {
	background: #6b6b6b;
	border: 0;
	border-radius: 4px 4px 0 0;
	margin: 0;
	width: 100%;
	color: #fff;
	text-align: center;
	padding: 0;
	font-size: 11px;
	font-weight: 200;
}

.dd-l select.select-css {
	padding: 0px 20px 0px 25px;
	border-radius: 0 0 4px 4px;
	font-size: 11px;
}

.search-div {
	display: inline-block;
	float: left;
	width: 83%;
	/*57%*/
	;
}

.search-div .sea-l {
	width: 100%;
	float: left;
	margin: 0 0;
}

.search-div .sea-l input {
	background: #fff;
	border-radius: 0;
	width: 100%;
	color: #000;
}

.search-div .sea-l label {
	/*     background: none;

    border: 0;

    padding: 4px 0 0 0;

    width: 30px;

    color: #d73438;*/
	background: none;
	border: 0;
	padding: 4px 0 0 0;
	width: 25px;
	float: left;
	color: #d73438;
	font-weight: 400;
	font-size: 12px;
}

.search-div a {
	float: left;
	color: #ff0000;
	font-size: 12px;
	text-decoration: underline;
	padding-top: 16px;
}

.search-div .sea-l .dd-l.dd-r:last-child {
	margin-right: 0;
}

.search-div .sea-l .dd-l.dd-r {
	float: left;
	margin-right: 10px;
	width: 140px;
}

.dd-l.dd-r.value-e {
	width: auto !important;
}

.irr1-page {
	position: relative;
}

.irr1-page .trac-detail-w {
	/*position: absolute;
    top: 46px;
    font-size: 13px;
    padding-left: 2px;*/
}

.irr1-page .trac-detail-w {
	float: left;
	border-right: 1px solid #ccc;
	margin-right: 5px;
	line-height: 15px;
	margin-top: 6px;
}

.irr1-page .trac-detail-w span {
	margin-right: 10px/*22px*/
	;
	color: #333;
	font-size: 12px;
}

.download-report label.top-search {
	float: left;
	margin-right: 8px;
	margin-top: 1px;
}

.assets-defect-w {
	float: left;
	width: auto;
	line-height: 15px;
	margin-top: 6px;
}

.assets-defect-w span {
	font-size: 14px;
	margin-right: 5px;
}

.download-report {
	float: left;
	margin-top: 4px;
}

.download-report label {
	background: none;
	border: 0;
	padding: 0;
	float: left;
}

.download-report .dd-l.dd-r {
	float: left;
	/*width: 220px;*/
	width: 145px;
	margin-right: 10px;
}

.download-report .dd-l.dd-r select.select-css {
	padding: 4px 10px;
	margin-bottom: 7px;
}

.map-w-btn a {
	background: #d73438;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	padding: 2px 11px;
	border-radius: 4px;
}

.map-w-btn a:hover {
	background: #000;
	color: #fff;
}

.download-report input[type="button"] {
	padding: 1px 0px;
	font-size: 12px;
	background: none;
	border: 0;
	color: #d73438;
	text-decoration: underline;
}

.download-report input[type="button"]:hover {
	color: #000;
}

ul.def-detail {
	float: left;
	width: 100%;
	position: relative;
	z-index: 5;
}

ul.def-detail li {
	float: left;
	width: 16.6%/*20%*/
	;
	list-style: none;
	border: 2px solid #fff;
	z-index: 1;
}

ul.def-detail li:hover {
	border: 2px solid #d73438;
}

.r-detail table td {
	border: 1px solid #626463;
	padding: 5px 5px;
	font-size: 12px;
	color: #000;
}

.r-detail table tr:first-child td:first-child {
	background: #626463;
	color: #fff;
}

.r-detail table tr:first-child td:nth-child(2) {
	font-weight: 700;
	text-align: center;
}

.d-img {
	border: 1px solid #626463;
}

.r-detail table {
	width: 101%;
	padding: 0;
	margin: 0;
}

.r-detail {
	border-right: 1px solid #626463;
	width: 100%;
	float: left;
}

.d-img img {
	max-height: 100%;
}

.modal-body img {
	/*height: 100%;*/
}

#img1 .modal-body {
	text-align: center;
}

.pt-3 {
	padding-top: 30px;
}

.pt-2 {
	padding-top: 20px;
}

.dd-r select.select-css {
	padding: 7px 10px;
	border-radius: 8px;
	/*background: #ffffff8c;*/
	position: relative;
	margin-bottom: 2px;
}


/*.dd-r select.select-css:after{

    

    background: url('https://www.pinclipart.com/picdir/big/345-3450109_png-file-svg-drop-down-arrow-png-clipart.png');

    background-repeat: no-repeat;

    position: absolute;

    content: '>';

    top: 0;

    right: 0;

}*/

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

.right-downloads h3 {
	font-size: 18px;
	font-weight: 500;
	border-bottom: 1px solid #ccc;
	float: left;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.right-downloads td {
	font-size: 13px;
	font-weight: 400;
	color: #333;
	padding: 2px 5px 5px 0px;
}

a {
	color: #d73438;
	text-decoration: underline;
}

a:hover {
	color: #000;
	text-decoration: none;
}

.def-detail .tooltiptext {
	visibility: hidden;
	width: 260px;
	background-color: none;
	color: #fff;
	text-align: left;
	padding: 0;
	border-radius: 0px;
	position: absolute;
	z-index: 1;
	top: 7px;
	left: 80%;
	margin-left: 0;
	opacity: 0;
	transition: opacity 0.3s;
}

ul.def-detail li:hover {
	z-index: 9999;
}

ul.def-detail li:hover .tooltiptext {
	visibility: visible;
	opacity: 1;
}

.def-detail .tooltiptext table {
	background: #fdfdfdeb;
}

.def-detail .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: -2px;
	margin-left: -16px;
	border-width: 9px;
	border-style: solid;
	border-color: #252525 transparent transparent transparent;
	margin-top: 6px;
	transform: rotate(90deg);
}

.tooltiptext .r-detail {
	border-right: 1px solid #252525;
}

.tooltiptext .r-detail table tr:first-child td:first-child {
	background: #fff;
	color: #000;
	border: 1px solid #252525;
	padding: 5px 10px;
	font-size: 12px;
	font-weight: 700;
}

.tooltiptext .r-detail table td {
	border: 1px solid #252525;
	padding: 5px 10px;
}

ul.def-detail li:last-child .tooltiptext {
	left: -70%;
}

ul.def-detail li:last-child .tooltiptext::after {
	right: -18px;
	transform: rotate(-90deg);
	left: auto;
}

.def-detail .tooltiptext table td {
	width: 50%;
}

.tooltiptext .r-detail table tr:last-child td {
	color: #000;
	font-weight: 700;
}

ul.def-detail td.excellent {
	background: #626463 !important;
	position: relative;
}

ul.def-detail td.excellent:after {
	content: "";
	position: absolute;
	top: -22px;
	right: -15px;
	margin-left: -16px;
	border-width: 14px;
	border-style: solid;
	border-color: #008a05 transparent transparent transparent;
	margin-top: 6px;
	transform: rotate(135deg);
}

ul.def-detail td.poor {
	background: #626463 !important;
	position: relative;
}

ul.def-detail td.poor:after {
	content: "";
	position: absolute;
	top: -22px;
	right: -15px;
	margin-left: -16px;
	border-width: 14px;
	border-style: solid;
	border-color: #ff0308 transparent transparent transparent;
	margin-top: 6px;
	transform: rotate(135deg);
}

ul.def-detail td.avg {
	background: #626463 !important;
	position: relative;
}

ul.def-detail td.avg:after {
	content: "";
	position: absolute;
	top: -22px;
	right: -15px;
	margin-left: -16px;
	border-width: 14px;
	border-style: solid;
	border-color: #ffbf03 transparent transparent transparent;
	margin-top: 6px;
	transform: rotate(135deg);
}

form#searchform {
	float: left;
	width: 230px;
	margin-bottom: 4px;
	margin-right: 1%;
	margin-top: 0px;
}

button.searchbydate {
    position: relative;
    top: 5px;
}
form#searchform div#reportrange {
	float: left;
	border: 1px solid #ccc;
	padding: 3px 12px;
	border-radius: 4px;
	font-size: 12px;
	color: #d73438;
	background: #ffffffad;
	margin-right: 1%;
}

span.font-18.pull-right {
	font-size: 14px;
	float: left !important;
	margin-top: -18px;
	bottom: 20px;
	color: #d73438;
}

.pad-marg-b {
	padding: 0 0px 0 17px;
	margin-bottom: 8px;
}

ul.total-float {
	float: left;
    list-style: none;
    width: 98%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-top: 3px;
}

ul.total-float li {
	font-size: 14px;
	margin-top: 5%;
}

ul.total-float li label {
width: 100px;
    background: #d73438;
    font-weight: 400;
    padding: 4px 5px 4px 11px;
    color: #fff;
    border-radius: 5px;
    margin-right: 5px;
    margin-bottom: 0;
    font-size: 11px;
}

ul.total-float li {
	font-size: 11px;
	margin-top: 0;
	background: #e9e9e9;
	width: 160px;
	border: 1px solid #ff9fa1;
	border-radius: 8px;
	color: #000;
	float: left;
	margin-right: 1%;
}

#h-graph,
#h-graph-du {
	position: relative;
	width: 100%;
	height: 200px;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

div#h-labels,
div#h-labels-du {
	font-size: 13px;
	padding-left: 0;
	position: relative;
	left: 6px;
}

#h-graph ul,
#h-graph-du ul {
	position: absolute;
	top: 0;
	left: 25px;
	width: 94%;
	height: 200px;
	border-left: 1px solid #cacaca;
	border-bottom: 1px solid #cacaca;
}

div#h-labels label,
div#h-labels-du label {
	position: absolute;
	top: 15px;
	width: 100%;
	text-align: center;
	color: #717171;
	font-weight: 500;
}

div#h-graph:before,
div#h-graph-du:before {
	position: absolute;
	content: 'frequency';
	top: 40%;
	left: -52px;
	transform: rotate(-90deg);
	font-size: 14px;
}

#h-graph li,
#h-graph-du li {
	position: absolute;
	list-style: none;
	background: #ffbbbd;
	width: 51px;
	text-align: center;
	border: 1px solid #ff8286;
	visibility: hidden;
	color: #000;
}

div#h-labels span,
div#h-labels-du span {
	font-size: 10px;
	margin: 0 0 0 0 !important;
	display: inline-block;
	width: 50px;
	padding-left: 0;
	box-sizing: border-box;
	text-align: center;
}

.hologram-chart {
	float: left;
	margin-left: 2%;
	margin-right: 0%;
	width: 100%;
	margin-bottom: 7%;
}

li.greater-than {
	background: #d73438 !important;
	color: #fff !important;
	height: 200px;
}

input.selected {
	background: #d73438;
	color: #fff;
	border: 1px solid #a2090d;
}

.risk-detail h2 {
	font-size: 20px;
	font-weight: 700;
}

.risk-detail li {
	font-size: 18px;
	float: left;
	margin-right: 10%;
}

.risk-info-detail {}

.risk-info-detail .r-a-w {
	background: #aba9a97a;
	display: inline-block;
	padding: 20px 5px;
}

.risk-info-detail h3 {
	background-image: -moz-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
	background-image: -webkit-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
	background-image: -ms-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
	color: #fff !important;
	padding: 8px 20px;
	font-size: 25px !important;
	transform: skew(-20deg);
	border-radius: 5px;
	font-weight: 700;
	display: inline-block;
	width: 85%;
	text-align: center;
	margin: 0 auto 30px 7%;
}

.risk-info-detail h3 span {
	transform: skew(-157deg);
	display: inline-block;
}

.risk-info-detail li p {
	height: 50px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 11px;
}

.risk-info-detail li {
	float: left;
	width: 48%;
	list-style: none;
	font-size: 14px;
	margin-bottom: 5px;
	margin-right: 0%;
	color: #000;
	background-image: -moz-linear-gradient(90deg, #8e8e8e 0%, #d6d6d6 100%);
	background-image: -webkit-linear-gradient(90deg, #8e8e8e 0%, #d6d6d6 100%);
	background-image: -ms-linear-gradient(90deg, #8e8e8e 0%, #d6d6d6 100%);
	border-radius: 100px;
	margin-right: 2%;
	margin-bottom: 6%;
}

.risk-info-detail li span {
	background-image: -moz-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -webkit-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	background-image: -ms-linear-gradient(90deg, #912528 0%, #ff0308 100%);
	color: #ffffff;
	padding: 4px 0;
	display: inline-block;
	border-radius: 53px;
	text-align: center;
	width: 82px;
	height: 50px;
	margin-right: 10px;
	font-size: 17px;
	border: 1px solid #cccccc;
	display: table-cell;
	vertical-align: middle;
	margin-right: 16px;
}

.row.risk-detail {
	margin-bottom: 3%;
}

.track_saf a {
	margin-top: 0;
	padding-top: 3px;
	margin-right: 6%;
}

.left-filter .search-div {
	width: 100%;
}

.left-filter .sea-l {
	width: 100%;
}

.left-filter .sea-l .dd-l.dd-r {
	width: 100%;
	margin-top: 5%;
}

#zoom-nav {
	top: 40px;
	padding-top: 6px;
	padding-bottom: 9px;
	padding-left: 0px;
	float: left;
	text-align: right;
	position: absolute;
	left: 20px;
}

#zoom-nav a {
	float: left;
	display: block;
	color: #666;
	text-align: center;
	padding-right: 20px;
	text-decoration: none;
	font-size: 17px;
}

#zoom-nav a:hover {
	background-color: #ddd;
	color: black;
}

#zoom-nav a.active {
	background-color: #4CAF50;
	color: white;
}

.zoom-main {
	padding: 0px 16px 0px 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	cursor: grab;
	cursor: -o-grab;
	cursor: -moz-grab;
	cursor: -webkit-grab;
	margin-top: 10px;
}

.zoom-main img#zoom_map {
	max-width: inherit;
	width: 100%;
}

button.plus-i {
	background: #333;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	color: #fff;
	font-size: 22px;
	padding: 0;
	margin-right: 10px;
	float: right;
	clear: both;
	margin-bottom: 9px;
}

button.minus-i {
	background: #333;
	width: 35px;
	height: 35px;
	border-radius: 50px;
	color: #fff;
	font-size: 22px;
	padding: 0;
	margin-right: 10px;
	float: right;
	clear: both;
}

#zoom-nav button {
	float: right;
	clear: both;
	margin-right: 10px;
	margin-bottom: 10px;
}

.left-cal {
	border-right: 1px solid #ccc;
	padding-right: 4px;
}

.left-cal h3 {
	background: #525252;
	border-radius: 5px 5px 0 0;
	padding: 8px 0px 8px 10px;
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
	border-bottom: 1px solid #cacaca;
	color: #fff;
	display: inline-block;
	width: 100%;
}

.calc-cap li {
	float: left;
	list-style: none;
	width: 48%;
	margin-right: 4%;
}

.calc-cap li:nth-child(even) {
	margin-right: 0;
}

.calc-cap li input[type="text"] {
	width: 100%;
	border: 1px solid #ccc;
	padding: 5px 11px;
	margin-bottom: 10px;
	font-size: 12px;
}

.calc-cap input[type="button"] {
	padding: 0 17px;
}

.calc-cap {
	margin-bottom: 10px;
	display: inline-block;
}

table.speed-train td {
	border: 1px solid #ccc;
	padding: 6px 10px;
	font-size: 12px;
}

table.speed-train td:first-child {
	background: #f4f4f3;
	color: #d73438;
	font-weight: 700;
}

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

.height-fixed.map-view {
	height: 55vh;
	overflow: hidden;
}

table.right-table th h2 {
	background: #000;
	font-size: 18px;
	padding: 3px 10px;
	color: #fff;
}

table.right-table th h3 {
	font-size: 14px;
	padding: 5px 10px;
	font-weight: 600;
}

table.right-table th,
table.right-table td {
	border: 1px solid #333;
}

table.right-table td {
	font-size: 14px;
	color: #000;
	padding: 3px 10px;
}

.map-w-btn {
	float: left;
	margin-right: 10px;
}

.total-runs {
	float: left;
	width: 20%;
	margin-left: 1%;
}

.total-runs label {
	font-weight: 700 !important;
	color: #000;
	margin-top: 2px;
}

.total-runs p {
	display: inline-block;
	font-weight: 700;
	color: #d73438;
	font-size: 19px;
	margin-left: 4px;
	border: 1px solid #d73438;
	padding: 0px 13px;
	border-radius: 13px;
	background: #e9e9e961;
}

.total-runs p span {
	font-size: 13px;
	color: #d73438c7;
}

.height-fixed.full-height {
	height: 72vh;
}

.popup-detail {
	float: left;
	width: 100%;
}

.popup-detail li {
	float: left;
	width: 47%;
	list-style: none;
	margin-bottom: 2%;
}

.popup-detail li label {
	float: left;
	width: 120px;
	color: #000;
	font-size: 14px;
	font-weight: 300;
}

.popup-detail li .value {
	float: left;
	width: 49%;
}

.popup-detail li select {
	width: 100%;
	padding: 0 5px 4px 5px;
	color: #000;
	font-size: 14px;
}

.popup-detail li .value input[type="text"] {
	border: 1px solid #999;
	width: 100%;
	color: #000;
	padding: 0 5px;
	font-size: 14px;
}

.popup-detail li .value textarea.r-detail {
	width: 100%;
	border: 1px solid #999;
	padding: 0 7px;
	color: #000;
	font-size: 14px;
}

.modal-body {
	width: 100%;
	display: inline-block;
}

.popup-detail li:last-child {
	width: 100%;
}

.popup-detail li:last-child input[type="button"] {
	background: #c32024;
	color: #fff;
	padding: 3px 10px;
}

.modal-header {
	padding: 6px 11px;
	border-bottom: 1px solid #bf1b1f;
	background: #bf1b1f;
}

.modal-header h4.modal-title {
	color: #fff;
}

li.full-wid {
	width: 100%;
}

li.full-wid .value {
	width: 70%;
}

input#myFile {
	width: 82%;
}

#report input#myFile {
	width: auto;
}

.p-30 {
	padding: 30px;
}

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

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

input[type="text"] {
	border: 1px solid #ccc;
	padding: 0 10px;
}

input[type="button"] {
	padding: 3px 12px;
	font-size: 14px;
}

.height-fixed.full-height.l-tab {
	height: 65vh;
	padding-right: 10px;
}

table.l-table td {
	border: 1px solid #4e4e4e;
	padding: 6px 13px;
	font-size: 14px;
	color: #000;
}

table.l-table tr:first-child td {
	background: #545454;
	color: #fff;
}

table.l-table tr:nth-child(even) {
	background: #f3f3f3cc;
}

table.l-table tr:nth-child(odd) {
	background: #e2e2e2cc;
}

table.l-table td:first-child {
	width: 200px;
}

table.l-table {
	margin-bottom: 3%;
}

.lab-in label {
	background: none;
	border: 0;
	padding: 0;
	margin-bottom: 0;
}

.lab-in input[type="text"] {
	background: #ffffffa8;
	color: #333;
}

.lab-in input[type="button"] {
	padding: 0 10px;
	font-size: 12px;
}


/*.img-w img {
    height: 434px;
}*/

.lab-in {
	float: left;
	margin-top: 3px;
}

#report .modal-dialog {
	width: 600px;
}

#detail .modal-dialog {
	width: 600px;
}

table.icon-list img {
	height: auto;
}

table.icon-list th {
	border: 1px solid #ccc;
	text-align: center;
	color: #fff;
	border-right: 1px solid #666;
}

table.icon-list td {
	border: 1px solid #ccc;
	padding: 5px 15px !important;
	font-size: 14px;
}

.popup-height {
	height: 56vh;
}

table.icon-list tr:first-child td:nth-child(odd) {
	background: #efefef;
}

table.icon-list tr:first-child td:nth-child(even) {
	background: #e0e0e0;
}

table.icon-list td:nth-child(3n) {
	border-right: 1px solid #666;
}

#map .search-div {
	margin-bottom: 10px;
	width: 100%;
}

.img-icoo img {
	max-width: 20px;
	margin-right: 4px;
}

tr:hover {
	background-color: #ddd !important;
}

tr.selected {
	background-color: #bdbdbd !important;
}

.download-report .dd-l.dd-r select.select-css:first-child {
	float: left;
	width: 70px;
	margin-right: 10px;
}

.download-report .dd-l.dd-r select.select-css:last-child {
	float: left;
	width: 100%;
	margin-right: 0;
}

table.dataTable input[type="text"] {
	width: 80px;
}

table.dataTable select.select-css {
	padding: 0;
	font-size: 12px;
	width: 110px;
	padding: 4px 6px;
	border-radius: 0;
}

.container-fluid.vehicle-dy {
	overflow: hidden;
}

@media (min-width:1500px) {
	.height-fixed {
		height: 60vh;
	}
	/* .img-w img {
        height: 100%;
        width: 100%;
    }*/
	.height-fixed.map-view {
		height: 60vh;
		overflow: hidden;
	}
	.height-fixed-line {
		height: 45vh;
	}
	.dashboard {
		height: 85vh;
	}
	.hologram-chart {
		margin-bottom: 7%;
		margin-top: 7%;
	}
	.search-div {
		width: 75%;
	}
	.height-fixed-right {
		height: 60vh;
	}
	.container-fluid.vehicle-dy {
		overflow: hidden;
	}
}

#notfound {
	position: relative;
	height: 100vh;
}

#notfound .notfound {
	position: absolute;
	left: 50%;
	top: 45%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

.notfound {
	max-width: 520px;
	width: 100%;
	line-height: 1.4;
	text-align: center;
}

.notfound .notfound-404 {
	position: relative;
	height: 240px;
}

.notfound .notfound-404 h5 {
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 252px;
	font-weight: 900;
	margin: 0px;
	color: #262626;
	text-transform: uppercase;
	letter-spacing: -40px;
	margin-left: -20px;
}

.notfound .notfound-404 h5>span {
	text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h6 {
	font-family: 'Cabin', sans-serif;
	position: relative;
	font-size: 16px;
	font-weight: 700;
	text-transform: uppercase;
	color: #262626;
	margin: 0px;
	letter-spacing: 3px;
	padding-left: 6px;
}

.notfound h4 {
	font-family: 'Cabin', sans-serif;
	font-size: 20px;
	font-weight: 400;
	text-transform: uppercase;
	color: #000;
	margin-top: 0px;
	margin-bottom: 25px;
}

.left-cal .calc-cap {
	width: 100%;
}

.left-cal .calc-cap .dd-l.dd-r {
	margin-bottom: 8px;
	display: inline-block;
	width: 100%;
}

.left-cal .search-div {
	width: 100%;
}

.left-cal .search-div .dd-l.dd-r {
	width: 100%;
}

.left-cal .search-div h5 {
	margin-bottom: 7px;
}

.left-cal .search-div .sea-l a {
	padding-top: 7px;
	margin-bottom: 10px;
	float: right;
	padding-right: 11px;
}

.left-cal .height-fixed.height-fixed-line {
	padding-right: 7px;
	height: 72vh;
}

.row.speed-box .col-lg-4 {
	width: auto;
	color: #2b2b2b;
	border-right: 1px solid #929292;
	font-size: 14px;
}

.row.speed-box .col-lg-4:last-child {
	border-right: 0px solid #929292;
}

.row.speed-box .col-lg-4 strong {
	color: #ee070c;
}

.right-col .height-fixed.full-height {
	height: 30vh;
}

.risk-height {
	display: inline-block;
	width: 100%;
	border-bottom: 1px solid #ccc;
	padding-bottom: 8px;
	/* border-top: 1px solid #ccc;*/
}

ul.highcharts-menu li:last-child {
	display: none;
}

text.highcharts-title {
	display: none;
}

path.highcharts-area {
	fill: #9898985e;
}

div#v_dyn1,
div#v_dyn2,
div#v_dyn3,
div#v_dyn4,
div#v_dyn5 {
	border-bottom: 1px solid #0d99dc;
	height: 200px;
}

div#v_dyn6 {
	height: 200px;
}

rect.highcharts-background {
	fill: #ffffff9c;
}

path.highcharts-point {
	fill: #7be07e24;
}

path.highcharts-grid-line {
	stroke: #b5b5b533;
}

text.highcharts-axis-title tspan {
	font-size: 18px;
}

.s-graph-w {
	position: relative;
	width: 100%;
}

.risk-info-detail p.info-i {
	color: #000;
	font-weight: 600;
}

.popup-height .icon-list th:nth-child(odd) {
	background: #969696;
}

.select-pk input[type="text"] {
	background: #fff;
	width: 75px;
	height: 35px;
	color: #717171;
}

.select-pk {
	float: left;
	width: 180px;
}

#right-panel {
	font-family: 'Roboto', 'sans-serif';
	line-height: 30px;
	padding-left: 10px;
}

#right-panel select,
#right-panel input {
	font-size: 15px;
}

#right-panel select {
	width: 100%;
}

#right-panel i {
	font-size: 12px;
}

html,
body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#map {
	height: 100%;
	float: left;
	width: 100%;
	height: 100%;
}

#right-panel {
	float: right;
	width: 34%;
	height: 500px;
	overflow: auto;
}

.map-google-s {
	float: left;
	width: 100%;
}

.left-map-view {
	width: 100%;
	float: left;
	height: 500px;
	position: relative;
	overflow: hidden;
}

div#trackmap {
	overflow: visible !important;
	position: inherit !important;
	width: 100%;
	height: 100%;
}

.d-img img {
	height: 208px;
	width: 209px;
}

#map .dd-l.dd-r.fixedassets,
#map .dd-l.dd-rassets,
#map .dd-l.dd-r.defects {
	float: left;
	margin: 4px 29px;
	font-size: 13px;
}

#map button.filterdata {
	float: left;
	margin-right: 15px;
}

#map .dd-l.dd-r.minmaxpk {
	width: 27% !important;
	float: left;
	font-size: 16px;
}

#map .trackspkdata.right-panel {
	float: right;
	width: 250px;
}

#map table.trackpklist {
	width: 100%;
	border: 1px solid;
}

#map table.trackpklist th,
#map table.trackpklist td {
	border: 1px solid;
	padding: 5px;
	width: 100%;
}

.BarLoadingImageC {
	/*    width: 150px;
    display: block;
    position: absolute;
    margin: 23px 45% !important;
    background: #CCC;
    z-index: 100;
    opacity: 0.6;*/
}

.RunInfo {
	border: 1px solid;
	position: absolute;
	list-style: none;
	width: 200px;
	z-index: 9999;
	background: #FFF;
	margin-left: 155px;
	top: 50px;
}

li.map-w.map-w-btn {
	position: relative;
	top: -13px;
}

.checkboxlinks label {
	margin-bottom: 0;
	font-size: 14px;
	margin-right: 9px;
}

.checkboxlinks label input {
	margin-right: 8px;
}

.dropping-filters.map-filter .dd-l {
	margin: 0 12px 0 0 !important;
	width: auto;
}

.dropping-filters.map-filter .dd-l label {
	float: left;
	margin-right: 10px;
}

.dropping-filters.map-filter {
	margin-top: 10px;
	float: left;
}

.dropping-filters.map-filter .dd-l select {
	float: left;
	width: 150px;
	padding: .6em 1.4em .5em .8em;
	border-radius: 4px;
}

/*.overlay-map-t {
	position: relative;
	width: 95%;
	margin: 0 auto;
	background: #fff;
}*/
.overlay-map-t {
	position: relative;
    width: 100%;
    margin: 0 auto;
    background: #ffffffcf;
    padding: 10px 30px;
    text-align: left;
    height: 630px;
    overflow: auto;
}
.extra-detail h2 {
    font-size: 25px;
    color: #d73438;
    border-bottom: 1px solid #ccc;
    padding: 0 0 8px 0;
    margin-bottom: 0px;
}

#map .trackspkdata.right-panel {
	width: 100%;
	position: absolute;
	z-index: 1000;
	background: #ffffffd6;
	left: 0;
	top: -41px;
	right: 0;
	margin: 0 auto;
	text-align: center;
	height: 105%;
}

#map table.trackpklist {
	width: 100%;
	border: 1px solid #ccc;
	margin: 2% auto;
}
#routeModel .trackspkdata.right-panel{
	top: 0px !important;
}
ul.total-float {
    float: left;
    list-style: none;
    width: 98%;
    margin-bottom: 2%;
    margin-left: 2%;
    margin-top: 3px;
}
.height-fixed.full-height.statistics-page {
    height: 35vh;
    margin-bottom: 15px;
}
.extra-detail table td strong {
    color: #e60309;
}
.extra-detail table td {
        border: 1px solid #f1b8ba;
    padding: 5px 12px;
    border-left: 0;
    border-right: 0;
    border-top: 0;
}
.extra-detail table td:nth-child(odd) {
    width: 175px;
    background: #f5f5f5;
}
#container1 {
    height: 250px;
}
#container2 {
    height: 250px;
}

#map .dd-l.dd-r.minmaxpk input {
	float: left;
	width: 45%;
	margin-right: 5%;
	border-radius: 6px;
	font-size: 13px;
	padding: 4px 10px;
}

a.overlay-close {
	position: absolute;
	top: 1px;
	padding: 0 6px;
	right: 2px;
	border: 1px solid #000;
	width: 20px;
	height: 20px;
	margin: 0;
	border-radius: 16px;
	background: #ccc;
	color: #bf1b1f;
	text-decoration: none;
	line-height: normal;
}

#map table.trackpklist th,
#map table.trackpklist td {
	border: 1px solid;
	padding: 10px 20px;
	width: auto;
	text-align: left;
}

.dd-l.dd-r.value-e label {
	width: auto;
	margin-right: 5px;
	font-weight: 700;
}

.dd-l.dd-r.value-e input[type="text"] {
	width: 100px;
	border-radius: 6px;
}

.dd-l.dd-r.value-e span.value {
	font-size: 12px;
	width: 45px;
	display: inline-block;
	padding-top: 3px;
}

.value-e.action-w-btn button {
	background: #7e7d7e;
	font-size: 13px;
	padding: 2px 21px;
	display: inline-block;
	position: relative;
	top: 0px;
	border-radius: 5px;
	width: 85px;
	color: #fff;
}

.value-e.action-w-btn button.search {
	background: #c91317;
}

label.top-search {
	background: none;
	border: 0;
	padding: 0;
	margin: 0;
	color: #c91317;
	margin-left: 2px;
	margin-right: 2px;
	font-weight: 400;
	float: none;
}

.top-search-other-btn.lab-in {
	float: left;
	margin-top: 3px;
	position: absolute;
	top: 36px;
}

.top-search-other-btn.lab-in input[type="button"] {
	padding: 2px 20px;
	background: #808080 !important;
	color: #fff;
	font-size: 13px;
}

.top-search-other-btn.lab-in input[type="button"]:hover {
	background: #ccc !important;
	color: #333;
}

.pagination-w {
	float: right;
	width: auto;
}

.trac-detail-w span:first-child {
	font-size: 17px;
	position: relative;
	top: 1px;
	font-weight: 700;
}

.BarLoadingImageC {
	text-align: center;
}
.marker-arrow {
    width: 13px;
    height: 18px;
    background: url(../frontend/images/arow-down.gif);
    display: inline-block;
    position: absolute;
    left: 5px;
    right: 0;
    margin: 0 auto;
    top: -20px;
    background-size: cover;
}
#h-graph li span {
    position: absolute;
    top: -17px;
}
form {
    display: inline;
}
.strip-chart {
    float: left;
    margin-right: 10px;
}
.strip-chart a {
    text-decoration: none;
    font-size: 13px;
    border: 1px solid #c91317;
    padding: 1px 9px;
    display: inline-block;
    border-radius: 5px;
    color: #c91317;
    margin-top: 4px;
}
.strip-chart a:hover {
    text-decoration: none;
    border: 1px solid #000;
    color: #000;
}
span.val-g {
    position: absolute;
    top: -16px;
}

.download-report.v-dyn .dd-l.dd-r {
    
    width: 230px;
    
}
.download-report.v-dyn .dd-l.dd-r select.select-css:last-child {
    
    width: 135px;

}
.top-search-other-btn.lab-in.v-dyn {
    
    position: relative;
    top: 0;
    
}
.w-auto {
    width: auto !important;
}

.track-quality {
    margin: 8px 15px 0 3px !important;
}
.track-quality select {
    border: 1px solid #aaa;
    padding: 3px;
    border-radius: 7px;
}
label.custom-file-label {
    overflow: hidden;
}
span.select2-search.select2-search--inline input.select2-search__field {
    display: none;
}
ul.select2-selection__rendered {
        padding: 5px 0px;
    list-style: inside;
}
ul.select2-selection__rendered li {
    margin-bottom: 3px;
    position: relative;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 3px;
}
span.select2-container.select2-container--default.select2-container--open {
    display: none;
}
ul.select2-selection__rendered li button.select2-selection__choice__remove {
    display: inline-block;
    float: right;
    border: 0;
    padding: 0px 7px;
    height: auto;
    background: #d73438;
    color: #fff;
    border-radius: 4px;
    cursor: pointer;
}
.detail-wrap {
    margin: 0;
    border-radius: .25rem;
    background: #d73438;
    margin-bottom: 12px;
    border: 1px solid #cccccc7d;
    padding: 5px 0 5px 0;
    color: #fff;
}
.detail-wrap h4 {
    margin: 0;
}
form#searchform.month-cal {
    position: relative;
    float: right;
    width: 100%;
}
div#datepicker {
        position: relative;
    background: #f8f8f8;
    border: 1px solid #d6d6d6;
    border-radius: 4px;
    padding: 0 12px 0 0;
}
div#datepicker input.form-control {
    border: 0;     background: none;
}
button.searchbydate.month-btn {
    position: absolute;
    right: 12px;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
    top: 4px;
    font-size: 20px;
}
ul.pnav {
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.pnav li {
    float: left;
}
ul.pnav li a {
    float: left;
    padding: 9px 20px;
    font-size: 15px;
    text-decoration: none;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin: 0 10px 0 0;
    color: #6d6d6d;
    padding: 8px 40px;
    font-weight: 400;
}
ul.pnav li.active a {
    background: #d73438;    
    color: #fff;
    border: 1px solid #d73438;
}
ul.graph-list {
    list-style: none;
    padding: 0;
}
ul.graph-list li {
    float: left;
    margin-right: 50px;
    border: 1px solid #ececec;
    background: #fff;
    
}
.p-title {
    font-size: 25px;
    padding-bottom: 10px;
    color: #d73438;
}
.datepicker th {
    background: none;
    border-bottom: 1px solid #ccc !important;
}
.datepicker th:hover, .datepicker tr:hover {
    background: #fff !important;
}
.datepicker span.month.active, .datepicker span.year.active {
    background: #d73438 !important;
}
.preloader {
    background: #fffffff5;
    height: 100%;
    text-align: center;
    position: fixed;
    width: 100%;
    z-index: 99999;
}
.preloader img {
    position: absolute;
    margin: 0 auto;
    top: 35%;
    /*border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0 18px 23px 0;
    background: #ffffffa6;*/
    max-width: 120px;
}
.search-wrapper .form-group.calender-g {
    width: 100%;
}
.search-wrapper form#searchform {
    position: relative;
    width: 100%;
}
.range-date-w {
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 4px;
    padding: 0px 0px 0 15px;
}
.range-date-w button.searchbydate.btn.btn-search {
    padding: 1px 10px 2px 10px;
    top: 0px;
    border-radius: 0;
}
.search-wrapper .form-group.calender-g div#reportrange {
    background: none;
    border: 0 !important;
    padding: 0 !important;
        margin: 5px 25px 0 0 !important;
}
.pull-right button.searchbydate.btn-search {
    border: 0;
    background: #d73438;
    margin: 0;
    padding: 2px 8px 0 8px;
    color: #fff;
    top: 0;
    cursor: pointer;
}
@media only screen and (max-width: 767px) {
	.notfound .notfound-404 {
		height: 200px;
	}
	.notfound .notfound-404 h5 {
		font-size: 200px;
	}
}

@media only screen and (max-width: 480px) {
	.notfound .notfound-404 {
		height: 162px;
	}
	.notfound .notfound-404 h5 {
		font-size: 162px;
		height: 150px;
		line-height: 162px;
	}
	.notfound h4 {
		font-size: 16px;
	}
}