html {
    -webkit-text-size-adjust: none;
}


body {
    margin-top: 20px;
}

.blue { color:#01a0b5;}

.error, label.error {
    color:#F00;
    font-style: normal;
    font-family: Helvetica, Arial, sans-serif !important;
}


.translucent {
    opacity: .4;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
  }



a.blue-link { color:#01a0b5; }
a.blue-link:hover { color:#0fc3db; }

.smaller { font-size: 13px;}


#form-attach { display: none; margin-left: -9999px; }

.credit-cards { color:#2a333d; }


.btn-primary {
  color: #ffffff;
  background-color: #01a0b5;
}
.btn-primary:hover,
.btn-primary.hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #0fc3db;
  border-color: #0fc3db;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background: #0fc3db;
  border-color: #0fc3db;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled.hover,
.btn-primary[disabled].hover,
fieldset[disabled] .btn-primary.hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #0fc3db;
  border-color: #01a0b5;
}


/*
.form-control
{
    height:44px;
    padding: 8px 15px;
    font-size: 16px;
    line-height: 1.42857143;
}
*/


.form-control,
.select2-search input[type="text"] {
  border: 2px solid #a5c6ca;
  color: #34495e;
}
.form-group.focus .form-control,
.form-control:focus,
.form-group.focus .select2-search input[type="text"],
.select2-search input[type="text"]:focus {
  border-color: #01a0b5;
  outline: 0;
  box-shadow: none;
}



.select-primary .select2-choice {
  color: #ffffff;
  background-color: #01a0b5;
}
.select-primary .select2-choice:hover,
.select-primary .select2-choice.hover,
.select-primary .select2-choice:focus,
.select-primary .select2-choice:active {
  color: #ffffff;
  background-color: #0fc3db;
  border-color: #0fc3db;
}
.select-primary .select2-choice:active {
  background: #3ae0f6;
  border-color: #3ae0f6;
}

.select2-drop {
  background-color: #ffffff !important;
  margin-top: 2px;
  border:1px solid #eaeaea;
}


.select2-drop .select2-highlighted > .select2-result-label {
  background: #01a0b5;
  color: #ffffff !important;
}

.select2-drop .select2-result-selectable .select2-result-label {
  color: rgba(52, 73, 94, 0.85);
  cursor: pointer;
}
.select2-drop .select2-result-selectable .select2-result-label:focus,
.select2-drop .select2-result-selectable .select2-result-label:hover,
.select2-drop .select2-result-selectable .select2-result-label:active {
  background-color: #e1e4e7;
  color: rgba(52, 73, 94, 0.85) !important;
  outline: none;
}

.checkbox .icons, .radio .icons { margin-top: 1px;}

.checkbox input[type="checkbox"].custom-checkbox:checked + .icons,
.radio input[type="checkbox"].custom-checkbox:checked + .icons,
.checkbox input[type="radio"].custom-radio:checked + .icons,
.radio input[type="radio"].custom-radio:checked + .icons {
  color: #01a0b5;
}
.checkbox input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.radio input[type="checkbox"].custom-checkbox:checked + .icons .icon-checked,
.checkbox input[type="radio"].custom-radio:checked + .icons .icon-checked,
.radio input[type="radio"].custom-radio:checked + .icons .icon-checked {
  opacity: 1;
  -webkit-filter: none;
          filter: none;
  color: #01a0b5;
}


.checkbox input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.radio input[type="checkbox"].custom-checkbox:indeterminate + .icons,
.checkbox input[type="radio"].custom-radio:indeterminate + .icons,
.radio input[type="radio"].custom-radio:indeterminate + .icons {
  color: #8ebec4;
}

.footer-text { font-size: 0.66em; }

.website-form { display: none !important; margin-left: -9999px;}

a.underline-link { text-decoration: none;  border-bottom: 1px dotted #ba0000; }
a.underline-link:hover { text-decoration: none;   border-bottom: 1px dotted #ba0000;  }

h4 {  font-size:1.4em; }
.pull-left h4 { display: inline-block; margin-top:0px; padding-top: 0px; padding-bottom: 15px !important;}

.table { font-size: 0.9em; margin-bottom: 0px;}

.panel-heading { background-color: white !important; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; }
.panel-body{ background-color: #f7f7f7 !important; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; }
.panel-footer { background-color: white !important; padding-top: 20px; padding-bottom: 20px; padding-left: 30px; padding-right: 30px; }

h2.panel-title { color:#34495e; margin-top: 8px; font-size: 22px;}

.chapel_logo
{
  display: block;
  min-height:60px;
  position: relative;
  margin-bottom: 15px;
}

.chapel_logo #logo-mark
{
  position: absolute;
  top:0;
  left:0;
  margin-left: 0px;
  line-height: 1em !important;
  font-size: 30.7pt;
  color:#e35206;
}

.chapel_logo #logo-text
{
  position: absolute;
  top:27px;
  left:41px;
  line-height: 1em !important;
  font-size: 17.8pt;
  color:#e35206;
}

 .vertical-align {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: row;
    }

.instructs h4 { float:right; text-align: right;}

div.account-instructions { display:inline-block; font-size: 0.7em; line-height: 1.6em !important; color:#898989;}

div.top-instructions { padding:4px 0px 12px 0px; font-size: 0.7em; line-height: 1.6em !important; color:#898989;}

.completed p { font-size:0.8em; text-align: center;}

@media screen and (max-width: 767px) {
  .form-group.expiry .year
  {
    margin-top: 14px;
  }

  .header-area {
    text-align: center;
  }

  .instructs h4 { float:none; text-align: center;}

  .chapel_logo #logo-mark
{
  position: absolute;
  top:0;
  left:50%;
  margin-left: -30pt;
  line-height: 1em !important;
  font-size: 54pt;
  color:#e35206;
}

  .instructs h3
  {
    font-size: 28px;
    margin-top: 8px;
  }
  .instructs h4
  {
    font-size: 19px;
  }
}

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

     .vertical-align {
        display: block;
    }

    .alert-info
    {
      margin-left: 15px;
      margin-right: 15px;
      margin-top: 20px;
    }



    .container {
        margin-left: 0px;
        margin-right: 0px;
        padding-left: 0px;
        padding-right: 0px;
        max-width: 100%;
         overflow: hidden;
        overflow-y: auto;
    }


    .footer-text {  padding-left: 15px;
      padding-right: 15px; text-align: center; }

    .btn-login
    {
        margin-right: 12px;
    }

    .chapel_logo
    {
        margin-left: 12px;
    }

    .panel {
        border-radius:0px;
        -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0);
    }
    .panel-heading {
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      padding-left: 15px;
      padding-right: 15px;
    }
    .panel-body {
      padding-left: 15px;
      padding-right: 15px;
    }
    .panel-footer {
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      padding-left: 15px;
      padding-right: 15px;
    }

}