/**CUSTOM STYLING ADDED BY LINDA SCHMADEL 08/05/2019**/

body {
    background: #fff;
    color: #000;
    font-family: 'Lato', sans-serif;
    margin:0 auto;
}

#left_nav {
    margin: 25px 0 3px !important;
}

.blue-bg {
    max-width:100%;
    /*max-width: 270px;*/
    max-height: 40px;
    background: #25408f;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    font-size:15px;
    padding: 10px;
    letter-spacing: 1px;
    border-bottom: 1px solid #546ab5;
}

.blue-bg a:link, .blue-bg a:active, .blue-bg a:visited {
    color:#fff;
    text-decoration:none;
}

.blue-bg a:hover {
    color:#3cbcf2;
}

.white-bg {
    max-width:100%;
    /*max-width: 270px;*/
    background: #fff;
    color: #000;
    font-size: 13px;
    margin-left: 4px;
    padding: 5px 0 10px 0;
}


.nav-btm {
    text-transform: uppercase;
    text-shadow: 0px 2px 4px gray;
    letter-spacing: 1px;
    padding: 10px 0 50px;
}

    .nav-btm a:link {
        color: #25408f;
        text-decoration: none;
        margin-left:3px;
    }

.nav-btm a:hover {
    color:#25408f;
    font-weight:normal;
    text-decoration:underline;
}

.nav-btm button {
    text-transform: uppercase;
    text-shadow: 0px 2px 4px gray;
    letter-spacing: 1px;
    padding: 0;
    margin:-7px;
    color: #000;
    text-decoration: none;
}

a.active2 {background:lightgray !important;}

ul.nav {
    margin: 0;
    list-style-type: none;
}

    ul.nav li {
        padding-bottom: 2px;
    }

ul.nav-main li a {
    padding:3px 0 3px 15px !important;
}

ul li.subsub a {
    padding: 3px 0 !important;
}

li.subsub {
    list-style-type:none !important;
    text-indent:0 !important;
    margin:0 !important;
    padding:0 !important;
}

button.accordion {
    background: #fff;
    color: #000;
    border: none;
    padding-bottom: 2px;
    border-top: none !important;
}

button.accordion:hover {
    background:#3cbcf2;
    color:#fff;
}

a.sub {
    text-transform: none !important;
    font-size:13px;
}

span.blue {
    color: #25408f;
}

.mod-head {
    border-bottom:1px solid gray;
    font-weight:bold;
    font-size:22px;
    /*margin-top:70px;*/
}

.mod-head-exception {
    border-bottom: 1px solid gray;
    color: #3cbcf2;
    font-weight: bold;
    font-size: 22px;
    margin-top: 25px;
}

.content-head {
    color:#3cbcf2;
    font-weight:bold;
    font-size:20px;
    margin-top:10px;
}

.module-content {
    padding:15px 0px 0px 18px;
}

.module-content-two {
    padding: 0px 0px 20px 18px;
}

#instructions {
    margin:0 auto !important;
}

img.mod-nav {
    margin: 0 !important;
    width:45px;
}

#expert-button {
    text-align: center;
    background: linear-gradient(#d6d6d6,#b5b5b5);
    color: #4a4a4a;
    font-size:19px;
    text-shadow:2px 2px #e5e5e5;
    padding: 20px;
    float: right !important;
    font-weight: 600;
    border:3px groove gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

#expert-button:hover {
    color:#000;
}

input.response {
    width:100%;
    height:9em;
}

input.response-submit {
    float:right;
}

p.mchoice {
    margin:0 0 10px 25px;
    font-weight:600;
}

ul.mchoice {
    list-style-type:none;
    margin-left:25px;
    padding-left:0;
}

ul.mchoice li {
    padding-bottom:15px;
}

select.mchoice {
    margin-left:40px;
}

input.mchoice {
    text-align: center;
    background: linear-gradient(#d6d6d6,#b5b5b5);
    color: #4a4a4a;
    font-size: 15px;
    text-shadow: 2px 2px #e5e5e5;
    padding: 5px;
    font-weight: 600;
    border: 2px groove gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

    input.mchoice:hover {
        color: #000;
    }

table.mchoice {
    width:98%;
    margin:0 auto;
}

td.spacer {
    height:50px;
}

td.choice-bar {
    background: #b6b7b9;
    height:10px;
}

td.choice-bar-blue {
    background: #4082fc;
    height: 10px;
}

td.choice-num {
    color: #b6b7b9;
    text-align:center;
}

td.choice-num-blue {
    color: #4082fc;
    text-align: center;
}

td.al-subhead {
    font-weight:bold;
}

button.login {
    text-align: center;
    background: linear-gradient(#d6d6d6,#b5b5b5);
    color: #4a4a4a;
    font-size: 16px;
    text-shadow: 2px 1px #e5e5e5;
    text-transform:uppercase;
    padding: 10px 50px;
    font-weight: 600;
    border: 1px groove gray;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -o-border-radius: 10px;
    -ms-border-radius: 10px;
}

    button.login:hover {
        color: #000;
    }

p.login {
    margin:0 auto;
    text-align:center;
}

p.login a:link {
    color:gray;
    text-decoration:none;
}

p.login a:hover {
    color:#000;
}

progress {
    -webkit-appearance: progress-bar;
    box-sizing: border-box;
    display:inline-block;
    height:1em;
    width:100%;
    vertical-align:-0.2em;
}

progress[value]{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

    width:100%;
    height:1em;

    /*Progress bar foreground - FOR IE/EDGE ONLY*/
    color:#4082fc;
}

/*Progress bar background*/
progress[value]::-webkit-progress-bar{
    background-color:#eee;
    border-radius:2px;
    box-shadow:0 2px 5px rgba(0,0,0,0.25) inset;
}

/*Progress bar foreground - CHROME ONLY*/
progress[value]::-webkit-progress-value{
    background-image:
        -webkit-linear-gradient(-45deg,
                                transparent 0%, rgba(0,0,0,0) 0%,
                                rgba(0,0,0,0) 0%, transparent 0%),
        -webkit-linear-gradient(top,
                                rgba(255,255,255,0),
                                rgba(0,0,0,0)),
        -webkit-linear-gradient(left,#4082fc,#4082fc);

    border-radius:2px;
    background-size: 35px 20px, 100% 100%, 100% 100%;
}

/*Progress bar foreground - FIREFOX ONLY*/
progress[value]::-moz-progress-bar{
    background-image:
        -moz-linear-gradient(135deg,
                            transparent 0%, rgba(0,0,0,0) 0%,
                            rgba(0,0,0,0) 0%, transparent 0%),
        -moz-linear-gradient(top,
                            rgba(255,255,255,0),
                            rgba(0,0,0,0)),
        -moz-linear-gradient(left, #4082fc, #4082fc);

    border-radius:2px;
    background-size:35px 20px, 100% 100%, 100% 100%;
}

table.pct {
    width:100%;
}

table.pct tr td {
    vertical-align:middle;
    padding-top:10px;
}

td.pct-left {
    font-weight: 600;
}

.eml-name {
    text-align: center;
    color: #545255;
    padding: 10px;
    background: #cacacc;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -o-border-radius: 20px;
    -ms-border-radius: 20px;
}

td.pct-right {
    float:right;
    vertical-align:middle;
}

span.overallpct {
    color: #9b5d8c;
    font-weight: 600;
    font-size: 22px;
}

span.pctinner {
    color:#000;
    text-transform:uppercase;
    font-size:12px;
}

span.note-head {
    font-weight:600;
}

span.note-single {
    margin-left:20px;
}

#expert-text.expert-enabled {
    visibility:visible;
}

#expert-text.expert-disabled {
    visibility:hidden;
}

pl.content {
    padding-bottom:15px;
}

ul.content-qs li {
    list-style-type:none;
}

ul.content-exp {
    list-style-type:disc;
    padding:5px 40px;
}

.intro {
    width:680px;
    min-height:448px;
    /*background:url(/images/intro_bg_640.jpg) no-repeat;*/
    position:absolute;
}

.intro-bar {
    background: #fff;
    color: #000;
    padding: 25px 20px;
    position: relative;
    top: 300px;
    opacity: 0.7;
    filter: alpha(opacity=70); /*For older versions of IE*/
}

span.intro-head {
    opacity: 1;
    filter: alpha(opacity=100); /*For older versions of IE*/
    font-weight:600;
    font-size:25px;
}

span.intro-text {
    opacity: 1;
    filter: alpha(opacity=100); /*For older versions of IE*/
}

.completed {
    color:green;
}

textarea.response {
    width:100%;
    height:75px;
}

p.exp-content{
    padding-top:20px;
}

li.subnav {
    list-style-type:none;
    list-style-image:none;
    margin-left:-10px;
    text-indent:unset;
}

ul li.subnav a {padding:3px 0 3px 0 !important;}

p.exp-sugg {
    color: #3cbcf2;
    font-weight:bold;
    font-size:15px;
    padding-bottom:10px;
}

div.dl-tran {
    float:right;
    /*margin-right:80px;*/
}

div.adtl-learning {
    text-align:center;
    margin:0 auto;
    width:85%;
}

p.PCG-Q{
    font-weight:bold;

}

p.PCG-R{
    padding:10px;
    border:1px solid black;
    background:#e8e8e8;
}

p.print-link {
    float:right;
}

h5.completion {
    font-weight:bolder;
    font-size:20px;
    color:black;
    padding:15px 0;
}

span.less {
    color: red;
    background:pink;
    border:1px solid red;
    padding:5px;
}

span.done {
    color:green;
    background:lightgreen;
    border:1px solid green;
    padding:5px;
}

div.green {
    color:green;
    font-weight:bold;
    font-size:20px;
    padding:0 0 10px 25px;
    font-style:italic;
}

div.green img {
    height:20px;
    width:20px;
}

div.redd {
    color: red;
    font-weight: bold;
    font-size: 20px;
    padding: 0 0 10px 25px;
    font-style: italic;
}

    div.redd img {
        height: 20px;
        width: 20px;
    }

p.strong{
    font-weight:bold;
}

p.italic {
    font-style:italic;
}

.container-fluid{
    background:#fff;
}

button.navbar-toggle {
    background:#000;
    color:#fff;
}

.navbar{
    border:none !important;
    padding:0px;
    margin:0px;
    width:100%;
}

.container-fluid {
    padding:0px !important;
    width:100%;  
}

.navbar-collapse{
    padding:0px !important;
    width:100%;
}

.navbar-left h3 {
    color:#3cbcf2;
    /*font-size:50px;*/
    font-weight:bolder;
    line-height:22px;
}

.navbar-left h5 {
    color:#263f8f;
    font-size:11px;
    line-height:1;
}

.navbar-collapse {
    margin-top:80px;
}

.navbar-inverse .btn-link {
    color: #25408f !important;
    margin-top:-15px;
    margin-right:3px;
}

.arrow {
    background:#243f92;
    height:40px;
    color:#fff;
    font-size:15px;
    border:1px solid #fff;
    vertical-align:middle;
}

.arrow td {
    padding:0 10px;
    width:25px;
    text-align:center;
}

.arrow td.lg {
    font-size:30px;
    font-weight:bold;
}

.prev {
    float:left;
}

.next {
    float: right;
}
 
a.arrows:hover {
    text-decoration:none;
    font-weight:normal;
}

table.al tr td {padding:0 3px 8px 3px;vertical-align:middle;}

button.retake {
    padding: 20px;
    background: #243f92;
    border:1px solid #fff;
    color:#ffffff;
    font-size: 18px;
}

button:hover.retake {
    border: 1px solid #3cbcf2;
    color: #3cbcf2;
}

a:hover.retake {
    text-decoration: none;
    font-weight: normal;
    border:1px solid #fff;
}

.contact {

    min-width: 50%;
    float: left;
    text-align:left;
}

/*QUIZ SHORT CORRECT/INCORRECT DISPLAY*/
.G {width:25px; height:25px; background:url(/images/icon_green_25.png) no-repeat; float:left; margin-right:8px;}
.R {width: 25px; height: 25px; background: url(/images/icon_red_25.png) no-repeat; float:left; margin-right:8px;}
.Y {width:25px; height:25px; background:url(/images/icon_yellow_25.png) no-repeat; float:left; margin-right:8px;}

.quiz-align {margin-left:25px;}

p.feedback {
    margin:-20px 0px 25px 50px;
    padding:15px;
}

.fb_g {background-color:lightgreen;border:1px solid green;}
.fb_r {background-color:lightcoral;border:1px solid red;}
.fb_y {background-color:lightyellow;border:1px solid goldenrod;}

/*COORDINATOR PANEL DISPLAY*/
table.coord_groups {
    border:1px solid lightgray;
    padding:10px;
}
table.coord_groups th {
    padding:10px;
    text-decoration:underline;
}
table.coord_groups td{
    padding:10px;
}

/*TRAINER PANEL DISPLAY*/
input.incomp {
    background-image: linear-gradient(#e5e8e8,#b2babb);
    color:#000;
    font-weight:bold;
    text-transform:uppercase;
    width:30%;
    padding:5px 10px;
    border-radius:5px;
    margin-top:25px;
    float:right;
    text-align:center;
    border:1px solid #a4a4a4;
}

    input.incomp:hover {
        color: #585858;
    }

@media print and (min-width:480px) {
    body {
        background: none;
        color: #000;
    }

    #left_nav {
        display: none;
    }

    nav {
        display: none;
    }

    div.mod-head{
        margin-top:0px;
    }
    
    .content-head{
        margin-top:-10px;
    }

    .contact {
        min-width: 50%;
        float: left;
        text-align: center;
    }

    a {
        display:none;
    }

    img {
        display: none;
    }

    img.mod-nav {
        display:none;
        height:0px;
    }

    footer {
        display: none;
    }

    footer p {
        display:none;
    }

    #train-content {
        margin: 0;
        padding: 0;
        width: 100%;
    }

    .col-md-3 {
        display:none;
    }

    table.mchoice {
        display:none;
    }
}