body{text-align:center;MARGIN:0px auto;height:100%;font-family: 'Archivo', Verdana, Geneva, sans-serif;}

p,td{font-family: 'Archivo', Verdana, Geneva, sans-serif;}

h1,h2,h3,h4,h5 {font-family: 'Inter', 'Archivo', Verdana, Geneva, sans-serif;}

html, body {
    height: 100%;
}
.datepicker{z-index:1151 !important;}

@media (max-width: 767px){
.navbar-default .navbar-nav .open .dropdown-menu>li>a {color:#FFFFFF;}
.navbar-default .navbar-toggle .icon-bar {background-color:#FFFFFF;}
}

.navbar-brand:hover{
    color: #FFFFFF;
    text-decoration: none;
}

/* highlight results */
.ui-autocomplete span.hl_results {
    background-color: #ffff66;
}

 .ui-menu .ui-menu-item {
	 text-align:left;
 }

/* loading - the AJAX indicator */
.ui-autocomplete-loading {
    background: white url('../img/ui-anim_basic_16x16.gif') right center no-repeat;
}

/* scroll results */
.ui-autocomplete {
    max-height: 250px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
    /* add padding for vertical scrollbar */
    padding-right: 5px;
	background-color: #ffffff;
}

.ui-autocomplete li {
    font-size: 16px;
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
    height: 450px;
}
#registration {padding:8px;}

th {
	text-align:center;
}
#content {
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -105px;
position: relative;
width:100%;
}

#alllistings .table>tbody>tr>td {padding:2px 4px 2px 4px}

.required {
  border:#FF0000 1px solid;
}

.sectionheader h4 {
   width: 100%;
   text-align: center;
   border-bottom: 1px solid #000;
   line-height: 0.1em;
   margin: 24px 0 20px;
}

.sectionheader h4 span {
    background:#fff;
    padding:0 10px;
}

.navbar-default {font-family: 'Merriweather', 'Anton', Verdana, Geneva, sans-serif;background-color:#4B6C86;}
.navbar-default .navbar-brand {color:#FFFFFF;text-decoration:none;}
.navbar-default .navbar-brand a:hover {color:#FFFFFF;text-decoration:underline;}
.navbar-default .navbar-nav>li>a {color:#FFFFFF;}

.modal-body {min-height: 500px;}

.wrapper {
	min-height: 100%;
	height: auto !important; /* This line and the next line are not necessary unless you need IE6 support */
	height: 100%;
	margin: 0 auto -105px; /* the bottom margin is the negative value of the footer's height */
}

/* paddings */
.top-padding {padding-top:12px;}
.badgepad {padding-top:6px;}

/* classes */
.alllistings {height:100%;position:relative;}
.itemclass {width:100%;float:left;border-bottom:#4B6C86 1px solid;padding:8px 0px 8px 0px;}
.itemclass h2 {font-size:1.8em;color:#DC4629;margin:0px;padding:0px;}
.itemclass h3 {font-size:1.5em;margin:0px;padding:4px 0px 4px 2px;}
.itemclass h4 {font-size:1.4em;margin:0px;padding:2px 0px 2px 2px;}
.itemclass p {font-size:1.0em;margin:0px;padding:0px 0px 0px 2px;}

.page-wrap {
 /* height: 100%;*/
  /* equal to footer height */
margin-bottom:0px;
background:url('../img/cscia_piers_new_splash.jpg') no-repeat center center fixed;
background-repeat:no-repeat;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
background-position:center;
height:100%;
}

.tab-pane .table>tbody>tr>td {padding:4px;font-size:84%;}

.register_pagewrap {
	background:url('../img/cape-st-claire-piers-registration.jpg') no-repeat center center fixed;
	background-repeat:no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
	color:#FFFFFF;
	}

@media only screen and (min-width: 769px) {
	.register_pagewrap {
	height:100%;
	}
}

.page-wrap:after {
  content: "";
  display: block;
}

.static-footer, .page-wrap:after {
  height: 82px;
}

.static-footer {
  background-color: #1F1E20;
  color:#FFFFFF;
  padding:2% 0px 0px 0px;
}

.static-footer li { display: inline-block; }

@media only screen and (max-width : 980px) {
    .footer{
     margin-top: 125px;
    }
}

.footer{
	background-color: #1F1E20;
	position: relative;
	height: 100px;
	clear:both;
	width:100%;
	/* margin-top: 24px; */
  }

.footer, .push {
	height: 105px; /* .push must be the same height as .footer */
}

.frontsplash p {font-size:1.3em;background: rgba(0, 63, 169, .45);padding:8px;border:#002C76 1px solid;border-radius:5px;text-shadow:none;}
.tab-content{min-height:410px;margin:0px 0px 12px 0px;}
.toptabs {padding-left:12px;}
.image-upload .hidden { display: none;}
.thumb {cursor:pointer;border:#FFFFFF 1px solid;}
.thumb:hover {border:#DD4629 1px solid;}
.register {padding:5% 0px 0px 0px;}
.register h1 {text-shadow: 1px 1px 1px rgba(0,0,0,0.9);font-weight:bold;}
.register p {font-size:1.3em;background: rgb(0, 63, 169);background: rgba(0, 63, 169, .45);padding:8px;border:#002C76 1px solid;border-radius:5px;text-shadow:none;}
.register .signin, .signup {border: 1px solid #0447B8;background: white;box-shadow: none;border-radius: 4px;margin:0px 20px 0px 0px;padding:4px 0px 8px 4px;color:#000000;}
.register .signup {margin:60px 20px 0px 0px;}
.register h3 {margin:2px;padding:4px 0px 12px 0px;}
.mainsplash {padding:17% 0px 0px 0px;}
.mainsplash h1 {    text-shadow: rgb(116, 116, 255) 2px 2px;  color: #FFFFFF;  font-weight: bold;}
.listheader {border-top:#414141 1px solid;padding:18px 0px 18px 0px;margin:0px;border-bottom:#4B6C86 1px solid;background:url('../img/arches.png') repeat;}
.bottomlist {padding:24px 0px 0px 0px;margin:24px 0px 0px 0px;min-height:320px;}

/* Bootstrap overrides */
.navbar-toggle {color:#2c3e50;background-color:#9C9C9C;}
.navbar {margin:0px;}
.navbar-default .navbar-nav>.open>a:focus{background-color:#E74C3C;color:#ffffff}
.navbar-right .dropdown-menu {width:300px;}
.fplg {font-size:2.0em;padding:28px;}
.nav-tabs>li>a:hover{border-color:#3B4B50 #3B4B50 #3B4B50}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {border-bottom-color:transparent;}
@media screen and (max-width: 1100px) {
	.h2, .h3, h3, h2 {
		font-size:150%;
	}
}
.bs-show {
    position: relative;
    padding: 15px;
    margin: 0 -15px 15px;
    border-color: #e5e5e5 #eee #eee;
    border-style: solid;
    border-width: 1px 0;
    -webkit-box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
    box-shadow: inset 0 3px 6px rgba(0,0,0,.05);
	background: url(../img/arches.png) repeat;
}
@media (min-width: 768px){
	.bs-show {
		margin-left: 0;
		background-color: #fff;
		border-color: #ddd;
		border-width: 1px;
		border-radius: 4px 4px 0 0;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
}
.myemph {
	width: 30px;
	height: 30px;
	background: #4B6C86;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
	padding:8px 16px 8px 16px;
	margin:4px 0px 4px 0px;
	color: #FFFFFF;
}
@media (min-width: 576px)
{
.modal-dialog {
  max-width: 900px; 
  margin: 1.75rem auto;
}
.modal-body {
    min-height: 520px;
}

.modal-body {
    position: relative;
    padding: 15px;
}

#showmap {
	height: 150px;
    margin:0px;
    padding: 0px
 }

 .splitlabels {margin:4px 0px 4px 4px; float:left; }
 .bold {font-weight:bold;}

 td a {font-size:1.1em;}

 /* The switch - the box around the slider */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

/* Hide default HTML checkbox */
.switch input {display:none;}

/* The slider */
.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #4B6C86;
}

input:focus + .slider {
  box-shadow: 0 0 1px #4B6C86;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}
.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#868e96}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-item{margin-bottom:-1px}.nav-tabs .nav-link{border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#868e96;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}

/* Rounded sliders */
.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

.nav-tabs {
    margin-bottom: 0;
}

@media (min-width: 62em){
.piers-tabs li:first-child {
    margin-left: 56px;
}
}
@media (min-width: 62em){
.piers-tabs li {
    -webkit-box-flex: inherit;
    -webkit-flex: inherit;
    -ms-flex: inherit;
    flex: inherit;
}
}
@media (min-width: 62rem){
.piers-tabs {
    overflow-x: hidden;
}
}

.nav>li>a:focus,.nav>li>a:hover{text-decoration:none;background-color:#547996;}

.piers-tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    white-space: nowrap;
    overflow-x: auto;
    border-radius: .3rem .3rem 0 0;
}

.piers-tabs li.active {
    border-bottom: 4px solid;
    color: #fff;
}

.piers-tabs li a {
    display: block;
    padding: 20px 24px;
    font-size: 13px;
    text-transform: uppercase;
    color: rgba(255,255,255,.7);
    text-align: center;
    border-radius: 0;
}
.piers-tabs.tab-darkblue li.active {
    border-color: #C9302C;
}
.piers-tabs.tab-darkblue li.active a {
    color: #FFFFFF;
}

.tab-darkblue {background-color:#4B6C86;}

.settingspane {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    padding: 10px;
}


.tab-pane {padding-top:12px;}
.specbkg
  {
  padding: 6px 2px 6px 2px;
  color:#000000;
  background-color:#F0F6FB;
  font-size:20px;
  margin:2px 0px 1px 0px;
  border-bottom: #E0E5ED 1px solid;
  font-weight: bold;
  border-left: #3C96D4 6px solid;
  }
.specbkg.red
  {
  background-color:#FCF1F2;
  border-left: #E54160 6px solid;
  }
.specbkg.green
  {
  background-color:#F2FBF0;
  border-left: #7ADD3F 6px solid;
  }
.specbkg.orange
  {
  background-color:#FDF8F2;
  border-left: #F79E46 6px solid;
  }
.specbkg.yellow
  {
  background-color:#FBFCF1;
  border-left: #DEEF44 6px solid;
  }
.specbkg.purple
  {
  background-color:#FAEFFA;
  border-left: #7C3CD4 6px solid;
  }
  .specheader {
    padding: 6px 2px 6px 6px;
    color:#000000;
    background-color:#DEE6ED;
    margin:4px 0px 2px 0px;
    border-bottom: #BFCFDB 1px solid;
    font-weight: bold;
  }