﻿.panel-admin > .panel-inner { padding-left: 20px; padding-right: 20px; margin-top: 20px; margin-bottom: 20px; }
.panel-admin > .small-panel { min-height: 100px; }
.panel-admin > .large-panel { min-height: 700px; }

.f1 { padding: 25px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.f1 h3 { margin-top: 0; margin-bottom: 5px; text-transform: uppercase; }
.f1-steps { overflow: hidden; position: relative; margin-top: 2px; padding-bottom: 8px; border: none; }
.f1-progress-line { position: absolute; top: 0; left: 0; height: 1px;}
.f1-step { position: relative; float: left; width: 25%; padding: 0 5px; }

#custom-theme .custom-header-content { position: relative; width: 100%; padding: 120px 1px; text-align: center; z-index: 2; }
#custom-theme .custom-header-content .inner h1 { margin-top: 0; margin-bottom: 0; }
#custom-theme .header-content { position: relative; width: 100%; padding: 120px 5px; text-align: center; z-index: 2; }
#custom-theme .header-content .inner p { margin-bottom: 10px; font-size: 1.150em; font-weight: 300; }

#distributor-badge { border-radius: 8px; min-height: 100%; } 
#distributor-badge .distributor-badge-header {border-radius: 6px 6px 0px 0px; height: auto; padding-top: 18px; padding-bottom: 14px; font-size: 18px; text-align: center; }
#distributor-badge .user-password-container { padding: 10px 15px; border: none; }
#distributor-badge .error-container { display: block;font-size: 12px; text-align: left; padding: 15px 10px 15px 10px; }

#login-header {  font-size: 27px; font-weight: 600; margin: -5px auto 15px auto; } 
.icon-small { height: 18px; margin: 0; padding: 0; }
.icon-medium { height: 22px; margin: 0; padding: 0; }
.password-error-container { text-align: center; display: block; } 
.form-explanation { text-align: center; padding-top: 5px; padding-bottom: 5px; }
div#login-top-spacer{ clear: both; padding-top: 5%;}
div#login-bottom-spacer { clear: both; padding-bottom: 18%;}
form .challenge-question { font-size: 1.650em; font-weight: 500; padding: 15px 10px; text-align: left; }
input.login-email { min-height: 40px; font-size: 14px;}
.challenge-question-header { font-family: inherit; font-size: 20px; font-weight: 600; }
.validation-header { display: block; font-size: 16px; text-align: center; }
.delivery-header { display: block; font-size: 16px; text-align: center; }
.validation-dropdown { width: 100%; height: 35px; border-radius: 5px; text-align: left; padding-left: 4px; font-size: 1.250em;}
.card-exp-month { padding-left: 0px; padding-right: 4px; }
.card-exp-year { padding-left: 4px; padding-right: 0px; }
.card-security-code { padding-left: 15px; padding-right: 0px; }
hr { max-width: 100%; border-width: 2px; opacity: 0.18; margin-top: 15px; margin-bottom: 15px; }
label {display: inline-block;max-width: 100%;margin-bottom: 5px;font-weight:300 !important;}
p { font-size: 17px; line-height: 1.7; margin-bottom: 20px; }
section { padding: 70px 0; }
footer { padding: 15px; }
textarea { resize: none; }
.strong { font-weight: 600; }

@media(min-width:768px) 
{
    header { min-height: 100%; }
    header .header-content { position: absolute; top: 50%; padding: 0 50px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
    header .header-content .inner { margin-right: auto; margin-left: auto; max-width: 1000px; }
    header .header-content .inner h1 { font-size: 53px; }
    header .header-content .inner p { margin-right: auto; margin-left: auto; max-width: 80%; font-size: 18px; }
    section { min-height: 600px; padding: 100px 0 20px 0; }
    #custom-theme {position: relative;text-align: center;width: 100%;min-height: 700px;background-image: url('../img/intro-bg.jpg');background-position: center;-webkit-background-size: cover;-moz-background-size: cover;background-size: cover;-o-background-size: cover;}
    #custom-logo-bg {width: auto !important;height: 60px !important;background-size: contain;background-position: center;}
}

@media (min-width: 480px) 
{
    #distributor-badge .distributor-badge-header { border-radius: 6px 6px 0px 0px; height: auto; padding-top: 16px; padding-bottom: 13px; font-size: 18px; text-align: center; }
}

.navbar-default {background-color: transparent;}

.FormatRadioButtonList input[type="radio"] {
    margin-right: 2%;
}

.FormatRadioButtonList label {
    margin-right: 5%;
}