﻿@charset "utf-8";
/* CSS Document */
.shadow {
	-webkit-box-shadow: 3px 3px 5px 5px rgba(0,0,0,0.2);  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	-moz-box-shadow:    3px 3px 5px 5px rgba(0,0,0,0.2);  /* Firefox 3.5 - 3.6 */
	box-shadow:         3px 3px 5px 5px rgba(0,0,0,0.2);  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */
}
.mirror_h {
	-moz-transform: scale(-1, 1);
	-webkit-transform: scale(-1, 1);
	-o-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
}

*:focus {
    outline: 0;
}
.c {
	clear: both;
}
.hide {
	display: none;
}
.covbg {
	background-size: cover !important;
	background-position: center center;
}
.nv {
	visibility: hidden;
	display: none;
}

.pr {
	position: relative;
}

/* Borders */
.bb_grey {
	border-bottom: 1px solid #dfe6e9;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
.bt_grey {
	border-top: 1px solid #dfe6e9;
	padding-top: 5px;
	margin-top: 5px;
}

/* Margins */
.nm {
	margin: 0px 0px 0px 0px !important;
}
.ntm {
	margin-top: 0px !important;
}
.nrm {
	margin-right: 0px !important;
}
.nbm {
	margin-bottom: 0px !important;
}
.nlm {
	margin-left: 0px !important;
}
.lm5 {
	margin-left: 5px !important;
}
.lm10 {
	margin-left: 10px !important;
}
.rm5 {
	margin-right: 5px !important;
}
.rm10 {
	margin-right: 10px !important; 
}
.rm20 {
	margin-right: 20px !important;
}
.rm30 {
	margin-right: 30px !important;
}
.rm40 {
	margin-right: 40px !important;
}
.lm20 {
  margin-left: 20px !important;
}

.m10 {
	margin: 10px;
}
.m15 {
	margin: 15px;
}
.m20 {
	margin: 20px;
}
.tm-2 {
	margin-top: -2px !important;
}
.tm-5 {
	margin-top: -5px !important;
}
.tm2 {
	margin-top: 2px !important;
}
.tm5 {
	margin-top: 5px !important;
}
.bm2 {
	margin-bottom: 2px !important; 
}
.bm5 {
	margin-bottom: 5px !important;
}
.bm10 {
	margin-bottom: 10px !important;
}
.bm20 {
	margin-bottom: 20px !important;
}
.tm5 {
	margin-top: 5px !important;
}
.tm10 {
	margin-top: 10px !important;
}
.tm20 {
	margin-top: 20px !important;
}
.rm10 {
	margin-right: 10px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.lm10 {
	margin-left: 10px !important;
}
.lm20 {
	margin-left: 20px !important;
}
.lm30 {
	margin-left: 30px !important;
}
.ms5 {
	margin: 0 5px;
}

/* Padding */
.np {
	padding: 0px !important;
}
.pad3 {
	padding: 3px !important;
}
.pad5 {
	padding: 5px !important;
}
.pad10 {
	padding: 10px;
}
.pad15 {
	padding: 15px;
}
.pad20 {
	padding: 20px;
}
.pad30 {
	padding: 30px;
}
.pad40 {
	padding: 40px;
}
.pad60 {
	padding: 60px;
}
.pt5{
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pr5 {
	padding-right: 5px;
}
.pr10 {
	padding-right: 10px;
}
.pr15 {
	padding-right: 15px;
}
.pr20 {
	padding-right: 20px;
}
.pl10 {
	padding-left: 10px !important;
}
.pl20 {
	padding-left: 20px;
}
.ntp {
	padding-top: 0px !important;
}


/* Flex */
.f {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox; 
  display: -webkit-flex;
  display: flex;
}
.flexrow {
	flex-direction: row;
}
.flexcol {
	flex-direction: column;
}

.fac {
	align-items: center;
}
.fas {
	align-items: flex-start;
}
.fae {
	align-items: flex-end;
}


.fbc {
	flex-direction:column;
}
.fc {
	display: flex;
	flex-direction: column;
	flex: 1 1 auto;
}
.ff {
	flex: 0 0;
}

.fsc {
	justify-content: center;
}
.f_end {
	justify-content: flex-end;
}
.f_start {
	justify-content: flex-start;
}

.fwr {
	flex-flow: row wrap;
}
.fsb {
	justify-content: space-between;
}
.fb10 {
	flex-basis: 10%;
}
.fb15 {
	flex-basis: 15%;
}
.fb20 {
	flex-basis: 20%;
}
.fb25 {
	flex-basis: 25%;
}
.fb30 {
	flex-basis: 30%;
}
.fb33 {
	flex-basis: 33.3%;
}
.fb35 {
	flex-basis: 35%;
}
.fb40 {
	flex-basis: 40%;
}
.fb50 {
	flex-basis: 50%;
}
.fb60 {
	flex-basis: 60%;
}
.fb66 {
	flex-basis: 66.6%;
}
.fb70 {
	flex-basis: 70%;
}
.fb80 {
	flex-basis: 80%;
}
.fb85 {
	flex-basis: 85%;
}
.fb90 {
	flex-basis: 90%;
}
.fb100 {
	flex-basis: 100%;
}


/* Alignment */
.bl {
  display: block;
}
.ca {
	text-align: center;
}
.la {
	text-align: left !important;
}
.ra {
	text-align: right;
}
.nw {
	white-space: nowrap;
	overflow: hidden;
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.tlf {
	table-layout:fixed;
}

.hs {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.ns {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.no_scroll {
  height: 100%;
  overflow: hidden;
}
.v_scroll {
	height: 100%;
	overflow: visible;
	overflow-y: scroll;
}
.v_scrollable {
	height: 100%;
	overflow-y: auto;
}
.scroll_y {
	overflow-y: scroll;
}

/* Cursors */
.clickable {
	cursor: pointer;
}
.progress {
	cursor: progress !important;
}
.va {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* Dimensions */
.h100pc {
	height: 100%;
}

.wa {
	width: auto;
}
.w10px {
	width: 10px;
}
.w15px {
	width: 15px;
}
.w20px {
	width: 20px;
}
.w25px {
	width: 25px;
}
.w30px {
	width: 30px;
}
.w40px { 
	width: 40px;
}
.w45px { 
	width: 45px;
}
.w50px {
	width: 50px;
}
.w60px {
	width: 60px;
}
.w75px {
	width: 75px;
	min-width: 75px !important;
}
.w100px {
	width: 100px;
	min-width: 100px !important;
}
.w125px {
	width: 125px;
}
.w130px {
	width: 130px;
}
.w150px {
	width: 150px !important;
	min-width: 150px !important;
}
.w175px {
	width: 175px;
}
.w200px {
	width: 200px;
}
.w250px {
	width: 250px;
}
.w300px {
	width: 300px;
}
.w350px {
	width: 350px;
}
.w25pc {
	width: 25%;
}
.w50pc {
	width: 50%;
}
.w75pc {
	width: 75%; 
}
.w100pc {
	width: 100%; 
}
.fw {
	width: 100%;
}

.mh200 {
	min-height: 200px;
}
.mh250 {
	min-height: 250px;
}
.mh300 {
	min-height: 300px;
}
.nmw {
	min-width: auto;
}

/* Text */
.ellip {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.small {
	font-size: 10px;
	line-height: 1.1em;
}
.med {
	font-size: 14px;
	line-height: 1.1em;
}
.large {
	font-size: 20px;
	line-height: 1.3em;
}
.bold {
	font-weight: bold;
}

.fc_grey {
	color: #999 !important;
}
.fc_faintgrey {
	color: #ddd;
}
.fc_green {
	color: #319500 !important;
}
.fc_amber {
	color: #FF8A00 !important;
}
.fc_red {
	color: #D20000 !important;
}
.bg_grey {
	background-color: #b2bec3;
}
.bg_blue {
	background-color: #0984e3;
}
.bg_brand {
	background-color: #F05A06;
}

.sgi {
	color: #b2bec3 !important;
	font-size: 10px !important;
	font-style: italic !important;
}

.whitefc {
	color: #fff !important;
}
.whitebg {
	background-color: #fff !important;
}
.greenbg {
	background-color: #4db546;
}
.ambertint {
	background-color: #ffedca !important;
}
.redtint {
	background-color: #ffdbdb !important;
}

.pdflink {
	display: inline-block;
	background: url(/images/icons/pdf.png) center center no-repeat;
	background-size: contain;
	margin: 0px 5px 5px 0px;
	width: 64px;
	height: 64px;
	cursor: pointer;
}
.ui-icon-white {
	background-image: url("/css/lib/images/ui-icons_ffffff_256x240.png") !important;
}
.ui-icon1 {
	margin-right: -8px;
}
.airterm_grp .ui-icon {
	margin-right: 0px;
}
.markercounter .ui-icon {
	position: relative;
	top: -1px;
	margin-right: 0px;
	opacity: 0.6;
}
.ui-slider-handle {
	background-color: #2d3436 !important; 
	border-radius: 3px;
}
input.spinner { 
	border: 1px solid #b7b7b7;
	padding: 3px;
}

/* Library fixes */
.ajs-header {
	font-weight: bold;
}
.ajs-dialog, .ajs-modal, .ajs-dimmer, .alertify-notifier {
	z-index: 9999999999 !important;
	
} 
.ajs-input {
	width: 100%;
	margin-top: 20px;
	padding: 5px;
	border: 1px solid #dfe6e9;
}
.ajs-destructive .ajs-ok {
	background-color: #d63031 !important;
}
.ajs-positive .ajs-ok {
	background-color: #00b894 !important;
}
.ajs-message {
	width: 400px !important;
}
.alertify-notifier.ajs-right {
    right: 120px !important;
}



/* Google maps */
a[rel="noopener"] {
    /* display: none !important; */
}
.gm-style-cc {
	/* display: none !important; */
}

/* jQuery UI */
#ui-timepicker-div {
	min-width: 500px !important;
}
.ui-timepicker-table {
	min-width: 250px !important;
}

.ui-widget.ui-widget-content { 
  border: 0px none;
}
.ui-state-highlight {
	color: #454545 !important;
	background: #ededed !important;
	border: 1px solid #fdcb6e !important;
}
.ui-tabs-tab.warning {
	background: #fab1a0 !important;
	border: 1px solid #f2722b !important;
}
.ui-state-active {
	color: #fff !important;
  background: #f05a06 !important;
	border: 1px solid #f05a06 !important;
}
.ui-state-active.warning {
	background: #e17055 !important;
	border: 1px solid #e17055 !important;
}
.ui-tabs .ui-tabs-nav {
	display: flex;
}
.ui-tabs .ui-tabs-nav li {
	flex: 1;
	display: flex;
	white-space: normal;
}
.ui-tabs .ui-tabs-nav li a {
	flex: 1;
	text-align: center;
}
.ui-tabs .ui-tabs-panel {
	padding: 5px 5px 5px 5px; 
}
.ui-tabs-tab {
	font-weight: 700 !important;
	font-size: 15px;
}

/* Select 2 */
.s2_disabled, .field_disabled {
	opacity: 0.4;
}
.s2_flag {
	position: relative;
	top: -4px;
}
.s2_flag img {
	position: relative;
	top: 7px;
	margin-right: 3px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    padding-left: 5px;
}
.select2-selection__choice {
	border-left: 4px solid #b2bec3 !important;
}
.select2-container--default .select2-results>.select2-results__options{
    max-height: 400px !important;
}
.select2-container--default .select2-selection--single {
	border: 1px solid #b7b7b7 !important;
	color: #222;
	background-color: #f8f8f8 !important;
	border-radius: 3px;
	height: 31px;
}
.select2-container--default .select2-selection--multiple {
	border-radius: 0px;
	border: 1px solid #b7b7b7 !important;
}
.select2-container--default.select2-container--focus .select2-selection--multiple {
	border: 1px solid #b7b7b7 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 31px;
}
.select2-search__field {
	width1: 100% !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
	background-color: #f8f8f8 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color: #2D3436 transparent transparent transparent;
}