#wholebody {
}

#bluetop {
}

/* HEADER INFORMATION */

.nav-item {
    margin-right: 15px;
}

.navbar-dark {
    background-color: transparent;
}

.navbar-nav a:hover {
    color: #F37021 !important;
}

.darkHeader {
    background-color: rgba(15, 60, 108, 1); /*#0F3C6C;*/
}

.navbar-dark .navbar-nav .nav-link {
    color: #FFFFFF;
}

.clearHeader {
    background-color: rgba(15, 60, 108, 1);
}

#navbarSupportedContent {
    margin-right: 88px;
}

#logo_image {
    /*height: 50px;*/
    margin-right: 25px;
}

.loginbutton {
    background-color: #F37021;
    color: #FFFFFF;
    padding: 2px 15px 2px 15px;
    border: solid 1px #FFFFFF;
    font-size: 1.3rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-right: 41px;
}

#headerspacer {
    height: 66px;
    margin: 0;
    padding: 0;
}

@media only screen and (min-width: 765px) {

    .navbar-dark {
        min-height: 76px;
    }
}


.dropdown-menu {
    background-color: rgba(15, 60, 108, 1); /*#0F3C6C;*/
    border: 0;
}

.dropdown-item {
    color: #FFFFFF;
    border-bottom: solid 1px rgba(255, 255, 255, 0.25);
}

/* add some padding to largest screen sizes */
@media only screen and (min-width: 1251px) {
    #logo_image {
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: 25px;
    }
}


@media only screen and (max-width: 1557px) and (min-width: 1481px) {
    #logo_image {
        margin-left: 15px;
    }

    #navbarSupportedContent {
        margin-right: 30px;
    }

    .loginbutton {
        margin-right: 31px;
    }
}

@media only screen and (max-width: 1480px) and (min-width: 1440px) {
    #logo_image {
        margin-left: 15px;
    }

    #navbarSupportedContent {
        margin-right: 15px;
    }

    .loginbutton {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1441px) and (min-width: 1376px) {
    #logo_image {
        margin-left: 15px;
    }

    #navbarSupportedContent {
        margin-right: 15px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 0.9rem !important;
    }

    .loginbutton {
        margin-right: 15px;
    }
}

@media only screen and (max-width: 1375px) and (min-width: 1341px) {
    #logo_image {
        margin-left: 15px;
    }

    #navbarSupportedContent {
        margin-right: 15px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 0.9rem !important;
    }

    .loginbutton {
        margin-right: 15px;
        font-size: 1.1rem;
        padding: 2px 10px 2px 10px;
    }
}

@media only screen and (max-width: 1340px) and (min-width: 1297px) {
    #logo_image {
        margin-left: 15px;
    }

    #navbarSupportedContent {
        margin-right: 15px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 0.85rem !important;
    }

    .loginbutton {
        margin-right: 15px;
        font-size: 1.1rem;
        padding: 2px 10px 2px 10px;
    }
}

@media only screen and (max-width: 1296px) and (min-width: 1200px) {
    #logo_image {
        margin-left: 5px;
        height: 40px;
    }

    #navbarSupportedContent {
        margin-right: 5px;
    }

    .navbar-dark .navbar-nav .nav-link {
        font-size: 0.8rem !important;
    }

    .loginbutton {
        margin-right: 5px;
        font-size: 1.0rem;
        padding: 2px 10px 2px 10px;
    }
}

@media only screen and (max-width: 1200px) {
    .loginbutton {
        margin-right: 5px;
        font-size: 1.0rem;
        padding: 2px 10px 2px 10px;
    }
}

/* END - Navbar */

/* Main Content */

#maincontent {
    margin-top: 25px;
    margin-bottom: 25px;
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 765px) {
    #maincontent {
        margin-bottom: 15px;
    }
}

.maincontent_text {
    max-width: 95%;
    margin-left: 16px;
    margin-right: 16px;
}


.homepagespacer {
    padding: 0;
    margin: 0;
    margin-top: 35px;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-right: 10px;
    height: 1px;
    background-color: rgba(0, 187, 193, 0.6); /*#0F3C6C;*/
}

.homepagespacer_blank {
    padding: 0;
    margin: 0;
    margin-top: 35px;
    margin-bottom: 35px;
    margin-left: 10px;
    margin-right: 10px;
    height: 1px;
}

.padleftright {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

/* add some padding to largest screen sizes */
@media only screen and (min-width: 1251px) {
    .maincontent_text {
        max-width: 1000px;
        margin-left: 103px;
    }
}

@media only screen and (max-width: 1557px) and (min-width: 1197px) {
    .maincontent_text {
        margin-left: 93px;
    }
}

@media only screen and (max-width: 1250px) and (min-width: 1110px) {

    .maincontent_text {
        max-width: 950px;
    }
}

@media only screen and (max-width: 1196px) and (min-width: 990px) {
    .maincontent_text {
        margin-left: 77px;
    }
}

@media only screen and (max-width: 1109px) and (min-width: 990px) {

    .maincontent_text {
        max-width: 875px;
    }
}

@media only screen and (max-width: 1296px) and (min-width: 1200px) {
    .maincontent_text {
        margin-left: 68px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #0F3C6C;
}

h1 {
    font-size: 1.75rem;
    color: #F37021;
    font-weight: bold;
    padding-bottom: 5px;
    margin-bottom: 1.75rem;
    margin-top: 2rem;
}

h2 {
    font-size: 1.3rem;
}

h3 {
    font-size: 1.1rem;
}

.subarea_link {
    font-size: 0.8rem;
    text-decoration: underline;
}

.subarea_colon {
    color: #ccc;
    font-size: 0.8rem;
}

.text {
    margin-top: 0.8rem;
    margin-bottom: 1.6rem;
    text-align: justify;
}

.maincontent_text p {
    margin-top: 0.8rem;
    margin-bottom: 1.6rem;
    text-align: justify;
}

/* END - Main Content */


/* buttons */

.btn-primary {
    background-color: #F37021;
    border-color: #db661f;
}


.mlbutton {
    text-transform: uppercase;
    background-color: #F37021;
    border-color: #db661f !important;
    font-weight: bold;
}

/* END - buttons */

/* Quotes / Testimonials */

.quote_me {
    padding: 5px;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    border-top: solid #F37021 1px;
    border-bottom: solid #F37021 1px;
    background-color: #eee;
    text-align: justify;
}

.quote_who {
    color: #F37021;
    font-style: italic;
    margin-left: 2.5rem;
}

div.testimonial {
}

    div.testimonial span.quote {
        display: inline-block;
        padding: 5px;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        border-top: solid #F37021 1px;
        border-bottom: solid #F37021 1px;
        background-color: #eee;
        text-align: justify;
        width: 100%;
    }

div.speakerinfo {
    color: #F37021;
    font-style: italic;
    margin-left: 2.5rem;
    margin-bottom: 2.5rem;
}

    div.speakerinfo span.speaker {
        font-weight: bold;
    }

    div.speakerinfo span.facility {
    }

/* END - Quotes / Testimonials */


/* Forms */

.omniform .row, .omniform .form-row {
    margin-top: 10px;
    margin-bottom: 10px;
}

/* END - Forms */

/* Popopens */

div.popopenlink {
    margin-top: -1.2rem;
}

div.popopen {
}

.lvar1 {
}

.var1 {
}

.lvar2 {
}

.var2 {
    padding: 1rem;
    background-color: #eee;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.lvar3 {
}

    .lvar3 a {
        display: inline-block;
        padding: 0.25rem 2rem 0.25rem 2rem;
        margin-left: 1.5rem;
    }

        .lvar3 a.withcolor {
            display: inline-block;
            background-color: #F37021;
            color: #fff;
        }

.var3 {
    margin-top: -1rem;
    border: solid 1px #F37021;
    padding: 1rem;
}

.lvar4 {
}

.var4 {
    padding: 1rem;
    background-color: #eee;
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}

.lvar5 {
}

.var5 {
    margin-top: 1rem;
}

.lvar6 {
}

.var6 {
    margin-left: 2rem;
    border-left: dashed 1px #F37021;
    padding-left: 1rem;
}

div.popopenspacer {
    margin-bottom: 1.6rem;
}

/* END - Popopens */

/* Hero Image Carousel */

.carousel-caption_hero {
    position: absolute;
    z-index: 1;
    margin: 0;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0.25rem;
}


.carousel-caption_hero .hero_header {
    font-size: 2.4rem;
    font-weight: bold;
    color: #F37021;
    position: absolute;
    text-align: right;
    top: 95px;
    right: 21%;
}

.carousel-caption_hero .subtext {
    font-size: 1.2rem;
    color: #FFFFFF;
    text-align: right;
    position: absolute;
    top: 170px;
    right: 21%;
    max-width: 870px;
}

.herobutton {
    position: absolute;
    top: 265px;
    right: 21%;
}

.carousel-caption_hero .subtextdark {
    color: #0F3C6C;
}

.carousel-item_hero img {
    max-height: 400px;
}

@media only screen and (max-width: 1405px) {
    .carousel-caption_hero .hero_header {
        font-size: 2rem;
        right: 15%;
        top: 65px;
    }

    .carousel-caption_hero .subtext {
        top: 125px;
        font-size: 1.1rem;
        max-width: 870px;
        right: 15%;
    }

    .herobutton {
        top: 225px;
        right: 15%;
    }
}

@media only screen and (max-width: 1320px) {
    .herobutton {
        top: 215px;
    }
}

@media only screen and (max-width: 1260px) {
    .carousel-caption_hero .subtext {
        max-width: 920px;
    }

    .herobutton {
        top: 205px;
    }
}

@media only screen and (max-width: 1210px) {
    .carousel-caption_hero .hero_header {
        font-size: 2.0rem;
    }

    .carousel-caption_hero .subtext {
        font-size: 1.1rem;
        max-width: 820px;
        top: 110px;
    }

    .herobutton {
        top: 185px;
    }
}

@media only screen and (max-width: 1120px) {
    .carousel-caption_hero .hero_header {
        font-size: 1.9rem;
    }

    .carousel-caption_hero .subtext {
        font-size: 1.0rem;
        max-width: 800px;
        top: 108px;
    }

    .herobutton {
        top: 170px;
    }
}



@media only screen and (max-width: 1050px) {
    .overrideClearHeader {
        background-color: rgba(15, 60, 108, 1) !important;
    }

    #carouselHero {
        margin-top: 76px;
    }

    .carousel-caption_hero .hero_header {
        font-size: 1.3rem;
        top: 20px;
    }

    .carousel-caption_hero .subtext {
        font-size: 1.0rem;
        max-width: 80%;
        top: 65px;
    }

    .herobutton {
        top: 150px;
    }

    #carouselHero .carousel-inner {
        overflow: visible !important;
    }

        #carouselHero .carousel-inner .carousel-item_hero {
            background-color: rgba(15, 60, 108, 1) !important;
            background-image: url(/home/fallback_banner.png);
            height: 200px;
        }

            #carouselHero .carousel-inner .carousel-item_hero img {
                display: none !important;
            }
}

@media only screen and (max-width: 764px) {
    #carouselHero {
        margin-top: 66px;
    }
}




/* END - Hero Image Carousel */

/* modal */

.modal-dialog {
    height: 90%;
}

.modal-content {
    height: 100%;
}

.modal-body {
    height: 80%;
    padding-top: 0;
}

@media only screen and (min-width: 768px) {
    .modal-dialog {
        max-width: 600px;
        width: auto;
    }
}

@media only screen and (min-width: 992px) {
    .modal-dialog {
        max-width: 800px;
    }
}

/* END - modal */


/* Footer */

#top_footer {
    background-color: #FFFFFF;
    background-image: url(/home/ml_website_bottom_bg.png);
    background-repeat: repeat-x;
    color: #FFFFFF;
    padding: 0;
}

#top_footercontent {
    font-size: 8pt;
    padding: 0px;
    text-align: center;
}

#footer {
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #00BAC1;
    color: #FFF;
    font-size: 8pt;
    text-align: center;
}

    #footer a {
        color: #FFFFFF;
    }

/* END - Footer */


/* tables */

table.onscreenreport {
    border-spacing: 0;
}

    table.onscreenreport tr.reportheader {
        font-weight: bold;
        border-bottom: solid 1px #ccc;
    }

    table.onscreenreport tr td {
        padding: 5px;
        padding-right: 15px;
    }

    table.onscreenreport tr.reportheader td {
        font-weight: bold;
    }

/* END - tables */

/* Course boxes */

.coursebox {
    margin-bottom: 20px;
    padding: 0;
    /*background-color: #B5CFE5;*/
}

.coursebox .container {
    margin: 0;
    padding: 0;
}

.courselistingimage {
    
}

.courseListingCoursename {
    font-size: 1.0rem;
}

.courseListingCE {
    font-size: 0.8rem;
}

.courseListingAdded {
    font-size: 0.8rem;
}

.sideproducttitle {
    width: 100%;
    border: solid 1px #ddd;
    background-color: #eee;
    font-size: 1.1rem;
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 10px;
}

/* END - Course boxes*/


/* popouts - images */

div.padleftright {
    text-align: center;
    margin-top: 20px;
}

div.padleftright img.img-fluid {
    max-height: 120px !important;
    max-width: 120px !important;
    margin: auto auto;
}

/* END popouts - images */

.testimonial {
    margin-top: 1.5rem;
    margin-bottom: 2.5rem;
    background-color: rgba(0, 187, 193, 0.08);
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-left: 6rem;
    margin-right: 6rem;
    color: rgba(15, 60, 108, 1);
    border: dashed 1px #F37021;
}

div.testimonial span.quote {
    font-style: italic;
    border: 0;
    border-top: 0;
    border-bottom: 0;
    background-color: transparent;
    font-size: 1.2rem;
    padding: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 5px;
}

.testimonial .speakerinfo {
    font-style: normal;
    margin-bottom: 0;
}

.testimonial .speaker {
    font-style: normal;
}

.testimonial .facility {
    font-style: normal;
}