/*
Theme Name: PrePass Enrollment Theme 
Theme URI: Enrollment.Prepass
Version: 1.0
Author: CVO

********DO NOT ADD TO THIS FILE ************

CSS STRUCTURE:

1. SITE STRUCTURE and TYPOGRAPHY
2. 
3. 
4. 
5. 

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

body {
    background-image: url("../images/enroll_bg.jpg");
    font: 13px/20px 'Open Sans', sans-serif;
    color: #333333;
    -webkit-font-smoothing: antialiased !important;
}

body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4 {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    line-height: 1.5em;
}
/** Header ==================== **/
header {
    padding: 10px 0;
    width: 100%;
    background-color: #29005f;
}

/** Typography **/

h1, .h1 {
    font-size: 3.8em;
    line-height: 1.15em;
}

h2, .h2 { font-size: 2.6em; }

h3, .h3 {
    font-size: 1.825em;
    line-height: 1.4em;
    margin: 20px 0 10px;
}

h4, .h4 {
    font-size: 1.3em;
    line-height: 1.4em;
}

h5, .h5 {
    font-size: 1.25em;
    line-height: 1.4em;
    margin-bottom: 15px;
}

h6, .h6 {
    font-size: 0.9em;
    text-transform: uppercase;
}

.title,
.card-title,
.wizard-title { font-weight: 700; }

.title,
.title a,
.card-title,
.card-title a,
.wizard-title,
.wizard-title a {
    color: #3C4858;
    text-decoration: none;
}

h2.title { margin-bottom: 30px; }

/*============================================================================================*/
/* 2.  CONTENT */
/*============================================================================================*/

.card {
    background-color: #FFFFFF;
    padding: 10px 0;
    width: 100%;
    border-radius: 6px;
    color: rgba(0, 0, 0, 0.87);
    background: #fff;
}
#enrollment .wizard-container {
    min-height: calc(100vh - 150px);
}

.wizard-card {
    min-height: 410px;
    box-shadow: 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
}

.wizard-card .moving-tab {
    position: absolute;
    text-align: center;
    padding: 12px;
    font-size: 12px;
    text-transform: uppercase;
    -webkit-font-smoothing: subpixel-antialiased;
    top: -4px;
    left: 0px;
    border-radius: 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: 500;
}


.wizard-container {
    padding-top: 30px;
    padding-bottom: 30px;
    z-index: 3;
}

.wizard-container .wizard-navigation {
        position: relative;
   }

/*.wizard-card[data-color="purple"] .moving-tab {
    background-color: #6D1F7E;
    box-shadow: 0 16px 26px -10px rgba(156, 39, 176, 0.56), 0 4px 25px 0px rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(156, 39, 176, 0.2);
}*/

.wizard-card[data-color="purple"] .picture:hover { border-color: #000; }

.wizard-card[data-color="purple"] .choice:hover .icon, .wizard-card[data-color="purple"] .choice.active .icon {
    border-color: #5E38BE;
    color: #5E38BE;
}


.wizard-card[data-color="purple"] .checkbox input[type=checkbox]:checked + .checkbox-material .check { background-color: #6D1F7E; }

.wizard-card[data-color="purple"] .radio input[type=radio]:checked ~ .check { background-color: #6D1F7E; }

.wizard-card[data-color="purple"] .radio input[type=radio]:checked ~ .circle { border-color: #6D1F7E; }

.wizard-card .tab-content {
    min-height: 340px;
    padding: 20px 15px;
}

.wizard-card .disabled { display: none; }

.wizard-card .wizard-header {
    text-align: center;
    padding: 10px 0 0;
}

.wizard-card .wizard-header h5 { margin: 5px 0 0; }

.wizard-card .nav-pills > li { text-align: center; }


.wizard-card .btn { text-transform: uppercase; }

.wizard-card .info-text {
    text-align: center;
    font-weight: 600;
    margin: 10px 0 10px;
}



.wizard-card .choice {
    text-align: center;
    cursor: pointer;
    margin-top: 20px;
}

.wizard-card .choice .icon {
    text-align: center;
    vertical-align: middle;
    height: 115px;
    width: 115px;
    border-radius: 50%;
    color: #999999;
    margin: 0 auto 20px;
    border: 6px solid #ddd;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
}
    .wizard-card .choice .icon img {
        margin:4px 0 5px 0;
        text-align: center;
        vertical-align: middle;
        height: 95px;
        width: 95px;
    }
.wizard-card .choice input[type="radio"],
.wizard-card .choice input[type="checkbox"] {
    position: absolute;
    left: -10000px;
    z-index: -1;
}

.wizard-card .wizard-title {
    margin: 0;
    margin-bottom: 15px;
}


/*============================================================================================*/
/* 3.  FORMS */
/*============================================================================================*/
.form-control {
    background-color: #F3F2EE;
    border: 1px solid #e8e7e3;
    border-radius: 4px;
    color: #66615b;
    font-size: 14px;
    padding: 7px 18px;
    height: 40px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-weight: bold;
}

.form-control:focus {
    border: 1px solid #e8e7e3;
    background-color: #FFFFFF;
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: 0 !important;
}


.form-control, .input-group-addon {
    -webkit-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    transition: all 300ms linear;
}

.open .form-control { border-bottom-color: transparent; }

.form-control.input-no-border { border: 0 none; }

.input-group .form-control:not(:first-child):not(:last-child) {
    border-left: 0;
    border-right: 0;
}

.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.has-error .form-control, .form-control.error {
    background-color: #f99d97;
    color: #f44336;
    border-color: #f44336;
}


.has-error .form-control:focus, .form-control.error:focus {
    background-color: #FFFFFF;
    border-color: #f44336;
}

.label.label-success {
    background-color: #4caf50;
}
.label.label-danger {
    background-color: #f44336;
}

label.error:not(.form-control) {
    color: #f44336;
    font-weight: 300;
    font-size: 0.8em;
}

.input-group-addon {
    background-color: #F3F2EE;
    border: 1px solid #e8e7e3;
    border-radius: 4px;
}
.form-group.has-success.is-focused .form-control {
    background-image: linear-gradient(#4caf50, #4caf50), linear-gradient(#D2D2D2, #D2D2D2);
}

.form-group.has-success label.control-label,
.form-group.has-success .help-block {
    color: #4caf50;
}

.has-success .form-control-feedback {
    color: #4caf50;
    opacity: 1;
}

.has-error .form-control-feedback {
    color: #f44336;
    opacity: 1;
}
.has-error .form-control:focus + .input-group-addon { color: #f44336; }


.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon { background-color: #FFFFFF; }

.has-error .input-group-addon {
    color: #f44336;
    border-color: #f44336;
}

.input-group-addon + .form-control { padding-left: 0; }

.input-group { margin-bottom: 15px; }

.form-control, .input-group-addon { transition: all 300ms linear 0s; }

.input-group[disabled] .input-group-addon { background-color: #E3E3E3; }

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) { border-right: 0 none; }

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) { border-left: 0 none; }

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    background-color: #E3E3E3;
    cursor: not-allowed;
    color: #9A9A9A;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-control[disabled]::-moz-placeholder {
    color: #9A9A9A;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-control[disabled]:-moz-placeholder {
    color: #cfcfca;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-control[disabled]::-webkit-input-placeholder {
    color: #cfcfca;
    opacity: 1;
    filter: alpha(opacity=100);
}

.form-control[disabled]:-ms-input-placeholder {
    color: #cfcfca;
    opacity: 1;
    filter: alpha(opacity=100);
}

.input-group-btn .btn {
    border-width: 1px;
    padding: 12px 18px;
    margin-top: 0px;
}

.input-group-btn .btn-default:not(.btn-fill) { border-color: #cfcfca; }

.input-group-btn:last-child > .btn { margin-left: 0; }

textarea.form-control {
    max-width: 100%;
    padding: 10px 18px;
    resize: none;
}

.input-group-focus .input-group-addon { background-color: #FFFFFF; }

.radio label,
.checkbox label { min-height: 20px; }

/* Buttons */

.btn {
    border: none;
    border-radius: 3px;
    position: relative;
    padding: 12px 30px;
    margin: 10px 1px;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 0;
    will-change: box-shadow, transform;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1), background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
}

.btn::-moz-focus-inner { border: 0; }

.btn, .btn.btn-default { box-shadow: none; }

.btn:focus, .btn:active, .btn:hover, .btn.btn-default:focus, .btn.btn-default:active, .btn.btn-default:hover { box-shadow: none;}

.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active, .btn.btn-default.disabled, .btn.btn-default.disabled:hover, .btn.btn-default.disabled:focus, .btn.btn-default.disabled.focus, .btn.btn-default.disabled:active, .btn.btn-default.disabled.active, .btn.btn-default:disabled, .btn.btn-default:disabled:hover, .btn.btn-default:disabled:focus, .btn.btn-default:disabled.focus, .btn.btn-default:disabled:active, .btn.btn-default:disabled.active, .btn.btn-default[disabled], .btn.btn-default[disabled]:hover, .btn.btn-default[disabled]:focus, .btn.btn-default[disabled].focus, .btn.btn-default[disabled]:active, .btn.btn-default[disabled].active, fieldset[disabled] .btn.btn-default, fieldset[disabled] .btn.btn-default:hover, fieldset[disabled] .btn.btn-default:focus, fieldset[disabled] .btn.btn-default.focus, fieldset[disabled] .btn.btn-default:active, fieldset[disabled] .btn.btn-default.active { box-shadow: none; }

    .btn.btn-success {
        background-image: none ;
        background-color: #5E38BE ;
    }

        .btn.btn-success:focus, .btn.btn-success:active, .btn.btn-success:hover {
            background-image: none ;
            background-color: #7747F0 ;
        }

.btn.btn-success.disabled, .btn.btn-success.disabled:hover, .btn.btn-success.disabled:focus, .btn.btn-success.disabled.focus, .btn.btn-success.disabled:active, .btn.btn-success.disabled.active, .btn.btn-success:disabled, .btn.btn-success:disabled:hover, .btn.btn-success:disabled:focus, .btn.btn-success:disabled.focus, .btn.btn-success:disabled:active, .btn.btn-success:disabled.active, .btn.btn-success[disabled], .btn.btn-success[disabled]:hover, .btn.btn-success[disabled]:focus, .btn.btn-success[disabled].focus, .btn.btn-success[disabled]:active, .btn.btn-success[disabled].active, fieldset[disabled] .btn.btn-success, fieldset[disabled] .btn.btn-success:hover, fieldset[disabled] .btn.btn-success:focus, fieldset[disabled] .btn.btn-success.focus, fieldset[disabled] .btn.btn-success:active, fieldset[disabled] .btn.btn-success.active { box-shadow: none;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                           background-color:#7747F0;
}

.btn:focus, .btn:active, .btn:active:focus { outline: 0; }

    .btn.btn-primary {
        box-shadow: none !important;
        background-image: none !important;
        background-color: #5E38BE !important;
    }

        .btn.btn-primary:hover, .btn.btn-primary:focus, .btn.btn-primary:active, .btn.btn-primary.active, .btn.btn-primary:active:focus, .btn.btn-primary:active:hover, .btn.btn-primary.active:focus, .btn.btn-primary.active:hover, .open > .btn.btn-primary.dropdown-toggle, .open > .btn.btn-primary.dropdown-toggle:focus, .open > .btn.btn-primary.dropdown-toggle:hover {
            background-color: #7747F0 !important;
            background-image: none !important;
            box-shadow: none !important;
            color: #FFFFFF !important;
        }

        .btn.btn-primary.disabled, .btn.btn-primary.disabled:hover, .btn.btn-primary.disabled:focus, .btn.btn-primary.disabled.focus, .btn.btn-primary.disabled:active, .btn.btn-primary.disabled.active, .btn.btn-primary:disabled, .btn.btn-primary:disabled:hover, .btn.btn-primary:disabled:focus, .btn.btn-primary:disabled.focus, .btn.btn-primary:disabled:active, .btn.btn-primary:disabled.active, .btn.btn-primary[disabled], .btn.btn-primary[disabled]:hover, .btn.btn-primary[disabled]:focus, .btn.btn-primary[disabled].focus, .btn.btn-primary[disabled]:active, .btn.btn-primary[disabled].active, fieldset[disabled] .btn.btn-primary, fieldset[disabled] .btn.btn-primary:hover, fieldset[disabled] .btn.btn-primary:focus, fieldset[disabled] .btn.btn-primary.focus, fieldset[disabled] .btn.btn-primary:active, fieldset[disabled] .btn.btn-primary.active {
            box-shadow: none !important;
            background-color: #D3D2D6 !important;
            background-image: none !important;
        }

    .btn.btn-danger {
        box-shadow: none !important;
        background-image: none !important;
        background-color: #fff !important;
        border: #cc0000 1px solid !important;
        color: #cc0000 !important;
    }

        .btn.btn-danger:hover, .btn.btn-danger:focus, .btn.btn-danger:active, .btn.btn-danger.active, .btn.btn-danger:active:focus, .btn.btn-danger:active:hover, .btn.btn-danger.active:focus, .btn.btn-danger.active:hover, .open > .btn.btn-danger.dropdown-toggle, .open > .btn.btn-danger.dropdown-toggle:focus, .open > .btn.btn-danger.dropdown-toggle:hover {
            background-color: #cc0000 !important;
            background-image: none !important;
            box-shadow: none !important;
            color: #FFFFFF !important;
        }

        .btn.btn-danger.disabled, .btn.btn-danger.disabled:hover, .btn.btn-danger.disabled:focus, .btn.btn-danger.disabled.focus, .btn.btn-danger.disabled:active, .btn.btn-danger.disabled.active, .btn.btn-danger:disabled, .btn.btn-danger:disabled:hover, .btn.btn-danger:disabled:focus, .btn.btn-danger:disabled.focus, .btn.btn-danger:disabled:active, .btn.btn-danger:disabled.active, .btn.btn-danger[disabled], .btn.btn-danger[disabled]:hover, .btn.btn-danger[disabled]:focus, .btn.btn-danger[disabled].focus, .btn.btn-danger[disabled]:active, .btn.btn-danger[disabled].active, fieldset[disabled] .btn.btn-danger, fieldset[disabled] .btn.btn-danger:hover, fieldset[disabled] .btn.btn-danger:focus, fieldset[disabled] .btn.btn-danger.focus, fieldset[disabled] .btn.btn-danger:active, fieldset[disabled] .btn.btn-danger.active {
            box-shadow: none !important;
            background-color: #ffffff !important;
            background-image: none !important;
            border-color: #e2e1e4 !important;
            color: #e2e1e4 !important;
        }

/*============================================================================================*/
/* 4.  COMMON */
/*============================================================================================*/


/* Navigation */

.nav-pills {
    background-color: #dddddd;
}

    .nav-pills > li + li {
        margin-left: 0;
    }

    .nav-pills > li > a {
        border: 0 !important;
        border-radius: 0;
        line-height: 18px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: 500;
        min-width: 100px;
        text-align: center;
        color: #555555 !important;
    }

        .nav-pills > li.active > a,
        .nav-pills > li.active > a:hover,
        .nav-pills > li.active > a:focus,
        .nav-pills > li > a:hover,
        .nav-pills > li > a:focus {
            background-color: inherit;
        }

    .nav-pills > li i {
        display: block;
        font-size: 30px;
        padding: 15px 0;
    }


/* Tooltip/Popover */
.checkbox input[type=checkbox] {
    opacity: 0;
    position: absolute;
    margin: 0;
    z-index: -1;
    width: 0;
    height: 0;
    overflow: hidden;
    left: 0;
    pointer-events: none;
}

.margin-top-5 {
    margin-top: 5px;
}

.margin-top-10 {
    margin-top: 10px;
}

.margin-top-20 {
    margin-top: 20px;
}

.margin-top-30 {
    margin-top: 30px;
}

.margin-top-40 {
    margin-top: 40px;
}

.margin-top-50 {
    margin-top: 50px;
}

.margin-bottom-5 {
    margin-bottom: 5px;
}

.margin-bottom-10 {
    margin-bottom: 10px;
}

.margin-bottom-20 {
    margin-bottom: 20px;
}

.margin-bottom-30 {
    margin-bottom: 30px;
}

.margin-bottom-40 {
    margin-bottom: 40px;
}

.margin-bottom-50 {
    margin-bottom: 50px;
}
/*============================================================================================*/
/* 5.  MEDIA QUERIES */
/*============================================================================================*/

@media (max-width: 768px) {

}

@media (min-width: 768px) {

}