upe {
	
}
body {
	background-color: #FFF;
	font-family:"proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
	color: #000;
}

h3 
{
	color: #091b34;
}
a,
a:visited {
    color: #091b34;
}
#ownerLoginForm a,
a:visited {
    color: #091b34;
}

.thead-inverse th {
	background-color: #244ca7;
}
.card-header {
	background-color: #244ca7 !important;
	color: #FFF !important;
}
.navbar {
	position: relative;
	padding: 0px;
}

.navbar .navBrand {
	display: block;
    position: absolute;
    top: 13px;
    right: 10%;
}

.navbar > .container {
	background-color: #FFF;
	
	border-top: 25px solid #244ca7;
	border-bottom: 2px solid #244ca7;
	
	z-index: 10;
	padding: 0;
	margin-top: 0px;
	max-width: 100%;
	height: 100px;
}

#navbarNav {
	max-width: 100%;
	margin: 0px 10%;
}

#navbarNav .nav-item a {
    padding: 11px;
    font-size: 16px;
    font-weight: 400px;
    color: #293e6b;
}

#navbarNav .navbar-nav li:before {
	display: none;
}

#navbarNav .navbar-nav li.active:before,
#navbarNav .navbar-nav li:hover:before 
{
	
}

#navbarNav .navbar-nav li.active,
#navbarNav .navbar-nav li:hover 
{
	/*
	background-color: #b3b3b3;
    background-image: linear-gradient(to top, #b3b3b3, #b3b3b3);
    */
    color: #293e6b;
}

#navbarNav .navbar-nav li.active a,
#navbarNav .navbar-nav li:hover a
{
    color: #293e6b;
}

.navbar img {
	height: 125px;
}

.navbar .navbar-brand {
	display: block;
    left: 25px !important;
    top: 40px;
    position: absolute;
}


.navbar-toggler {
	margin: 4px 25px 4px 4px;
	background-color: #244ca7;
}

.btn-link {
	color: #244ca7;
}

.btn-primary {
    background-color: #244ca7;
    border-color: #244ca7;
}

a.btn.btn-primary {
	color: #FFF !important;	
}

/*
.btn-outline-secondary
{
	color: #FFF !important;	
}
*/

.btn-secondary:visited {
	color: #FFF !important;
}

.alert-warning {
    color: #856404;
    background-color: #fff300;
    border-color: #ffee00;
}

.btn-primary:hover {
    background-color: #091b34;
    border-color: #091b34;
}

ul.navbar-nav {
	margin-left: 0px;
}

#navbarNav .nav-item a {
    padding: 11px;
    font-size: 16px;
    font-weight: 400px;
    color: #036;
}

#navbarNav .navbar-nav li:before {
	display: none;
}

#navbarNav .navbar-nav li.active a,
#navbarNav .navbar-nav li:hover a
{
    color: #036 !important;
}

#navbarNav .navbar-nav li a {
	font-size: 16px;
	color: #036 !important;
}

.navbar-toggler {
	margin: 4px 25px 4px 4px;
	background-color: #091b34;
}

body {
	background: transparent url(/cws/static/custom/images/stock+image+22.jpg) no-repeat top center;
	background-position: center 100px;
    /*background-size: cover;
    min-height: 1200px;*/
}

section#main {
	border-radius: 5px;
	padding: 25px 20px;
	max-width: 1230px;
	margin: 40px auto 10px auto;
	box-shadow: 3px 3px 6px #CCC;
}

/* registration */
.cart-permits #cart-form .card-body .col-md-4:nth-child(2) {
	flex: 1 !important;
	max-width: 100% !important;
}

.hr {
	height: 1px;
	background-color: #091b34;
	position: relative;
	margin-top: 35px;
}

.hr div  {
	background-color: #FFF;
    margin: 0px auto;
    width: 40px;
    position: relative;
    text-align: center;
    top: -11px;
}

.page-link {
	color: #091b34;
}

.page-item.active .page-link {
    background-color: #091b34;
    border-color: #091b34;
}

.faq dt {
	background-color: #091b34;
	color: #FFF;
	font-size: 1.25rem;
	padding-left: 5px;
}

.faq dd {
	padding: 5px;
}
footer,
footer a, 
footer a:hover , 
footer a:visited 
{
    color: #FFF;
}

footer {
	background-color: #244ca7;
}


/* responsive */
@media only screen and (max-width: 1050px) 
{
	.navbar .navbar-brand {
		left: 5px;
	}
	.footer-wrapper {
		min-height: 90px;
	}	
}

@media only screen and (max-width: 767px) 
{
	.navbar > .container {
	   
	    background-image: none;
	}
	
	.navbar .navbar-brand {
	    left: 0px !important;
	    top: 12px;
	    text-align: center;
	}
    	
	.navbar img {
		margin-left: 0px;
	    height: 160px;
	}
	
	
	.navbar > .container {
		
		background-image: none;
	}
	
	ul.navbar-nav {
		margin-left: 0px;
	}

	.form-menu {
	    width: 100%;
	    position: absolute;
	}

	#navbarNav .navbar-nav li a {
		font-size: 16px;
	}
	
	section#main {
		padding: 20px 10px;
		margin: 0px;
		max-width: 100%;
	}
	
	#navbarNav {
		position: absolute;
		display: flex !important;
		left: 0 !important;
		margin: 0px 12px;
	}
}

@media only screen and (max-width: 445px) 
{
	.navbar-brand 
	{
		background-size: 94% auto;
	}	
}


.nav-text {
	line-height: 1.7rem;
	margin-left: 12px;
	color: #545b62;
}

.nav-text span {
	color: #244ca7;
	font-weight: bold;
}

.nav-content{
	align-items: center;
	justify-content: center;
}

#podium-bubble {		
    right: -20px !important; 
    bottom: -20px !important;
    max-width: 170px !important;
    max-height: 85px !important;
}

/* pages */
.home-page {
	padding: 0px !important;
}

.home-page .row.justify-content-center {
	/*background: transparent url(/cws/static/custom/images/apt-bldg.jpg) center 10px no-repeat;*/
	padding: 20px 0px 0px 0px;
	margin: 0px;
}

.home-dpp {
	text-align: center;
	font-size: 3rem;
	color: #244ca7;
	border-bottom: 15px solid #244ca7;
	padding: 25px 0px;
	font-weight: bold;
	margin-bottom: 15px;
}

.upa-color {
	color:  #244ca7;
}

@media only screen and (max-width: 760px) 
{
	.modal-footer {    
    	justify-content: flex-start !important;
	}
}	
@media only screen and (max-width: 541px) 
{
	
	.footer-wrapper {
		min-height: 125px;
	}	
	
	.navbar > .container {
		margin-top: 160px !important;	
	}
		
	.nav-logo, .nav-text  {
		margin-left: 0px !important;
	}	
	
	.navbar-brand {
		padding: 0px !important;
	    left: 0px !important;
	    margin: 0px !important;
	    width: 100%;
	}	
	
	.nav-content{
		flex-flow: column;	
	}
}

.boldText{
	font-family: 'Roboto', sans-serif; 
	font-weight: 600;
}

.underlineText {
  text-decoration: underline;
}

.custom-border {
	border-color: #DEDEDE !important;
	border-bottom: 0.19rem    solid #DEDEDE !important;
	border-top: 0.1rem  solid #DEDEDE !important;
}

.bg-licence {
	background-color: #ff3132;
}

.fa-play-circle, .fa-question-circle {
	color:#2563c3;	
}

#ownerLoginForm .btn.btn-secondary.text-white {
	background-color: #a6a6a6;
	border-color: #a6a6a6;
}


#login-right ul li:first-child {
	border-top: 0px !important;
}

#ownerLoginForm, #ownerLoginForm > .card  {
	height: 100% !important;
}

.faq h4 {
  padding: .8em .8em;
  background: #F4F4F4;
  color: black;
  margin: 1px;
  font-size: 1.25rem;
  border-radius: 5px;
  
  -webkit-box-shadow: 2px 3px 17px -6px rgba(0,0,0,0.75);
  -moz-box-shadow: 2px 3px 17px -6px rgba(0,0,0,0.75);
  box-shadow: 2px 3px 17px -6px rgba(0,0,0,0.75);
}

.faq h4:hover, .open {
  background: #A1C7F0 !important;
}

.faq p {
    margin-top: 10px;
    margin-left: 10px;
    margin-right: 10px;
}

.cart-permit-selection-content {
	visibility: hidden;
	height: 0px !important;
}

#inperson-box, #office-hours-box {
	display: none !important;
}