/*@import "Screen.css";

@import "Site-Tablet.css";

@import "Site-Phone.css";*/


@charset "utf-8";


#chkIsSpam {
    display: none;
}

.validate {
    display: block;
    padding: 3px;
    margin: 6px 0;
    border: 3px solid red;
    background-color: red;
    color: white;
}

#theForm .rdLabel {
    display: inline-block;
}

footer p,
footer h4,
footer h3 {
    /*position: fixed; */
    height: 40px;
    line-height: 40px;
    /* color: #fff; */
    /* bottom: 1vh; */
    left: .5vh;
    /* z-index: 100; */
    background: url(/content/images/IRTlogogray.png) top left no-repeat !important;
    padding-left: 45px;
}

* {
    box-sizing: border-box;
}
/* CSS Document */

/*
	OFFICIAL COLORS:

*/

.inlineDiv div {
    display: inline-block;
   
}
.inlineDiv div.spaced {
 padding-right: 5vw;
}

.inlineGridDiv div {
    display: inline-grid;
}

.inlineGridDiv div.spaced {
    padding-right: 5vw;
}

.width250 {
    width: 250px;
}

body {
    background-color: white !important;
    background-image: none !important;
    font-family: Arial, OpenSansRegular, "Century Gothic", CenturyGothic, AppleGothic, sans-serif !important;
    font-weight: 500;
    font-size: 18px;
    line-height: 23px;
}

a {
    font-weight: bold;
    color: hsl(180, 42%, 56%);
}

    a, a:visited {
        color: hsl(196, 69%, 63%);
    }

        a:hover {
            color: hsl(194, 65%, 43%);
        }

/* HEADER */

h1, h2, h3, h4, h5 {
    /*color: hsl(196, 48%, 55%);*/
    font-weight: 700;
}

span {
    display: inline-block;
}

#theForm label {
    display: inline;
    font-weight: 500;
}
/*.logo {
        display: inline-block;
        margin: 0 auto;
        width: auto;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
    }

        .logo img {
            clear: both;
            margin: 4px auto;
            width: 20vw;
        }*/

ul.nav {
    clear: both;
    display: inline-block;
    margin: 4px auto;
}

    ul.nav li,
    ul.nav li a {
        display: inline-block;
        color: hsl(37, 82%, 51%);
        padding: 4px;
    }

        ul.nav li a:hover {
            /*background-color: hsla(214, 29%, 22%, 0.4);*/
        }

.assessment-content h1,
.assessment-content h2,
.assessment-content h3,
.assessment-content h4,
.assessment-content h5 {
    color: hsl(196, 65%, 30%);
}
.form-control {
    border: 1px solid #999;
}
#hdrPreventionCentral {
    width: 100vw;
    /*background-color: hsl(196, 48%, 55%);*/
    background-color: #fff;
    color: #005a8b;
    height: 70px;
    padding-bottom: 10px;
    border-bottom: 1px solid #005a8b;
    /*text-align: center;*/
}

#imgPreventionCentralLogo {
    background: url("/images/mastermind/MasterMindLogo_TextOnlyBLUE.png") no-repeat top left;
    /*width: 120px !important;
    height: 60px !important;
    background-size: contain;
    padding: 0;
    margin-left: 20px !important;
    overflow: hidden;
    padding-top: 60px; /* height of logo for screen */
    /*width: 70px !important; /* width of logo for screen */
    /*background-size: 70px;*/
    padding: 0;
    margin-left: 20px !important;
    margin-top: 10px;
    overflow: hidden;
    padding-top: 100px; /* height of logo for screen */
}

.blue-bar,
.blue-bar-bottom {
    display: none;
}

#btnCoursePlayerMenuToggle {
    background-color: hsl(196, 48%, 55%);
}

.header-wrapper {
    width: 100% !important;
    /*background-color: hsl(196, 48%, 55%);*/
    top: 0;
    left: 0;
    right: 0;
    height: 70px;
    margin: 0;
    padding: 0;
}

    .header-wrapper .login-info,
    .footer-wrapper .login-info,
    .header-wrapper .login-info a,
    .footer-wrapper .login-info a {
        /*color: white;*/
        color: #005a8b !important;
    }

.page-menu-responsive-small,
.page-menu-responsive-medium,
.header_menu-responsive-small,
.header_menu-responsive-medium {
    background-color: hsl(196, 48%, 55%); /* MC color? */
}

#copyright-notice {
    display: none;
    visibility: hidden;
}

.center {
    text-align: center;
}
.big {
        border-top: 1px solid #000;
}
a {
    text-decoration:underline;
}
/* FOOTER */

#main-grid {
    min-height: 100vh;
    margin: 0 auto -145px; /* the bottom margin is the negative value of the footer's height */
}

.footer-menu-content ul li a:hover {
    text-decoration: underline;
}

.footer-wrapper, .LoginPageCustomFooter {
    padding: 1vh;
    margin: 0;
    /*background-color: hsl(196, 48%, 55%);*/
    width: 100% !important;
    height: 145px;
    width: 100vw;
    /*color: white;*/
    color: #005a8b;
    /*position:fixed;
    bottom:0px;
    left:0px;*/
    /*margin-top: 2em;*/
}

#footer {
    padding: 1vh;
    border-top: 1px solid #005a8b;
}

#divFooterMentoringCentral {
    border-top: 8px solid hsl(196, 48%, 55%);
}

.copyright-notice:before {
    content: "© 2017 ";
}

div.social-icons,
div.copyright-notice,
div.contact-left,
div.contact-right {
    display: inline;
    margin: 0;
    padding: 0;
}

div.contact-left,
div.contact-right {
    display: inline-block;
    min-width: 18em;
}

div.social-icons {
    float: left;
    margin: 6pt;
}

img.social-icon {
    margin: 3pt;
}

div.copyright-notice {
    float: right;
    text-align: right;
    font-size: 10pt;
    line-height: 18pt;
}

div.contact-left,
div.contact-right,
div.contact-left a {
    font-size: 10pt;
    /*float: left;*/
    line-height: 18pt;
}

    div.contact-left a {
    }

#contact-us {
    font-size: 14pt;
}

.footer .login-info {
    display: inline;
    color: White;
    float: right;
    text-align: right;
    line-height: 18pt;
}

    .footer .login-info a,
    .footer .login-info a:visited {
        color: White !important;
    }

/* LOGIN */

input[type="button"],
input[type="submit"],
.aspButton {
    display: inline-block;
    margin: 3pt 1pt 6pt 1pt;
    padding: 9pt;
    font-weight: bold;
    font-size: 12pt;
    text-transform: uppercase;
    text-decoration: none;
    border-radius: 0px;
    border: 0px solid #fff;
    color: #fff;
    text-shadow: -1px -1px 0px rgba(200,200,200,0.3);
    box-shadow: none;
    background-color: hsl(196, 48%, 55%); /*!important;*/
    background-image: none;
    /*	background-image: linear-gradient(to bottom, #f2f5f6, #c8d7dc);   */
}

    input[type="button"]:hover,
    input[type="submit"]:hover,
    .aspButton:hover {
        background-color: hsl(196, 96%, 55%); /*!important;*/
        background-image: none;
        box-shadow: 3px 3px 6px #ccc;
        text-shadow: 1px 1px 1px rgba(200, 200, 200, 0.75);
    }

div#credentials-box {
    background-color: hsl(46, 91%, 52%);
    padding: 10px 1.5em !important;
}

#pnlWelcome {
    background-color: hsla(0,100%,100%,0.7);
}

#header, div.header {
    text-align: left;
}


#header_menu li {
    display: inline;
}

#divMainGrid {
    min-height: 50vh;
}

#sidebarContent,
.menu-container,
.sidebar {
    z-index: 75;
    /*background-color: hsl(196, 48%, 75%);*/ /* Monday Morning Background Purge */
}

    #sidebarContent li {
        /*background-color: hsl(196, 48%, 55%);*/
        color: hsl(196, 48%, 55%);
        font-size: 10pt !important;
    }

.single-course h3.course-name {
    color: hsl(196, 69%, 63%);
    font-size: 18pt;
}

.lblCourseName {
    color: white;
    font-size: 18pt;
}

#sidebarContent #lblCourseName2 {
    color: white;
    font-size: 12pt;
}

div.parentItem,
div.parentItem a,
div.parentItem a:visited,
li.childItem,
li.childItem a,
li.childItem a:visited,
.course-sections li.section-name,
.course-sections .responsive-only {
    /*color: hsl(194, 65%, 43%);*/
    font-size: 10pt;
    line-height: 10pt;
    font-weight: bold;
    /*margin: 0 !important;*/
    /*height: 16px;*/
    /*padding: 12px 4px;*/
    border: 0 0 1px 0 solid black;
}

    li.childItem,
    li.childItem a {
        font-weight: 300;
    }

li.childItem,
.course-sections li.section-name,
.course-sections li.responsive-only {
    width: 100%;
    /*background-color: hsl(196, 48%, 55%);*/
}

div.parentItem {
    background-color: hsl(189, 55%, 59%);
}

#imgEQUIPlogo {
    margin-top: -10px;
    height: 35px;
    width: 93px;
}

.course-sections li.responsive-only {
    font-size: 12pt;
    font-weight: 300;
    text-transform: uppercase;
    color: white;
}

#header_menu li {
    line-height: 10pt;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
}

.fictional {
    display: block;
    line-height: 0;
    height: 0;
    margin: 0;
    padding: 0;
    content: "";
}

ul.course-sections {
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0 solid white;
}

    ul.course-sections li {
        /*height: 30px;*/
        margin: 0;
        padding: 1px;
        /*background-color: hsl(196, 48%, 65%);*/ /* Monday Morning Background Purge */
        border-bottom: 1px solid white;
    }

        ul.course-sections li.responsive-only {
            /*background-color: hsl(196, 48%, 65%);*/ /* Monday Morning Background Purge */
            padding: 10px;
        }

li.responsive-only span a {
    font-size: 12pt;
    /*margin-top: 6px;*/
}

ul.course-sections li span {
    /*color: white;*/
    font-weight: 700;
    font-size: 14pt;
}

span.section-name {
    font-weight: 700 !important;
}

li.completed a span {
    font-weight: 300;
}

ul.course-sections a,
#lblCourseName2 {
    text-decoration: none;
    color: white; /* Monday Morning Background Purge */
    font-weight: 300;
}

#lblCourseName2 {
    font-weight: 700;
}

.product-purchase-instructions ol {
    list-style: decimal;
}

.single-product ol {
    list-style: decimal;
}

.product-logo-small {
    height: 60px;
    margin: 10px;
}

.product-description {
    font-size: large !important;
}


div.single-course {
    border: 0px solid #ccc;
}

    div.single-course .container {
        border: 1px solid #ccc;
    }

    div.single-course .course-block-white {
        display: block;
        height: 80px;
    }

    div.single-course .course-block-gradient {
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjA1Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4yIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
        background: -moz-linear-gradient(top, hsla(0,0%,0%,0.05) 0%, hsla(0,0%,0%,0.2) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,hsla(0,0%,0%,0.05)), color-stop(100%,hsla(0,0%,0%,0.2))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* IE10+ */
        background: linear-gradient(to bottom, hsla(0,0%,0%,0.05) 0%,hsla(0,0%,0%,0.2) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0d000000', endColorstr='#33000000',GradientType=0 ); /* IE6-8 */
        /*	http://www.colorzilla.com/gradient-editor/#000000+0,000000+100&0.05+0,0.2+100;Custom	*/
    }


span.login-failure {
    background-color: transparent;
}

table {
    /*	clear: both;	*/
}

td img {
    /* margin-left: 1.5vw!important; */
}

td, tr, tbody {
    padding: 0;
    margin: 0;
}

    tbody tr td img {
        margin-left: 10px;
        margin-right: 5px;
    }



table, table tr, table tr td {
    vertical-align: top;
}



.page-content h1 {
    font-weight: 900;
}

.page-content p {
    margin-bottom: .1em;
}

header {
    background-color: hsl(231, 53%, 34%);
}

h1 {
    /*text-align: right;*/
    font-size: 32pt;
    line-height: 32pt;
    padding-top: 30px;
    padding-bottom: 25px;
}

    h1.reallybig {
        font-size: 48pt;
        line-height: 48pt;
    }

h2 {
    font-size: 24pt;
    line-height: 24pt;
}
h3 {
    margin-bottom: 0.5em;
}
h3.right {
    text-align: right;
}

h3.join {
    margin-top: 2em;
    line-height: 95% !important;
}

p {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    padding: 0;
    margin: 0.5em 0;
    margin-block-start: 1em;
    margin-block-end: 1em;
}
p.question {
    font-size: 18px;
    line-height: 23px;
    padding: 0;
    margin: 0.5em 0;
    margin-block-start: 0;
    margin-block-end: 0;
}
li {
    font-size: 18px;
    line-height: 23px;
    font-weight: 500;
    padding: 0;
}
ol li {
    margin: 1em 0 0 2em;
}
ul li {
    margin: 0 0 0 2em;
}
ol {
    margin-bottom: 1em;
}
    p.lead {
        font-size: 21pt;
        line-height: 27pt;
    }
    /*p.lead a {
		color: rgb(108, 121, 128);
		font-weight: 700;
	}*/
    p.larger {
        font-size: 140%;
        line-height: 140%;
        /*margin-top: 1em;
		margin-bottom: 1em;*/
    }

div.consent p {
    padding: 0.5em;
}


a.white-link {
    text-decoration: underline;
    /*color: white;*/
}


/*---------------------Menu/Navigation styles------------------------*/
#simple-navbar {
    /*position: fixed;*/
    height: auto;
    width: auto;
    max-width: 100vw;
    /*top: 0; left: 0; right: 0;*/
    /*text-align: right !important;*/
    /*margin: 0 !important;*/
    background-color: hsl(196, 48%, 55%);
    /*z-index: 99;*/
}

    #simple-navbar * {
        display: block;
        float: none;
        /*text-align: center;*/
        /*margin-left: auto;*/
        margin-right: auto;
    }

    #simple-navbar ul.nav li,
    #simple-navbar .nav > li > a {
        /*display: inline;*/
        padding: 6px 5px;
        /*color: hsl(231, 53%, 34%) !important;*/
        text-decoration: none;
        text-shadow: none;
        font-size: 14pt;
        font-weight: bold;
        text-transform: uppercase;
        border-top: 10px solid transparent;
    }

    #simple-navbar .nav > .active > a,
    #simple-navbar .nav > .active > a:hover,
    #simple-navbar .nav > .active > a:focus {
        color: #99cc99;
        text-decoration: none;
        background: none;
        border-top: 10px solid #99cc99;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    #simple-navbar .logo {
        padding: 4px 8px;
        color: white;
        text-shadow: none;
        font-size: 1.1em;
        font-weight: 100;
        margin-right: 4px;
    }



.boxtitle {
    /* background-color: #003466;	*/
    font-size: 0.9em;
    font-weight: 700;
    color: #003466;
    text-align: left;
    margin: 0 0 0 2pt;
    padding: 0px 4px 4px 0px;
}


.boxtitle-var {
    /*	color: Yellow !important;	*/
    text-decoration: underline;
}

.mgmt-treeview-selected {
    z-index: 99;
}

.shaded {
    background-color: rgba(40,40,40,0.2);
    color: Black;
}

.red-table {
    text-align: left;
    background-color: hsl(180, 42%, 56%);
    color: Black !important;
}

    .red-table .menuitemslist,
    .red-table .completion-stats {
        text-shadow: 0px 0px 0px #000;
        text-align: left;
        width: 220px !important;
        color: #fff !important;
        font-weight: bold !important;
    }

.menuitems {
    font-weight: 700;
    color: #FFFFFF;
}

.menuitemslist,
#course-sections {
    background: transparent;
    /*color: #003466;*/ /* Monday Morning Background Purge */
    color: hsl(196, 48%, 55%);
    list-style-type: none;
    font-weight: normal;
}

    .menuitemslist a,
    .menuitemslist a:visited,
    #course-sections a,
    #course-sections a:visited {
        /*color: #003466;*/ /* Monday Morning Background Purge */
        text-decoration: none;
        list-style-type: none;
        font-weight: normal;
    }
/*.menuitemslist a:hover {
			text-decoration: underline !important;
		}*/
.welcome a {
    color: hsl(196, 100%, 40%);
    text-shadow: 1px 1px 1px #fff;
}

.header_menu {
    background-color: hsl(196, 48%, 55%);
}


/*---------------------Styles for treeviews------------------------*/

.mgmt-treeview {
}

    .mgmt-treeview td {
        vertical-align: top;
    }

    .mgmt-treeview a {
        font-size: .8em;
    }

.mgmt-treeview-hover {
    background-color: #FFFFE0;
}

.mgmt-treeview-selected {
    background-color: #FFFFC0;
    font-size: .8em;
    font-weight: bold;
}


/*---------------------Styles for data tables------------------------*/

h3.blue-title-box {
    background-color: hsla(189, 55%, 79%, 0.6);
    font: 1.1em 'OpenSansSemiBold', Trebuchet MS, Arial, Helvetica, sans-serif;
    color: hsl(196, 48%, 55%);
    padding: 6pt;
    margin: .5% 0 .2% 0;
    width: 98%;
    border-radius: 0px;
    /*	max-width: 40em !important; */
}

table.data-table {
    background-color: hsl(189, 55%, 99%);
    border-radius: 0px;
    border: 1px solid #d0d2d3 !important;
    /*width: 90%;*/
}

    table.data-table td, table.data-table th {
        text-align: left;
        word-wrap: normal;
        border-radius: 0px;
    }

table.data-table {
    padding: 0pt;
    margin: 0pt;
    border-spacing: 0pt !important;
    border-collapse: separate !important;
}

    table.data-table tr td {
        padding: 8pt;
        margin: 4pt;
        border-spacing: 0pt !important;
        border-collapse: separate !important;
    }

    table.data-table th {
        border-spacing: 2px !important;
        border: 1px solid #d0d2d3 !important;
        background-color: hsl(189, 55%, 79%);
        color: hsl(196, 48%, 55%);
        /*	height: 42px;	*/
        padding: 5pt;
    }

        table.data-table th a,
        table.data-table th a:visited {
            color: hsl(196, 48%, 55%);
        }

    table.data-table a:link {
        color: hsl(196, 48%, 55%);
        text-decoration: none;
    }

.data-table-header th {
    background-color: hsla(189, 55%, 79%, 0.6);
    color: hsl(196, 48%, 55%);
    /*	height: 42px;	*/
    padding: 0px;
    text-align: left;
    word-wrap: normal;
    /*font-size: 10pt;*/
}

.data-table-header,
.data-table-header a:link,
.data-table-header a:visited {
    border-radius: 0px;
    vertical-align: baseline;
    text-align: center;
    text-transform: uppercase;
    font-size: 9pt;
    font-weight: 700;
    color: hsl(196, 69%, 33%) !important;
    line-height: 90%;
}

    .data-table-header a:link,
    .data-table-header a:visited {
        display: block;
        padding: 4pt;
        vertical-align: baseline;
    }

tr.data-table-footer {
    background-color: hsla(189, 55%, 79%, 0.6);
}

td.data-table-footer {
    color: #003466;
    font-size: x-small;
    font-weight: bold;
}

tr.data-table-row {
}

    tr.data-table-row td, tr.data-table-altrow td {
        padding: 0px;
        font-size: 10pt;
    }

    tr.data-table-row a, tr.data-table-altrow a {
        /* font-size: x-small;	*/
    }

tr.data-table-altrow {
    background-color: hsla(189, 55%, 79%, 0.2);
}

a.txtViewProgress {
    float: left;
    display: inline-block;
    font-size: .7em;
    text-transform: uppercase;
}

select.page-dropdown {
    width: 12px;
}


/* Need some overrides for controls (e.g. checkbox list) which render as tables*/

table.clear-data-table td {
    border: 0 !important;
    padding: 0;
}

/* now we set some things for the Purchase page */
.purchase-quantity .number-uses-textbox {
    width: 70px;
}




.pdHead {
    border-radius: 0 !important;
    background-color: hsl(89, 46%, 78%); /* olive */
    background-color: hsl(189, 55%, 79%);
    color: hsl(0,0%,41%) !important;
    font-weight: 300 !important;
    font-size: 16pt !important;
    padding: 9pt;
}


.pdToggle.arrowDown {
    background-image: url("/images/general/arrow-sub-nav-white-DOWN.png");
}



.pdToggle.arrowUp {
    background-image: url("/images/general/arrow-sub-nav-white-UP.png");
}





/*---------------------Styles for Progress Bars------------------------*/

.progress-bar-background {
    display: inline-block;
    height: 8px;
    border-radius: 5px;
    border-style: solid;
    border-width: 1px;
    color: Silver;
    background-color: Transparent;
    text-align: left;
    box-shadow: inset -1px 1px 1px hsla(240,20%,20%,0.4);
}

.progress-bar {
    display: inline-block;
    border-radius: 4px;
    height: 8px;
    background-color: hsla(0,100%,40%,0.85);
    box-shadow: inset -1px 2px 1px hsla(240,20%,20%,0.4);
}


tr.data-table-header {
    margin: 3pt !important;
}

.section {
    margin: 1em;
    padding: 1em;
}

div.buttons-back-next {
    margin: 1em;
}

.button-back {
}

.button-next {
    float: right;
}

div.section {
    line-height: 16pt;
}

div.single-choice {
    display: block;
    max-width: 42em;
    margin: 1em 3em 6pt 1.5em;
}

div.embedded-contract {
    margin: 2em auto !important;
}

table.course-invoice {
}

    table.course-invoice td {
        border: 0px solid #ccc;
        padding: 9pt;
    }

    table.course-invoice tr th {
        text-transform: uppercase;
        text-align: center;
        padding: 3pt;
    }

    table.course-invoice tr td.field-label {
        text-transform: uppercase;
        text-align: right;
        font-size: 10pt;
    }

div.special-message {
    background-color: hsl(50, 77%, 73%);
}

.tooltip {
    border: 1px solid hsl(180, 42%, 96%) !important;
    background-color: hsl(180, 42%, 56%) !important;
}

/* SCORM SPECIFIC STUFF */

div.btnExitCourseText a {
    background-color: hsl(180, 42%, 56%) !important;
    color: white;
}



/* PAGE LOADING ANIMATION */

#loadingOverlay > div > div {
    background: hsl(77, 40%, 51%);
}

#loadingOverlay > div > .c2 {
    background: hsl(196, 69%, 63%);
}

#loadingOverlay > div > .c3 {
    background: hsl(47, 93%, 52%);
}

#loadingOverlay > div > .c4 {
    background: hsl(180, 42%, 56%);
}

/*
	green:	hsl(77, 40%, 51%);
	blue:	hsl(196, 69%, 63%);
	orange:	hsl(47, 93%, 52%);
	teal:	hsl(180, 42%, 56%);
	header:	hsl(196, 48%, 55%);
 */

.btn {
    border: none;
    background: hsl(231, 53%, 34%);
    color: white;
    border: 1px solid white;
    font-size: 16.5px;
    text-decoration: none;
    text-shadow: none;
    box-shadow: none;
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
}

    .btn a,
    .btn a:visited,
    .btn a:hover {
        text-decoration: none;
        color: white;
    }

    .btn:hover,
    .btn:focus {
        background-color: hsl(231, 83%, 84%);
        color: hsl(231, 53%, 34%);
        border-color: hsl(231, 53%, 34%);
        -webkit-transition: 0.25s;
        -moz-transition: 0.25s;
        -o-transition: 0.25s;
        transition: 0.25s;
        -webkit-backface-visibility: hidden;
    }

    .btn:active,
    .btn:active {
        background-color: #2c3e50;
        color: rgba(255, 255, 255, 0.75);
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }

    .btn.disabled,
    .btn[disabled] {
        background-color: #95a5a6;
        color: white;
    }

    .btn.btn-large {
        display: block;
        padding: 1em;
        margin: 1em auto;
        text-align: center;
        font-size: 18pt;
        line-height: 18pt;
        font-weight: 900;
        width: auto;
        max-width: 30em;
    }

    .btn.btn-block {
        padding: 9pt;
    }

.btn-12em {
    max-width: 12em !important;
    margin: 2em !important;
}

.btn-18em {
    max-width: 18em !important;
    margin: 2em !important;
}

@media only screen and (min-device-width: 1025px) { /* THIS IS DESKTOP */
    #simple-navbar {
        position: fixed;
        height: auto;
        width: auto;
        /*max-width: 100vw;*/
        top: 0;
        left: 0;
        right: 0;
        /*text-align: right !important;*/
        /*margin: 0 !important;*/
        /*background-color: white;*/
        z-index: 99;
    }

        #simple-navbar ul.nav li,
        #simple-navbar .nav > li > a {
            display: inline;
            /*padding: 6px 5px;*/
            /*color: hsl(231, 53%, 34%) !important;*/
            /*text-decoration: none;*/
            /*text-shadow: none;*/
            /*font-size: 14pt;*/
            /*font-weight: bold;*/
            /*text-transform: uppercase;*/
            /*border-top: 10px solid transparent;*/
        }


    #sidebarContainerAPP {
        background-color: transparent;
        border-width: 0 !important;
        width: 19vw;
        min-width: 187px;
        word-wrap: hyphenate;
        text-wrap: normal;
        overflow-wrap: break-word;
        overflow: hidden;
        float: left;
    }

    #sidebarContainerLMS,
    #sidebarContent,
    #sidebarContent ul {
        background-color: transparent;
        border-width: 0 !important;
        width: 19vw;
        min-width: 187px;
        word-wrap: hyphenate;
        text-wrap: normal;
        overflow-wrap: break-word;
        overflow: hidden;
    }

        #sidebarContent div {
        }

    #hdrMentoringCentral {
        width: 100vw;
        text-align: left;
    }


    #header_menu li.childItem a,
    #header_menu li.childItem a:visited {
        /*color: #ddd;*/
        color: #005a8b;
        display: inline;
    }

    #btnToggle {
        display: none;
    }

    ul.course-sections,
    ul.course-sections li,
    ul.course-sections a,
    li.section-name,
    .lblCourseName,
    .lblCourseName2 {
        text-decoration: none;
        color: hsl(196, 69%, 63%);
        font-weight: 300;
        border: none;
        font-size: 16pt;
        line-height: 16pt;
    }

        .lblCourseName span {
            line-height: 90%;
            max-width: 400px;
            word-wrap: break-word;
        }

    li.lesson-name {
        margin-top: 12pt !important;
    }

        li.lesson-name span.lesson-name {
            font-size: 16pt !important;
            font-weight: 700 !important;
            margin-top: 18pt !important;
        }




    ul.course-sections {
    }

        ul.course-sections li {
            border-bottom: 0px solid white;
        }

            ul.course-sections li.responsive-only {
                color: red;
                visibility: visible;
                padding: 10px;
            }

    li.responsive-only span a {
        font-size: 12pt;
    }

    ul.course-sections li span {
        font-weight: 700;
        font-size: 12pt;
        color: rgb(95, 191, 226);
    }

    #pdHead-233 span,
    ul.course-sections .pdBody-233 span {
        color: rgb(34, 108, 178);
    }

    #pdHead-234 span, #pdHead-235 span, #pdHead-236 span,
    #pdHead-237 span, #pdHead-238 span,
    ul.course-sections .pdBody-234 span,
    ul.course-sections .pdBody-235 span,
    ul.course-sections .pdBody-236 span,
    ul.course-sections .pdBody-237 span,
    ul.course-sections .pdBody-238 span {
        color: rgb(150, 188, 51);
    }

    #pdHead-239 span, #pdHead-240 span, #pdHead-241 span,
    #pdHead-242 span, #pdHead-243 span,
    ul.course-sections .pdBody-239 span,
    ul.course-sections .pdBody-240 span,
    ul.course-sections .pdBody-241 span,
    ul.course-sections .pdBody-242 span,
    ul.course-sections .pdBody-243 span {
        color: rgb(147, 144, 192);
    }

    #pdHead-244 span, #pdHead-245 span, #pdHead-246 span,
    #pdHead-247 span, #pdHead-248 span,
    ul.course-sections .pdBody-244 span,
    ul.course-sections .pdBody-245 span,
    ul.course-sections .pdBody-246 span,
    ul.course-sections .pdBody-247 span,
    ul.course-sections .pdBody-248 span {
        color: rgb(233, 147, 127);
    }

    #pdHead-249 span, #pdHead-250 span, #pdHead-251 span,
    #pdHead-252 span, #pdHead-253 span, #pdHead-254 span,
    #pdHead-255 span, #pdHead-256 span, #pdHead-257 span,
    #pdHead-258 span,
    ul.course-sections .pdBody-249 span,
    ul.course-sections .pdBody-250 span,
    ul.course-sections .pdBody-251 span,
    ul.course-sections .pdBody-252 span,
    ul.course-sections .pdBody-253 span,
    ul.course-sections .pdBody-254 span,
    ul.course-sections .pdBody-255 span,
    ul.course-sections .pdBody-256 span,
    ul.course-sections .pdBody-257 span,
    ul.course-sections .pdBody-258 span {
        color: rgb(137, 184, 215);
    }

    span.section-name {
    }

    li.completed a span {
    }

    #sidebarContent,
    .menu-container,
    .sidebar {
        background-color: transparent;
    }

        .childItem,
        #sidebarContent li {
            color: black;
            clear: both;
            /*font-weight: bold;*/
            border: 0 0 1px 0 solid black;
            cursor: pointer;
        }

    div.parentItem,
    div.parentItem a,
    div.parentItem a:visited,
    li.childItem a,
    li.childItem a:visited {
        /*color: black;*/
        text-decoration: none;
        cursor: pointer;
    }
    /*li.responsive-only {
			display: none;
		}*/
    /*
	green:	hsl(77, 40%, 51%);
	blue:	hsl(196, 69%, 63%);
	orange:	hsl(47, 93%, 52%);
	teal:	hsl(180, 42%, 56%);
	header:	hsl(196, 48%, 55%);
*/

    #sidebarContainerAPP #sidebarContent { /* effectively, .childItem */
        /*background-color: rgba(172, 222, 231, 0.4);*/
        color: hsl(196, 48%, 55%);
        background-color: rgb(222,242,245);
    }

    #sidebarContent .parentItem { /* was a .mid */
        background-color: #005a8b;
        color: #fff;
        /*color: hsl(196, 48%, 55%);*/
        /*background-color: rgb(212,234,209);*/
        /*background-color:hsl(89, 46%, 78%) ;*/
    }

    .page-menu-responsive-small #sidebarContent .parentItem,
    .page-menu-responsive-medium #sidebarContent .parentItem {
        background-color: hsl(189, 55%, 59%) !important;
        font-size: 10pt;
        color: white;
    }

    .pnlAdminMenus td a:active {
        font-size: 1em !important;
    }

    #imgEQUIPlogo {
        margin-top: -10px;
    }

    .header {
        margin-left: 0;
        margin-right: 0;
        padding: 0;
        height: 70px;
    }

        .header img {
            margin-top: 6pt;
        }

    ul.menu-container li {
        display: inline;
    }

    #header_menu {
        position: absolute;
        top: 20px;
        right: 5px;
    }

        #header_menu ul,
        #header_menu ul li {
            display: inline;
            margin-right: 6pt;
            float: right;
        }

        #header_menu li,
        #header_menu .childItem {
            /*float: left;*/
            clear: none;
            display: inline;
            position: relative;
            padding: 0;
            margin: 0;
            line-height: 30pt;
            text-transform: uppercase;
            font-weight: bold;
            border: none;
        }

            #header_menu li a {
                display: inline;
                padding: 0 15pt;
                text-decoration: none;
                font-size: 11pt;
                height: 30pt !important;
            }

        #header_menu ul,
        #header_menu ul li {
            /* display: inline; */ /* causes that weird crazy vertical spacing thing when responsive */
        }

            #header_menu ul li a,
            #header_menu ul li a:visited {
                color: blue; /* SRSLY? */
                text-decoration: none;
            }
}


@media (max-device-width: 1024px) and (orientation: landscape) { /* THIS IS TABLET */
    /* do desktop style left/right thing */
    .header_menu-responsive-small,
    .header_menu-responsive-medium,
    .page-menu-responsive-small,
    .page-menu-responsive-medium {
    }

        .header_menu-responsive-small,
        .header_menu-responsive-small div,
        .header_menu-responsive-small a,
        .header_menu-responsive-small a:visited,
        .page-menu-responsive-small,
        .page-menu-responsive-small div,
        .page-menu-responsive-small a,
        .page-menu-responsive-small a:visited {
            font-size: 16px !important;
            color: white;
        }

            .header_menu-responsive-small .childItem,
            .header_menu-responsive-small .parentItem,
            .page-menu-responsive-small .childItem,
            .page-menu-responsive-small .parentItem {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .header_menu-responsive-medium,
        .header_menu-responsive-medium div,
        .header_menu-responsive-medium a,
        .header_menu-responsive-medium a:visited,
        .page-menu-responsive-medium,
        .page-menu-responsive-medium div,
        .page-menu-responsive-medium a,
        .page-menu-responsive-medium a:visited {
            font-size: 24px !important;
            color: white;
        }

            .header_menu-responsive-medium .childItem,
            .header_menu-responsive-medium .parentItem,
            .page-menu-responsive-medium .childItem,
            .page-menu-responsive-medium .parentItem {
                padding-top: 20px;
                padding-bottom: 20px;
            }
}

@media (max-device-width: 768px) and (orientation: portrait) { /* THIS IS TABLET */
    /* do full picture with login at bottom */
    .header_menu-responsive-small,
    .header_menu-responsive-medium,
    .page-menu-responsive-small,
    .page-menu-responsive-medium {
    }

        .header_menu-responsive-small,
        .header_menu-responsive-small div,
        .header_menu-responsive-small a,
        .header_menu-responsive-small a:visited,
        .page-menu-responsive-small,
        .page-menu-responsive-small div,
        .page-menu-responsive-small a,
        .page-menu-responsive-small a:visited {
            font-size: 16px !important;
            color: white;
        }

            .header_menu-responsive-small .childItem,
            .header_menu-responsive-small .parentItem,
            .page-menu-responsive-small .childItem,
            .page-menu-responsive-small .parentItem {
                padding-top: 10px;
                padding-bottom: 10px;
            }

        .header_menu-responsive-medium,
        .header_menu-responsive-medium div,
        .header_menu-responsive-medium a,
        .header_menu-responsive-medium a:visited,
        .page-menu-responsive-medium,
        .page-menu-responsive-medium div,
        .page-menu-responsive-medium a,
        .page-menu-responsive-medium a:visited {
            font-size: 24px !important;
            color: white;
        }

            .header_menu-responsive-medium .childItem,
            .header_menu-responsive-medium .parentItem,
            .page-menu-responsive-medium .childItem,
            .page-menu-responsive-medium .parentItem {
                padding-top: 20px;
                padding-bottom: 20px;
            }
}


.LoginPageBody {
    background-color: hsl(209, 69%, 41%);
    background-image: url("../images/mastermind/MapMenuPageBKG.jpg") !important;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom left;
    width: 100vw;
    height: 100vh;
}