/*Master CSS document for all pages*/
/*Same text throughout all body*/
body, html {
	font-family: 'Open Sans', sans-serif;
	height: 100%;
}

a {
	cursor: pointer;
}
/*set input default height to match bootstrap*/
input {
	height: 34px;
}

input[type=checkbox] {
	height: 15px;
}

input[type=radio] {
	height: 15px;
}

select {
	height: 34px;
}

/*Keep URL information out of browser print page*/
@media print {
	a[href]:after {
		content: none !important;
	}
}

@media screen and (min-width:0) {
	/* for relatively modern browsers including IE 8+ */
	select {
		background-image: url("data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAaCAYAAACkVDyJAAAAlElEQVRIx+2VwQ3AIAhFwTiFi7KC7uYGHo1z0Et7MWkjaEiaQOJBDzy/wgdqrXwHWKyAiGAZDnSgHBhC+IfCUgqbKXxgGqhY4QyRQkUK35KLoK01iZd+xZKXRuEfbvdQPPGkAABEhMeLhohE5yfaAufk93791r13zQDmnLNqcOMYg1NKmoJgTRHtmDeaWZvPQweaAi8PXSmZJU3QRAAAAABJRU5ErkJggg==")!important;
		background-position: -50px -50px;
		background-Repeat: no-repeat;
	}
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* for Webkit */
	select {
		-webkit-appearance: none;
		background-position: right center;
		padding: 3px 32px 3px 5px !important;
	}
}

@-moz-document url-prefix() {
	/* for Firefox */ 
	select { 
		-moz-appearance:none;
		text-indent: 0px;
		text-overflow: "";
		background-position: right center;
	}
	/* hides the dotted outline on focus in FF (See SO#3773430) */
	select:-moz-focusing {
		color: transparent;
		text-shadow: 0 0 0 #000;
	}
}

@media screen and (-ms-high-contrast: active), ( -ms-high-contrast : none) {
	/* for IE10+ */
	select::-ms-expand {
		display: none;
	}
	select {
		background-position: right center;
		padding-right: 30px;
	}
}

/* default override for select dropdowns */
select[multiple] {
	background-image:none!important;
}

.full-screen {
	height: 100% !important;
	width: 100% !important;
	display: block !important;
}
/* Start Login Screen */
.left-half {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.15);
	height: 610px;
}

.left-padding {
	padding-left: 15px;
}

.left-padding-top {
	padding-top: 24px;
}

.right-half {
	background-color: #f8f6f6;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.15);
	height: 610px;
}

.right-padding {
	padding-right: 17px;
	text-align: right;
	padding-bottom: 16px;
}

.right-half-logo {
	height: 72px;
	width: 64px;
	padding-bottom: 5px;
}

.right-half-infotext-padding {
	padding-top: 40px;
	padding-bottom: 48px;
}

.login-button {
	line-height: 30px !important;
	width: 80%;
}

.login-field {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	height: 34px;
	width: 80%;
}

.bottom-message {
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.15);
	
}
/* End Login Screen */

/* FT image inside circle/route/feature DrawTools */
#oimc_circleRadius, #oimc_routeWidth, #oimc_featureWidth, #oimc_gpsRadius {
	background-image: url('/resources/images/ft-186bec6e1f37fdba0085babfd73be79a.png');
	background-Position: 97% center;
	background-Repeat: no-repeat;
}
#oimc_featureCurbToBehindOneCurbDistance, #oimc_featureBehindBothCurbsDistance {
	background-image: url('/resources/images/ft-186bec6e1f37fdba0085babfd73be79a.png');
	background-Position: 80% center;
	background-Repeat: no-repeat;
}
/* FT image inside circle/route DrawTools */

/* jQuery map button override */
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: 'Open Sans', sans-serif;
	font-size: 16px;
}

/* jQuery map button override */
.ui-autocomplete {
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
}

.h1-display {
	font-family: 'Fjalla One', sans-serif;
	font-size: 48px;
	font-weight: 400;
	line-height: 68px;
	color: #2a1e02;
}

.h2-headline {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 32px;
	line-height: 42px;
	color: #2a1e02;
}

.h2-headline-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 32px;
	line-height: 42px;
	color: #6b6662;
}

.h2-headline-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	line-height: 42px;
	color: #2a1e02;
}

.h2-headline-bold-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 32px;
	line-height: 42px;
	color: #6b6662;
}

.h3-title {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: #2a1e02;
}

.h3-title-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: #6b6662;
}

.h3-title-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: #2a1e02;
}

.h3-title-bold-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 24px;
	line-height: 28px;
	color: #6b6662;
}

.h4-subheader {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: #2a1e02;
}

.h4-subheader-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: #6b6662;
}

.h4-subheader-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #2a1e02;
}

.h4-subheader-bold-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #6b6662;
}

.h1-display-mobile {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 24px;
	line-height: 30px;
	color: #2a1e02;
}

.body-text-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.body-text-black-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.body-text-red-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #ff0000;
}

.body-text-dark-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
}

.body-text-light-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}

.body-text-white {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
}

.captions-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.captions-black-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 900;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.captions-dark-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #6b6662;
}


.captions-light-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #b5b2b0;
}

.captions-red {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #dc0202;
}

.captions-blue {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #00a5ff;
}

.small-label-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	/*font-style: italic;*/
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
	display: inline;
}

.small-label-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	line-height: 18px;
	color: #6b6662;
}

.small-label-bold-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	/*font-style: italic;*/
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
	display: inline;
}

.label-block {
	display: block;
}

.small-label-bold-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #6b6662;
}

.tiny-label-red {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #dc0202;
}

.tiny-label-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #2a1e02;
}

.tiny-label-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.tiny-label-bold-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #2a1e02;
}

.tiny-label-bold-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.captions-bold-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.captions-bold-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #6b6662;
}

.body-header-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.body-header-black-ltm {
	font-family: 'Open Sans', sans-serif;
	font-weight: bolder;
	font-style: normal;
	font-size: 19px;
	line-height: 21px;
	color: #2a1e02;
}

.body-header-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
}

.body-header-red {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #ff0000;
}

.button-label-black {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.button-label-grey {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
}

.button-label-white {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
}

.hyperlink {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
	font-weight: 400;
}

.hyperlink-bold {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff !important;
	font-weight: 700;
}

.hyperlink-small {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #00a5ff;
	font-weight: 400;
	display: inline;
}

.hyperlink-small-bold {
	font-family: 'Open Sans', sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #00a5ff;
	font-weight: 700;
}

.left-nav {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #6b6662;
}

.left-nav-bold {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #6b6662;
}

.alternate-start-date-text {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 28px;
	color: #0000ff;
}

.alternate-start-date-text-red {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 20px;
	line-height: 28px;
	color: #ff0000;
}

/*Button CSS*/
/*Primary*/
.primary {
	background-color: #ef910d;
	border: 1px solid #ef910d;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	padding: 4px 16px 4px 16px;
}

.primary:focus {
	background-color: #ef910d;
	border: 1px solid #ef910d;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	box-shadow: 0 0 3px 1px #ffb400;
	padding: 4px 16px 4px 16px;
}

.primary:hover {
	border: 1px solid #ef910d;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	background-color: #fc9a01;
	padding: 4px 16px 4px 16px;
}

.primary:active {
	border: 1px solid #ef910d;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #fff;
	background-color: #d47c00;
	padding: 4px 16px 4px 16px;
}

.primary:disabled {
	border: 1px solid #ef910d;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	background-color: #ffd69a;
	color: #fc9a01;
	padding: 4px 16px 4px 16px;
}

.primary-small {
	background-color: #ef910d;
	border: 1px solid #ef910d;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

.primary-small:focus {
	background-color: #ef910d;
	border: 1px solid #ef910d;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
	box-shadow: 0 0 3px 1px #ffb400;
}

.primary-small:hover {
	background-color: #fc9a01;
	border: 1px solid #ef910d;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

.primary-small:active {
	background-color: #d47c00;
	border: 1px solid #ef910d;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #fff;
}

.primary-small:disabled {
	background-color: #ffd69a;
	color: #fc9a01;
	border: 1px solid #ef910d;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
}
/*Secondary Button*/
.secondary {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
	padding: 4px 16px 4px 16px;
}

.secondary:focus {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
	box-shadow: 0 0 3px 1px #6b6662;
	padding: 4px 16px 4px 16px;
}

.secondary:hover {
	background-color: #eee; /*wrong color*/
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
	padding: 4px 16px 4px 16px;
}

.secondary:active {
	background-color: #ded7d0;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
	padding: 4px 16px 4px 16px;
}

.secondary:disabled {
	background-color: #e4e1dc;
	border: 1px solid #e4e1dc;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
	padding: 4px 16px 4px 16px;
}

.secondary-small {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.secondary-small:focus {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
	box-shadow: 0 0 3px 1px #6b6662;
}

.secondary-small:hover {
	background-color: #fc9a01; /*Wrong Color*/
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.secondary-small:active {
	background-color: #ded7d0;
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.secondary-small:disabled {
	background-color: #ede1dc;
	border: 1px solid #e4e1dc;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #b5b2b0;
}

.secondary-tiny {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
	padding: 4px 16px 4px 16px;
}

.secondary-tiny:focus {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
	box-shadow: 0 0 3px 1px #6b6662;
}

.secondary-tiny:hover {
	background-color: #eee; /*wrong color*/
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.secondary-tiny:active {
	background-color: #ded7d0;
	border: 1px solid #b5b2b0;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.secondary-tiny:disabled {
	background-color: #ede1dc;
	border: 1px solid #e4e1dc;
	border-radius: 2px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #b5b2b0;
}

/*Insert Secondary Tiny button
 *No CSS included in master doc*/

/*Action Button*/
.action-large {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 2px 2px 0 rgba(42, 30, 2, .30);
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6B6662;
	/*Vertical align middle for etm ticketview*/
	vertical-align: middle;
}

.action-large:focus {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 0 #2a1e02;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6B6662;
	vertical-align: middle;
}

.action-large:hover {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6B6662;
	vertical-align: middle;
}

.action-large:active {
	background-color: #f8f6f6;
	border: 1px solid #f8f6f6;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6B6662;
	vertical-align: middle;
}

.action-large:disabled {
	background-color: #ded7d0;
	border: 1px solid #ded7d0;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #ded7d0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
	vertical-align: middle;
}

.action-button-img {
	height: 16px;
	width: 16px;
	margin-bottom: 2px;
}

.action-small {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.action-small :focus {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 0 #2a1e02;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.action-small :hover {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.action-small :active {
	background-color: #f8f6f6;
	border: 1px solid #f8f6f6;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #6b6662;
}

.action-small :disabled {
	background-color: #ded7d0;
	border: 1px solid #ded7d0;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #ded7d0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 12px;
	line-height: 16px;
	color: #b5b2b0;
}
/*Action Back Button*/
.action-back {
	background-color: #fffff9;
	border: 1px solid #fffff9;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.action-back :focus {
	background-color: #fffff9;
	border: 1px solid #fffff9;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #00a5ff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.action-back :hover {
	background-color: #fffff9;
	border: 1px solid #fffff9;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #00a5ff;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.action-back :active {
	background-color: #f8f6f6;
	border: 1px solid #f8f6f6;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.action-back :disabled {
	background-color: #ded7d0;
	border: 1px solid #ded7d0;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #ded7d0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}
/*Icon Label*/
.icon-label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.icon-label :focus {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-shadow: 0 0 3px #9ec2d6;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.icon-label :hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-decoration: underline;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #00a5ff;
}

.icon-label :disabled {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}

.icon-label-small {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #00a5ff;
}

.icon-label-small :focus {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	text-shadow: 0 0 3px #9ec2d6;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #00a5ff;
}

.icon-label-small :hover {
	font-family: 'Open Sans', sans-serif;
	text-decoration: underline;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #00a5ff;
}

.icon-label-small :disabled {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #b5b2b0;
}
/*Drawing Tool*/
.drawing-tool {
	background-color: #ef910d;
	border: 1px solid #ef910d;
	box-shadow: 0 0 3px 1px #ef910d;
	height: 48px;
	border-radius: 18px;
	padding: 12px;
}

.drawing-tool :focus {
	background-color: #ef910d;
	border: 1px solid #ef910d;
	box-shadow: 0 0 3px 1px #ef910d;
	height: 48px;
	border-radius: 18px;
	padding: 12px;
}

.drawing-tool :hover {
	background-color: #ef9a01;
	border: 1px solid #ef9a01;
	box-shadow: 0 0 3px 1px #fc9a01;
	height: 48px;
	border-radius: 18px;
	padding: 12px;
}

.drawing-tool :active {
	background-color: #d47c00;
	border: 1px solid #d47c00;
	box-shadow: 0 0 3px 1px #d47c00;
	height: 48px;
	border-radius: 18px;
	padding: 12px;
}

.drawing-tool :disabled {
	background-color: #ffd69a;
	border: 1px solid #ef910d;
	box-shadow: 0 0 3px 1px #ffb245;
	height: 48px;
	border-radius: 18px;
	padding: 12px;
}

.drawing-tool-disabled {
	background-color: #dbdad9;
	border: 1px solid #dbdad9;
	box-shadow: 0 0 3px 1px #dbdad9;
	height: 48px;
	border-radius: 18px;
	padding: 12px;
}
/*Primary Icon*/
.primary-icon {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b1b0;
}

.primary-icon :hover {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #6b6662;
}

.primary-icon :active {
	background-color: #f8f6f6;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b1b0;
}

.primary-icon :disabled {
	background-color: #e4e1dc;
	border: 1px solid #ffffff;
	border-radius: 4px;
	box-shadow: 0 0 3px 1px #b5b1b0;
}
/*Secondary Icon*/
.secondary-icon {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
}

.secondary-icon :focus {
	background-color: #ede1dc;
	border: 1px solid #b5b2b0;
	box-shadow: 0 0 3px 1px #6b6662;
	border-radius: 4px;
}

.secondary-icon :hover {
	background-color: #ded7d0;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
}

.secondary-icon :active {
	background-color: #ded7d0;
	border: 1px solid #b5b2b0;
	box-shadow: 0 0 3px 1px #6b6662;
	border-radius: 4px;
}

.secondary-icon :disabled {
	background-color: #e4e1dc;
	border: 1px solid #e4e1dc;
	border-radius: 4px;
}
/*Icon Light Grey*/
.icon-grey {
	color: #b5b2b0;
}

.icon-grey :focus {
	color: #b5b2b0;
	box-shadow: 0 0 2px #b5b2b0 /*other colors, see page 9 of design doc*/;
}

.icon-grey :hover {
	
}

.icon-grey :active {
	color: #6b6662;
}

.icon-grey :disabled {
	color: #ded6d0;
}
/*Icon Blue*/
.icon-blue {
	color: #00a5ff;
}

.icon-blue :focus {
	color: #00a5ff;
	box-shadow: 0 0 2px 1px #00a5ff;
}

.icon-blue :hover {
	
}

.icon-blue :active {
	color: #0073b1;
}

.icon-blue :disabled {
	color: #ded7d0;
}
/*Icon Dark Grey*/
.icon-dark-grey {
	color: #6b6662;
}

.icon-dark-grey :focus {
	color: #6b6662;
	box-shadow: 0 0 2px 1px #6b6662;
}

.icon-dark-grey :hover {
	
}

.icon-dark-grey :active {
	color: #2a1e02;
}

.icon-dark-grey :disabled {
	color: #ded7d0;
}
/*Checkbox - Desktop*/
.checkbox {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.checkbox :focus {
	background-color: #ffffff;
	box-shadow: 0 0 3px 1px #b5b2b0;
	border: 1px solid #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.checkbox :hover {
	background-color: #ffffff;
	border: 1px solid #6b6662;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.checkbox :active {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.checkbox :disabled {
	background-color: #e4e1dc;
	border: 1px dashed #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}
/*Checkmark*/
.checkmark {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	display: inline;
}
/*Switch*/

/*Switch Container*/
.switch-container {
	background-color: #ffffff;
	border: 1.5px solid #b5b2b0;
}

.switch-container :focus {
	background-color: #ffffff;
	border: 1.5px solid #b5b2b0;
	box-shadow: 0 0 3px 1px #6b6662;
}

.switch-container :disabled {
	background-color: #ffffff;
	border: 1.5px solid #b5b2b0;
}
/*Switch Ellipse*/
.switch-ellipse {
	background-color: #6b6662;
}

.switch-ellipse :hover {
	background-color: #2a1e02;
}

.switch-ellipse :disabled {
	background-color: #b5b2b0;
}
/*Active Label*/
.active-label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
}

.active-label :disabled {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}
/*Inactive Label*/
.inactive-label {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}

.inactive-label :disabled {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}
/*Text Fields*/
.text-field {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	/*height: 28px;*/
}

.text-field :focus {
	background-color: #ffffff;
	border: 1px solid #00a5ff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	height: 28px;
}

.text-field :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
	height: 28px;
}
/*Text area Fields*/
.text-area {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.text-area :focus {
	background-color: #ffffff;
	border: 1px solid #00a5ff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.text-area :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}

/*Control Field*/
.control-field {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.control-field :focus {
	background-color: #ffffff;
	border: 1px solid #00a5ff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.control-field :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}
/*Text Field Small*/
.text-field-small {
	background-color: #ffffff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.text-field-small :focus :active {
	background-color: #ffffff;
	border: 1px solid #00a5ff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.text-field-small :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #b5b2b0;
}
/*Search Field*/
.search-field {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.search-field :focus :active {
	background-color: #ffffff;
	border: 1px solid #00a5ff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.search-field :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #b5b2b0;
}
/*Text Field with Label*/
/*Add from doc if utilized*/

/*Dropdown*/
.dropdown {
	border: 1px solid #b5b2b0;
	background-color: #ffffff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	/*height: 34px;*/
}

/*Dropdown with Height for MD-DE-DC city selection on ticket creation*/
.dropdownWithHeight {
	border: 1px solid #b5b2b0;
	background-color: #ffffff;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	height: 34px;
}

/*Over ride for form-control*/
.form-control {
	display: inline;
}

.icon {
	height: 24px;
	width: 24px;
}

.dropdown-menu {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
    z-index: 1001;
}

.dropdown-menu :hover {
	background: #ded7d0;
}

.dropdown :focus {
	background-color: #ffffff;
	box-shadow: 0 0 3px 1px #b5b2b0;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	/*height: 34px;*/
}

.dropdown :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
	/*height: 34px;*/
}
/*Dropdown Small*/
.dropdown-small {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	border-radius: 3px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 14px;
	line-height: 18px;
	color: #2a1e02;
}

.dropdown-small :focus {
	background-color: #ffffff;
	border: 1px solid #b5b2b0;
	box-shadow: 0 0 3px 1px #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
}

.dropdown-small :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #b5b2b0;
}

#user-icon {
	background-color: #DED7D0;
}

#user-icon :hover {
	background-color: #f8f6f6;
}

.combo-box {
	background: #fff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e01;
}

.combo-box :focus {
	background: #fff;
	border: 1px solid #b5b2b0;
	border-radius: 4px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e01;
	box-shadow: 0 0 3px 1px #b5b2b0;
}

.combo-box :active {
	background: #fff;
	border: 1px solid #00a5ff;
	border-radius: 0;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e01;
}

.combo-box :disabled {
	background-color: #e4e1dc;
	border: 1px solid #b5b2b0;
	color: #b5b2b0;
}
/*Add Combo Dropdown if needed*/

/*Custom CSS*/
.navbar-left {
	padding-right: 0 !important;
}

.col-sm-2.sidenav {
	color: #EBE7E2;
}

.navbar {
	margin-bottom: 0;
}

.navbar-spacing {
	padding-top: 16px;
}

.navbar-form {
	padding: 0 0;
}

.navbar.navbar-default {
	background-color: #DED7D0;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
	z-index: 2;
}

.divider-horizontal {
	margin: 0 9px;
	border: 1px solid grey;
}

.divider-vertical {
	height: 50px;
	margin: 0 9px;
	border: 1px solid grey;
}

.copyright {
	font-size: 10pt;
}

.sample {
	height: 53px;
	width: 48px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

.divider-horizontal {
	color: black;
}
/*Icon CSS*/
.search1 {
	height: 20px;
	width: 24px;
	background-color: #ded7d0;
}

.btn.btn-default {
	background-color: #ded7d0;
}

.btn-default {
	border-color: #ded7d0;
}

.input-group-btn:last-child>.btn, .input-group-btn:last-child>.btn-group {
	margin-left: 5px;
}

.form-control1 {
	width: 50%;
}

.login-wrapper {
	padding-top: 96px;
	width: 894px;
	height: auto;
}

.login-padding {
	padding-left: 75px;
}

.state-img {
	padding-top: 32px;
	padding-left: 17px;
}

.page-header-map {
	background-color: #f8f6f6;
	padding-left: 32px;
	padding-top: 8px;
	padding-right: 32px;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
	margin: -20px 0 -1px;
}

.pull-right .two-buttons {
	margin: 8px;
}

.header-img {
	height: 14px;
	width: 14px;
}

.links {
	padding-top: 24px;
	padding-left: 32px;
}

.pdf-icon {
	padding-right: 16px;
	padding-left: 16px;
}

.icon-wrapper {
	padding-right: 32px;
	padding-top: 0;
}

.ticket-header {
	padding-top: 32px;
	padding-left: 32px;
	padding-bottom: 16px;
}

.hyperlink-status {
	padding-left: 32px;
	padding-top: 90px;
}

.ticket-header-wrapper {
	height: 170px;
	width: 100%;
}

.button-spacing {
	margin-left: 8px;
}

.ticket-info-wrapper {
	width: 392px;
	padding-left: 32px;
	padding-right: 32px;
	padding-bottom: 32px;
}

hr {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 1px solid #b5b2b0;
}
/*
.container {
	width: 392px;
}
*/
.user-settings-wrapper {
	padding-left: 32px;
	padding-right: 32px;
	width: 100%;
}

.default-feature {
	padding-top: 32px;
	padding-bottom: 32px;
}

.isite-features {
	padding-top: 32px;
	padding-bottom: 16px;
}

.checkbox-spacing {
	padding-bottom: 16px;
}

.ticket-form-wrapper {
	margin-top: 32px;
}

.caption-spacing {
	padding-top: 8px;
	padding-bottom: 8px;
}

.form-element1 {
	padding-top: 8px;
	padding-bottom: 16px;
}

.row-spacing {
	padding-top: 8px;
	padding-bottom: 16px;
}

.label-spacing {
	padding-top: 16px;
}

.dropdown-hyperlink {
	padding-top: 16px;
	padding-bottom: 32px;
}

.company-form-wrapper {
	padding-right: 32px;
	padding-left: 32px;
	padding-top: 24px;
}

.company-header {
	padding-bottom: 16px;
	padding-top: 16px;
}

.search-filter-wrapper {
	padding-left: 32px;
	padding-top: 32px;
}

.search-header-wrapper {
	padding-bottom: 24px;
}

.search-filter {
	padding-bottom: 16px;
}

.form-filter-wrapper {
	padding-top: 16px;
	padding-bottom: 16px;
}

.address-form {
	padding-top: 16px;
	padding-bottom: 16px;
}

.county-form {
	padding-bottom: 16px;
}

.city-form {
	padding-bottom: 16px;
}

.ticket-status-wrapper {
	padding-top: 16px;
	padding-bottom: 16px;
}

.custom-field-wrapper {
	padding-top: 16px;
	padding-bottom: 16px;
}

.search-bottom-wrapper {
	padding-left: 16px;
}

.nav-titles {
	padding-left: 57px;
}

.another-field-link {
	padding-bottom: 8px;
}

.pagination-wrapper {
	padding-top: 32px;
	padding-right: 32px;
}

.user-registration-header {
	background-color: #f8f6f6;
	padding: 16px;
}

.icon-steps {
	padding-top: 8px;
}

.registration-content-wrapper {
	padding: 32px;
}

.forgot-password-wrapper {
	padding-bottom: 104px;
}

.registration-checkbox-line {
	padding-top: 8px;
	padding-bottom: 8px;
}

.registration-buttons {
	padding-top: 8px;
}

.registration-header-2 {
	padding-top: 32px;
}

.create-header-text {
	padding-top: 8px;
}

.create-header-text1 {
	padding-top: 16px;
}

.header-top-spacing {
	padding-top: 32px;
}

.registration-spacing {
	padding-top: 8px;
}

.name-wrapper {
	margin-left: -15px;
}

.registration-button-spacing {
	padding-top: 16px;
	padding-left: 60px;
}

.icon-border {
	border-left: 1px solid grey;
	border-right: 1px solid grey;
}

.user-border {
	border-right: 1px solid grey;
}

.tab-background-spacing {
	padding-top: 32px;
	background: #f8f6f6;
}

.tab-nav-header {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	line-height: 22px;
	color: #6b6662;
}

.tab-spacing-left {
	padding-left: 32px;
}

.tab-nav-header {
	padding-right: 24px;
	color: black;
}

.tab-nav-header:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-size: 18px;
	line-height: 22px;
	color: #ef910d;
	text-decoration: underline;
}

.tab-nav-header:active {
	text-decoration: underline;
	color: #ef910d;
}

.tab-nav-header2 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #6b6662;
}

.tab-nav-header2:active {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	text-decoration: none !important;
	border-bottom: 2px solid #ef910d;
}

.tab-nav-header2:focus {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	text-decoration: none !important;
	border-bottom: 2px solid #ef910d;
}

.tab-nav-header2:hover {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02;
	text-decoration: none !important;
	border-bottom: 2px solid #ef910d;
}

.tab-nav-header2:selected {
	font-family: 'Open Sans', sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 16px;
	line-height: 21px;
	color: #2a1e02 !important;
	text-decoration: none !important;
	border-bottom: 2px solid #ef910d;
}

.add-color {
	fill: #00a5ff;
}
/*Modal CSS*/
.modal-header {
	background: #f8f6f6;
	border-radius: 6px;
}

.close {
	float: right;
	font-size: 28pt;
}

.reason {
	padding-top: 8px;
}

.legend-text-spacing {
	padding-left: 8px;
}

.comments {
	padding-top: 8px;
}

textarea {
	resize: none;
}

.tab-options-spacing {
	padding-top: 16px;
}

.marking-icon {
	padding-left: 70px;
	padding-bottom: 8px;
	height: 50px;
	width: auto;
}

.marking-instructions {
	text-align: center;
}

.checkbox-marking {
	text-align: left;
	display: inline !important;
}

.fixed-brand {
	width: auto;
}

.divider-horizontal {
	margin: 0 9px;
	border: 1px solid grey;
}

.nav-spacing {
	padding: 8px;
}

.footer {
	/*position:absolute;*/
	z-index: 1000;
	left: 0;
	bottom: 0;
	position: fixed;
	width: 100%;
	height: 88px;
	background-color: #F8F6F6 !important;
	text-align: center;
	padding-top: 8px;
	color: #2A1E02;
	box-shadow: inset 0 4px 8px 0 rgba(0, 0, 0, 0.20);
}

.sample {
	height: 53px;
	width: 48px;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

.form-settings {
	padding: 16px;
}

.tab-padding {
	padding-bottom: 32px;
}

.title-navigation-margin {
	margin-left: -35px;
	/*margin-right: -35px;*/
}

.login-spacing {
	padding-top: 24px;
}

.action-button-margin {
	margin-right: 8px;
}

.body-content-spacing {
	padding-top: 32px;
}

.modal-spacing {
	padding-top: 32px;
	padding-bottom: 32px;
}

#ticket-content {
	border: 2px solid black;
}

.messages-table {
	cursor: pointer;
}

.messages-table-header {
	background: #f2f2f2;
}

.search-drop {
	cursor: pointer;
	padding: 4px 0 4px 8px;
	display: block;
}

.saspage-header {
	background-color: #f8f6f6;
	padding-left: 32px;
	padding-top: 32px;
	padding-right: 32px;
	font-family: 'Open Sans', sans-serif;
	width: 100%;
}

.sas-wrapper {
	padding: 16px;
}

.button-padding {
	padding-bottom: 32px;
}

.map-icons {
	padding-right: 16px;
}

.map-icons-border {
	border-bottom: 4px solid #ef910d;
}

.map-options:hover {
	transform: scale(1.1);
}

.small-tabs-padding {
	padding-right: 8px;
}

.page-header-master {
	padding: 32px 16px 8px 32px;
	background: #f8f6f6;
	margin: -20px -15px 32px -15px;
}

.small-tabs-spacing {
	padding-right: 16px;
}

.create-ticket-header {
	background-color: #f8f6f6;
	padding: 32px 32px 0 32px;
}

.error {
	background: #fcbcbc;
	height: 56px;
	margin-top: -32px !important;
	margin-bottom: 8px;
}

.success {
	background: #ceeaaf;
	height: 56px;
	margin-top: -32px !important;
	margin-bottom: 8px;
}

.ticket-header1 {
	padding: 32px 0 16px 15px;
}

.ticket-list-button {
	padding-right: 32px;
}

.ticket-view-margin {
	margin-top: -20px;
}

.fixed-table-toolbar {
	display: none !important;
}

.notifcation-icons {
	padding-right: 16px;
}

#input {
	height: 28px;
	margin: 0;
	padding-left: 30px;
}

.accordian-radius {
	border-radius: 15px;
}

.swap-img-view {
	height: 16px;
	padding-bottom: 3px;
	width: auto;
}
/*MIGHT NEED TO TAKE OUT IF IT MESSES WITH OTHER BUTTONS*/
.btn.btn-default {
	background-color: #ffffff;
}

.btn-default {
	border-color: rgb(169, 169, 169);
}

.btn {
	padding: 1px 10px;
}

.btn-default:active {
	background: #ffffff;
	border-color: rgb(169, 169, 169);
}

.ellipsisBody {
	max-width: 70px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ellipsisSubject {
	max-width: 90px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ellipsisOption {
	max-width: 213px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ellipsisLeftHeaderText {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ellipsisRightHeaderText {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ellipsisFooterText {
	max-width: 100px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ui-datepicker {
	z-index: 1051 !important;
	/* Display above Leaflet map and all custom controls */
}

input.datepicker {
	background-image: url('/resources/icons/calendar-ec5495a4c6d62ba4667db75d0b827ad5.svg');
	background-Position: 97% center;
	background-Repeat: no-repeat;
	cursor: pointer;
}

input.search {
	background-image: url('/resources/icons/search-a23b68405aece7a8cc7f2b871cbee9fb.svg');
	background-Position: 2% center;
	background-Repeat: no-repeat;
	cursor: pointer;
}

input.searchStatus {
	background-image: url('/resources/icons/chevron-down-cb3f6c81cdc753f345b103af88a13abf.svg');
	background-Position: 97% center;
	background-Repeat: no-repeat;
	cursor: pointer;
}
/* timepicker background logo */
input.timepicker {
	background-image: url('/resources/icons/extend-a853d4d6b2d88bcaed50c29a961fee77.svg');
	background-Position: 97% center;
	background-Repeat: no-repeat;
	cursor: pointer;
}

#callCenterMessages_filter {
	display: none;
}
/*multiselect background color*/
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover
	{
	background: #fff;
}

.multi-button {
	text-align: left;
}

#reports_filter {
	display: none;
}
/*Taking border off of District dropdown*/
.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox
	{
	border: none !important;
}
/*Modal Alignment*/
.modal {
	margin-top: 12%;
}

.modal-dialog-preview {
    position: fixed;
    width: min(90vh, 900px);
    max-height: min(90vh, 800px);
    height: auto;
    margin: 30px auto;
}
.modal-dialog-preview .modal-content {
    height: 90vh;
    padding:0;
    overflow: auto;
}
.modal-dialog-preview .modal-header {
    position: sticky;
    background: #fff;
    border-bottom: 1px solid #ddd;
    z-index: 3;
    top: 0;
}
.modal-dialog-preview .modal-body {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 20px;
}
.modal-dialog-preview .modal-footer {
    position: sticky;
    background: #fff;
    border-top: 1px solid #ddd;
    z-index: 3;
    bottom: 0;
}

#searchAndStatus_filter {
	display: none;
}
/*userProfile tab*/
.tabcontent {
	display: none;
	padding: 6px 12px;
}

.chat-list:hover {
	background: #F8F6F6;
	cursor: pointer;
}

.chat-list:active {
	font-weight: 700;
}

.chat-list:selected {
	font-weight: 700;
}

.chat-selected {
	font-weight: 700;
	color: #2a1e02;
	background: #f8f6f6;
}

/*Page Level Help*/
.page-help-hide {
	display: none;
}

.page-help-show {
	display: block;
	padding: 20px;
}

.onoffswitch {
	position: relative;
	width: 30px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

.onoffswitch-checkbox {
	display: none;
}

.onoffswitch-label {
	display: block;
	overflow: hidden;
	cursor: pointer;
	border: 2px solid #999999;
	border-radius: 20px;
}

.onoffswitch-inner {
	display: block;
	width: 200%;
	margin-left: -100%;
	transition: margin 0.3s ease-in 0s;
}

.onoffswitch-inner:before, .onoffswitch-inner:after {
	display: block;
	float: left;
	width: 50%;
	height: 5px;
	padding: 0;
	line-height: 5px;
	font-size: 14px;
	color: white;
	font-family: Trebuchet, Arial, sans-serif;
	font-weight: bold;
	box-sizing: border-box;
}

.onoffswitch-inner:before {
	content: "";
	padding-left: 10px;
	background-color: #B6DBAB;
	color: #FFFFFF;
}

.onoffswitch-inner:after {
	content: "";
	padding-right: 10px;
	background-color: #DBDBDB;
	color: #999999;
	text-align: right;
}

.onoffswitch-switch {
	display: block;
	width: 15px;
	margin: -5px;
	background: #A1A1A1;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 21px;
	border: 2px solid #999999;
	border-radius: 20px;
	transition: all 0.3s ease-in 0s;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
	border: none;
}
/*TEST bring over loading overlay for bruces stuff*/
/* Dialog options */
#utility_loadingOverlay {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 10000000;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

#utility_loadingOverlay .bg {
	background: #000000;
	opacity: 0.7;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0
}

#utility_loadingOverlay>div:first-child {
	width: 250px;
	height: 75px;
	text-align: center;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	font-size: 16px;
	z-index: 10;
	color: #ffffff
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-inner {
	margin-left: 0;
}

.onoffswitch-checkbox:checked+.onoffswitch-label .onoffswitch-switch {
	right: 0;
	background-color: #32BA00;
}
/*Hiding search bar on dataTable */
#InvoiceTable_filter {
	display: none;
}

#InvoiceTemplate_filter {
	display: none;
}

#statusHistoryTable_filter {
	display: none;
}

#HistoryTable_filter {
	display: none;
}

#DistrictNotificationTable_filter {
	display: none;
}

#ticketInfo3_filter {
	display: none;
}

#detailTable_filter {
	display: none;
}

#publishedTable_filter {
	display: none;
}

#historyTable_filter {
	display: none;
}

#TicketAlertTable_filter {
	display: none;
}
#LocatorTicketTable_filter {
	display: none;
}
#PublicHistory_filter {
	display: none;
}
#jobProfiles_filter {
	display:none;
}

.history-title {
	padding-bottom: 16px;
}

.fon-title {
	padding-bottom: 16px;
}

.attachments-title {
	padding-bottom: 16px;
}
/*Sample table stuff*/
td.details-control {
	background: url('/resources/icons/add-816175e9139fe577ea329d20dd91b182.svg') no-repeat center center;
	cursor: pointer;
}

tr.shown td.details-control {
	background: url('/resources/icons/add-816175e9139fe577ea329d20dd91b182.svg') no-repeat center center;
}

table.print-friendly tr td, table.print-friendly tr th {
	page-break-inside: avoid !important;
}

.show {
	display: block;
}

.hide {
	display: none;
}
/*A tag overrides*/
a:visited {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:focus {
	text-decoration: none;
}

a:active {
	text-decoration: none;
}

/* Disabled Text Box */
.disabled {
	/*background: #E4E1DC;*/
	/* commenting this out for all dropdowns. should be taken care of by bootstrap */
	border: 1px solid;
	border-color: #b5b2b0 !important;
	color: #b5b2b0 !important;
	border-radius: 4px;
	font-family: Open Sans, serif;
	font-weight: 400;
	size: 16px;
}

.caret {
	float: right;
	margin-top: 8px;
}

.caret-margin {
	margin-top: 8px;
}

.busy * {
	cursor: auto !important;
}

@-moz-document url-prefix () {
	.caret-margin {
		margin-top: -10px;
	}
}
/*Border color override*/
.box-color {
	border-color: #b5b2b0 !important;
}
/*Jquery ui dialog x fix*/
.ui-dialog .ui-dialog-titlebar-close span {
	display: inline-block;
	margin: -8px;
}

/* OIMC override for
 map icons */
.oimcModeButtonSelected, .oimcFrameGPSSelected {
	background-color: #fff !important;
}

.oimcLayerButtonSelected {
	border-bottom: 3px solid #ef910d;
	background-color: #fff !important;
}

#oimc_altSearch {
    float: none;
    margin:0;
}

.map-border {
	padding-bottom: 5px;
}

.chevron-display {
	display: none;
}

.map-margin {
	margin-right: -100px !important;
}
/*DATATABLES OVERRIDE*/
.settings-padding {
	padding-left: 8px;
	padding-right: 8px;
}

/* datatables length display hidden */
.dataTables_length {
	display: none;
}

/* Datatable info line on same level */
.dataTables_wrapper .dataTables_info {
	clear:none;
}
.dataTables_wrapper .dataTables_length {
	padding-top:4px;
}

/* show length display for desired tables */
#LocatorTicketTable_length,
#ExcavatorTicketTable_length,
#searchTicketsTable_length,
#searchDistrictTable_length {
	display:inline;
}

/* add padding to info display for show entries tables */
#LocatorTicketTable_info,
#ExcavatorTicketTable_info,
#searchTicketsTable_info,
#searchDistrictTable_length {
	padding-left: 16px;
}

table.dataTable thead th, table.dataTable thead td {
	border-bottom: 2px solid #b5b2b0;
}

/*Override for attachments table search*/
#AttachmentsTable_filter {
	display: none;
}
/*header dropdown*/
.header-text {
	padding: 3px 20px;
	line-height: 1.42857143;
	color: #333;
	white-space: nowrap;
}

.table-border {
	border-right: 1px solid #b5b2b0;
}

.table-img {
	height: 16px;
	width: auto;
}

.nav-img {
	padding-left: 5px;
	/*padding-left:22px;
	padding-bottom:16px;*/ /*  This is for alt nav   */
}

.button-margin-top {
	margin-top: 10px;
}

.tab-border {
	font-weight: bold;
	color: black;
	border-bottom: 3px solid #ef910d;
	padding-left: 4px;
	padding-right: 4px;
}

.register-link {
	padding-right: 90px;
}
/* prevents overlay from disabling dialog */
.ui-dialog {
	z-index: 9999;
}
/*calendar img test*/
/*.ui-datepicker-trigger{
	height:18px;
	position:relative;
	left:-34px;
	bottom:3px;
}*/
.isite-header-logo-space {
	padding-left: 24px;
}

.isite-header-logo {
	height: 53px;
	width: 48px;
}

.search-box {
	padding-top: 15px;
	margin-left: -16px;
}
/*Mobile Nav*/
.side-nav {
	width: 0;
	position: absolute;
	z-index: 1;
	top: 58px;
	left: 0;
	overflow-y: hidden;
	overflow-x: hidden;
	background: #ebe7e2;
	transition: .5s ease;
}

.side-nav div {
	/*padding:8px 8px 8px 32px;*/
	text-decoration: none;
	font-size: 25px;
	color: #6b6662;
	display: block;
	transition: 0.3s ease;
}

.side-nav div:hover {
	background: #ded7d0;
}

.side-nav div:hover {
	background: #ded7d0;
}

.side-nav ul li:hover {
	background: #ded7d0;
}

#navbar2 {
	margin-bottom: 75px;
	margin-top: -8px;
	padding-top: 12px;
	border-radius: 4px;
	box-shadow: 0 1px 3px 1px #6b6662;
	z-index: 1001;
	/*nav should always appear on top. 1001 because of Leaflet's default of 1000*/
}
/*Mobile Nav*/

/*Regular nav*/
.side-nav2 {
	width: 96px;
	position: absolute;
	z-index: 1;
	top: 58px;
	left: 0;
	background: #ebe7e2;
	transition: .5s ease;
	box-shadow: 0 0 20px 3px rgba(0, 0, 0, .15);
}

.side-nav2 div {
	/*padding:8px 8px 8px 32px;*/
	text-decoration: none;
	font-size: 25px;
	color: #6b6662;
	display: block;
	transition: 0.3s ease;
}

.side-nav2 div:hover {
	background: #ded7d0;
}

.side-nav2 div:hover {
	background: #ded7d0;
}

.side-nav2 ul li:hover {
	background: #ded7d0;
}

.menu {
	padding: 12px 32px 12px 32px;
}

.link-height {
	height: 70px;
}

.link-height-large {
	height: 75px;
}

.link-height2 {
	height: 56px;
}

.link-area {
	height: inherit;
	display: block;
}

.sublink-height {
	display: inline-block;
	height: 40px;
}

.submenu-padding {
	padding-left: 35px;
}

.nav-icon-spacing {
	padding-top: 8px;
	padding-bottom: 4px;
	padding-left: 35px;
}

.menu-wrapper {
	height: 48px;
}

.img-text {
	padding-left: 16px;
}

.menu-long {
	margin-bottom: 4px;
}

.transition {
	transition: .5s ease;
}

#navbar {
	margin-bottom: 75px;
}

.line-margin {
	margin: 8px 0 4px 0;
}

.detail-hover-div {
	position: fixed;
	margin-left: 96px;
	margin-top: -70px;
	background-color: #fff;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.20);
	display: block !important; /* need to override inline */
}

/* button dropdown width (createTicket etc) */
.button-drop-width {
	width: 190px;
}

/* Custom Select Control - Locate By */
.drdn {
	position: relative;
}

.drdn-trigger {
	width: 100%;
	/*height:24px;*/
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 18px 3px 6px;
	/*padding:0px 18px 0px 6px;*/
	background: #fff;
	cursor: pointer;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}

.drdn-outer {
	display: none;
	position: absolute;
	right: 0;
	top: 35px;
	min-width: 100px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
	color: #555;
	z-index: 99;
}

.drdn.expanded .drdn-outer {
	display: block;
}

.drdn-items {
	max-height: 400px;
	overflow: auto;
}

div+.drdn-items {
	border-top: 1px solid #ccc;
}

.drdn-items>* {
	display: block;
	border: 1px solid #fff;
	color: #555 !important;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	padding: 4px 8px;
}

.drdn-items>a:hover {
	text-decoration: none;
	background-color: #759FCF;
	color: #fff !important;
}

.drdn-items>*:focus {
	border: 1px dotted #bbb;
}

.drdn-items.selection>*:before {
	content: ' ';
	display: inline-block;
	line-height: 1em;
	width: 1em;
	height: 1em;
	margin-right: 4px;
	font-weight: bold;
}

.drdn-items.selection>*.selected:before {
	content: "\2713 ";
}

.drdn-items.selection:empty {
	border: none;
}

.drdn-items>span {
	color: #999;
}

#custom-select.drdn {
	width: 150px;
	display: inline-block;
}

#custom-select .drdn-trigger {
	display: inline-block;
	border-radius: 3px;
	border: 1px solid #ccc;
	margin: 0 !important;
	vertical-align: middle;
	color: #555;
}

#custom-select .drdn-outer {
	width: 180px;
}

.custLink[title]:hover:after {
	content: attr(title);
	position: absolute;
	top: 250px;
	left: 200px;
}

/* End Custom Select Control - Locate By */
#main {
	transition: margin-left .5s ease;
	margin-left: 96px;
	/*width: 100%;*/
	padding: 15px;
	position: relative;
	margin-bottom: 150px;
	/* overflow: hidden; */
}

.reprocess-button {
	margin-top: 5px;
	display: none;
	border: 1px solid #ece8e4;
	border-radius: 4px;
	background-color: #ded7d0;
	position: absolute;
	z-index: 99;
}
/*DataTable icon overrride*/
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before
{
	background-color: #6b6662;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th:first-child:before
{
	background-color: #6b6662;
}
/*End Regular Nav*/

/*Because Firefox thinks they're so damn special*/
@-moz-document url-prefix() { 
	.caret-margin {
		margin-top: -12px;
	}
}
/* button dropdown width (createTicket etc) */
.button-drop-width {
	width: 200px;
}


.shov {
	-webkit-animation-name: example;
	-webkit-animation-duration: 2.5s;
	animation-name: example;
	animation-duration: 2.5s;
	animation-iteration-count: infinite;
}
/* Used for createTickets buttons locking to top of page when scrolling */
.mobile-fixed-top {
	width: 205px;
	position: fixed;
	top: 0;
	right: 0;
	padding: 16px;
	background: #DED7D0;
	box-shadow: 0 0 8px 4px rgba(0, 0, 0, 0.20);
	z-index: 100;
}

@-webkit-keyframes example { 
	0%	{ transform:rotate(320deg);}
	10%	{ transform:translate(-20px,40px) rotate(320deg);}
	45%	{ transform:translate(-10px,0px) rotate(480deg);}
	90%	{ transform:rotate(320deg);}
	100%{ transform:rotate(320deg);}
}

@keyframes example { 
	0%	{ transform: rotate(320deg);}
	10%	{ transform:translate(-20px,40px) rotate(320deg);}
	45%	{ transform:translate(-10px,0px) rotate(500deg);}
	90%	{ transform:rotate(320deg);}
	100%{ transform:rotate(320deg);}
}

.link-block {
	display: inline-block;
	margin-bottom: 5px;
}

.no-pad {
	padding: 0;
}

.tooltip-wrapper {
	display: inline-block;
	cursor: default;
}

.repro-tooltip .tooltip {
	box-shadow: 0 0 3px 1px #ded7d0;
	border: 1px solid #ded7d0;
}

.tooltip {
	z-index: 1050;
	box-shadow: 0 0 5px #aaa;
	border: 2px solid #aaa;
	border-radius: 4px;
}

.tooltip.in {
	opacity: 1;
	filter: alpha(opacity = 100);
}

.tooltip.bottom {
	padding: 0;
	margin-top: 10px;
}

.tooltip.top {
	padding: 0;
}

.tooltip-inner {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 14px;
	color: #222222;
	border-radius: 4px;
	background-color: #ffffff;
	text-align: unset;
	/*min-width: 300px;*/
	padding: 8px 15px 8px 8px;
}

.repro-tooltip .tooltip-inner {
	color: #6b6662;
	background-color: #F8F6F6;
}

.tooltip .tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-bottom-color: #aaa;
	border-width: 5px 5px 0;
}

.tooltip.top .tooltip-arrow {
	bottom: -7px;
	border-top-color: #aaa;
}

.tooltip.bottom .tooltip-arrow {
	top: -7px;
	border-bottom-color: #aaa;
}

.repro-tooltip .tooltip .tooltip-arrow {
	top: -6px;
	left: 50%;
	margin-left: 5px;
	border-bottom-color: #ded7d0;
	border-width: 0 5px 5px;
}

.tooltip-wrapper [disabled] {
	pointer-events: none;
}

.required-star:after {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-style: italic;
	font-size: 14px;
	line-height: 18px;
	color: #dc0202;
	content: ' *';
	display: inline;
}

.placeholder-text {
	color: #999;
}

.clickable {
	cursor: pointer;
}

/* button for field search Leaflet */
.button-search-margin {
	margin: 0px 8px 0px -22px;
}

/* padding for success and error messages */
.message-padding {
	padding-top: 16px;
}

.message-padding2 {
	padding-top: 16px;
}

.ticket-col {
	min-width:175px;
}


.my-legend .legend-title {
	text-align: left;
    margin-bottom: 8px;
    margin-right: 10px;
    font-weight: bold;
    font-size: 90%;
    float: left;
}
.my-legend .legend-scale ul {
	margin: 0;
    padding: 0;
    float: left;
    list-style: none;
}
.my-legend .legend-scale ul li {
	display: block;
    width: 300px;
    margin-bottom: 6px;
    font-size: 80%;
    list-style: none;
}
.my-legend ul.legend-labels li span {
	display: block;
    float: left;
    height: 15px;
    width: 50px;
}
    
/* for chat/conversation text length show more toggle */
.additional-content{
  display:none;
}   


@media ( max-width : 457px ) {
		/* padding for success and error messages */
	.message-padding {
		padding-top: 8px;
	}	
}

@media ( max-width : 646px ) {
		/* padding for success and error messages */
	.message-padding2 {
		padding-top: 8px;
	}	
}

@media ( min-width : 480px ) {
	.hidden-tm {
		display: none;
	}
}

@media ( min-width : 479px) {
	.visible-tm {
		display: block;
	}
}

/*Mobile Media Queries*/ 
/*Everything below 380px */
@media ( max-width : 379px) {
	/*adds space between buttons when response design collapses to vertical*/
	.button-buffer {
		margin-bottom: 5px;
	}
}

/*custom sizing for cancel tickets screen*/
@media ( max-width : 510px) {
	.hidden-cancel {
		display: none !important;
	}
	.cancel-buffer {
		margin-bottom: 5px;
	}
}

@media ( min-width : 511px) {
	.visible-cancel {
		display: none !important;
	}
}

@media ( max-width : 480px) {
	.hidden-tm {
		display: none !important;
	}
}

@media ( min-width : 481px) {
	.visible-tm {
		display: none !important;
	}
}

@media ( min-width : 768px) and (max-width: 991px) {
	.hidden-sm {
		display: none !important
	}
}

/*Everything below 768px */
@media ( max-width : 767px) {
	/*Page header override for mobile*/
	.page-header-master {
		padding: 32px 16px 8px 16px !important;
		margin: -20px -15px 15px -15px !important;
	}
	#main {
		margin-left: 0;
	}
	/*Footer height override for mobile*/
	.footer {
		height: 64px;
	}
	.right-half-infotext-padding {
		padding-top:16px;
		padding-bottom: 16px;
	}
	#rightPadding {
		padding-left: 0 !important;
		padding-top: 8px;
	}
	.login-wrapper {
		padding-top: 0 !important;
		width: auto;
		height: auto;
	}
	.sampleocc {
		height: 47px !important;
		width: 36px !important;
	}
	#loginTitle {
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 18px;
		line-height: 22px;
		color: #2a1e02;
	}
	#mobile-margin {
		margin-left: 0;
		margin-right: 0;
	}
	.register-link {
		padding-right: 0;
	}
	.h1-display {
		font-family: Fjalla One, serif;
		font-weight: 400;
		font-style: normal;
		font-size: 24px;
		line-height: 30px;
		color: #2a1e02;
	}
	.hidden-xs {
		display: none !important
	}
	.table-responsive {
		border: none;
	}
	.mobile-NL {
		display: block !important;
		padding-top: 8px;
	}
	.mobile-NL-button {
		display: block !important;
		margin-top: 8px;
	}
	/*mobile only!!*/
	.break-top {
		margin-top: 8px;
	}
	.break-top2 {
		margin-top: 16px;
	}
	.phone-break {
		display: block !important;
		float: none !important;
	}
	/*Get rid of float property*/
	.no-float {
		float: none !important;
	}
	.error {
		margin-top: -16px !important;
	}
	.success {
		margin-top: -16px !important;
	}
	.small-top {
		padding-top: 8px;
	}
	.button-margin-top {
		margin-top: 0;
	}
	.extra-small-input {
		width: 95px;
	}
	.login-padding {
		padding-left: 15px;
	}
	textarea {
		height: 5em;
		width: 17em;
	}
	.button-right {
		margin-right: 8px;
	}
	.mobile-tablet-spacing {
		padding-top: 16px;
	}
	.button-bottom {
		margin-bottom: 8px;
	}
	.button-top {
		margin-top: 8px;
	}
	.table-margin {
		margin-bottom: 90px;
	}
	.block {
		display: block !important;
	}
	.mobile-width {
		width: auto !important; /* Override for yesNoDialog on mobile */
	}
	.right-half {
		height: 430px;
	}
	/* button for field search Leaflet */
	.button-search-margin {
		margin: 8px 8px 0px 0px;
	}
	.legend-text-spacing {
		padding: 0px;
	}
}
/* Small devices (tablets) */
@media ( min-width : 768px) and (max-width: 991px) {
	#main {
		margin-left: 0;
	}
	/*Footer height override for mobile*/
	.footer {
		height: 64px;
	}
	.small-top {
		padding-top: 8px;
	}
	.mobile-NL {
		display: block !important;
		padding-top: 8px;
	}
	/*Get rid of float property*/
	.no-float {
		float: none !important;
	}
	.mobile-tablet-spacing {
		padding-top: 16px;
	}
	.button-bottom {
		margin-bottom: 8px;
	}
	.button-top {
		margin-top: 8px;
	}
	.table-margin {
		margin-bottom: 90px;
	}
	.block {
		display: block !important;
	}
	.legend-text-spacing {
		padding: 0px;
	}
}
/* Medium and up devices (Desktops) */
@media ( min-width : 992px) {
	#main {
		margin-left: 96px;
	}
}
/* tablets and up */
@media ( min-width : 768px) {
	.datepicker-left {
		margin-left: 5px;
	}
}

.input-datepicker-disabled {
	background-color: #ffffff !important;
}

/* Remove jquery UI 'x' from popups */
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-dialog-titlebar-close {
	display: none;
}

/* Keep jquery-ui alerts from jumping around when you try to move it */
/* ui-resizable is also part of the control but for some reason this is not found when including it */
.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable {
	position: fixed;
}