* { box-sizing: border-box; -moz-box-sizing: border-box; font-family: 'Montserrat', sans-serif; font-weight: 300; }

body {font-family: 'Montserrat', sans-serif; font-weight: 300; font-size: 14px; line-height: 1.45em; background:#ebf0f7; margin: 0; }
strong { font-weight: bold; }
span.underline { text-decoration: underline; }

a { color: #1758b4; text-decoration: underline; text-decoration: underline #ccc; }
	a:hover { color: #1758b4; text-decoration: underline #1758b4; }

/*Login Styles*/

html.login { height: 100%; }

.login-screen { display: flex; align-items: flex-start; background: #020100; }

	.login-img { width: 100%; }

	.sidebar { position: fixed; top: 0; left: 0; width: 250px; height: 100%; padding: 30px; background: #123442; color: #fff; z-index: 100; }
	.sidebar.login-container { position: relative; width: 500px; max-width: 50%; height: 100vh; background: linear-gradient(180deg, rgba(18,52,66,1) 0%, rgba(18,52,66,1) 80%, rgba(10,5,1,1) 100%); overflow: auto; }

		.login-box, .account-help { padding: 1.8vw 0; }
		.account-help { border-top: 1px solid rgba(255,255,255,0.3); }

			.sidebar h1 { font-weight: 700; font-size: 1.4em; text-transform: uppercase; margin-bottom: 10px; }
			.sidebar a { display: inline-block; width: 100%; margin: 0.4em 0; color: rgba(255,255,255,0.7); text-decoration: none; transition: all 0.3s ease-out 0s; }
				.sidebar a:hover { color: #fff; }

			.sidebar .logo { display: inline-block; width: 100%; text-align: center; }
				.sidebar .logo img { max-height: 90px; }
			.sidebar hr { width: 100%; height: 1px; margin: 1.4em 0 1em; border: 0; background: rgba(255,255,255,0.3); }
			.sidebar .form-btn { width: auto; color: #fff; }
			.sidebar .forgot-password, .sidebar .back-to-login { margin-top: 1.4em; font-size: 0.9em; }

.welcome { flex: 1 1; height: 100vh; padding: 8vw 2em; background: url(../images/ruins.jpg) no-repeat center left; background-size: cover; overflow: auto; color: #fff; line-height: 1.4em; text-align: center; }
	.welcome h1 { margin: 0 0 0.4em; font-size: 2.8vw; font-weight: 700; line-height: 1em; text-shadow: 0 0 40px #000; }
	.welcome h2 { margin: 0; font-size: 2vw; text-shadow: 0 0 40px #000; }


/*Header*/

#header-title { position:relative; top:16px; left:10px; font-weight:600; }

.headerNav #logged-user {display: inline-block; margin-right: 10px; }
	.headerNav a { display: inline-block; margin-right: 10px; text-decoration:none; color:#176d86; font-weight: 500; }

.logo-container { position: absolute; top: 15px; left: 20px; max-width: 180px; }
	.logo-container img { width: 100%; height: auto; }

.header .float-right {padding-top: 15px; }   
	header .float-right a {color: #ffffff; }

#header-title-nav { padding-top: 15px; }
	#header-title-nav a { text-decoration:none; margin: 10px; }

/*Navigation*/
nav#main-nav { background:#dce2ec; position: fixed; top: 55px; left: 0; bottom: 53px; width: 300px; padding: 0; display:none; }
	nav#main-nav a { display:block; padding: 15px 30px; border-bottom: 1px solid #ebf0f7; font-size: .8em; overflow: auto; }    


/*Kendo Grid*/
/* .k-grid .k-grid-header .k-header .k-link {height: auto; text-align: left; }
.k-grid .k-grid-header .k-header {white-space: normal} #1d8ca8; #3c91e6; #2C6EB0;*/

#grid {margin-bottom: 20px; }
#total-grid {background-color: #d9e7f2; }

#grid .k-grid-header th.k-header { white-space: initial; vertical-align: middle; }
#grid.k-grid td { line-height: 1.4em; }

.k-button-agree, .k-button-pay, .k-button-reset { min-width: 150px; border-radius: 5px; border-color: #3c91e6; padding: 8px; background-color: #3c91e6; color: #ffffff; font-weight: 500; }
.k-button-decline, .k-button-cancel { width: 150px; border-radius: 5px; border-color: #bbb; padding: 8px; font-weight: 500; }

.k-window-content.k-dialog-content { overflow: auto; }

.k-widget.k-window.k-dialog span { font-weight: 700; font-size: 1.1rem; }

/*
.k-widget.k-window.k-dialog p {
text-align: justify;
text-justify: inter-word;
} */
.k-widget.k-window.k-dialog p:nth-of-type(1) { margin-bottom: 20px; }
.k-widget.k-window.k-dialog p:nth-of-type(2) { margin-bottom: 0; }

.k-grid td a { display: inline-block; margin: 2px 0; padding: 0.2em 0.4em; border-radius: 3px; background: #1d8ca8; color: #fff; text-decoration: none; }

/*Password Reset*/
#dialog .clear-after {margin: 0; padding: 0; }
#dialog .width50 {margin: 0 3%; width: 42%; }
	#dialog .form-item-container:nth-of-type(1) {margin-left: 0; }

.k-dialog-titlebar { background-color: #0a1f3d; color: #ffffff; padding: 15px; }
.k-window-title.k-dialog-title { font-weight: 500; }
#disclaimer-dialog .important {font-weight: 700; }
/*
.k-button-decline:focus, .k-button-agree:hover, .k-button-decline:visited {border-color:#944F6A;background-color:#9F6D81; }
.k-button-decline:hover {border-color:#9F6D81; }
*/

/*Dashboard Section*/

.block-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); grid-gap: 1vw; margin-bottom: 2em; }
	.block-grid .block { padding: 0 1.2vw 1.2vw; border: 1px solid rgba(18, 52, 66, 0.1); }
		.block-grid .block h2 { font-size: 1.2em; }

.block-list { margin-bottom: 2rem; }
.block-list.has-columns { display: flex; margin: 0 0 -2rem; }
	.block-list .block-list-column { width: 50%; padding: 0 2rem; border-right: 1px solid rgba(18, 52, 66, 0.2); }
	.block-list .block-list-column:first-child { border-left: 1px solid rgba(18, 52, 66, 0.2); }
		.block-list h3 { margin: 0 -2rem; padding: 1rem 2rem; background: #123442; color: #fff; font-weight: bold; }
		.block-list .block { padding: 1.8rem 0; border-bottom: 1px solid rgba(18, 52, 66, 0.2); }
		.block-list .block:last-child { border: none; }
			.block-list .block h2 { margin: 0 0 0.6rem; color: #123442; font-size: 1.2em; font-weight: bold; }

.form-submit-container { padding: 10px 20px; background:#d9e5e8; }
	.form-submit-container button, a.button { display: inline-block; width: 100%; margin: 10px 0; padding: 10px 14px; border-radius: 3px; background:#1b99cc; color:#fff; font-weight: 700; border: 0; text-decoration: none; cursor: pointer; }
a.button.has-icon { display: flex; align-items: center; justify-content: space-between; gap: 0.8em; }
	a.button.has-icon svg { width: 20px; height: auto; fill: #fff; }

.sidebar nav { margin: 1.8vw 0; }
	.sidebar nav a { display: inline-block; width: 100%; margin: 0; padding: 1em 0; border-top: 1px solid rgba(255,255,255,0.2); font-size: 1.1em; text-transform: uppercase; }
		.sidebar nav a:hover { color: #fff; }
		.sidebar nav a.active { padding: 1em; background: rgba(0,0,0,0.5); color: #fff; }

.help h3 { margin-bottom: 0; color: rgba(255,255,255,0.7); font-size: 1.1em; font-weight: bold; }
.help a.button { background: rgba(27, 153, 204, 0.7); }

section#dashboard-section { padding: 15px; position: fixed; top: 57px; left: 0; right: 0; bottom: 53px; overflow: auto; }

.dashboard-progress-header { background:#fff; margin-bottom: 15px; }
	.dashboard-progress-header .width25 { padding: 20px; border-left: 1px solid #dce2ec; text-align:center; }
		.dashboard-progress-header .width25:first-child { border-left: 0; }

.dashboard-meta { color: #5e6777; font-size: .8em; }

.dashboard-progress-header-type { display:block; border-bottom: 1px solid #dce2ec; font-size: .8em; font-weight: 700; text-transform:uppercase;padding-bottom: 5px; margin-bottom: 5px; }
	.dashboard-progress-header-type span { margin-right: 5px; }
.dashboard-progress-header-number { font-size: 4em; font-weight: 700; }

.dashboard-progress-bar { background:#dce2ec; height: 10px; width: 100%; border-radius: 10px; margin: 10px 0; position: relative; overflow: hidden; }
.dashboard-current-progress { position: absolute; width: 25%; height: 100%; background:#28975d; }

.dashboard-filter { background:#dce2ec; padding: 10px; margin-bottom: 15px; }
	.dashboard-filter .form-item-container { margin-bottom: 0; }

.filter-container { display: flex; align-items: flex-end; flex-flow: row wrap; gap: 0 2em; }
	.filter-container > h3 { display: flex; align-items: center; gap: 2em; width: 100%; margin-top: 0; font-size: 1em; font-weight: bold; }
		.filter-container > h3::after { content: ''; flex: 1 0 auto; height: 1px; background: #EBF0F7; }
	.filter-container > div { flex: 0 1 auto; width: 23%; margin: 0 !important; }
		.filter-container .form-item-container input { max-width: 100% !important; }

.dashboard-title {text-transform: uppercase; font-size: .9em; font-weight: 700; text-transform:uppercase; }

.dashboard-column-title ul {margin: 0; padding: 0; list-style:none; }
	.dashboard-column-title ul li {float:left; padding: 0 0 15px 0; width: 30%; padding-left: 10px; }
	.dashboard-column-title ul li:first-child { width: 70%; text-align: left; padding-left:0; }

.dashboard-item { background:#fff; border-bottom: 1px solid #dce2ec; }
	.dashboard-item ul {margin: 0; padding: 0; list-style:none; }
		.dashboard-item ul li {float:left; padding: 10px; width: 30%; word-wrap: none; white-space: pre; text-overflow:ellipsis; overflow:hidden; position:relative; }
			.dashboard-item ul li span { display: inline-block; padding-right: 10px; }

.dashboard-escalated-items ul li:first-child { width: 70%; text-align: left; border-left: 5px solid #cc0606}
	.dashboard-escalated-items ul li:first-child span { color:#cc0606; }

.dashboard-pending-items ul li:first-child { width: 70%; text-align: left; border-left: 5px solid #ddab08}
	.dashboard-pending-items ul li:first-child span { color:#ddab08; }

.dashboard-complete-items ul li:first-child { width: 70%; text-align: left; border-left: 5px solid #28975d}
	.dashboard-complete-items ul li:first-child span { color:#28975d; }

section#dashboard-progress { padding: 30px; position: fixed; top: 57px; width: 300px; right: 0; bottom: 55px; overflow: auto; background:rgba(255,255,255,.5); }

.public-sidebar { padding: 20px; margin-bottom: 20px; background:#fff; border-radius: 5px; }

.list-of-license ul {margin: 0; padding: 0; list-style:none; }
	.list-of-license ul li { background:#fff; position:relative; padding: 30px; width: 250px; float:left; margin: 0 30px 30px 0; border: 1px solid #ccc; text-align:center; }
		.list-of-license ul li img { width: 90px; height: auto; display:block; text-align:center; margin: 0 auto; }


/*Main Section*/
section#main-section { padding: 2rem; position: absolute; top: 5vw; left: 250px; right: 0; max-width: 1200px; margin: 0 auto; }
section#main-section.wide { max-width: 1400px; }
.section-title { font-size: 2em; margin-bottom: 15px; color:#092d37; }

nav#section-sub-nav { position: fixed; width: 300px; top: 90px; left:0; bottom:0; overflow:auto; border-right: 1px solid #d4dce6; background:#d4dce6; }
	nav#section-sub-nav a, nav#section-sub-nav button { display: block; padding: 10px 20px; margin-right: 0; border: 0; border-bottom: 1px solid #dce2ec; background: none; text-decoration: none; color: #166c85; font-size: 1em; cursor: pointer;  width: 100%; text-align:left; background:#fff; }
		nav#section-sub-nav a.active, nav#section-sub-nav button.active {color:#166c85; font-weight: 700; }
		nav#section-sub-nav a:last-child, nav#section-sub-nav button:last-child { margin-right: 0; }

div#content-container { padding: 30px; background:#fff; }

#request-application { position:fixed; top: 90px; left: 300px; bottom:0; right: 0; padding: 30px; overflow: auto; }

hr { width: 100%; height: 1px; margin: 2rem 0; border: 0; background: rgba(18, 52, 66, 0.2); }

/* Ordered List */
ol.numbered { margin: 0; padding: 0; list-style: none; counter-reset: list-number; }
	ol.numbered > li { counter-increment: list-number; position: relative; margin: 1.2em 0 0 2.2em; }
		ol.numbered > li::before { content: counter(list-number) ''; display: flex; align-items: center; justify-content: center; position: absolute; top: 0.1em; left: -2.2em; width: 1.4em; height: 1.4em; border-radius: 1.4em; background: #035E83; color: #fff; font-size: 1em; }

		ol ol { margin: 0; padding: 0.2em 1em 0.4em 1.4em; border-radius: 5px; background: #fff; font-size: 0.9em; line-height: 1.5em; }
			ol ol li { margin: 0.4em 0 0; }


/*Application Header*/

#mainHeader { background: #176d86; position: fixed; top: 90px; left: 0; right: 0; display: block; color:#fff; font-size: 1em; padding: 10px 30px; }
	#mainHeader div { display:inline-block; font-weight: 700; margin-right: 20px; }
		#mainHeader div span { display: block; font-weight: 400; font-size:.8em; }
		#mainHeader div a { color:#ddab08; text-decoration:none; }


/*Tabs*/
.tabs-container .tab-content { display: none; padding: 30px; background: #fff; }
.tabs-container .tab-content.active { display: block; }

.add-application-type { background:#176d86 !important; color:#fff !important; font-weight: 700; }
.add-application-type-window { display:none; }

/*Pay Invoice Page*/

.form-action-container .form-btn {margin-bottom: 20px; }

#main-grid {
	margin-bottom:20px;
}

.k-grid-header .k-header>.k-link, .k-header, .k-treemap-title { color:#fff; }
.k-grid-header tr th { background:#176d86; text-align:left; padding: 8px; }

.k-state-selected .k-checkbox, #header-chb { color: #900C3F; font-weight: 700; }
span.k-state-selected { display: inline-flex; align-items: center; justify-content: center; min-width: 2.14em; height: 2.14em; border-radius: 3em; }


/*Admin Dashboard*/

#download-csv {
	margin-top: 30px;
	margin-bottom: 30px;
}

/*Action Page*/
section#action-section {padding: 15px; position: fixed; top: 57px; left: 0; right: 300px; bottom: 53px; overflow: auto; }

.action-title-container { margin-bottom: 30px; }
.action-title { font-size: 1.75em; }
.action-title-details { color: #5e6777; font-size: .8em; }

fieldset.action-task-list { padding: 20px; border: 0; margin: 0; border-bottom: 1px solid rgba(0,0,0,.2); }
	fieldset.action-task-list:last-child {border-bottom:0; }

.action-task-list-title {text-transform: uppercase; font-size: .9em; font-weight: 700; text-transform:uppercase; margin-bottom: 20px; }
.action-task-list .form-item-container { margin-bottom: 1px; padding: 0 0 20px 30px; position: relative; }

	.action-task-list .form-item-container .task-status { position: absolute; font-size: 1.5em; left: 0; }
	.action-task-list .form-item-container .escalated {color:#cc0606; }
	.action-task-list .form-item-container .pending {color:#ddab08; }
	.action-task-list .form-item-container .completed {color:#28975d; }

section#action-details { padding: 15px; position: fixed; top: 57px; right: 0; bottom: 53px; width: 300px; overflow: auto; background: #dce2ec; }

.action-details-item { background:#fff; padding: 20px; margin-bottom: 15px; }
	.action-details-item.status { text-align:center; }
		.action-details-item.escalated { color:#cc0606}
	.action-details-item span { font-size: 3em; }

.tasks-due { text-align:center; }
.action-side-bar-number { font-size: 3em; font-weight: 700; }
.action-side-bar-tile { margin-bottom: 20px; }

.action-side-bar-progress { margin: 0; padding: 0; list-style:none; }
	.action-side-bar-progress li { border-bottom: 1px solid #dce2ec; text-align:left; padding: 15px 0; }    
.action-side-bar-progress span { font-size: 1em; margin-right: 7px; }
	.action-side-bar-progress span.escalated { color:#cc0606}
	.action-side-bar-progress span.pending { color:#ddab08}
	.action-side-bar-progress span.completed { color:#28975d}

/*Footer*/
footer { background:#0a1f3d; color:#fff; padding: 20px 30px; position: fixed; bottom: 0; left: 0; right: 0; font-size: .8em; }


/*Form Properties Styles*/
.form-section { margin-bottom: 15px; border-bottom: 1px solid #dce2ec; padding-bottom: 15px; }
	.form-section:last-child { border-bottom: 0; padding-bottom: 0; margin-bottom: 0; }

.form-section-2 { margin-bottom: 15px; padding-bottom: 15px; }   
	/* Title | Description */
	h1.form-section-title { margin: 0 0 1rem; padding: 0 0 1rem; border-bottom: 1px solid rgba(18, 52, 66, 0.2); font-size: 2em; font-weight: 700; line-height: 1.1em; }
	h2.form-section-title { font-size: 1.3em; font-weight: 700; }
	.form-section-description { padding-bottom: 30px; line-height: 1.45em; font-size: 1em; }
	.form-section-description-2 { padding-bottom: 5px; line-height: 1.45em; font-size: 1em; }
	.form-section-description-2 p {line-height: 1.8; }
	.form-section-description-2 span {color: #191970; }

#receipt-table { border-collapse: collapse; margin-top: 20px; margin-bottom: 20px; }
	#receipt-table td { padding: 5px; border-style : hidden!important; }
	#receipt-table tbody tr:nth-child(even) td, #receipt-table tbody tr.even td { background:none; }
	.two-col td { text-align: left; width: 50%; padding: 5px; border-style : hidden!important; }
	.four-col td { text-align: right; width: 25%; padding: 5px; padding-right: 20px; border-style: hidden!important; }
	#receipt-table-title { height: 15px;  border-collapse: collapse;  background-color: #123442;  color: #ffffff;  font-weight: 700;  text-align: center;  vertical-align: middle;  padding-top: 5px;  padding-bottom: 5px; }

	/* Title | Data Filter */
	.form-section-title-block { display: flex; flex-flow: row wrap; margin-bottom: 30px; align-items: center; }

		.form-section-title-block .form-section-title { flex-grow: 1; margin: 0; }

		.form-section-title-block .form-section-filter { display: flex; }
			.form-section-filter button { padding: 10px 20px; border: 0; border-bottom: 2px solid #ccc; background: none; color: #1758b4; cursor: pointer; }
				.form-section-filter button.active { border-bottom: 2px solid #1758b4; }

	/* Data Statistics */
	.stats { display: flex; flex-flow: row wrap; margin-bottom: 2em; border-radius: 6px; overflow: hidden; }

		.stats .stat-item { flex: 1 1 auto; text-align: left; padding-right: 20px; }
		.stats .stat-item:last-child { border: 0; }
			.stats .stat-item .stat-num { display: block; color: #0a1f3d; font-size: 3em; font-weight: bold; }
			.stats .stat-item .stat-desc { font-size: 0.9em; text-transform:uppercase; border-bottom: 1px solid #ccd4e0; width: 100%; display:block; padding-bottom: 5px; margin-bottom: 5px; }

		.stats .stat-item.highlight { background: #26B78B; border: 0; color: #fff; }
			.stats .stat-item.highlight .stat-num { color: #fff; }

	/* Data Filters */
	.data-filter { display: flex; flex-flow: row wrap; background: #EBF0F7; }
		.data-filter .form-item-container { flex: 1 1 auto; width: 33%; padding-left: 1em; }
		.data-filter .form-item-container:first-child, .data-filter .form-item-container:nth-child(3n + 4) { padding-left: 0; }
			.data-filter .form-item-container label { font-size: 0.9em; font-weight: bold; }

/* Form Items */
.required::after { content:"*"; display: inline-block; color:#ff0000; font-size: 1.4em; }
.form-item-container { margin-bottom: 20px; }
	.form-item-container label { display: flex; align-items: center; gap: 6px; margin-bottom: 7px; font-size: 0.9em; line-height: 1.4em; }
	.form-item-container label.hidden { position: absolute; opacity: 0; pointer-events: none; }
	.form-item-container > input, select, textarea { display:block; width: 100%; padding: 10px;  border: 1px solid rgba(18, 52, 66, 0.2); background: #fff; font-size: 1em; }
		.form-item-container > p.description { margin: 0 0 1em; padding: 0.8em 1em; background: #f4f7f9; font-size: 0.85em; font-style: italic; line-height: 1.5em; }

	.form-item-container input[type="date"], .form-item-container.medium input { max-width: 300px; }

	.form-item-container textarea { height: 75px; }

	.form-item-container blockquote { padding: 0; font-size: .8em; font-style: italic; margin: 10px 0 0 0; }
		.form-item-container blockquote:before { content: "Validation Notes: "; font-weight: 700; }

	.checkbox-group { display: flex; flex-flow: row wrap; gap: 10px 2%; }
		.checkbox-group p { width: 100%; margin: 0; }
		.checkbox-group label { width: 23%; min-width: 200px; margin: 0; padding: 8px; border: 1px solid #CFD6D9; cursor: pointer; }
			.checkbox-group label { width: 23%; min-width: 200px; margin: 0; padding: 8px; border: 1px solid #CFD6D9; cursor: pointer; }

.cb-item { float:left; margin-right: 20px; padding-left: 20px; position:relative; }
	.cb-item input { position: absolute; left: 0; }
	.cb-item label { font-size: 1em; }

.radio-container { display: flex; justify-content: flex-start; gap: 1em; margin-top: 12px; }
.radio-container.lineup { flex-flow: row wrap; }
	.radio-container > span { width: 100%; }
	.radio-container > span.hidden { position: absolute; opacity: 0; pointer-events: none; }
.cb-item2 { display: flex; justify-content: flex-start; margin-right: 25px; }
	.cb-item2 label {font-size: 1em; margin-left: 5px; }

#submit-box { display: flex; justify-content: space-between; }

.form-btn, button.button { padding: 10px 20px; border: 0; display: inline-block; background:#1b99cc; color:#fff; border-radius: 3px; text-decoration:none; transition: all 0.3s ease-out 0s; cursor: pointer; }
	.form-btn:hover, button.button:hover { background: #1d8ca8; color: #fff; text-decoration:none; }

.form-btn.move-left, button.button.move-left {margin-right: 10px; }
.form-btn.move-right, button.button.move-right {margin-left: 10px; }

.form-id { text-align: right; }

.form-action-container-2 { display: flex; justify-content: flex-end; }

p .form-item-container > label { position: absolute; opacity: 0; pointer-events: hidden; }
p .form-item-container > input { display: inline-block; width: 200px; max-width: 100%; margin: 1px; padding: 2px 4px; }
p .form-item-container > input[type="date"] { width: 154px; }

.main-table { width: 100%; border-collapse:collapse; background:#fff; border: 1px solid #ccc;}

	.main-table th { margin-bottom: 3px; border: 0; font-size: 12px; font-weight: 700; text-align:left; background: #123442; color:#fff; padding: 10px; }

	.main-table td { padding: 10px; border-bottom: 1px solid #ccc; }
	.main-table tr:nth-child(odd) td { background:#e5ecee; }
	.main-table tr td:last-child { padding: 3px 10px; }
		.main-table tr td a { display: inline-block; margin: 4px 2px; padding: 0.2em 0.6em; border-radius: 3px; background: #1b99cc; color: #fff; text-decoration: none; transition: all 0.3s ease-out 0s; }
			.main-table tr td a:hover { background: #1D8CA8; }
		.main-table input[type="text"], .main-table input[type="email"] { width: 100%; padding: 10px; }
		.main-table input[type="date"] { width: 100%; padding: 8px 10px; }


/* Fieldset */
fieldset { margin-bottom: 20px; padding: 20px 20px 0; border: 1px solid rgba(18, 52, 66, 0.2); }
	fieldset legend { margin: 0 -10px; padding: 0 10px; }
	fieldset p { margin-top: -8px; font-size: 0.9em; line-height: 1.5em; }

/* Signature */
.signed-on { margin: 0.4em 0 0; color: rgba(0,0,0,0.7); font-size: 0.85em; font-style: italic; }

/*General Styles*/
.clear-after:after {content:""; display:block; clear:both; }

.float-left { float:left; }
.float-right { float:right; }

.width67 { width: 67%; padding-right: 50px; }
.width60 { width: 60%; }
.width50 {width:48%}
.width50:nth-child(1) {margin-right: 4%}
.width35 { width: 33%; margin-right: 5%; }
.width33, .width33b { width: 33%; }
.width40 { width: 40%; }
.width25 { width: 25%; }
.width20 { width: 20%; }

.width33 { width: 30%; }
.width33:nth-child(2) {margin: 0 5%; }

.red { color:#cc0606; }
.yellow { color:#ddab08; }
.green { color:#28975d; }


/*Admin Panels*/
.admin-form-view1 {padding: 30px; position: absolute; top: 142px; left: 0; width: 407px; bottom: 0; overflow: auto; max-width: 1000px; margin: 0 auto; background:#fff; }
section#main-section.admin-form-view2 {padding: 30px; position: absolute; top: 142px; left: 394px; right: 0; bottom: 0; overflow: auto; max-width: 2400px; margin: 0 auto; }
.admin-form-view3 {padding: 30px; position: absolute; top: 138px; right: 0; width: 350px; bottom: 0; overflow: auto; background:#fff; }

nav#admin-nav { background:#031022; position: fixed; top: 90px; left: 0; right: 0; padding: 0 15px; display:block; }
nav#admin-nav a { display:inline-block; padding: 15px; color:#fff; text-decoration:none; }    

/*Admin Styles*/
.admin-layout nav#section-sub-nav {top: 142px; }
.admin-layout .admin-form-view1 {position: absolute; top: 142px; right: 0; width: 400px; bottom: 0; left: auto; }
.admin-layout section#main-section.admin-form-view2 {padding: 30px; position: absolute; top: 142px; left: 300px; right: 400px; bottom: 0; overflow: auto; max-width: 2400px; margin: 0 auto; }


/*Dashboard*/
.admin-dashboard-btn {float:right; display:block; text-align:center; font-weight: 700; text-transform:uppercase; text-decoration:none; }

.admin-modal-title { text-align:center; margin-bottom: 30px; }
	.admin-modal-title span { display:block; font-size: .75em; }

.admin-modal-options { position:fixed; top: 91px; right: 280px; bottom: 0; left:280px; background: rgba(255,255,255,1); padding: 30px 0; overflow: auto; z-index: 99; display:none; }
.admin-modal-container { max-width: 1200px; margin: 0 auto; }

.column { display: flex;  flex-wrap: nowrap; width: 100%; display: flex;  align-items: center;  justify-content: center; background:#fff; margin-bottom: 10px; border: 1px solid #ccc; }
.column .col { width: 70%; }
	.column .col:hover { cursor:pointer; }

	.column .col:nth-child(1) { width: 30%; text-align:center; padding: 0 20px; }
		.column .col:nth-child(1) img { display:inline-block; text-align:center; }
		.column .col:nth-child(1) span { display:block; font-size: 2em; color:#fdae1c; text-transform:uppercase; font-weight: 700; }
			.column .col:nth-child(1) span::after { width: 40px; height: 5px; margin: 20px auto 0; background:#a5abb7; display:block; content:""; }

.uppercase {text-transform: uppercase; }
.smaller-type { font-size: .8em; }

.col-type-01 { background:#3471b7; padding: 30px; color:#fff; -webkit-box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); }
.col-type-02 { background:#227aa4; padding: 30px; color:#fff; -webkit-box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); }
.col-type-03 { background:#5752a2; padding: 30px; color:#fff; -webkit-box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); }
.col-type-04 { background:#26b78b; padding: 30px; color:#fff; -webkit-box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); }
.col-type-05 { background:#fdae1c; padding: 30px; color:#fff; -webkit-box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); }


/*Public Dashboard*/
.pub-dash-actions { padding-bottom: 50px; margin-bottom: 50px; }
		.pub-dash-actions h2 span { font-weight: 700; }

#dash-full-width { padding: 50px; }
.pub-dash-column { display: flex;  flex-wrap: nowrap; width: 100%; display: flex;  align-items: center;  justify-content: center; background:#fff; margin-bottom: 10px; border: 1px solid #ccc; }
.pub-dash-column .pub-dash-col { width: 20%; border-right: 1px solid #ccc; }
	.pub-dash-column .pub-dash-col:hover { cursor:pointer; }

.pub-dash-col .number { text-align:center; padding: 30px 0 70px; font-size: 3em; font-weight: 700; color:#ddab08; display:block; }
	.pub-dash-col .number::after { content:""; width: 75px; height: 5px; background:rgba(0,0,0,.2); margin: 15px auto 0; display:block; }

.pub-dash-col .icon {text-align:center; width: 100px; height: 100px; background:#fff; padding-top: 15px; border-radius: 300px; overflow: hidden; margin-top: -50px; position: absolute; left: 50%; top: 0; margin-left: -50px; -webkit-box-shadow: 0 -10px 10px 0 rgba(0,0,0,.1);box-shadow: 0 -10px 10px 0 rgba(0,0,0,.1); }
.pub-dash-col .content-container { position: relative; padding: 60px 20px 20px 20px; color:#fff;  -webkit-box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); box-shadow:inset 20px 20px 20px 0 rgba(0,0,0,.2); }
		.pub-dash-col .content-container h2 { font-weight: 700; text-align:center; }

.pub-dash-column .pub-dash-col:nth-child(1) .number {color: #ddab08; }
.pub-dash-column .pub-dash-col:nth-child(2) .number {color: #26b78b; }
.pub-dash-column .pub-dash-col:nth-child(3) .number {color: #5752a2; }
.pub-dash-column .pub-dash-col:nth-child(4) .number {color: #227aa4; }
.pub-dash-column .pub-dash-col:nth-child(5) .number {color: #3471b7; }

.pub-dash-column .pub-dash-col:nth-child(1) .content-container {background: #ddab08; }
.pub-dash-column .pub-dash-col:nth-child(2) .content-container {background: #26b78b; }
.pub-dash-column .pub-dash-col:nth-child(3) .content-container {background: #5752a2; }
.pub-dash-column .pub-dash-col:nth-child(4) .content-container {background: #227aa4; }
.pub-dash-column .pub-dash-col:nth-child(5) .content-container {background: #3471b7; }

/*public.html*/

#public-dashboard .form-btn {width: 200px; text-align: center; padding:10px 0 !important; margin-top: 20px; }

/*login.html*/

button.button { width: 150px; text-align: center; padding: 10px 0; border: 0; display: inline-block; background:#1758b4; color:#fff; border-radius: 3px; font-weight: 500; }

/*Public Wizard*/
#wiz-nav a:first-child { margin-left: 0; }

#wiz-nav a {display:inline-block; padding: 10px 15px 10px 40px; text-decoration:none; position: relative; margin-left: -3px; }
	#wiz-nav a span { display:block; font-size: .8em; }
	#wiz-nav a::before { content:""; display:block; position:absolute; width: 18px; height: 18px; top: 13px; left: 15px; background: rgba(0,0,0,.2); border-radius: 2px; text-align:center; font-size: .8em; }

	#wiz-nav a.step-pending { background:#fff; }

		#wiz-nav a.step-pending::before { background:#ddab08; }

		#wiz-nav a.step-complete { background:#28975d; color:#fff; }
		#wiz-nav a.step-complete::before { content:"\2713"; }

.btn-start-app { background:#fdae1c; padding: 10px 15px; color:#fff; display:inline-block;margin: 15px 0 0; text-decoration:none; }
	.btn-start-app:hover { color:#fff; background:#edbc1c; text-decoration:none; }

.prime { font-weight: 700; }
.contact-info { line-height: 1.7; }

/*Fonts*/
@font-face { font-family: "rhodes"; src:url("fonts/rhodes.eot"); src:url("fonts/rhodes.eot?#iefix") format("embedded-opentype"), url("fonts/rhodes.woff") format("woff"), url("fonts/rhodes.ttf") format("truetype"), url("fonts/rhodes.svg#rhodes") format("svg"); font-weight: normal; font-style: normal; }
[data-icon]:before { font-family: "rhodes" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
[class^="icon-"]:before, [class*=" icon-"]:before { font-family: "rhodes" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-alert:before { content: "\61"; }
.icon-check:before { content: "\62"; }

.error { height:17px; margin-left:9px; padding:1px 5px 0px 5px; font-size:small; color: red; }

span.arrow { margin-left: 6px; height:17px; }
label.error { height:17px; margin-left:9px; padding:1px 5px 0px 5px; font-size:small; color: red; }

/* 980 */

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

	/* Main Section */
	.sidebar { width: 130px; padding: 1rem; }
		.sidebar nav a { font-size: 0.8em; }
	section#main-section { top: 0; left: 130px; padding: 0; }
		div#content-container { padding: 1rem; }

}