/* 
====================================================
        SIGN IN/UP PAGE STYLE 
====================================================
*/

.navbar-header {
  width: 100%;
}

.navbar-default {
  background-color: #009CD5;
  border-color: #00b3ee;
  border-bottom: 3px solid #016B8E;
}
.navbar-default .navbar-brand {
  color: #ffffff;
  float: right;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #f2f2f2;
}
.navbar-default .navbar-text {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #f2f2f2;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #009CD5;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #f2f2f2;
  background-color: #00b3ee;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #009CD5;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #f2f2f2;
  background-color: #00b3ee;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #f2f2f2;
  background-color: #00b3ee;
}
.navbar-default .navbar-toggle {
  border-color: #00b3ee;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #00b3ee;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ffffff;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ffffff;
}
.navbar-default .navbar-link {
  color: #ffffff;
}
.navbar-default .navbar-link:hover {
  color: #f2f2f2;
}

@media (max-width: 767px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #f2f2f2;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #f2f2f2;
    background-color: #00b3ee;
  }
}

.grad {
  background-color: #009CD5; /* fallback color if gradients are not supported */
  background-image: -webkit-linear-gradient(left, #fff, #009CD5); /* For Chrome 25 and Safari 6, iOS 6.1, Android 4.3 */
  background-image:    -moz-linear-gradient(left, #fff, #009CD5); /* For Firefox (3.6 to 15) */
  background-image:      -o-linear-gradient(left, #fff, #009CD5); /* For old Opera (11.1 to 12.0) */
  background-image:         linear-gradient(to right, #fff, #009CD5); /* Standard syntax; must be last */
}

.marketing-text {
  margin-bottom:20px;
  font-family:Century Gothic;
  font-weight:bold;
  font-size:28px;
  padding:40px 0;
}

.box {
  box-shadow: 2px 2px 10px #ddd;
  /*border: solid 3px #ddd;*/
  margin-bottom: 20px;
}

.box .header {
  border-bottom: solid 3px #aaa;
  padding: 15px 10px;
  text-align: center;
  font-size: 18px;
}
.box .body,
.box .footer {
  padding: 10px 20px;
}
.box .body > .form-group,
.box .footer > .form-group {
  margin-top: 20px;
}
.box .body > .form-group > input,
.box .footer > .form-group > input {
  border: #fff;
}

.box .footer {  
  border-top: solid 3px #aaa;
}

.alert {
  padding: 5px 15px;
}

.bg-black {
background-color: #353535 !important;
color: #ddd;
}

.bg-lightblue {
background-color: #D5EFFF !important;
color: #333;
}

.bg-blue {
background-color: #009CD5 !important;
color: #eee;
}

.bg-gray {
background-color: #eaeaec !important;
color: #333;
}

.color-red {
color: #f90909 !important;
}

.merged {
    margin:10px;
}
.merged .input-group-addon {
    border-right: 1px solid #ddd;
    background-color: #FFFFFF;
}
.merged input {
    border-left: 0px;
    background-color: #FFFFFF;
}
.focusedInput {
    border-color: rgba(82,168,236,.8) ;
    outline: 0;
    outline: thin dotted \9;
}

#cvc-info,
#sitecode-info {
  background-color: #fff;
}

.navbar-header img {
  height: 50px;
}

.carousel-control.right,
.carousel-control.left {
  background-image: none;
}

.login-box {
  /*box-shadow: 1px 1px 10px #f5f5f5;*/
  border: 3px solid #f5f5f5;
  padding:28px 20px;
}

@media (min-width: 768px) {
  .login-box {
    /*margin-top:80px;*/
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  /* Margin bottom by footer height */
  margin-bottom: 100px;
}

#footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
  /* Set the fixed height of the footer here */
  height: 100px;
  border-top: solid 1px #f5f5f5;
  /*background-color: #f5f5f5;*/
  /*color: #fff;*/
  padding-top: 10px;
}

#footer img {
  height: 70px;
  padding-bottom: 10px;
}


.copyright {
  font-size: .8em;
}

.copyright a {
  color: #555;
}

.modal.fade.in .modal-body {
  bottom: 0; 
  opacity: 0.97;
}

.modal-body {
  position: absolute;
  bottom: -500px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
  transition: opacity 0.3s ease-out, bottom 0.3s ease-out;
}

.modal-body .notice {  
  padding: 0 10%;
}

.form-group-prompt {
  font-size: 12px;
  font-weight:bold;
}