@import url("https://fonts.googleapis.com/css?family=Lato:400,700,300");

 /* ---------------------- Font ---------------------- */
body, div, h1, h2, input, textarea, select {

font-family: Lato,"Helvetica Neue",Arial,sans-serif;}

body {height: 100%;overflow-x: hidden;background-color: #ffffff;}

p {
    padding-left: 10px;
    padding-top: 10px;
}

.navbar.navbar-default.management-menu .container-fluid {
    padding-bottom: 0px;
    padding-top: 0px;
    height: 54px;
}

li {
    list-style: square;
}

a {
    color: #014a82 !important;
    font-weight: bold;
}

/* Navbar Styling */
.navbar.navbar-default {background-color: #014a82;color: #fff;}
.navbar.navbar-default.menu { background-color: #232f3e; }
.navbar.navbar-default.menu .navbar-nav > .active > a,
.navbar.navbar-default.menu .navbar-nav > .active > a:hover,
.navbar.navbar-default.menu .navbar-nav > .active > a:focus
{
	color: #fff;
	margin-top: 0px;
	font-weight: 700;
}

/* PJC 05/10/16 */
.navbar { min-height: 0px; }
.navbar.navbar-default.menu .navbar-nav > .active > a,
.navbar.navbar-default.menu .navbar-nav > .active > a:hover,
.navbar.navbar-default.menu .navbar-nav > .active > a:focus
{
	color: #fff !important;
	background-color: #014a82;
	border-bottom: 5px solid #cae0ff;
	border-top: none;
	margin-top: 0px;
	font-weight: bold;
}
.navbar.navbar-default.menu .navbar-nav > li > a {color: #000 !important;font-weight: bold;background-color: #c9dfff;text-decoration: none !important;}
.navbar.navbar-default.menu button
{
	color: white;
	font-weight: bold;
	width: 100%; padding: 3px 10px;
	font-size: 18px;
	margin: 0px; text-align: right;
}
.navbar.navbar-default.menu button:hover { background: none; }
div#menu-navbar-collapse { background-image: none; }
.navbar.navbar-default.menu button span:after
{
	content: "\f0c9"; margin: 0px 5px 0px 10px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
/* ----------------------------------------------------------------------------------------------------
19.0 Mini Menu on Mobile
---------------------------------------------------------------------------------------------------- */


	.mini-menu {
    color: white;
    background-position: 50% 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(https://www.bucksmore.com/app/uploads/2016/01/shutterstock_238484848.jpg);
}

.mini-menu .navbar-nav:last-child li:last-child > a {
    background-color: #138A02;
    color: white;
    border-radius: 3px;
    border-color: transparent;
    border-bottom: none;
    font-weight: bold;
    text-align: center;
    width: 225px;
    margin: 20px auto;
    white-space: normal;
    margin-top: 40px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}


.mini-menu .content i.close { opacity: 0.95; width: 100%; }

.mini-menu .navbar-nav li a {font-size: 20px;margin-bottom: 10px;color: #fff !important;}

.mini-menu .navbar-nav { text-align: right; }

.mini-menu .navbar-nav:last-child li:last-child > a
{
	background-color: #cae0ff !important;
	color: #000 !important;
	border-radius: 3px;
	border-color: transparent;
	border-bottom: none;
	font-weight: bold;
	text-align: center;
	width: 225px;
	margin: 20px auto;
	white-space: normal;
}
.mini-menu .navbar-nav:last-child li:last-child > a:hover,
.mini-menu .navbar-nav:last-child li:last-child > a:focus
{
	background-color: #004c9a;
	color: #FFF; text-decoration: none;
	transition: .3s; -webkit-transition: .3s;
}

.mini-menu .content {
	margin-left: -15px;
	margin-right: -15px;
	position: relative;
	padding-top: 10px;
	margin-top: 0px;
	padding-right: 20px;
	background-color: rgba(0, 72, 133, 0.73);
	backdrop-filter: blur(5px);
	height: 100%;
	background-position: center;
}

.mini-menu .content h1 { display: none; }

.mini-menu .content > h1
{
	display: block;
	font-size: 20px;
	margin-top: 6px;
	margin-bottom: 6px;
	text-align: right;
	font-weight: normal;
	padding-right: 25.5px;
	padding-bottom: 12px;
	color: white;
}


/* Primary Header */
.primary-header { /*background-image: url("./images/custom/crest-header.svg");*/ }
.primary-header h2 {font-size: 30px;font-weight: 300;margin-left: 0px !important;}
.primary-header h3 { font-size: 22pt; font-weight: 700; margin-left: 0px; margin-top: 5px; }

/* Get answers fast - restyled by D.Bartrum */
.page-host { padding-left: 0px;  padding-right: 0px; }

@media (max-width: 767px) { .page-host:after {width: 115%;display: none;} }
.page-host ol { list-style: none; }
@media (max-width: 767px) { .page-host ol { padding-left: 35px; } }
.page-host ol>li
{
	border: 1px solid #e9eaea;
	border-left: 25px solid #cae0ff;
	counter-increment: item;
	padding-left: 15px;
}
/*.page-host ol>li:before {
   margin-left: -41px; margin-right: 20px;
   content: counter(item);
   color: #004c9a; width: 1.2em;
   text-align: center; font-weight: bold;
   display: inline-block;
}*/
.page-host ol>li>span:nth-of-type(2)
{
	display: block;
	padding: 15px 20px;
	background-color: #004a83 !important;
	border-left: 25px solid #cae0ff;
	margin-left: -40px;
	color: white !important;
	padding-left: 40px;
	/* border-bottom: 2px solid rgba(0, 0, 0, 0.21) !important; */
}
.page-host ol>li p:first-of-type {margin-top: 0px !important;margin-bottom: 0px !important;}
.page-host ol>li a.btn { margin: 10px 0px 0px 0px; }
.page-host ol>li ul { list-style-type: square; margin: 15px 0px; padding-right: 25px; }
.page-host ol>li span {text-decoration: none !important;border-top-left-radius: 3px;border-top-right-radius: 3px !important;}

/* Page Header */
.page-header h1 { color: #000; margin-bottom: 10px; }
.page-header p {font-weight: bold;font-size: 20px;}
.page-header .nav { max-width: 310px; display: inline; border-radius: 15px; }
@media (max-width: 767px) { .page-header .nav > li { width: 99%; } 


}
.page-header .nav > li > a
{
	background-color: #e9eaea;
	color: #000;
	font-weight: bold;
	box-shadow: none;
	border-radius: 0px;
	border: 0;
	margin-top: 5px;
	margin-left: 5px;
}
.page-header .nav > li.active > a
{
	background-color: #c8deff;
	color: #000 !important;
	border: 0;
}
.page-header .nav > li > a:hover,
.page-header .nav > li.active > a:hover
{
	background-color: #004885;
	color: #fff !important;
	text-decoration: none;
	transition: .3s;
	-webkit-transition: .3s;
}
.thumbnail .details.caption {}
.silo-detail-alt > nav > ol > li { width: 100%; margin-bottom: 20px; margin-left: -20px; }
@media (max-width: 767px) { .silo-detail-alt > nav > ol > li {width: 100%;background-color: #00498300;} }
.icon.complete {	color: #19aa8d; }
.faq-nav-list { clear: both; }

/* from JMC */
.thumbnail .caption { color: #000; }
.thumbnail {	border: 0px solid #e6e6e6; }
.thumbnail.silo-list.silo-default { border: 1px solid #e6e6e6; border-radius: 10px; }
.thumbnail.silo-list.silo-default:hover {transition: 0.5s;}
.fa-stack-1x, .fa-stack-2x {	color: #004C9A; }
.fa-stack-1x { color: black; }
.reg-offered-container {background-color: #cae0ff00;border-bottom-left-radius: 0px;border-bottom-right-radius: 0px;}
.reg-offered
{
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background-color: #004a83 !important;
	color: #fff;
	padding: 15px !important;
	text-align: left;
	height: 52px;
	display: none;
}
.au-target.thumbnail.silo-list.silo-default:hover {transform: scale3d(1.05, 1.05, 1.05) !important;transition: 0.5s ease-out;background-color: #c9dfff !important;}
.navbar.navbar-default .container-fluid
{
	padding-left: 50px;
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #415467;
	background-repeat: no-repeat;
	background-position: 90% 50%;
	background-size: 180px;
	height: 140px;
}
.navbar.navbar-default.menu .container-fluid
{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #cae0ff !important;
	height: 52px;
	background-repeat: no-repeat;
	background-position: 90% -370px;
	background-size: 700px;
	border-bottom: 0px;
}

@media (max-width: 767px)
{ 
	.navbar.navbar-default .container-fluid {/* padding: 5px 25px; */background-position-x: 50% !important;} 
	.navbar.navbar-default.menu .container-fluid {height: 52px;padding: 0px;background-image: none;} 
.navbar.navbar-default .container-fluid .primary-header h2 { display: none !Important}

}

@media (max-width: 475px) { .navbar.navbar-default .container-fluid .primary-header h3 { font-size: 18pt } }
@media (max-height: 450px)
{
	.navbar.navbar-default .container-fluid { display: none; }
	.navbar.navbar-default.menu .container-fluid { display: block; }
}
.navbar.navbar-default .container-fluid .primary-header
{
	margin-left: 10px;
	font-size: 39px;
	font-weight: 700;
	line-height: 1.4;
	color: white;
	margin-top: 20px;
}
p {font-size: 17px;color: #212529;}
@media (max-width: 767px) { p {} }
.page-header
{
	background-color: #ffffff;
	color: #000;
	border: none;
	padding-bottom: 0px;
	margin: 0px -0px 5px -30px;
}
.page-header h1 {color: #004a83;margin-bottom: 10px;font-size: 42px;border-bottom: 3px solid #004885;padding-bottom: 1.5rem;font-weight: 800 !important;}
@media (max-width: 767px) { .page-header h1 { font-size:28px; } }
@media (max-height: 375px)
{ 
	.page-header h1 { font-size:20px; } .page-header h2 { margin-left:10px; }
	.page-header h1, .page-header h2 { display: inline-block; }
}
.thumbnail .header.caption h3 {color: #004c9a;font-weight: bold;line-height: 1.3;font-size: 20px !important;}
ul ul, ol ul, ul ol, ol ol { color: black; font-size: 17px; }
@media (max-width: 767px) { ul ul, ol ul, ul ol, ol ol { font-size: 15px; } }
.silo-detail-alt > nav > ol > li > span:not(:first-child)
{
	cursor: pointer;
	text-transform: none;
	color: #000;
	font-weight: bold;
	font-size: 18px;
}
@media (max-width: 767px) { .silo-detail-alt > nav > ol > li > span:not(:first-child) { font-size: 16px; } }
a.btn.btn-sm.btn-primary {
	border-radius: 3px;
	border-color: transparent;
	font-weight: bold;
	white-space: normal;
	font-size: 17px;
	background-color: #006e3b !important;
	padding: 15px 15px;
	color: white !important;
	width: auto !important;
	margin: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	border: none !important;
	text-decoration: none !important;
}
@media (max-width: 767px) { a.btn.btn-sm.btn-primary { font-size: 15px; } }
a.btn.btn-sm.btn-primary:after
{
	content: '\f054';
	font-family: FontAwesome;
	padding-left: 10px;
	position: relative;
	font-size: 90%;
}
a.btn.btn-sm.btn-primary:hover
{
	background-color: #004885;
	color: #fff;
	text-decoration: none;
	-webkit-transition: .3s;
	transition: .3s;
}
.fa { font-size: 22px; }
i.fa.fa-bars { color: white; font-size: 22px; padding-bottom: 15px; padding-right: 10px; }
i.fa.fa-bars:active { color: black; }
#wrapper #page-content-wrapper #menu-toggle-xs .show-text
{
	display: inline-block;
	color: #ffffff;
	font-size: 20px;
	text-transform: uppercase;
}
.nav-pills > li {	font-size: 18px; }
@media (max-width: 767px) 
{
	.nav-pills.nav-justified li { float:left; width: 28%; white-space: normal; }
	.nav-pills.nav-justified li:last-of-type { width: 44%; }
}
.active { background: transparent; font-weight: bold; }
.form-control {font-size: 18px;height: 50px;padding: 6px 12px;height: 35px;width: 94%;border-radius: 0px;font-size: 17px;box-sizing: content-box;border: 3px solid #415467!important;font-weight: 700;margin-bottom: 5px;}
.thumbnail .details.caption h2 { font-size: 18px; }
.thumbnail .details.caption h3 {font-size: 20px;font-weight: 400;color: white !important;}
.thumbnail .nav > li > a { background-color: #e9eaea; color: #000; }

.btn-primary
{
	line-height: 1.5;
	text-transform: none !important;
	border-radius: 3px;
	border-color: transparent;
	font-weight: bold;
	white-space: normal;
	font-size: 17px;
	background-color: #006e3b !important;
	padding: 15px 15px;
	color: white !important;
	width: 100% !important;
	margin: 10px;
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	border: none !important;
}

.actions button.btn.btn-primary.au-target {
}
@media (max-width: 767px) { .btn-primary { font-size: 15px; } }
.btn-primary:after
{
    content: '\f054';
    font-family: FontAwesome;
    padding-left: 10px;
    position: relative;
    font-size: 90%;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, 
.btn-primary.active, .open .dropdown-toggle.btn-primary
{
	background-color: #000;
	border-color: #000;
	color: #ffffff;
	transition: 0.3s;
}

/*.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {*/
.btn-group > .btn:not(.dropdown-toggle)
{
	border-color: transparent;
	border-radius: 0;
	background-color: purple;
	color: #fff;
	font-weight: 700;
	line-height: 1.5;
	font-size: 15px;
	padding: 3px 10px;
}

.col-xs-1.icon.complete.au-target { font-size: 40px !important; background-color: green; padding-bottom: 38px; padding-top: 38px; }
.col-xs-1.icon.in-progress.au-target { background-color: #e9eaea; color: black; padding-bottom: 38px; padding-top: 38px; }
.thumbnail .header.caption h3 {color: #000;font-weight: 600;line-height: 1.3;font-size: 14px;width: 100% !important;}
.thumbnail.silo-list * p.sub-title {height: 60px;font-size: 17px;overflow: visible;color: black !important;}
@media (max-width: 767px) {	.thumbnail.silo-list * p.sub-title { height: auto; } }
i.fa.fa-angle-double-right.fa-stack-1x {	font-size: 18px; }
.fa-stack { position: relative; width: 1em; height: 1em; line-height: 1em; vertical-align: middle; }
.fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; }
.fa-stack-1x { line-height: inherit;	font-size: 0.5em; }
.fa-stack-2x { font-size: 1em; }
span.hide-text { text-transform: uppercase; color: white; font-size: 20px; }
.alert-warning
{
	color: #000000;
	background-color: #e9eaea;
	border-color: #e9eaea;
	font-weight: 700;
	text-transform: uppercase;
	font-size: 15px;
	margin-left: 10px;
	margin: 0px 10px 20px 5px;
}
@media (max-width: 767px) {.alert-warning {	margin: 0 0 20px 0; } }

button.pull-right.btn.btn-warning.btn-xs.au-target {}
button.pull-right.btn.btn-warning.btn-xs.au-target:after
{
	font-family: 'FontAwesome';
	padding-left: 5px;
	position: relative;
	font-size: 14px;
	content: '\f057';
	color: white;
}
.col.col-xs-2.col-sm-2.col-md-2.col-sm-2 { width: 35%; }
.col.col-xs-10.col-sm-10.col-md-10.col-sm-10 { width: 65%; }

.thumbnail .details.caption
{
	background-color: #004885;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	color: #FFF;
	padding-top: 10px;
}
.thumbnail.form-search { border: 0px solid #e6e6e6; border-radius: 0px; }
.thumbnail.form-search  .details.caption {background-color: #ffffff;color: #404040;}
.thumbnail.partial-form-summary.au-target:hover { box-shadow: 0px 0px 15px 0px rgb(0, 0, 0); transition: 0.5s; }
.thumbnail.form-type-summary.au-target {border-radius: 0px;border: none;background-color: #cbe2fe;}
.thumbnail.form-type-summary.au-target:hover {transition: 0.5s;background-color: #97c3ff;}
.thumbnail.form-type-summary .header.caption:hover h3 { color: #004c9a; }
.thumbnail.process-summary:hover {box-shadow: 0px 0px 15px 0px rgb(0, 0, 0);transition: 0.5s;}

/*button.btn.btn-primary.onevu-btn-refresh.au-target:after {
	padding-left: 10px;
	position: relative;
	font-size: 18px;
	font-family: FontAwesome;
	content: '\f021';
}

button.btn.btn-primary.onevu-btn-add.onevu-btn-add-document.au-target:after {
	padding-left: 10px;
	position: relative;
	font-size: 18px;
	font-family: FontAwesome;
	content: '\f0ee';
}

button.btn.btn-primary.onevu-btn-add.onevu-btn-add-note.au-target:after {
	content: '\f040';
	padding-left: 10px;
	position: relative;
	font-size: 18px;
	font-family: FontAwesome;
}*/

.col-xs-1.icon.complete.au-target
{
	font-size: 30px !important;
	background-color: green;
	padding-bottom: 38px;
	padding-top: 38px;
	padding-right: 30px;
	padding-left: 5px;
	color: white;
}

.thumbnail .items .panel.steps .list-group .list-group-item .icon { padding-right: 10px; }
.thumbnail .items .panel.documents .form-control { height: 40px; }
@media (max-width: 767px)
{
	.list-group-item h3 { font-size: 19px; }
	.thumbnail .items .panel.steps .list-group .list-group-item .icon { padding-left: 0px; }
	.thumbnail .items .panel.documents .pull-right.btn-group { width: 100%; margin: 15px 0px 5px 0px; }
	.thumbnail .items .panel .btn { width: 49%; padding: 7px; border-radius: 0px; min-height: 46px; }
	.thumbnail .items .panel.steps .btn.onevu-btn-refresh, .thumbnail .items .panel .btn.onevu-btn-download, 
	.thumbnail .items .panel .btn.onevu-btn-downloading, .thumbnail .items .panel .btn.onevu-btn-open {	width: 100%; }
	.thumbnail .items .panel .btn.btn-file { width: 100%; min-height: 40px; }
}
small { display: none; }
.thumbnail.process-detail { border: 1px solid #e9eaea; }
/* .thumbnail .items .panel.steps .list-group .list-group-item h2 { display: none; } */
label { display: inline-block; max-width: 100%; margin-bottom: 5px; font-weight: bold; font-size: 17px; }

button.btn.btn-default.onevu-btn-register
{
	background-color: green;
	color: white;
	border-radius: 0px;
	border-bottom: 2px solid rgba(0,0,0,1) !important;
	border-color: transparent;
	font-size: 18px;
	font-weight: bold;
}
button.btn.btn-default.onevu-btn-register:after
{
	content: '\f054';
	font-family: FontAwesome;
	padding-left: 20px;
	position: relative;
	font-size: 90%;
}
button.btn.btn-default.onevu-btn-register:hover { background-color: #000; color: #fff; text-decoration: none; transition: .3s; }

/* JMC 12092016 */
.thumbnail.silo-list.silo-default {border: none !important;border-radius: 4px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);background-color: #ffffff !important;}
.thumbnail.silo-list.silo-default:hover {transition: 0.5s;}
@media (max-width: 767px) {	.thumbnail.silo-list.silo-default { box-shadow: none; } }
.thumbnail.partial-form-summary {border: none;border-radius: 0px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);background-color: #c7ddff;}
.thumbnail.partial-form-summary:hover { box-shadow: 0px 0px 15px 0px rgba(240,184,73,1); transition: 0.5s; }
@media (max-width: 767px)
{	
	.thumbnail.partial-form-summary { box-shadow: none; }
	.thumbnail.partial-form-summary .header.caption { height: auto; } 
}
.thumbnail.form-type-summary {border-radius: 10px;border: none;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
@media (max-width: 767px)
{	
	.thumbnail.form-type-summary  { box-shadow: none; }
	.thumbnail.form-type-summary .header.caption { height: auto; }
}
.thumbnail.process-summary {border-radius: 0px;border: none;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 1px -2px rgba(0,0,0,0.12), 0 1px 5px 0 rgba(0,0,0,0.2);}
@media (max-width: 767px)
{
	.thumbnail.process-summary { box-shadow: none; }
	.thumbnail.process-summary .header.caption { height: auto; }
}
.thumbnail.process-detail { border-radius: 10px; box-shadow: -8px 10px 20px 3px rgba(153,153,153,0.42); border: none; }
@media (max-width: 767px) {	.thumbnail.process-detail { box-shadow: none; } }

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group
{
	z-index: 2;
	margin-left: 31px;
	border-color: transparent;
	background-color: #009000;
	color: #fff;
	border-bottom: none;
	font-weight: 700;
	line-height: 1.5;
	font-size: 15px;
	height: 58px;
	padding-top: 15px;
}
span.btn.btn-default.btn-file:hover {background-color: #405568;border-color: #405568;color: #fff;transition: 0.3s;}
.thumbnail .details.caption h2 { font-size: 12px; }
.thumbnail .header.caption .details-link {background-color: #cae0ff;margin-left: 5px;width: 55px;height: 55px;border-radius: 55px; font-size:29pt;}
.thumbnail .header.caption .details-link:hover {cursor: pointer;background-color: #004a83 !important;transition: 0.7s;}
.fa-stack { display: none !important; }
.col-xs-3.details-link {	background-color: #f0b849; border-radius: 40px; }
.col-xs-3.details-link:after
{
	position: relative; padding: 0px 17px;
	font-size: 90%;	font-family: fontawesome;
	color: #fff; content: '\f054';
}
.col-xs-3.details-link:hover::after {color: white;transition: 0.7s;}
.reg-offered h2
{
	text-transform: none;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	vertical-align: middle;
	display: inline;
}
@media (max-width: 335px) { .reg-offered h2 { font-size: 12px; } }
@media (min-width: 992px) and (max-width: 1100px) { .reg-offered h2 { font-size: 12px; } }
.reg-offered-container {height: 50px;}
h4 {border-radius: 105px;padding: 20px;font-size: 22px;text-align: left;padding-left: 0px !important;}
@media (max-width: 767px) { h4 {padding: 15px;font-size: 22px !important;} }

/* JMC 20102016 */
.chat { float: right; margin-top: 2%; }
@media (max-width: 767px) { .chat { display: none; } }
.thumbnail.silo-header {display: block;background-color: transparent;}
.pull-left { font-size: 16px; }
.pull-right { font-size: 16px; }
@media (max-width: 500px) { .steps p { margin-top: 5px; } .steps .pull-right { width: 100%; float:left !important; } }

.col-xs-1.icon.complete.au-target
{
	font-size: 30px !important;
	background-color: white;
	padding-bottom: 38px;
	padding-top: 38px;
	padding-right: 30px;
	/* padding-left: 5px; */
	color: #1eba1e;
}
.fa-check-circle-o:before { content: "\f058" !important; }
.fa-circle-o:before { content: "\f10c" !important; font-size: 30px; }
.fa-arrow-circle-o-right:before { content: "\f0a9" !important; font-size: 30px; }
.col-xs-1.icon.in-progress.au-target
{
	background-color: #ffffff;
	color: #004c9a;
	padding-bottom: 38px;
	padding-top: 38px;
	padding-right: 30px;
	font-size: 30px !important;
}
.navbar.navbar-default.menu .navbar-nav > .open > a, .navbar.navbar-default.menu .navbar-nav > .open > a:hover, 
.navbar.navbar-default.menu .navbar-nav > .open > a:focus 
{
	color: #ffffff !important;
	background-color: #405568;
	border-bottom: 4px solid #405568;
}
.nav-pills > li + li { margin-left: 0px; }
.thumbnail.silo-list .header.caption {
    height: 200px;
}
@media (max-width: 767px) {	.thumbnail.silo-list .header.caption { height: auto;	} }

.reg-offered:after
{
	content: "\f06a";
	display: inline;
	font-family: fontawesome;
	float: right;
	margin: -22px 15px 0px 5px;
	font-size: 25px;
}
@media (max-width: 450px) { .reg-offered:after {font-size: 24px;margin: -22px 5px 0px -5px;} }


/*-------Card FAQs------*/

.calendar { width: 110px; background: #f0f0f0; float: left; margin: 0 10px 20px 0; overflow: hidden; text-align: center; }
.calendar .head { display: block; background: #004c9a; color: #fff; font-size: 12px; padding: 3px 0 2px 0; font-weight: bold; }
.calendar .day { font-size: 30px; line-height: 54px; font-weight: bold; color: black; }
.card {background: #ffffff;overflow: hidden;text-align: center;margin-top: 20px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);padding: 15px;}
span.topstrip
{
	background: #004c9a;
	color: #fff;
	display: block;
	font-size: 12px;
	/* text-align: left; */
	padding-left: 3px;
	padding: 3px 0 2px 0;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	font-weight: bold;
}
span.accountno
{
	background: #f0f0f0;
	color: #fff;
	display: block;
	font-size: 30px;
	padding: 7px 0 2px 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 43px;
	font-weight: bold;
	color: black;
}
span.lowerstrip
{
	background: #004c9a;
	color: #fff;
	display: block;
	font-size: 12px;
	/* text-align: left; */
	padding-left: 3px;
	padding: 3px 0 2px 0;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	height: 10px;
}
.calendarwide
{
	width: 140px;
	background: #f0f0f0;
	float: left;
	margin: 0 10px 20px 0;
	overflow: hidden;
	text-align: center;
}
.calendarwide .head
{
	background: #004c9a;
	color: #fff;
	display: block;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 0 2px 0;
}
.calendarwide .day { font-size: 30px; line-height: 54px; font-weight: bold; color: black; }

/* View-portal styling for mobile */
.view-portal { margin: 0px 5px; }
@media (max-width: 1064px) { .view-portal { margin: 0px -10px; } }
@media (max-width: 767px) 
{
	.view-portal { height: 100%; }
	.view-portal:before
	{
		width: 100%; height: 4px;
		background-color: #00499c;
		display: block; content: " ";
		margin: -5px 0px 5px 0px;
	}
}


/* Multiple account styling */
span.personalise-another.invert::before { content: "View / Add an account"; font-size: 15px; text-transform: none; }
span.personalise-another.invert { display: block; width: 200px; margin-top: 15px; font-size: 0px; background: #f0b849; color: #000; border-bottom: 2px solid #000; }
span.personalise-another.invert:hover { background: #000; color: #fff; transition: 0.3s; }
div.context-col > span.context-item-label {background-color: #e9eaea;color: #fff;}
div.context-col > span.context-item-label, div.context-col > span.context-item-value {padding-left: 1rem;font-size: 18px;}


/* Additional styling */
.part-number {display: none;}
.navbar.navbar-default.menu .navbar-nav > li > .dropdown-menu { width: 100%; }
.navbar.navbar-default.menu .navbar-nav > li > .dropdown-menu li { padding: 5px 0px; }


/* JMc Test Header Styling */
h3.help { color: #004c9a; padding-left: 0.75rem; font-weight: 700; }
p.help { padding-left: 0.75rem; font-weight: 600; }
.btn-info { background: #f0b849; color: #333; padding: 1rem 0; width: 100%; border-radius: 0px; font-weight: bold; border: none; height: 50px; }
.btn-info:hover { color: #fff; background-color: #222; border-color: #222; transition: 0.3s; }
.btn-link { border-color: transparent; width: 100%; border-bottom: 2px solid #cfd3d6; color: #333; cursor: pointer; font-size: 15px; font-weight: 800; margin-top: 0.5rem; text-align: left; margin-bottom: 0.5rem; }
.btn-info:focus, .btn-info.focus { color: #fff; background-color: #333; border-color: #333; }
.btn-info:active, .btn-info.active, .open > .dropdown-toggle.btn-info { color: #fff; background-color: #333; border-color: #333333; }
.btn-info:active:hover, .btn-info.active:hover, .open > .dropdown-toggle.btn-info:hover, .btn-info:active:focus, .btn-info.active:focus, .open > .dropdown-toggle.btn-info:focus, .btn-info:active.focus, .btn-info.active.focus, .open > .dropdown-toggle.btn-info.focus { color: #fff; background-color: #333333; border-color: #333333; }
button.btn.btn-info.collapsed:after { content: "\f078"; font-family: fontawesome; padding-left: 20px; }
button.btn.btn-info:after { content: "\f077"; font-family: fontawesome; padding-left: 20px; }
button.btn.btn-link:before { content: "\f146"; font-family: fontawesome; padding-right: 20px; color:#004c9a; }
button.btn.btn-link.collapsed:before { content: "\f0fe"; font-family: fontawesome; padding-right: 20px; color:#004c9a; }
div#demo1, div#demo2, div#demo3, div#demo4 { background-color: #e9eaea; padding: 1.5rem; color:black; font-size:17px; }
.kl li { list-style: none; }
.kl li:before { background-color: #f0b849; content: ''; display: inline-block; height: 0.75rem; left: 50px; margin-right: 0.1rem; margin-top: 0.5rem; position: absolute; top: auto; vertical-align: top; width: 0.75rem; }


/* JMc New Multiple Accounts Styling */
.btn-warning {color: #fff !important;background-color: crimson;border-color: crimson;}
.btn-warning:hover { color: #fff; background-color: #000; border-color: #000; transition: ease-in 0.2s; }
span.personalise-another.invert { color: black; background-color: #f0b848; width: 100% !important; margin-top: 10px; }
span.personalise-another.invert:hover { color: #fff; background-color: #000; border-color: #000; transition: ease-in 0.2s; }
span.personalise-another.invert:after { content: "\f067"; font-family: fontawesome; float: right; }
span.context-item-value {font-weight: bold;color: black;}
@media (max-width: 767px) {.alert-warning {	margin: 0 0 20px 0; } 
	.col.col-xs-2.col-sm-2.col-md-2.col-sm-2 { width: 100%;}
	.col.col-xs-10.col-sm-10.col-md-10.col-sm-10 { width: 100%;}
	.silo-detail-alt > nav > ol > li > span:not(:first-child) {font-size: 18px;} 
	button.pull-right.btn.btn-warning.btn-xs.au-target { margin-top: 10px !important; }
}
.btn-silo-link-another {display:block;background-color: #008e00;color:white;margin-top: 20px;}
.btn-warning.btn-silo-deregister {}

/* DB New Multiple Accounts styling */
#main-container > div > router-view > div > div > router-view > compose > compose > div.row.context-row > div > div > div:nth-child(1) > span.context-item-label:after
{
    content: " being viewed";
}
.page-host .row > .col-lg-12 > .list-group > .list-group-item > h5 > span { font-size: 1.5em; color: #000; font-weight: bold; }
.linked-accounts-title, .sub-header { color: #004c9a; font-size: 32px; font-weight: bold; }
.sub-header { font-size: 22px; margin-bottom: 20px; }
.linked-accounts-sub { font-weight: bold; }
.linked-accounts-table { font-size: 16px; }
.linked-accounts-sub + div.row button.onevu-btn-register { background: #f0b849; color: #000; margin: 10px 0 20px 0; }

.row.profile-name .page-header, .row.profile-email .page-header { margin: 0; padding: 20px 0 10px 0; }
.row.profile-name .form-group, .row.profile-email .form-group { margin: 20px 0; }
.row.profile-name .actions, .row.profile-email .actions { padding: 10px 0 20px 0; }
.edit_profile_name_change_form_required .btn, .edit_profile_email_change_form_required .btn { margin: 10px 0; }


/* ---------------------- Taxi License Stuff ---------------------- */

.alert.alert-danger {font-size: 17px;margin-top: 20px;width: 95%;text-align: left;}
.danger {    margin-bottom: 15px;color: #a94442; font-weight: bold; font-size: 24px;}
.hero {margin-bottom: 15px;color: #333;font-weight: bold;font-size: 24px;}
i.fa.fa-exclamation-triangle {padding-right: 10px;}
table {  font-size: 17px; color: #333; }

/* ---------------------- Alternative Look Taxi License Stuff ---------------------- */
p.card-text, h4.card-title {
    text-align: left;
}

h4.card-title {
    padding-left: 0px;
    color: #004c9a;
    font-size: 20px;
    font-weight: bold;
    padding-top: 0px;
}

i.fa.fa-user, i.fa.fa-home, i.fa.fa-taxi {
    /* font-size: 50px; */
}

h5.card-title {
    font-size: 19px;
    font-weight: bold;
    color: #333;
    text-align: left;
}


@media (max-width: 767px) {

.card {
	height: auto !Important;
}


}

.help {
    display: none;
}


@media (max-width: 1154px) {

	.thumbnail.silo-list * p.sub-title { 
font-size: 14px;

	}
}

#top-banner > nav > div > div > a > h1 {
    font-size: 28px;
    font-weight: 600;
}

#top-banner > nav > div > div > a {
    float: left !important;
    color: white;
    font-family: 'Roboto';
    margin-top: -65px;
}

button.navbar-toggle.collapsed.au-target {
    font-size: 20px;
    padding-top: 10px;
}

#main-container > div > router-view > div > div > router-view > div:nth-child(3) > div > div > div > div > div > p {
    margin-left: -20px;
    margin-top: -20px;
}

h3.sub-header {
    color: #333 !important;
}


/* ----------------------------------------------------------------------------------------------------
16.0 Custom FAQ Answers for Benefits
---------------------------------------------------------------------------------------------------- */

.card1 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background-color: #ffffff;
    color: white;
    padding: 10px;
    margin-top: 10px;
}

i.fa.fa-credit-card-alt {
       padding-right: 10px;
}

h1.hero {
    padding-left: 5px;
    font-size: 24px;
}

p.hero {
    color: #333;
    text-align: center;
}

button.btn.btn-info.collapsed1.collapsed {
    background-color: black;
    color: white;
}

button.btn.btn-info.collapsed1.collapsed:before {
    content: " ";
    font-family: fontawesome;
}

button.btn.btn-info.collapsed1.collapsed:after {
    content: "\f067";
    font-family: fontawesome;
}

button.btn.btn-info.collapsed1 {
    background-color: #eee;
    color: black;
}


p.hero1 {
    color: #009000;
    font-size: 35px;
    text-align: center;
}

.card2 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background-color: #ffffff;
    color: white;
    padding: 10px;
    margin-top: 10px;
}

i.fa.fa-check-square {
    padding-right: 10px;
}

.card3 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background-color: #ffffff;
    color: white;
    padding: 10px;
    margin-top: 10px;
}

i.fa.fa-arrow-up {
    padding-right: 10px;
}

.card4 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    background-color: #fff;
    color: white;
    padding: 10px;
    margin-top: 10px;
}

i.fa.fa-envelope {
    padding-right: 10px;
}

i.fa.fa-credit-card {
    padding-right: 10px;
}

.panel.panel-default {
    border-radius: 0px;
}

.panel-body {
    color: black;
}

.header.caption2 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-top: 5px;
    margin-bottom: 5px;
    border-left: 5px solid #0160a8;
    height: 140px;
}

.header.caption3 {
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    margin-top: 5px;
    margin-bottom: 5px;
    border-left: 5px solid #0160a9;
    height: 140px;
}

.header.caption2:hover {
    font-weight: bold;
    transition: 0.3s;
    transform: scale3d(1.03,1.03,1.03);
}

.header.caption3:hover {
    font-weight: bold;
    transition: 0.3s;
    transform: scale3d(1.03,1.03,1.03);
}


h3.title1:before {
    content: "\f06a";
    padding-right: 10px;
    font-family: fontawesome;
}

h3.title3:before {
    content: "\f1ad";
    font-family: fontawesome;
    padding-right: 10px;
}

h3.title2:before {
    content: "\f1f8";
    font-family: fontawesome;
    padding-right: 10px;
}

h4.card-title {
    font-size: 28px;
    color: #008c00;
    text-align: center;
    padding-bottom: 0px;
}

.card-header {
    font-size: 18px;
    margin-top: 10px;
    color: #333 !important;
}

p.card-text {
    color: #333 !important;
    text-align: center;
}

.page-host ol>li>span:nth-of-type(2):before {
    /* content: "\f059"; */
    font-family: fontawesome;
    padding-right: 20px;
}

span.list-group-item-value {
    color: #384d71;
    font-size: 25px;
    float: left !important;
}


/* ----------------------------------------------------------------------------------------------------
3.0 Navbar
---------------------------------------------------------------------------------------------------- */


.navbar.navbar-default .container-fluid {
    background-color: #004a83 !important;
    background-size: 80px;
    border-bottom: none;
    background-position-x: 10%;
    background-position-y: 75%;
    background-repeat: no-repeat;
}

.navbar.navbar-default .container-fluid .primary-header h2:before {
    /* content: "Your Account"; */
    font-size: 42px;
    font-weight: 800;
    color:white;
}

.navbar.navbar-default .container-fluid .primary-header h2 {
    color: #ffffff;
    position: absolute;
    right: 30px;
    top: 40px !important;
    font-weight: 800;
}

.primary-header {
    margin-top: 35px;
}

.navbar.navbar-default.menu button {
    color: #000;
    border-style: none;
    margin-top: 0px;
    font-size: 20px !important;
}

.navbar.navbar-default.menu button span:after {
	content: "\f0c9"; margin: 0px 5px 0px 10px;
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
}

.navbar.navbar-default.menu .container-fluid {
	background-size: cover;
	background-image: none;
	background-repeat: repeat-x;
}

.nav-pills > li {	font-size: 18px; }


.navbar.navbar-default.menu .navbar-nav > .open > a, .navbar.navbar-default.menu .navbar-nav > .open > a:hover, .navbar.navbar-default.menu .navbar-nav > .open > a:focus {
	color: #ffffff !important;
	background-color: #333;
	border-bottom: 4px solid #cae0ff;
}

.nav-pills > li + li { margin-left: 0px; }

.active { background: transparent; font-weight: bold; }

.nav > li > a {
    font-size: 18px;
}


.navbar-nav > li > a {
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 20px;
}

.navbar.navbar-default.menu .navbar-nav > li > .dropdown-menu {width: auto;margin-right: 10px;}
.navbar.navbar-default.menu .navbar-nav > li > .dropdown-menu li {padding: 10px 0px;}

.navbar.navbar-default.menu .navbar-nav > li > a:hover, .navbar.navbar-default.menu .navbar-nav > li > a:focus {
    color: #fff !important;
    border-bottom: 4px solid #415467;
    transition: 0.3s;
    border-radius: 0px;
    background-image: none;
    background-color: #42546600;
    border: none;
    transition: all 600ms cubic-bezier(0.73, 0.29, 1, 1);
    box-shadow: inset 255px 0px 4px 5px #004885;
    cursor: pointer;
}

.navbar.navbar-default.menu .navbar-nav > .active > a, .navbar.navbar-default.menu .navbar-nav > .active > a:hover, .navbar.navbar-default.menu .navbar-nav > .active > a:focus {
    border-top: none;
    margin-top: 0px;
}




#menu-navbar-collapse > ul:nth-child(2) > li.au-target.active > a {
    color: #fff !important;
    background-color: #004a83 !important;
    border-bottom: 2px solid #97c3ff;
    FONT-WEIGHT: 700;
    font-size: 20px;
}

.person-row .nav > li > a, .page-header .nav > li > a {
    border: 1px solid rgba(200, 200, 200, 0);
    color: #000000 !important;
    background-color: #cae0ff;
    border-radius: 2px;
    margin-right: 5px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}

#page-content-wrapper > nav > div {

	padding-right:0px !important;
}


a.dropdown-toggle {
    background-color: #fff;
    border-bottom: none;
    color: white !important;
}
.fa-remove:before, .fa-close:before, .fa-times:before {
    content: "\f00d";
    padding-right: 20px;
}

#menu-navbar-collapse > ul:nth-child(1) > li > a:before {/* content: "\f007"; */font-family: fontawesome;padding-right: 10px;}

#menu-navbar-collapse > ul:nth-child(1) > li > ul > li:nth-child(2) > a:before {
    content: "\f015";
    padding-right: 10px;
    font-family: fontawesome;
}

#menu-navbar-collapse > ul:nth-child(1) > li > ul > li:nth-child(3) > a:before {
  content: "\f08b";
    padding-right: 10px;
    font-family: fontawesome;    
}
    
p.HeyUser {
    color: #0854a1;
    font-style: italic;
    padding-left: 20px;
    padding-top: 10px;
}

#menu-navbar-collapse > ul:nth-child(1) > li > ul > li:nth-child(2) > a {}


@media (max-width: 992px)
{

.navbar.navbar-default.menu .navbar-nav > li > a, .navbar.navbar-default.menu .navbar-nav > li.active > a {
font-size: 15px     !important;
}



}

a.navbar-logo {position: absolute;left: 100px;top: 15px;}


h1.nav {
    color: white;
    position: absolute;
    right: 50px;
    top: 30px;
}


@media (max-width: 767px) {

a.navbar-logo {
    position: absolute;
    }

h1.nav { 
   display: none !Important;
}
  
}

.navbar.navbar-default.management-menu .navbar-nav > li > a {
    background-color: #004a83;
    border-color: black;
    font-size: 18px;
    border: 1px solid white;
    text-decoration: none;
}
.navbar.navbar-default.management-menu .navbar-nav > li > a:hover {
    background-color: #2b7ab7 !important;
    color:white;
}
.management-menu .container-fluid {
    padding-left:0 !important;
    
}

.navbar.navbar-default.management-menu .navbar-nav > li > .dropdown-menu {
    background-color: #2b7ab7;
    color: white;
}

.navbar.navbar-default.management-menu .navbar-nav > li > .quick-search {
    background-color: #004a83;
}

.navbar.navbar-default.management-menu .navbar-nav > li > .dropdown-menu > li > a {
    color: white !important;
    background-color: #2b7ab7;
}

.navbar.navbar-default.management-menu .navbar-nav > li > .dropdown-menu > .dropdown-header {
    color:white;
}

.navbar.navbar-default.management-menu .navbar-nav > li > a:focus {
    background-color: #2b7ab7 !important;
}

.navbar.navbar-default.management-menu .navbar-nav > .open > a {
    background-color: #2b7ab7;
}

@media (max-width: 767px) { .management-menu {
    background-color: #004a83 !important;
} }

.customer-name strong:first-child {
    padding-right: 3px;
}



/* ---------- Playing Around ----------- */




.card-magic {
    height: auto;
    background-color: #004a83;
    text-align: center;
    margin: 0px 0px 0px -15px;
    padding: 15px;
    border-radius: 0px;
    /* background: 
    radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%),  
    radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.2) 11%, rgba(255, 255, 255, 0.4) 13%, rgba(255, 255, 255, 0) 14%),  
    radial-gradient(rgba(255, 255, 255, 0) 0px, rgba(255, 255, 255, 0.1) 11%, rgba(255, 255, 255, 0.2) 13%, rgba(255, 255, 255, 0) 14%),  
    linear-gradient(0deg, #004a83e6 0%, #004a83 100%); */
    background-position: 0 0px, -130px -170px, 130px 370px, 0 0px, 0 0;
    background-size: 470px 470px, 970px 970px, 410px 410px, 610px 610px, 530px 530px, 730px 730px, 100% 100%;
}



/* ---------- Calendar Date Format ----------- */

time.icon
{
  font-size: 1em; /* change icon size */
  display: block;
  position: relative;
  width: 130px;
  height: 130px;
  background-color: #fff;
  margin: 1em auto;
  border-radius: 0.6em;
  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -webkit-transform: rotate(0deg) skewY(0deg);
  -webkit-transform-origin: 50% 10%;
  transform-origin: 50% 10%;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon strong
{
  position: absolute;
  top: 0;
  padding: 0.4em 0;
  color: #333;
  background-color: #cae0ff;
  border-bottom: 1px dashed #030f1f;
  box-shadow: 0 2px 0 #030f1f;
}

time.icon em
{
  position: absolute;
  bottom: 10px;
  color: #3b3a3c;
}

time.icon span
{
  width: 100%;
  font-size: 43px;
  letter-spacing: -0.05em;
  color: #333;
}

time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

span.time {
    padding-top: 50px !important;
}


time.icon:hover, time.icon:focus
{
  -webkit-animation: swing 0.6s ease-out;
  animation: swing 0.6s ease-out;
}

@-webkit-keyframes swing {
  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }
  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }
  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }
  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }
  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }
}

@keyframes swing {
  0%   { transform: rotate(0deg)  skewY(0deg); }
  20%  { transform: rotate(12deg) skewY(4deg); }
  60%  { transform: rotate(-9deg) skewY(-3deg); }
  80%  { transform: rotate(6deg)  skewY(-2deg); }
  100% { transform: rotate(0deg)  skewY(0deg); }
}



.pattern {
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 200px;
    transform: rotate(45deg);
    margin: 2em;
    float: left;
}


.cheryl {
    color: white;
    font-weight: bold;
    text-align: center;
    font-size: 19px;
    margin-top: 20px;
}

.sizer {
    background-color: #ffffff;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 40px !important;
    font-weight: 400;
    color: #004a83;
}

.housefor {
    color: white !important;
    background-color: #cae0ff;
    height: 80px;
    width: 80px;
    margin-left: auto;
    border-radius: 50%;
    margin-right: auto;
    border: 2px solid white;
}

i.fa.fa-home {
    margin-top: 10px;
    color: #004983;
}

.housefor:before {
    content: "";
}

li.au-target.even {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}


.pattern {
    border: 1px solid rgba(255, 255, 255, 0.1);
    width: 100%;
    height: 200px;
    transform: rotate(45deg);
    margin: 2em;
    float: left;
}




.housefor {
    color: white !important;
    background-color: #cae0ff;
    height: 80px;
    width: 80px;
    margin-left: auto;
    border-radius: 50%;
    margin-right: auto;
    border: 2px solid white;
}

i.fa.fa-home {
    margin-top: 10px;
    color: #004983;
}

.housefor:before {
    content: "";
}

li.au-target.even {
    border-top-left-radius: 3px !important;
    border-top-right-radius: 3px !important;
}


.progress-bar.bg-success.progress-bar-striped {
    height: 80px !important;
    font-size: 40px;
    padding-top: 30px;
    background-color: #009688;
    font-weight: bold;
}

.progress {
    height: 80px;
}

p.Due {
    color: white;
    font-size: 20px;
    margin-right: 15px !important;
    text-align: right;
}



@media (min-width: 768px) {


.cheryl, .cheryl-badge, p.Due {
    color: #004a83 !Important;
}

.card-magic {

    background-color: transparent;
}



}


.cherylbadge {
    background-color: #019688;
    width: max-content;
}

.cheryl-badge {
    margin: auto;
    padding: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    font-size: 30px !important;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    background-color: #cae0ff;
}






/* ---------- Magic Housing Stuff Start ----------- */








/* ---------- Pie Chart Stuff ----------- */

 

.chartcard, .newcard, .card {padding: 10px;}

 

.piechart-amounts {font-size: 19px;font-weight: bold;color: black;float: right;margin-top: -27px;}

.pie {

    margin-left: auto;

    margin-right: auto;

}

 

.circle-p, .circle-d, .circle-c, .circle-l, .circle-e, .circle-cc, .circle-cg, .circle-de  {

    height: 24px;

    width: 24px;

    border-radius: 24px;

    background-color: purple;

    float: left;

    margin-right: 10px;

    background: linear-gradient(#0072c6 0, #4caf50 100%);

}

 

.circle-p {

        background: linear-gradient(#2e3d92 0, #673AB7 100%);

}

 

.circle-d {

 background: linear-gradient(#b71360 0, #9C27B0 100%);

}

 

.circle-c {background: linear-gradient(#014982 0, #cae0ff 100%);}

 

.circle-l {

     background: linear-gradient(#fbc015 0, #FF9800 100%);

}

 

.circle-cc {

     background: linear-gradient(#2eb2f6 0, #bde8fd 100%);

}

 

.circle-cg {

     background: linear-gradient(#3F51B5 0, #8BC34A 100%);

}

 

.circle-de {

     background: linear-gradient(#FF9800 0, #FF5722 100%);

}

 

/* ---------- Calendar Date Format ----------- */

 

time.icon

{

  font-size: 1em; /* change icon size */

  display: block;

  position: relative;

  width: 7em;

  height: 8em;

  background-color: #fff;

  margin: 2em auto;

  border-radius: 0.6em;

  box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;

  overflow: hidden;

  -webkit-backface-visibility: hidden;

  -webkit-transform: rotate(0deg) skewY(0deg);

  -webkit-transform-origin: 50% 10%;

  transform-origin: 50% 10%;

}

 

time.icon *

{

  display: block;

  width: 100%;

  font-size: 1em;

  font-weight: bold;

  font-style: normal;

  text-align: center;

}

 

time.icon strong

{

  position: absolute;

  top: 0;

  padding: 0.4em 0;

  color: #fff;

  background-color: #114b96;

  border-bottom: 1px dashed #030f1f;

  box-shadow: 0 2px 0 #030f1f;

}

 

time.icon em

{

  position: absolute;

  bottom: 0.3em;

  color: #3b3a3c;

}

 

time.icon span

{width: 100%;font-size: 43px;letter-spacing: -0.05em;color: #333;}

 

time.icon:hover, time.icon:focus

{

  -webkit-animation: swing 0.6s ease-out;

  animation: swing 0.6s ease-out;

}

 

span.time {/* padding-top: 70px !important; */}

 

 

time.icon:hover, time.icon:focus

{

  -webkit-animation: swing 0.6s ease-out;

  animation: swing 0.6s ease-out;

}

 

@-webkit-keyframes swing {

  0%   { -webkit-transform: rotate(0deg)  skewY(0deg); }

  20%  { -webkit-transform: rotate(12deg) skewY(4deg); }

  60%  { -webkit-transform: rotate(-9deg) skewY(-3deg); }

  80%  { -webkit-transform: rotate(6deg)  skewY(-2deg); }

  100% { -webkit-transform: rotate(0deg)  skewY(0deg); }

}

 

@keyframes swing {

  0%   { transform: rotate(0deg)  skewY(0deg); }

  20%  { transform: rotate(12deg) skewY(4deg); }

  60%  { transform: rotate(-9deg) skewY(-3deg); }

  80%  { transform: rotate(6deg)  skewY(-2deg); }

  100% { transform: rotate(0deg)  skewY(0deg); }

}

 

 

/* ---------- Bin Stuff ----------- */

 

 

i.fa.fa-trash {

    font-size: 30px;

    float: left;

    margin-left: 20px;

    margin-right: 20px;

    margin-top: 15px;

}

 

.binblue {

    color: #2196F3;

}

 

.bingreen {

 

color: green;

}

 

 

 

/* ---------- Cards ----------- */

 

.bannerbody {

    background: purple;

    border-radius: 3px;

    color: white !important;

}

 

h1.hero, p.hero1 {

    font-size: 24px !important;

    text-align: center;

    color: #030f20 !important;

    font-weight: 400 !important;

}

 

.Balance {

font-size: 28px !important;

font-weight: bold;

}

 

 

.bannerbody {background: #014a82;border-radius: 3px;color: white !important;padding: 10px;text-align: center;}

 

p.banner {color: white !important;padding-top: 0px;}

 

i.fa.fa-user {

    color: #777;

    float: left;

    margin-right: 10px;

    font-size: 22px;

    }

 

span.context-item-label {

    background-color: #030f1f !important;

    padding: 10px !important;

}

 
p.bin {
    padding-top: 5px !important;
}
 

.mr-2 {
    font-size: 30px !important;
    color: white !important;
    line-height: 1.2;
    padding-left: 190px;
}

.navbar-brand.p-0.my-auto.d-flex.flex-column.flex-lg-column.pt-0 {
    margin-top: -20px;
}


/* ---------- Add box shadow to interactive elements ----------- */

 

.au-target.thumbnail.silo-list.silo-default,

.page-header .nav > li > a,

.thumbnail.partial-form-summary.au-target,

.thumbnail.process-summary,

.thumbnail.form-type-summary.au-target,

.btn,

.chartcard,

.newcard,

.card,

.card1, .card2, .card3, .card4,

a.au-target.nav-pill-btn.call-end,

.person-row .nav > li > a

 {box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);border: none !important;text-decoration: none;font-size: 17px;}

button.btn.btn-primary.au-target {
    width: 99% !important;
}

table.table.table-bordered {
    margin: 15px;
    width: 95% !important;
}

th {
    background-color: #cae0ff !important;
}

td {}

tr:nth-child(even) {
    background-color: #dcdcdcb5;
}

/* ----------------------------------------------------------------------------------------------------

Repairs Stuff

---------------------------------------------------------------------------------------------------- */ 

 

.RepairBanner {background-color: rgba(202, 224, 255, 0.18);padding: 20px;margin: 20px;border-left: 5px solid #014a82;}

 

.RepairBanner.Green {background-color: rgba(0, 110, 59, 0.11);border-left: 5px solid #006e3b;}

 

.wrap-table100 {

  width: 960px;

  border-radius: 10px;

  overflow: hidden;

}

 

.table {

  width: 100%;

  display: table;

  margin: 0;

}

 

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

  .table {/* display: block; */}

}

 

.RepairBanner > p {color: #014a82;}

 

.RepairBanner.Green > p {

    color: green !important;

}

 

.RepairBanner > p, .RepairBanner.Green > p {

    font-size: 20px;

    font-weight: bold;

}

 

.rownew {

  display: table-row;

  background: #fff;

}

 

.rownew.header {color: #ffffff;background: #014a82;}

 

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

  .rownew {

    display: block;

  }

 

  .rownew.header {

    padding: 0;

    height: 0px;

  }

 

  .rownew.header .cell {

    display: none;

  }

 

  .rownew .cell:before {

    font-size: 12px;

    color: #001e27;

    line-height: 1.2;

    text-transform: uppercase;

    font-weight: bold !important;

    margin-bottom: 13px;

    content: attr(data-title);

    min-width: 98px;

    display: block;

  }

}

 

.cell {

  display: table-cell;

}

 

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

  .cell {

    display: block;

  }

 

 

 

 

#main-container > div > router-view > div > div > router-view > div > div:nth-child(3) > div > div > div > div.btn-group.au-target > button,

#main-container > div > router-view > div > div > router-view > div > div:nth-child(3) > div > div > div > div:nth-child(2) > button,

#main-container > div > router-view > div > div > router-view > div > div:nth-child(3) > div > div > div > div:nth-child(3) > button

{

font-size: 13px !important;

text-align: left;

padding-left: 5px !important;

}

 

 

 

 

  #main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(3) > div > div.header.caption > div > div.col-xs-9 > h3 {

    margin-top: -5px;

}

 

#main-container > div > router-view > div > div > router-view > div:nth-child(4) > div:nth-child(4) > div > div.header.caption > div > div.col-xs-9 > h3 {

    margin-top: -5px;

}

}

 

.rownew .cell {font-size: 17px;color: #001e27;line-height: 1.2;font-weight: unset !important;padding: 20px;border-bottom: 1px solid #f2f2f2;}

 

.rownew.header .cell {

  font-size: 18px;

  color: #fff;

  line-height: 1.2;

  font-weight: unset !important;

 

  padding-top: 19px;

  padding-bottom: 19px;

}

 

.rownew .cell:nth-child(1) {padding-left: 40px;}

 

.rownew .cell:nth-child(2) {}

 

.rownew .cell:nth-child(3) {}

 

.rownew .cell:nth-child(4) {}

 

 

.table, .rownew {width: 100% !important;}

 

.rownew:hover {

  background-color: #dcf0dc;

  cursor: pointer;

}

 

@media (max-width: 768px) {

  .rownew {

    border-bottom: 1px solid #f2f2f2;

    padding-bottom: 18px;

    padding-top: 10px;

    padding-right: 15px;

    margin: 0;

  }

 span.time {
	padding-top: 30px !Important;
}

 

.list-group-item.service-summary {

 

height: 500px !important;

}

 

 

 

 

 

  

  .rownew .cell {

    border: none;

    padding-left: 30px;

    padding-top: 10px;

    padding-bottom: 10px;

    border-bottom: 1px solid #f2f2f2;

  }

  .rownew .cell:nth-child(1) {

    padding-left: 30px;

  }

  

  .rownew .cell {

 

    font-size: 18px;

    color: #555555;

    line-height: 1.2;

    font-weight: unset !important;

  }

 

  .table, .rownew, .cell {margin-left: auto;margin-right: auto;font-size: 12px !important;}

}

 

.table {

    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);

}

 iframe.homelink {
    width: 95%;
    height: 800px;
    border: none;
    margin-left: 3%;
}

div.RepairBanner.Green > div > div.rownew.header {background: #006e3b;}

 
 a.btn.btn-xs.btn-primary.print {
    width: 95% !important;
    margin-top: 0;
}

.actions {
    background: #e6e6e6;
    margin: 15px;
    padding: 10px;
    height: auto;
}


#main-container > div > router-view > div > div > router-view > compose > div.au-target.silo-detail-alt.row.silo-default > nav > ol > li:nth-child(3) > markdown-with-html > div > div > div:nth-child(3) > a {
    margin-top: -2px;
}


/* ----------------------------------------------------------------------------------------------------

Fancy Invoice Component

---------------------------------------------------------------------------------------------------- */ 

 

 

div.page.breakdown > div > table {

    display: block;

    height: 460px !important;

    overflow: scroll;

    text-align: left;

    font-size: 15px !important;

    margin: auto;

    max-height: 300px;

}

 

 

div.page.breakdown > div > table > tbody > tr > td {

    font-size: 14px !important;

}

 

 

.container.hero {min-height: 250px;max-height: 410px;min-width: 100%;max-width: 250px;margin: 10px 10px 20px 0px;background: #FFF;border-radius: 2px;box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);display: flex;flex-direction: column;overflow: hidden;-webkit-animation: hi 0.5s;animation: hi 0.5s;-webkit-transform: translateZ(0px);}

.container * {

  box-sizing: border-box;

}

 

 

 

 

 

 

 

.pages {

  flex: 1;

  white-space: normal;

  position: relative;

  transition: all 0.4s;

  display: flex;

  max-height: 350px;

}

.pages .page {

  min-width: 100%;

  /* padding: 20px 15px; */

  padding-top: 0px;

}

.pages .page:nth-of-type(1) .input {

  -webkit-transform: translateX(-100%) scale(0.5);

          transform: translateX(-100%) scale(0.5);

}

.pages .page:nth-of-type(2) .input {

  -webkit-transform: translateX(100%) scale(0.5);

          transform: translateX(100%) scale(0.5);

}

.pages .page .input {

  transition: all 1s;

  opacity: 0;

  transition-delay: 0s;

}

.pages .page.signup {

  background: linear-gradient(to left, #a5c0e800, #ffffff);

}

.pages .page .title {

  margin-bottom: 10px;

  font-size: 19px;

  position: relative;

  line-height: 18px;

  font-weight: bold;

}

 

 

.pages .page .title.value {

    font-weight: normal;

}

.pages .page .title.hero {font-weight: 800;font-size: 42px;margin-top: 30px;padding-bottom: 15px;}

 

 

div > div > div.pages > div:nth-child(2) {

    height: 300px !important;

}

 

.pages .page .title i {

  vertical-align: text-bottom;

  font-size: 19px;

 

}

.pages .page .input {

  margin-top: 20px;

}

.pages .page input.text {

  background: #F6F7F9;

  border: none;

  border-radius: 4px;

  width: 100%;

  height: 40px;

  line-height: 40px;

  padding: 0px 10px;

  color: rgba(0, 0, 0, 0.5);

  outline: none;

}

.pages .page input[type=submit] {color: #F6F7F9;height: 40px;line-height: 40px;width: 100%;border: none;border-radius: 4px;font-weight: 600;border-color: transparent;border-radius: 3px;color: white;border-bottom: none;font-weight: 700;line-height: 1.5;font-size: 18px;box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);background-color: #006e3b !important;}

 

.tabs {

  max-height: 50px;

  height: 50px;

  display: flex;

  background: #FFF;

  border-top: 1px solid #efefef;

}

.tabs .tab {

  flex: 1;

  color: #051d2587;

  text-align: center;

  line-height: 50px;

  transition: all 0.2s;

}

.tabs .tab .text {

  font-size: 14px;

  -webkit-transform: scale(0.9);

  transform: scale(0.9);

  transition: all 0.2s;

  text-transform: uppercase;

}

 

input[type=radio] {

  display: none;

}

 

input[type=radio]:nth-of-type(1):checked ~ .tabs .tab:nth-of-type(1) .text {-webkit-transform: scale(1);transform: scale(1);text-transform: uppercase;color: #014982;}

 

input[type=radio]:nth-of-type(1):checked ~ .pages {

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

}

input[type=radio]:nth-of-type(1):checked ~ .pages .page:nth-of-type(1) .input {

  opacity: 1;

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

  transition: all 0.5s;

}

input[type=radio]:nth-of-type(1):checked ~ .pages .page:nth-of-type(1) .input:nth-child(1) {

  transition-delay: 0.2s;

}

input[type=radio]:nth-of-type(1):checked ~ .pages .page:nth-of-type(1) .input:nth-child(2) {

  transition-delay: 0.4s;

}

input[type=radio]:nth-of-type(1):checked ~ .pages .page:nth-of-type(1) .input:nth-child(3) {

  transition-delay: 0.6s;

}

input[type=radio]:nth-of-type(1):checked ~ .pages .page:nth-of-type(1) .input:nth-child(4) {

  transition-delay: 0.8s;

}

input[type=radio]:nth-of-type(1):checked ~ .pages .page:nth-of-type(1) .input:nth-child(5) {

  transition-delay: 1s;

}

 

input[type=radio]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) {

  color: #3F4C7F;

}

input[type=radio]:nth-of-type(2):checked ~ .tabs .tab:nth-of-type(2) .text {

  -webkit-transform: scale(1.0);

  transform: scale(1.0);

  color: #009688;

}

input[type=radio]:nth-of-type(2):checked ~ .pages {

  -webkit-transform: translateX(-100%);

          transform: translateX(-100%);

}

input[type=radio]:nth-of-type(2):checked ~ .pages .page:nth-of-type(2) .input {

  opacity: 1;

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

  transition: all 0.5s;

}

input[type=radio]:nth-of-type(2):checked ~ .pages .page:nth-of-type(2) .input:nth-child(1) {

  transition-delay: 0.2s;

}

input[type=radio]:nth-of-type(2):checked ~ .pages .page:nth-of-type(2) .input:nth-child(2) {

  transition-delay: 0.4s;

}

input[type=radio]:nth-of-type(2):checked ~ .pages .page:nth-of-type(2) .input:nth-child(3) {

  transition-delay: 0.6s;

}

input[type=radio]:nth-of-type(2):checked ~ .pages .page:nth-of-type(2) .input:nth-child(4) {

  transition-delay: 0.8s;

}

input[type=radio]:nth-of-type(2):checked ~ .pages .page:nth-of-type(2) .input:nth-child(5) {

  transition-delay: 1s;

}

 

 

 

input[type=radio]:nth-of-type(3):checked ~ .pages {

  -webkit-transform: translateX(-200%);

          transform: translateX(-200%);

}

input[type=radio]:nth-of-type(3):checked ~ .pages .page:nth-of-type(3) .input {

  opacity: 1;

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

  transition: all 0.5s;

}

input[type=radio]:nth-of-type(3):checked ~ .pages .page:nth-of-type(3) .input:nth-child(1) {

  transition-delay: 0.2s;

}

input[type=radio]:nth-of-type(3):checked ~ .pages .page:nth-of-type(3) .input:nth-child(2) {

  transition-delay: 0.4s;

}

input[type=radio]:nth-of-type(3):checked ~ .pages .page:nth-of-type(3) .input:nth-child(3) {

  transition-delay: 0.6s;

}

input[type=radio]:nth-of-type(3):checked ~ .pages .page:nth-of-type(3) .input:nth-child(4) {

  transition-delay: 0.8s;

}

input[type=radio]:nth-of-type(3):checked ~ .pages .page:nth-of-type(3) .input:nth-child(5) {

  transition-delay: 1s;

}

 

input[type=radio]:nth-of-type(4):checked ~ .pages {

  -webkit-transform: translateX(-300%);

          transform: translateX(-300%);

}

input[type=radio]:nth-of-type(4):checked ~ .pages .page:nth-of-type(4) .input {

  opacity: 1;

  -webkit-transform: translateX(0%);

          transform: translateX(0%);

  transition: all 0.5s;

}

input[type=radio]:nth-of-type(4):checked ~ .pages .page:nth-of-type(4) .input:nth-child(1) {

  transition-delay: 0.2s;

}

input[type=radio]:nth-of-type(4):checked ~ .pages .page:nth-of-type(4) .input:nth-child(2) {

  transition-delay: 0.4s;

}

input[type=radio]:nth-of-type(4):checked ~ .pages .page:nth-of-type(4) .input:nth-child(3) {

  transition-delay: 0.6s;

}

input[type=radio]:nth-of-type(4):checked ~ .pages .page:nth-of-type(4) .input:nth-child(4) {

  transition-delay: 0.8s;

}

input[type=radio]:nth-of-type(4):checked ~ .pages .page:nth-of-type(4) .input:nth-child(5) {

  transition-delay: 1s;

}

 

 

 

 

 

@-webkit-keyframes hi {

  from {

    -webkit-transform: translateY(50%) scale(0, 0);

            transform: translateY(50%) scale(0, 0);

    opacity: 0;

  }

}

 

@keyframes hi {

  from {

    -webkit-transform: translateY(50%) scale(0, 0);

            transform: translateY(50%) scale(0, 0);

    opacity: 0;

  }

}

 

i.fa.fa-newspaper {

    color: purple !important;

    z-index: 99999;

}

 

 

 

 

.title.hero:before {content: "\f007";font-family: fontawesome;color: #607D8B;position: absolute;right: 0px;}

 

input[type=radio]:nth-of-type(1) ~ .tabs .tab:nth-of-type(1) .text {

    text-transform: uppercase;

}

 

input[type=radio]:nth-of-type(2)~ .tabs .tab:nth-of-type(2) .text {

    margin-left: 15px;

}

 

 

div.tabs > label:nth-child(3) > div {

  margin-left: 15px;

}

 

th.little {

    width: 100%;

}

 

.title.plan {

    border-bottom: 1px solid #efefef;

    color: #9e9d9d;

    font-size: 14px !important;

    /* padding: 6px; */

    font-weight: normal !important;

    line-height: 14px !important;

}

 

.title.plan:last-child {

    border-bottom: none;

}

 

j {

    font-size: 14px;

    color: #4CAF50;

    /* padding: 10px; */

    padding-right: 20px;

}

 

div > div > div.tabs > label:nth-child(4) > div {margin-left: 10px;margin-top: -3px;}

 

 

input[type=radio]:nth-of-type(3):checked ~ .tabs .tab:nth-of-type(3) .text, input[type=radio]:nth-of-type(4):checked ~ .tabs .tab:nth-of-type(4) .text {

    -webkit-transform: scale(1.0);

    transform: scale(1.0);

    color: #009688;

}

.title.lead {
    color: #014a82 !important;
    font-weight: bold !important;
}

button.btn.btn-primary.banner.cambs {
    background: #FFC107 !important;
    color: black !important;
    width: 95% !important;
}

button.btn.btn-primary.banner.cambs:after {content: "\f071";}

h4.modal-title {
    font-size: 40px;
}

.modal-header {
    background: purple;
}


button.close {
    margin-top: -75px !important;
    margin-right: -20px;
}

.modal-body > p {
    font-size: 17px !important;
}

button.btn.btn-primary.banner.repairs {
    background-color: #c9dfff !important;
    color: #024a81 !important;
}

button.btn.btn-primary.banner.repairs:after {
    content: "\f067";
}


@media (min-width: 992px){

	.actions {
		height: 167px !Important;
	}
}

nav.navbar.navbar-default.management-menu {height: 53px;}

div#top-banner {
}

.customer-address {
    color: white;
    text-decoration: none !important;
}

.customer-name {
    color: white !important;
    text-decoration: none !important;
}

.customer-viewed-at {
    color: white !important;
}

.dropdown-menu > li {
    list-style: none !important;
}

.alert.alert-success {
    background: white !important;
}

/* ---------- Magic Housing Stuff End ----------- */


hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

p.bin {
    padding-top: 0px !important;
    font-weight: normal;
}

.title {
    color: #333;
    font-weight: bold;
    font-size: 19px;
}

.title.value, .title.note {
    font-weight: normal;
    font-size: 17px;
}

.container.hero, .chartcard {
    margin-top: 30px;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li > a:hover  {
    color: #004a82 !important;
    border: none;
    border-bottom: #004a82 2px solid;
    transition:  0.4s ease-in ;
}

.nav-tabs > li > a {
    color: #a0a0a0 !important;
    border: none;
}


.nav-tabs > li.active > a:focus {
    border: none;
}

.silo-accordian-header{
      display: block;
                padding: 15px 20px;
                margin-left: -20px;
                border-bottom: 2px solid #004a83;
                background-image: linear-gradient(to left, #cae0ff 0%, #004a83 50%) !important;
                border-radius: 3px;
                color: white;
                width: 100%;
                text-align:left;
          font-size:20px;
}

h4.sub-header {
    color: #fff;
}

h2.sub-header {
    display: block !important;
}

.thumbnail .header.caption .row.col-xs-9 h2 {
    display: block !important;
}

.page-header .row p {
    display: none;
}

.header.caption .row .col-xs-12 {
    display: none;
}