/*===============================================*/
/*==== COURTEDUCATION.COM - COURSE STYLES =======*/
/*========= by Kristopher Yang. LRS 2015 ========*/
/*===============================================*/

/* PRINT CSS for DIPLOMA */
@media print {
    body {
        margin: 0;
        padding: 0;
    }
    #main-content {
        margin: 0;
        padding: 0;
    }
    @page {size: portrait}
}

/* Alert - Flash Message */
.alert { text-align: center; }

/* Class Title */

.site-page-title {
    font-size: 2em;
    margin-bottom: 24px;
    border-radius: 30px; }

/* Course Progress Bar */

.page-progress {
    height: 41px;
    position: relative; }
    .page-progress-percent {
        position: absolute;
        display: block;
        width: 100%;
        color: #000000;
        font-weight: 500;
        padding-top: 10px;
        font-size: 20px; }

/* Next/Prev Page Buttons */

.pager .previous>button { float:left; }
.pager .next>button { float:right; }

/* LRS Button Overrides */

.btn-lrs-primary {
    color: #ffffff;
    background-color: #005288;
    border-color: #00436f; }
    .btn-lrs-primary:hover {
        color: #ffffff;
        background-color: #003355;
        border-color: #001e31; }
.btn-lrs-normal {
    color: #ffffff;
    background-color: #799dc2;
    border-color: #6790ba; }
    .btn-lrs-normal:hover{
        color: #ffffff;
        background-color: #5683b2;
        border-color: #47729d; }

/* Table of Contents */

#tableofcontents {
    margin-bottom: 24px; }
    .sidebar-section .sidebar-section {
        margin-left: 15px; }
    .sidebar-title {
        font-size: 20px;
        color: #005288;
        cursor: pointer; }
    .sidebar-page {
        font-size: 15px;
        color: #797979;
        /*margin: 4px 0 0 8px;*/
        padding: 4px 0px 4px 8px; }
    .sidebar-page-link{
        width: 100%;
        display: block; }
    .current-sidebar-page {
        background-color: #799dc2;
        color: #ffffff;
        border-radius: 4px; }
    .current-sidebar-page a {
        background-color: #799dc2;
        color: #ffffff; }
    .toc-modal .sidebar-page-link, .toc-modal .sidebar-page-text {
        padding: 5px 0px 5px 2px; }
    .toc-modal .sidebar-page-text {
        padding: 5px 0px 5px 2px;
        display: block; }

/* Phone - top controls */
div.class-top-controls .btn{ width: 100%; }

/*---------------------------------*/
/*--------> PAGE CLIENT <----------*/
/*---------------------------------*/
.pageclient-page {
    font-color: #797979; }
    .pageclient-title {
        padding: 0 0 12px 0;
        font-size: 25px;
        color: #005288; }
    .pageclient-body {
        font-size: 20px; }
    .pageclient-body .nugget-html p {
        margin: 22px 0px; }

/* View Diploma Button */
.pageclient-footer a#diplomalink {
    background-color: #27ae60;
    color: #ffffff;
    border: none;
    padding: 10px 16px;
    margin: 0px 4px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px; }
    .pageclient-footer a#diplomalink:hover {
        background-color: #229653; }

/* In-line question styles */

/* feedback style */
.pageclient-body .feedback{
    font-size: 20px;
    text-align: justify;
    font-weight: 300;
    margin-top: 15px;
}

/* check and x style */
.lrs-choice-table i.fa.fa-check{
    color: #27ae60; }
    .lrs-choice-table i.fa.fa-close{
        color: #c9302c; }
    tr.answer td p{
        margin: 10px 0px; }
    tr.selected-answer{
        background-color: #c6c6c6; }
    table.lrs-choice-table { border-collapse: separate; }
    table.lrs-choice-table td:first-child { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
    table.lrs-choice-table td:last-child { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }


.pageclient-footer{
    padding: 12px 0;
}

.nugget-quiz-question{
    border-top: 1px solid #C6C6C6;
    margin: 10px 0;
    padding: 10px 0;
}

.pageclient-page .question{
    font-size: 20px;
    font-weight: 500;
}

.pageclient-page .lrs-choice-table{
    margin-bottom: 0;
}

.pageclient-page .lrs-choice-table td{
    border: none;
    vertical-align: middle;
}

.pageclient-page .lrs-choice-table tr.answer:hover{
    background-color: #9a9898;
    cursor: pointer;
}

.pageclient-page .answered p{
    margin: 4px 0;
    padding: 0;
}

.question-index-correct{
    color: #27ae60
}

.question-index-incorrect{
    color: #c9302c
}

/*---------------------------------*/
/*--------> PAYMENT PAGE <---------*/
/*---------------------------------*/
.paymentform-section {
    padding: 24px;
    margin: 6px 0px;
    background-color: #FFFFFF; }
    .paymentform-section-title {
        font-size: 20px;
        color: #0084b6; }
    .payment-type-select {
        margin-bottom: 15px; }

/* Credit Card Sprite */
.cardtype { height: 28px; background:url("/webassets/alcoholawareness/cc.png"); float:left; display: none; margin: 4px 18px 0px 0px; width: 49px;}
.cardtype-mastercard { background-position:0px 0px; display: block;}
.cardtype-visa { background-position:-49px 0px; display: block;}
.cardtype-discover { background-position:-98px 0px; display: block;}
.cardtype-amex { background-position:-147px 0px; display: block;}
.cc .mb { background-position:0px 32px; display: block;}
.cc .vb { background-position:-56px 32px; display: block;}
.cc .db { background-position:-112px 32px; display: block;}
.cc .ab { background-position:-168px 32px; display: block;}

.cardvalid{
    color: #27ae60;
    margin: 0px 64px 0px 0px;
    font-size: 20px;
    bottom: 0 !important;
}

.form-control-feedback {
    top: inherit;
    bottom: 0;
}

/* Survey Styles */

.pageclient-survey-required{

}

.pageclient-survey-required .survey-question{
    padding: 0px 0px 10px;
    border-bottom: 1px solid #d3d3d3;
}

.pageclient-survey-required .survey-question .survey-question-text{
    font-size: 20px;
    font-weight: 500;
}

.pageclient-survey-required .survey-question .survey-question-answers-agreescale-5 ol {
    padding: 0;
}

.pageclient-survey-required .survey-question .survey-question-answers-agreescale-5 .radio{
    display: inline;
    list-style: none;
    margin: 0px 0px 0px 10px;
    padding: 5px;
}

.pageclient-survey-required .survey-question .radio{
    /*color: #797979;*/
}

.pageclient-survey-required .survey-question .selected-survey-radio label{
    font-weight: 500;
}

.pageclient-survey-required .followup-question{

}

.pageclient-survey-required .followup-question .survey-question{
    border-bottom: none;
}

.pageclient-survey-required .followup-question .survey-question-text{
    font-size: 15px;
}

.pageclient-survey-required .survey-question-simple{
    /* Different padding bc the text fields do not add as much padding themselves */
    padding: 0px 0px 25px;
}
.pageclient-survey-required .survey-question-simple input{
    /* Had to set font size to prevent iPhone from auto-zooming in on the field due to the font size threshold */
    font-size: 16px;
}
/* END: Survey Styles */

/* Password Strength Field */

.password-strength{

}

.password-progress{
    height: 15px;
    position: relative;
}

.password-strength-text{
    position: absolute;
    display: block;
    width: 100%;
    color: #000000;
    font-weight: 500;
    margin-top: -3px;
    font-size: 12px;
}

/* END: Password Strength Field */

/* Registration Password Field */

.passwordchecks{
    margin-right: 20px;
    color: #27ae60;
}

/* END: Registration Password Field */