/* DEALER OVERRIDES */

* {
	-moz-transition: color 0s ease, background 0s ease;
	-o-transition: color 0s ease, background 0s ease;
	-webkit-transition: color 0s ease, background 0s ease;
	transition: color 0s ease, background 0s ease;
}


#headerNavLinks .icon {
	color: #000000;
}

	#headerNavLinks .icon.active {
		color: black;
		border-color: #e5e5e5;
		background-color: #fafafa;
	}

		#headerNavLinks .icon.active:hover,
		#headerNavLinks .icon.active:focus {
			color: black;
		}

#sidebar {
	background-color: #ffffff;
}

.shell {
	max-width: none;
}

#pageHelp .overflowy {
	max-height: 600px;
}

.sideContent {
	float: right;
	width: 30%;
}

.mainContent {
	float: left;
	width: 68%;
}

.mdlongwide {
	width: 68%;
}

.dropbox li {
	margin: 5px 0;
	padding: 5px 10px;
	text-align: left;
}

.summaryitem {
	border-bottom: 1px #ddd solid;
}

	.summaryitem:last-child {
		border-bottom: 0;
	}

	.summaryitem .column {
		font-size: 12px;
	}

.headerlink a {
	text-decoration: none !important;
}

.sidePageWidth {
	max-width: 1280px;
	width: 100% !important;
}

.searchbox {
	min-height: 200px;
}

.quickbutton-form__description {
	font-size: 1.2em;
}

.quickbutton-container {
	margin-top: 8px;
}

.quickbutton {
	min-width: 25px;
}

.sortingIcon {
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -10px;
	font-size: 1.6em;
}

.sidebarElement {
	min-height: 25px;
}

.errorSummaryHeader {
	padding: 2px 20px;
}

.editApplicationBtn .dropbox {
	font-size: .8em;
}

.modalDialog.largeModal {
	max-width: 900px;
}

.fatMarginCentered {
	margin-left: 100px;
	margin-right: 100px;
}

.tipsContent {
	top: -1px;
}

.appStatusBox {
	position: absolute;
	z-index: 1;
	font-size: 10px;
	background: rgba(0,0,0,0.8);
}

	.appStatusBox ul li {
		margin: 5px 0;
		padding: 5px 10px;
		color: #fff;
	}

		.appStatusBox ul li:hover,
		.appStatusBox ul li:focus {
			background: white;
			color: black;
		}

.mobileAppStatusBtn {
	position: absolute;
	top: 4px;
	right: 5px;
	padding: 1px 2px;
	background: #fafafa;
	-webkit-box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
	box-shadow: 0 1px 2px #fff, 0 -1px 1px #666, inset 0 -1px 1px rgba(0,0,0,0.5), inset 0 1px 1px rgba(255,255,255,0.8);
}

	.mobileAppStatusBtn:active {
		padding: 2px 0 0 4px;
		background: #fafafa;
		-webkit-box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8), 1px 1px 1px 0px rgba(255, 255, 255, 0.8);
		box-shadow: inset 1px 1px 1px 0px rgba(0, 0, 0, 0.8), 1px 1px 1px 0px rgba(255, 255, 255, 0.8);
	}

.mobileAppStatusIndicator {
	position: absolute;
	top: 50%;
	right: 10px;
	-webkit-transform: translateY(-50%) rotate(180deg);
	-ms-transform: translateY(-50%) rotate(180deg);
	transform: translateY(-50%) rotate(180deg);
}

.mapscale {
	min-height: 350px;
}

.infoWindow {
	min-width: 220px;
	padding: 10px;
	background: #fff;
	border-radius: 3px;
	border-bottom-left-radius: 0;
	margin-left: 15px;
	top: -15px;
	position: relative;
	z-index: 100;
}

.infoWindow:before {
	position: absolute;
	right: 100%;
	bottom: 0;
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0px 15px 10px;
	border-color: transparent transparent #fff transparent;
}

/* SPECIFIC TABLE STYLING */

.table_pagination {
	padding: 0 3px;
}

#appListTable th.smaller, #announcementsTable th.smaller, #calculatorTable th.smaller {
	width: 40px !important;
}

#appListTable th.small, #announcementsTable th.small, #calculatorTable th.small {
	width: 90px !important;
}

#appListTable th.medium, #calculatorTable th.medium {
	width: 140px !important;
}

#appListTable th.large, #calculatorTable th.large {
	width: 190px !important;
}

#announcementsTable th.large {
	width: 290px !important;
}

#userListTable th.small {
	width: 135px !important;
}

#userListTable th.medium {
	width: 170px !important;
}

#userListTable th.large {
	width: 250px !important;
}

#messageListTable th.small {
	width: 175px !important;
}

#messageListTable th.medium {
	width: 250px !important;
}

#messageListTable th.large {
	width: 400px !important;
}

.sidebarTab {
	position: absolute;
	top: 35px;
	left: -29px;
	width: 30px;
	height: 60px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-color: #ffffff;
	-webkit-box-shadow: 4px 3px 6px 0px #777;
	box-shadow: 4px 3px 6px 0px #777;
}

	.sidebarTab.hasErrors {
		background-color: #b71c1c;
	}

.sidebarTabIcon {
	position: absolute;
	top: 50%;
	left: 5px;
	margin-top: -14px;
	font-size: 2em;
	color: #ffffff;
}

.newMessage {
	position: absolute;
	top: -3px;
	right: 0px;
	color: #e70000;
	font-size: .8em;
}

/* Styles for expanding applications table */

#expandApplicationTableBtn, #collapseApplicationTableBtn {
	display: none;
}

#appListTable th {
	padding: 6px 20px 6px 10px !important;
}

#appListTable.fixedlayout th {
	padding: 3px 10px !important;
}

.applicationsFull {
	float: none;
	width: 100%;
}

.applicationsFullSidebar {
	position: absolute;
	top: 50px;
	right: -35px;
	float: none;
}

	.applicationsFullSidebar:hover {
		z-index: 1;
		opacity: 1 !important;
	}

		.applicationsFullSidebar:hover .sectioncontent {
			box-shadow: -6px 6px 16px 0 rgba(0,0,0,0.1);
		}

/* Document Viewer */

#putEmbedHere {
	max-width: 870px;
	max-height: 780px;
}

.documentIconSpacer {
	width: 34px;
	display: inline-block;
}

/* Styles for File Uploading */

.docIcon {
	margin: 0 10px 0 0;
	vertical-align: middle;
	font-size: 3em;
	line-height: 1em;
}

.uploadIcon {
	font-size: 3em;
	line-height: 1;
}

#documentsTable {
	max-height: 600px;
	overflow: auto;
	white-space: nowrap;
}

#documentCenter h6 {
	width: 90%;
}

.document-viewer {
	background-color: #FFFFFF;
}

.document-viewer__body {
	background-color: #FFFFFF;
}

.document-viewer__text {
	top: 10px;
	left: 10px;
	right: 10px;
	width: calc(100% - 20px) !important;
	padding: 10px 50px 10px 10px;
	background: white;
	border-bottom: 1px solid #424242;
}

.document-viewer__button {
	top: 10px;
	right: 10px;
	border: none;
	background: none;
	padding: 10px;
}


.fileName {
	padding-right: 22px;
	margin: 5px 0 0 0;
}

.renameIcon {
	right: 5px;
	top: 5px;
}

.mobileAppStatusIndicator {
	color: #000000;
}

.prepaid {
	color: #1b5e20;
	background: #e8f5e9;
	border: 1px solid #1b5e20;
	border-radius: 3px;
}

.subsection {
	background-color: #ffffff;
}

.faqContainer {
	margin-bottom: 10px;
}

.installCertificationPrompt {
	font-size: 14px;
	color: black;
	padding-bottom: 8px;
}

.installCertificationContainer {
	padding-left: 15px;
	display: flex;
}

.installCertificationCheckbox {
	width: auto;
}

.installCertificationStatement {
	padding-left: 10px;
	font-size: 14px;
	color: black;
}


/* MEDIA QUERIES */

@media only screen and (min-width: 1920px) {

	#putEmbedHere {
		max-width: 1100px;
		max-height: 1000px;
	}
}

@media only screen and (min-width: 1260px) {
	#fader.sidebarActive {
		display: none !important;
	}

	#expandApplicationTableBtn {
		display: block;
	}
}

@media only screen and (max-width: 1400px) {
	#documentsTable {
		max-height: 400px;
	}
}


@media only screen and (max-width : 1259px) {
	#expandApplicationTableBtn, #collapseApplicationTableBtn {
		display: none !important;
	}

	#expandCollapseApplicationTableBtn {
		display: none;
	}

	.sideContent {
		float: none;
		margin: 0 0 20px 0;
		width: 100%;
	}

	#sidebar {
		position: relative !important;
		top: 0 !important;
		width: 100% !important;
	}

	.sidebarTab {
		display: block;
	}

	.mainContent {
		float: none;
		width: 100%;
	}

	.sidePageWidth {
		width: 100% !important;
	}

	.sidebarVisible {
		position: fixed;
		right: -348px;
		z-index: 11;
		width: 348px;
	}

		.sidebarVisible .sectioncontentshadowleft, .sidebarVisible .sectioncontentshadowright {
			display: none;
		}

		.sidebarVisible .sectioncontent {
			-webkit-box-shadow: 4px 3px 6px 0px #777;
			box-shadow: 4px 3px 6px 0px #777;
		}
}

@media only screen and (max-width: 1024px) {

	.modalDialog.lgminwidth {
		min-width: 90%;
	}

	#previewFileName {
		bottom: -35px;
		font-size: 1.2em!important;
	}

	#closeViewerBtn {
		bottom: -35px;
		font-size: 1.4em!important;
	}
}


@media only screen and (max-width: 700px) {
	#mobileNavButtons {
		display: block;
	}

	#mobileNavBtn {
		font-size: 2.4em;
	}

	#mobileNavButtons .errorbutton {
		top: 6px;
		font-size: .72em;
	}

	#rightheadercontent, #headerNavLinks {
		display: none;
	}
}

@media only screen and (max-width : 599px) {
	.branchtile {
		margin: 10px 0;
		width: 100%;
	}

	.sidebarVisible {
		right: -288px;
		width: 288px;
	}

	#applicationControlsContent {
		overflow-y: auto;
		max-height: 340px;
	}

	#pageHelp .overflowy {
		max-height: 280px;
	}

	#userID {
		display: none;
	}

	#topLinks {
		display: block;
	}

	#documentsTable {
		max-height: 300px;
		overflow-x: auto;
		white-space: normal;
	}

	#documentsTable table {
		font-size: .9em;
	}

	#previewFileName {
		bottom: -30px;
		font-size: .8em!important;
	}
}

/* Hide Mobile Nav Again on Resize */
@media only screen and (min-width : 700px) {
	#mobileNav {
		display: none !important;
	}
}

.infobox-titlebar {
	display: flex
}

	.infobox-titlebar .infobox-branch {
		flex-grow: 10;
	}

	.infobox-titlebar .close-button {
		cursor: pointer;
		font-size: 14px;
	}