body {
	background: url(../frontend/images/bg-grey-light.png);
	background-size: cover;
	color: #2d2d2d;
}

img {
    user-select: none;
}

.popover.show {
	opacity: 1 !important;
}
select > option:disabled {
	background-color: #e6e6e6;
	font-style: italic;
}

.navbar-header.logo img {
	max-width: 60%;
	margin-top: 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;
}

.btn:link,
.btn:visited {
	text-transform: capitalize;
	text-decoration: none;
	padding: 8px 40px;
	display: inline-block;
	border-radius: 00px;
	transition: all .2s;
	position: relative;
	border: 1px solid #888;
}

.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;
}
.btn-light {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-light, .btn-light:focus {
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
}
.btn-light:hover {
	color: #212529;
	background-color: #e2e6ea;
	border-color: #dae0e5;
}

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

input[type='checkbox'],
input[type='range'] {
	accent-color: #f93539;
}

@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: 110px;
	top: 0;
	width: 100%;
	/*max-width: 1350px;*/
	max-width: 100%;
	margin: 0 auto;
    /*overflow: hidden;*/
}

.dashboard {
	position: relative;
	height: 79vh;
	height: calc(100vh - 135px);
	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: #cbcbcb;
	text-align: center;
	padding: 2px 0;
	position: fixed;
	bottom: 0;
	width: 100%;
	float: left;
	font-weight: 700;
	color: #676767;
    height: 25px;
    overflow: hidden;
}

.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;
	background: #d8d8d8;
	border: 1px solid #ccc;
}

.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: 200px;
	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 {
    user-select: none;
}
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: 16px;
	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,.submenu.dropdown-menu > li {
	/*margin-bottom: 6px;*/
	margin-bottom: 0px;
	border-bottom: 1px solid #ccc;
}

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: 5px 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;
}

.modal {
	background: transparent !important;
}

body > .modal-backdrop {
	backdrop-filter: blur(3px);
	background: #00000047;
}

.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;
}

.header-data-page-links {
	margin-top: 6px;
    text-align: right;
    float: right;
    display: flex;
    flex-direction: row;
    user-select: none;
}
.header-data-page-links::after {
	display: block;
    content: " ";
    clear: both;
}
.header-data-page-links > .link-button {
	flex: 1;
    padding: 6px 12px;
    font-size: 12px;
    text-align: center;
    text-decoration: none;
	background-color: transparent;
    transition: background-color 0.3s ease, color 0.3s ease;
    border-radius: 6px;
}
.header-data-page-links > .link-button:not(.disabled) > span {
	font-weight: 600;
}
.header-data-page-links > .link-button > img {
    display: block;
    height: 24px;
    max-width: 24px;
    width: auto;
    margin: 0 auto;
}
.header-data-page-links > .link-button > span {
    display: block;
    height: 20px;
    line-height: 20px;
    color: #f93539;
}

.header-data-page-links > .link-button:not(.disabled):hover {
	background-color: #f93539;
}
.header-data-page-links > .link-button:not(.disabled):hover > span {
	text-decoration: underline;
    color: #fff;
}
.header-data-page-links > .link-button:not(.disabled):hover > img {
    -webkit-filter: brightness(0) invert(1);
    -o-filter: brightness(0) invert(1);
    -ms-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.header-data-page-links > .link-button.disabled {
    cursor: disabled;
}
.header-data-page-links > .link-button.disabled > img {
    -webkit-filter: grayscale(100%);
       -moz-filter: grayscale(100%);
         -o-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
            filter: grayscale(100%); 
}
.header-data-page-links > .link-button.disabled > span {
    color: #666;
}

.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;
    font-weight: 600;
}

.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;
    position: relative;
}

.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%;
    user-select: none;
}

.d-img[data-resolved="true"]:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 16px 16px;
    border-color: transparent transparent transparent yellow;
    right: 0;
    left: 0;
    position: absolute;
}

.d-img-container .d-img .image-comment-button {
	position: absolute;
	right: 10px;
	bottom: 10px;
	color: #3a3a3a;
	text-shadow: #fff 1px 0 3px;
	font-size: 18px;
	margin: 0;
	user-select: none;
	cursor: pointer;
	display: none;
	opacity: 0.8;
	transition: opacity 0.2s ease-in-out;
	background: transparent;
	outline: 0;
	padding: 0;
}
.d-img-container:hover .d-img .image-comment-button {
	display: block;
}
.d-img-container .d-img .image-comment-button:hover {
	opacity: 1;
}
.d-img-container .d-img .image-comment-button[data-has-comment="true"] {
	display: block;
	color: #ff0000;
}

#imageCommentModal .modal-body > .modal-body-inner {
	position: relative;
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}
#imageCommentModal .modal-body > .modal-body-inner .image-container,
#imageCommentModal .modal-body > .modal-body-inner .comment-container {
	flex: 1 1 50%;
}
#imageCommentModal .modal-body > .modal-body-inner .image-container {
	padding-right: 10px;
}
#imageCommentModal .modal-body > .modal-body-inner .comment-container {
	padding-left: 10px;
	min-width: 400px;
}
#imageCommentModal .modal-body > .modal-body-inner .image-container img {
	display: inline-block;
	height: auto;
	max-height: 512px;
	width: 100%;
	max-width: 512px;
}
#imageCommentModal .modal-body > .modal-body-inner .comment-container .form-textarea-info {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	align-items: stretch;
}
#imageCommentModal .modal-body > .modal-body-inner .comment-container .form-textarea-info > * {
	flex: 1;
}
#imageCommentModal .modal-body > .modal-body-inner .comment-container .form-textarea-info > #imageCommentFormTextInfo {
	text-align: left;
}
#imageCommentModal .modal-body > .modal-body-inner .comment-container .form-textarea-info > #imageCommentFormUpdatedTime {
	text-align: right;
}
#imageCommentModal .modal-body .confirm-overlay,
#imageCommentModal .modal-body .loading-overlay {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 50px;
	z-index: 1200;
	user-select: none;
	pointer-events: none;
}
#imageCommentModal.show-confirm-overlay .modal-body .confirm-overlay,
#imageCommentModal.show-loading-overlay .modal-body .loading-overlay {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	pointer-events: auto;
	color: #000;
	text-align: center;
}
#imageCommentModal.show-confirm-overlay .modal-body .modal-body-inner,
#imageCommentModal.show-loading-overlay .modal-body .modal-body-inner {
	filter: blur(3px);
}
#imageCommentModal .modal-body .confirm-overlay > .confirm-overlay-inner,
#imageCommentModal .modal-body .loading-overlay > .loading-overlay-inner {
	background: #fff;
	padding: 20px;
	border-radius: 6px;
}
#imageCommentModal .modal-body .confirm-overlay > .confirm-overlay-inner > div + div {
	margin-top: 20px;
}
#imageCommentModal .modal-body .confirm-overlay > .confirm-overlay-inner .btn + .btn {
	margin-left: 20px;
}

.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: #ff0000;
	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 .r-detail .feature-name {
	background: #626463 !important;
	position: relative
}
ul.def-detail .r-detail .condition-marker:after {
    content: "";
	position: absolute;
	top: -22px;
	right: -15px;
	margin-left: -16px;
	border-width: 14px;
	border-style: solid;
	border-color: #626463 transparent transparent transparent;
	margin-top: 6px;
	transform: rotate(-135deg);
}
ul.def-detail .r-detail .condition-marker.condition-1:after {
	border-color: #008a05 transparent transparent transparent;
}
ul.def-detail .r-detail .condition-marker.condition-2:after {
	border-color: #ffbf03 transparent transparent transparent;
}
ul.def-detail .r-detail .condition-marker.condition-3:after {
	border-color: #ff0308 transparent transparent transparent;
}

.contextualJs.contextualMenu .contextualMenuItemIcon.condition-1 {
    background-color: #008a05;
}
.contextualJs.contextualMenu .contextualMenuItemIcon.condition-2 {
    background-color: #ffbf03;
}
.contextualJs.contextualMenu .contextualMenuItemIcon.condition-3 {
    background-color: #ff0308;
}

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 #f93539;
	background: #f93539;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
}

.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"],
input[type="number"] {
	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;
		height: calc(100vh - 400px);
	}
	.height-fixed-charts {
		height: 60vh;
		height: calc(100vh - 170px);
	}
	/* .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: #ffffff;
}

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"],
.select-pk input[type="number"] {
	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;
	min-height: 500px;
	height: 500px;
	height: 80vh;
	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;
}

.dropdown-menu>li>a.disabled-menu:hover {
    background: #8e8e8e !important;
}

@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;
	}
}

.inspections-table .inspection-links a {
    display: inline-block;
}
.inspections-table .inspection-links a > img {
    max-height: 24px;
    max-width: 24px;
}
.inspections-table .inspection-links a + a{
    margin-left: 10px;
}

/***************/
/* Image Modal */
/***************/

#img-view .modal-body {
    position: relative;
}

.d-img .image-preview-gauge-side-overlay,
#img-view .image-preview-gauge-side-overlay {
    display: none;
    position: absolute;
    padding: 25px;
    font-size: 2rem;
    color: #fff;
    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    height: 43px;
    line-height: 43px;
}

.image-preview-gauge-side-overlay[data-gauge-side="0"],
.image-preview-gauge-side-overlay[data-gauge-side="1"],
.image-preview-gauge-side-overlay[data-gauge-side="2"],
.image-preview-gauge-side-overlay[data-gauge-side="3"] {
    display: block !important;
}

/* Left */
.d-img .image-preview-gauge-side-overlay[data-gauge-side="3"],
#img-view .image-preview-gauge-side-overlay[data-gauge-side="0"] {
    left: 0;
    top: 50%;
    transform: translateY(-50%) translateX(-35%) rotate(-90deg);
}
/* Top */
.d-img .image-preview-gauge-side-overlay[data-gauge-side="0"],
#img-view .image-preview-gauge-side-overlay[data-gauge-side="1"] {
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
/* Right */
.d-img .image-preview-gauge-side-overlay[data-gauge-side="1"],
#img-view .image-preview-gauge-side-overlay[data-gauge-side="2"] {
    right: 0;
    top: 50%;
    transform: translateY(-50%) translatex(35%) rotate(90deg);
}
/* Bottom */
.d-img .image-preview-gauge-side-overlay[data-gauge-side="2"],
#img-view .image-preview-gauge-side-overlay[data-gauge-side="3"] {
    left: 50%;
    transform: translateX(-50%) translateY(-100%);
    bottom: 0;
}

.image-preview-gauge-side-overlay span {
    display: inline-block;
    opacity: 0;
    transition: opacity 0.3s ease;
    margin-left: 10px;
}
.d-img:hover .image-preview-gauge-side-overlay span,
#img-view .modal-body:hover .image-preview-gauge-side-overlay span {
    opacity: 1;
}

/***********************/
/* Stitched view modal */
/***********************/

.zoom-info-container {
    display: block !important;
    position: absolute;
    bottom: 15px;
    left: 0px;
    right: 0px;
    height: 35px;
    overflow: hidden;
    text-align: center;
    z-index: 100;
}
.zoom-info-container .zoom-info {
    display: inline-block;
    background: rgba(0, 0, 0, 0.55);
    backdrop-filter: blur(10px);
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
}

.zoom-info .scale-percent {
    display: inline-block;
    min-width: 37px;
    margin: 0 7px;
}
.zoom-info .img-size {
    margin-left: 10px;
    display: inline-block;
    min-width: 65px;
    font-size: 12px;
    line-height: inherit;
}
.zoom-info .button:active,
.zoom-info .button:focus,
.zoom-info .button {
    outline: 0;
    border: 0;
    padding: 0;
    margin: 0;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    width: 20px;
    border: 1px solid #BDBDBD;
    border-radius: 50%;
    position: relative;
    vertical-align: middle;
    /*margin: 0 7px;*/
}
.zoom-info .button:before {
    display: block;
    content: " ";
    position: absolute;
    left: 3px;
    right: 3px;
    height: 2px;
    top: calc(50% - 1px);
    background-color: #BDBDBD;
}
.zoom-info .button.plus:after {
    display: block;
    content: " ";
    position: absolute;
    top: 3px;
    bottom: 3px;
    width: 2px;
    left: calc(50% - 1px);
    background-color: #BDBDBD;
}
.zoom-info .button:hover {
    border-color: #fff;
}
.zoom-info .button:hover:before,
.zoom-info .button:hover:after {
    background-color: #fff;
}

/* Zoom container */
.zoom-container {
    display: block !important;
    position: relative;
    text-align: left;
    overflow: hidden;
}
.zoom-container .zoom-inner {
    /*width: 100%;
    height: 100%;*/
    cursor: default;
    transform-origin: left center 0px;
}
.zoom-container .zoom-inner.scrollable {
    cursor: grab !important;
}
.zoom-container .zoom-inner.grabbing {
    cursor: move !important;
}
.zoom-container .zoom-inner .zoom-content {
    /* display: block; */
    position: relative;
    /*top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);*/
    opacity: 0;
    transition: opacity 0.3s ease;
    /*width: 100%;*/
    height: auto;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.zoom-scroll-bar {
    display: block !important;
    width: 100%;
    /* border: 1px solid #aaa; */
    height: 6px;
    position: relative;
}
.zoom-scroll-bar .inner-bar {
    background-color: #f93539;
    display: block;
    width: 100%;
    height: 6px;
    content: " ";
    transform-origin: left center;
    position: absolute;
    top: 0;
    left: 0;
    will-change: left;
}

.more-image-model.alt-view .modal-body ul {
    display: flex;
    flex-direction: row;
    float: none;
    width: auto;
    overflow-x: scroll;
}
.more-image-model.alt-view .modal-body ul > li {
    display: block;
    float: none;
    width: auto;
    border: none !important;
    flex: 0 0 500px;
}

.stitched-view-modal > .modal-dialog {
    text-align: center;
}
.stitched-view-modal > .modal-dialog .modal-body {
    width: auto !important;
}
.stitched-view-modal ul {
    /* display: flex;
    flex-direction: row; */
    font-size: 0;
    display: block;
    float: none;
    width: auto;
    overflow: visible;
    white-space: nowrap;
}
.stitched-view-modal ul > li {
    /* display: block;
    flex: 0 0 500px; */
    display: inline-block;
    float: none;
    width: auto;
    border: none !important;
}

.more-image-model.alt-view .modal-body ul > li > .d-img,
.stitched-view-modal ul > li > .d-img {
    border: none;
}
.more-image-model.alt-view .modal-body ul > li > .d-img img,
.stitched-view-modal ul > li > .d-img img {
    width: 500px;
    height: 500px;
    transform: rotate(-90deg);
    pointer-events: none;
}

.more-image-model.alt-view .modal-body ul > li .r-detail,
.stitched-view-modal ul > li .r-detail,
.stitched-view-modal ul > li .tooltiptext,
.stitched-view-modal ul > li .def-detail {
    display: none !important;
}

/****************/
/* Laser Charts */
/****************/

#laser-charts-container {
    /*padding-top: 10px;*/
    position: relative;
    display: flex;
    flex-direction: column;
}
   
#laser-charts-container .chart-expandable {
    border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
    padding-top: 6px;
}
#laser-charts-container .chart-expandable:first-child {
    /*padding-top: 0px;*/
}
#laser-charts-container .chart-expandable:last-child {
    /*border-bottom: 0px;*/
}
/*
.chart-expandable:nth-child(odd) {
    background-color: rgba(255, 255, 255, 1);
}
.chart-expandable:nth-child(even) {
    background-color: rgba(220, 220, 220, 1);
}
*/
#laser-charts-container .chart-expandable[data-row-style="odd"] {
    background-color: rgba(255, 255, 255, 1);
}
#laser-charts-container .chart-expandable[data-row-style="even"] {
    background-color: rgba(248, 248, 248, 1);
}

.loading-container.loading > .loading-content,
.loading-self.loading,
#laser-charts-container .chart-expandable.loading,
#laser-charts-container .track-features-chart-container.loading {
    -webkit-filter: blur(2px);
    filter: blur(2px);
	position: relative;
}
.loading-container > .loading-message {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1010;
}
.loading-container.loading > .loading-message {
	display: block;
}
.loading-container.loading > .loading-content:not(.no-overlay)::before,
.loading-self.loading:not(.no-overlay)::before,
#laser-charts-container .chart-expandable.loading::before,
#laser-charts-container .track-features-chart-container.loading::before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 250, 250, 0.5);
    z-index: 1001;
}

#laser-charts-container .chart-expandable.chart-hidden > .chart-expandable-header {
    padding-bottom: 6px;
}
#laser-charts-container .chart-expandable.chart-hidden > .chart-expandable-header .chart-expand,
#laser-charts-container .chart-expandable.chart-hidden > .chart-expandable-header .chart-tooltip-location {
    display: none;
}
#laser-charts-container .chart-expandable > .chart-expandable-header {
    display: flex;
    flex-direction: row;
}

#laser-charts-container .chart-expandable > .chart-expandable-header > div {
    flex: 1;
}
#laser-charts-container .chart-expandable > .chart-expandable-header > .chart-title {
    display: flex;
    flex-direction: row;
}
#laser-charts-container .chart-expandable > .chart-expandable-header > .chart-buttons {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    text-align: right;
}

#laser-charts-container .chart-expandable > .chart-expandable-header > div.chart-tooltip-location {
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: -6px;
    transition: color 0.3s ease, font-weight 0.3s ease, font-size 0.3s ease;
}
#laser-charts-container .chart-expandable:hover > .chart-expandable-header > div.chart-tooltip-location {
    color: #000;
    font-size: 16px;
    font-weight: 600;
}
#laser-charts-container .chart-expandable > .chart-expandable-header h3 {
    font-weight: 600;
    font-size: 14px;
    color: #666666;
    margin: 0px 15px 0px 10px;
    padding: 0;
    display: inline-block;
    line-height: 26px;
}
button.chart-view-supplementary-data,
#laser-charts-container .chart-expandable > .chart-expandable-header button,
#laser-charts-container .chart-expandable > .chart-expandable-header .chart-view-supplementary-data-buttons,
#laser-charts-container .chart-expandable > .chart-expandable-header a {
    background: transparent;
    color: #f93539;
    padding: 0;
    margin: 0 15px;
    font-size: 13px;
    flex: 0 auto;
	text-decoration: none;
	user-select: none;
}
button[disabled].chart-view-supplementary-data,
#laser-charts-container .chart-expandable > .chart-expandable-header button[disabled],
#laser-charts-container .chart-expandable > .chart-expandable-header a[disabled] {
	color: #777;
	cursor: not-allowed;
}
#laser-charts-container .chart-expandable > .chart-expandable-header .chart-move-buttons {
    margin-right: 10px;
    /*padding-left: 15px;
    margin-left: 5px;
    border-left: 1px solid #444;*/
}

#laser-charts-container .chart-expandable > .chart-expandable-header button.chart-toggle,
#laser-charts-container .chart-expandable > .chart-expandable-header .chart-buttons {
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.3s ease;
}
#laser-charts-container .chart-expandable:hover > .chart-expandable-header button.chart-toggle,
#laser-charts-container .chart-expandable:hover > .chart-expandable-header .chart-buttons {
    visibility: visible;
    pointer-events: all;
    opacity: 1;
}
#laser-charts-container .chart-expandable > .chart-expandable-header .chart-move-buttons > button {
    background: transparent;
    color: #f93539;
    padding: 0;
    margin: 0 5px;
    font-size: 13px;
    flex: 0;
}
#laser-charts-container .chart-expandable > .chart-expandable-header .chart-move-buttons > button[disabled] {
    color: #777;
    cursor: not-allowed;
}

#laser-charts-container .chart-expandable > .chart-expandable-content {
	min-height: 160px;
}

#laser-charts-container .chart-expandable > .chart-expandable-content rect.highcharts-background {
	fill: transparent !important;
}

#laser-charts-container .orderable-charts-container {
    display: flex;
    flex-direction: column;
}

#laser-charts-container .chart-expandable .track-features-chart-placeholder {
    height: 190px;
    display: none;
}
#laser-charts-container .chart-expandable.chart-enlarged .track-features-chart-placeholder {
    display: block;
}

#laser-charts-container .track-features-chart-container {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 180px;
    overflow: hidden;
}
#laser-charts-container .track-features-chart-container > .track-features-chart {
    height: 180px;
    overflow: hidden;
}
#laser-charts-container .track-features-chart-container > button.settings-button {
    position: absolute;
    right: 10px;
    top: 0;
    width: 25px;
    height: 25px;
    color: #444;
    z-index: 700;
    font-size: 22px;
    transition: color 0.3s ease;
}
#laser-charts-container .track-features-chart-container > button.settings-button:hover {
    color: #f93539;
}
#laser-charts-container .track-features-chart-container.loading > button.settings-button {
    pointer-events: none;
}
#laser-charts-container .track-features-chart-container.show {
    display: block;
}

/* Laser charting PK bar */
.laser-charts-pk-container.loading {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}

.laser-charts-sticky-container {
    position: sticky;
    top: -1px;
    z-index: 1000;
    padding: 10px 40px 10px 72px;
    background-color: rgb(252, 251, 251, 0);
    transition: background-color 0.3s ease;
}
.laser-charts-sticky-container.stuck {
    position: sticky;
    background-color: rgb(252, 251, 251, 0.5);
    backdrop-filter: blur(10px);
}

.laser-charts-pk-container .laser-charts-pk-bar {
    position: sticky;
    display: flex;
    height: 36px;
    flex-direction: row;
    position: relative;
    border-bottom: 1px solid #7b7b7b;
    color: #2e2e2e;
    font-size: 1.25rem;
}

.laser-charts-pk-container .laser-charts-pk-bar > div {
    flex: 2 1 0;
    position: relative;
    text-align: center;
}

.laser-charts-pk-container .laser-charts-pk-bar > div > span {
    padding: 5px 12px 10px 12px;
    display: inline-block;
}

.laser-charts-pk-container .laser-charts-pk-bar > div::before {
    display: block;
    content: " ";
    width: 1px;
    height: 8px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-1px);
    border-right: 1px solid #7b7b7b;
}

.laser-charts-pk-container .laser-charts-pk-bar > div:first-child::before,
.laser-charts-pk-container .laser-charts-pk-bar > div:last-child::before {
    transform: none;
}

.laser-charts-pk-container .laser-charts-pk-bar > div:first-child::before {
    left: 0;
}
.laser-charts-pk-container .laser-charts-pk-bar > div:last-child::before {
    left: auto;
    right: 0;
}

.laser-charts-pk-container .laser-charts-pk-bar > div:first-child {
    flex: 1 1 0;
    text-align: left;
}

.laser-charts-pk-container .laser-charts-pk-bar > div:last-child {
    flex: 1 1 0;
    text-align: right;
}
.laser-charts-pk-container .laser-charts-pk-bar > div:first-child > span,
.laser-charts-pk-container .laser-charts-pk-bar > div:last-child > span {
    padding: 5px 0px 10px 0px;
}

/* Settings form */
#track-feature-chart-settings-modal.show {
    display: flex !important;
}
#track-feature-chart-settings-modal > .modal-dialog {
    flex: 0;
}
#track-feature-chart-settings-modal > .modal-dialog > .modal-content {
    min-width: 600px;
}

.track-features-chart-settings {
    position: relative;
    min-height: 270px;
}
.track-features-chart-settings.loading {
    -webkit-filter: blur(2px);
    filter: blur(2px);
}
.track-features-chart-settings.loading::before {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(250, 250, 250, 0.5);
    z-index: 1000;
}
.track-features-chart-settings form label {
    display: block !important;
}

.track-features-chart-settings form .form-row+.form-row {
    margin-top: 15px;
}
.track-features-chart-settings form .form-row.align-right {
    text-align: right;
}

.track-features-chart-settings form #track-feature-settings-features {
    max-width: 568px;
}
.track-features-chart-settings form .form-row button+button {
    margin-left: 15px;
}


/******************/
/* Track overview */
/******************/

/* Container(s) */
.track-overview-scroll-container {
    /*overflow-x: scroll;
    overflow-y: hidden;*/
    margin-top: 25px;
    position: relative;
    background: #fff;
    padding: 10px 0px 0px 0px;
    border: 1px solid #bbb;
    min-height: 150px;
}
.track-overview-container {
    overflow-x: auto;
    /*overflow: hidden;*/
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.track-overview-container::-webkit-scrollbar {
    height: 18px;
}

/* Loading overlay */
.track-overview-scroll-container .track-overview-loading-overlay {
    display: none;
}
.track-overview-scroll-container.track-overview-loading > .track-overview-loading-overlay {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    background-color: rgba(245, 245, 245, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
.track-overview-scroll-container.track-overview-loading > .track-overview-loading-overlay > div {
    flex: 1;
    text-align: center;
}
.track-overview-scroll-container.track-overview-loading > .track-overview-loading-overlay > div > img {
    width: 200px;
}

.track-overview-scroll-container.track-overview-loading > .track-overview-container {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}

/* Track line location block */
.track-overview-container > .location-block {
    flex: 1 0 auto;
    display: block;
    /*height: 300px;*/
    border-right: 1px solid #666;
    font-size: 14px;
    user-select: none;
    background: #f9f9f9;
    background: repeating-linear-gradient(
        -55deg,
        #ffffff,
        #ffffff 5px,
        #f5f4f4 5px,
        #f5f4f4 10px
    );
}
.track-overview-container > .location-block:last-child {
    border-right: 0px;
}

.track-overview-container > .location-block > .location-info {
    padding: 0px;
    height: 23px;
    white-space: nowrap;
}
.track-overview-container > .location-block > .location-info > span {
    padding: 0px 8px 4px 8px;
    left: 0px;
    position: sticky;
}
.track-overview-container > .location-block > .location-info,
.track-overview-container > .location-block > .location-pks {
    background: #fff;
}

/* Line location PKs */
.track-overview-container > .location-block > .location-pks > .pk-block {
    display: inline-block;
    padding: 0px 3px;
    width: 160px;
    height: 23px;
    padding-left: 8px;
    border-right: 1px dashed #bbb;
    font-size: 14px;
}
.track-overview-container > .location-block > .location-pks > .pk-block:last-child {
    border-right: 0px;
    min-width: 64px;
    width: auto;
}

/* Rail/center blocks */
.track-overview-container > .location-block > .track-data {
    display: flex;
    flex-direction: row;
}
.track-overview-container > .location-block > .track-data > .pk-block {
    position: relative;
    font-size: 13px;
    width: 32px;
}
.track-overview-container > .location-block > .track-data > .pk-block:not(.shown) > div {
    display: none !important;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos {
    padding: 3px 0px;
    overflow: hidden;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.rail {
    background: #f5f4f4;
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-right: 1px dashed #bbb;
    height: 150px;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.center {
    background: #ffffff;
    height: 100px;
    /*display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;*/
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.center > .track-feature {
    /*flex: 1;*/
}
/*.track-overview-container > .location-block > .track-data > .pk-block > .track-pos[data-has-defect="true"] {
    background: #fb6c6f;
    color: #eee;
}*/
.track-overview-container > .location-block > .track-data > .pk-block:hover > .track-pos,
.track-overview-container > .location-block > .track-data > .pk-block:hover > .exception:not(.has-exception) {
    background: #aaa !important;
    color: #fff !important;
}

/* Rail asset rows */
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.asset-row {
    height: 33px;
    background: #f9f9f9;
    color: #707070;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.asset-row.asset-row-left {
    border-bottom: 1px solid #bbb;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.asset-row.asset-row-right {
    border-top: 1px solid #bbb;
}

/* Feature/defect info */
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature,
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset > .track-feature {
    text-align: center;
    line-height: 1.2;
    margin-bottom: 6px;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature:last-child,
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset > .track-feature:last-child {
    margin-bottom: 0;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature[data-has-defect="true"] > .feature-title {
    color: #f93539;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature > .feature-count,
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset > .track-feature > .feature-count {
    font-size: 11px;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature > .feature-title,
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset > .track-feature > .feature-title {
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature > .feature-icon > img,
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos > .track-feature > .feature-icon > object,
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset > .track-feature > .feature-icon > img,
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset > .track-feature > .feature-icon > object {
    height: auto;
    width: 20px;
    max-height: 20px;
}

.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.asset-row > .track-feature > .feature-title {
    font-size: 11px;
}
.track-overview-container > .location-block > .track-data > .pk-block > .track-pos.asset-row > .track-feature > .feature-count {
    font-size: 10px;
}

/* Exceptions */
.track-overview-container > .location-block > .track-data > .pk-block > .exception {
    height: 14px;
    background: #fff;
    border-bottom: 1px solid #bbb;
    /* border-right: 1px dashed #bbb; */
}
.track-overview-container > .location-block > .track-data > .pk-block > .exception:not(.has-exception) {
    pointer-events: none;
}
.track-overview-container > .location-block > .track-data > .pk-block > .exception.has-exception {
    background-color: #f93539;
    background: repeating-linear-gradient(
        -39deg,
        #f93539,
        #f93539 3px,
        #fff 3px,
        #fff 10px
    );
}

/* Fixed assets */
.track-overview-container > .location-block > .fixed-assets {
    overflow: hidden;
}
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row {
    background: #f9f9f9;
    color: #707070;
    border-top: 1px solid #bbb;
    height: 39px;
    position: relative;
    overflow: hidden;
}
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row::after {
    display: block;
    content: " ";
    clear: both;
}
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row:first-child {
    margin-top: 36px;
}
.track-overview-container > .location-block > .fixed-assets > .fixed-asset-row > .fixed-asset {
    min-width: 32px;
    background: #f5f4f4;
    text-align: center;
    border-left: 1px dashed #bbb;
    border-right: 1px dashed #bbb;
    /*float: left;*/
    padding: 3px 0px;
    position: absolute;
    left: 0;
}


/***********************************
** Asset & Defect Breakdown Table **
***********************************/

#asset_defect_breakdown_modal.modal .modal-dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body {
    flex: 1;
    min-height: 300px;
    max-height: calc(100vh - 110px);
    min-width: 500px;
    max-width: calc(100vw - 30px);
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table thead th,
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table tbody td {
    padding: 0px 8px;
	min-width: 71px;
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table caption {
    font-weight: 600;
    font-size: 17px;
    color: #666;
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table thead th {
    background: #d5d5d5;
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table thead th:first-child {
    min-width: 102px;
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table thead th:nth-child(2n) {
    background: #c6c6c6;
}
#asset_defect_breakdown_modal.modal .modal-dialog .modal-body table tbody tr:nth-child(2n) td {
    background: #efefef;
}

/* Loading overlay */
/*#asset_defect_breakdown_modal*/.modal .modal-body .loading-overlay {
    display: none;
}
/*#asset_defect_breakdown_modal*/.modal.loading .modal-body > .model-body-content {
    -webkit-filter: blur(3px);
    filter: blur(3px);
}
/*#asset_defect_breakdown_modal*/.modal.loading .modal-body .loading-overlay {
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: center;
    background-color: rgba(245, 245, 245, 0.3);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
}
/*#asset_defect_breakdown_modal*/.modal.loading .modal-body .loading-overlay > div {
    flex: 1;
    text-align: center;
}
/*#asset_defect_breakdown_modal*/.modal.loading .modal-body .loading-overlay > div > img {
    width: 200px;
}
h2 span {
	font-size: 18px;
	margin-bottom: 10px;
	float: left;
	width: 100%;
	color:#666;
}


/* Buttons */
.styled-button {
    display: inline-block;
    color: #fff;
    padding: 2px 9px;
    font-size: 14px;
    border-radius: 5px;
    user-select: none;
    text-decoration: none;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: normal;
    height: 27px;
    line-height: 23px;
}
.styled-button.large-button {
    font-size: 26px;
    height: 42px;
    padding: 5px 16px;
    line-height: 32px;
}
.styled-button.red-button {
    background: -webkit-linear-gradient(90deg, #f93539 0%, #f93539 100%);
    background: linear-gradient(90deg, #f93539 0%, #f93539 100%);
}
.styled-button.grey-button {
    background: -webkit-linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
    background: linear-gradient(90deg, #504d4e 0%, #8e8e8e 100%);
}
.styled-button:hover,
.styled-button.red-button:hover,
.styled-button.grey-button:hover {
    background: -webkit-linear-gradient(90deg, #912528 0%, #ff0308 100%);
    background: linear-gradient(90deg, #912528 0%, #ff0308 100%);
}

.styled-button:disabled,
.styled-button.disabled {
    background: #555555 !important;
    cursor: not-allowed !important;
    pointer-events: none !important;
}

.styled-button.small-right-content > small,
.styled-button.small-left-content > small {
	display: inline-block;
	font-size: 13px;
	vertical-align: middle;
	line-height: 23px;
}

.form-check {
	position: relative;
	display: block;
	padding-left: 1.25rem;
}
.form-check-inline {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 0;
	margin-right: .75rem;
}
.form-check-label {
	margin-bottom: 0;
  }
.form-check-inline .form-check-input {
	position: static;
	margin-top: 0;
	margin-right: 15px;
	margin-left: 0;
}
input[type='radio'] {
    accent-color: #f93539;
}

/* Modal minimise/restore */
.modal-window-restore-overlay {
	position: fixed;
	bottom: 0;
	left: 6px;
	height: 0;
	max-width: 0;
	padding: 0 20px 0 10px;
	overflow: hidden;
	display: flex !important;;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	visibility: hidden;
	pointer-events: none;
	user-select: none;
	opacity: 0;
	z-index: -1;
	transition: opacity 0.3s ease-in-out, width 0.3s ease-in-out, height 0.3s ease-in-out;
	background: #f93539;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	line-height: 40px;
}
.modal-window-restore-overlay.show {
	height: 40px;
	max-width: 500px;
	visibility: visible !important;
	pointer-events: all;
	opacity: 1;
	z-index: 2000;
}
.modal-window-restore-overlay > .title {
	flex: 1 1 auto;
	font-size: 16px;
	text-align: center;
	padding-right: 20px;
}
.modal-window-restore-overlay > .spacer,
.modal-window-restore-overlay > .buttons {
	flex: 0 1 auto;
}

.modal-window-restore-overlay > .buttons {
	text-align: right;
}

.modal > .modal-dialog > .modal-content > .modal-header > button,
.modal-window-restore-overlay > .buttons > button {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	border-radius: 15px;
	color: #ffffff;
	text-align: center;
	background: transparent;
	padding: 0;
	font-size: 15px !important;
	transition: background 0.3s ease-in-out, color 0.3s ease-in-out;
}
.modal > .modal-dialog > .modal-content > .modal-header > button:hover,
.modal-window-restore-overlay > .buttons > button:hover {
	color: #f93539;
	background: #ffffff;
}

.modal > .modal-dialog > .modal-content > .modal-header > button {
	width: 28px;
	height: 28px;
	line-height: 28px;
	border-radius: 14px;
	opacity: 1 !important;
	margin-top: -5px;
}

.modal > .modal-dialog > .modal-content > .modal-header > button:hover {
	opacity: 1 !important;
}

.modal > .modal-dialog > .modal-content > .modal-header > button + button {
	right: 20px;
}

/* Modal minimise animation */
.modal.minimised {
	pointer-events: none;
	visibility: hidden;
	top: 100%;
	left: 0;
	right: -100%;
	bottom: 0;
	z-index: -1;
	animation: modalContainerMinimise 0.8s ease forwards;
}
.modal.minimised > .modal-dialog {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	animation: modalDialogMinimise 0.8s ease forwards;
}

.modal.restore {
	display: block;
	background: rgba(0, 0, 0, 0.28);
	animation: modalContainerRestore 0.4s ease forwards;
}
.modal.restore > .modal-dialog {
	position: relative;
	transform: scale(1, 1);
	top: 0;
	left: 0;
	right: 0;
	opacity: 1;
	animation: modalDialogRestore 0.8s ease forwards;
}

@keyframes modalContainerMinimise {
	0% {
		visibility: visible;
		display: block;
		background: rgba(0, 0, 0, 0.28);
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000;
	}
	99% {
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		z-index: 10000;
	}
	100% {
		background: rgba(0, 0, 0, 0);
	}
}
@keyframes modalContainerRestore {
	from {
		background: rgba(0, 0, 0, 0);
	}
	to {
		background: rgba(0, 0, 0, 0.28);
	}
}

@keyframes modalDialogMinimise {
	from {
		transform: scale(1, 1);
		top: 0;
		left: 0;
		right: 0;
		opacity: 1;
	}
	to {
		transform: scale(0, 0);
		top: 100%;
		left: -100%;
		right: 100%;
		bottom: -100%;
		opacity: 0;
	}
}

@keyframes modalDialogRestore {
	from {
		position: fixed;
		transform: scale(0, 0);
		top: 100%;
		left: -100%;
		right: 100%;
		bottom: -100%;
		opacity: 0;
	}
	to {
		transform: scale(1, 1);
		top: 0;
		left: 0;
		right: 0;
		opacity: 1;
	}
}

.blur,
.blur-2 {
	filter: blur(2px);
}
.blur-5 {
	filter: blur(5px);
}