@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700,300,200);

body {
    font-family: 'Source Sans Pro', sans-serif!important;
    background-image:none!important;
    background-color:#FFF;
    color:#4a4f55!important;
}

h1,h2,h3,h4,h5,h6,p,ul,li {font-family:'Source Sans Pro', sans-serif!important;}

footer h3{
    font-family: 'Source Sans Pro', sans-serif!important;
    font-size:21px;
}

h1, body h1 {
    font-size:30px;
    line-height:24px;
    color:#4a4f55;
    text-transform:uppercase;
    font-weight:400;
}

body h2 {
    font-size:30px;
    color:#4a4f55;
    font-weight:400;
}

body p, body ul, body ul li, body ol, body ol li {
    font-size:18px;
    line-height:24px;
    font-weight:400;
    color:#000;
}

body strong {font-size:18px;}

header, footer {
    background-color:#11b4e5!important;
    height:30px;
    width:100%!important;
}

footer {
    padding:40px 0;
    background-image:none;
    height:auto!important;
    overflow:auto!important;
    color:#FFF;
    margin-top:50px;
/*    position:absolute;
    bottom:0px;*/
}

footer ul {
    list-style-type:none;
    margin-left:0;
    padding-left:0;
}

footer li, footer li a, footer h3 {
    color:#FFF!important;
}

footer>div:first-child {
    padding-left:0px;
}

header a {
    color:#FFF!important;
    font-weight:700;
}

#upper_nav {
    float:right;
    margin-right:15%;
    line-height:32px;
    text-transform:uppercase;
}

#upper_nav a {
/*    display:block;*/
    margin:0 5px;
    text-decoration:none!important;
}

#upper_nav a span.glyphicon {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}

#upper_nav a span.cart_count {
    
}

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

nav .dropdown-menu {
    min-width:20rem;
    padding-top:0px;
    padding-bottom:0px;
}

.navbar-default {
    background-color:#FFF;
    border:0;
    padding:20px 0;
}

.navbar-default .navbar-brand {
    padding-left:0;
}

/*#master_nav>ul {
    margin-top:20px;
    float:right;
    margin-right:15%;
}*/

.navbar-nav ul > li {
    background-color:#11b4e5;
}
.dropdown-menu > li > a {
    color:#FFF!important;
}

.dropdown-menu > li:hover > a,
.dropdown-menu > li > a:hover {
    color:#11b4e5!important;
}

nav ul li a {
    color:#000!important;
    font-weight:700;
    text-transform:uppercase!important;
}

nav ul li a.non-upper, .non-upper {
    text-transform:none!important;
}

.dropdown-menu {padding:0px 0px;}

.jumbotron {
    background-color:#FFF;
    padding-left:0;
    padding-right:0;
}

.jumbotron .carousel-inner {
    padding-bottom:35px;
}
#main_carousel .col-md-9 {text-align:left;}
#main_carousel ul {padding-left:25px;}
#main_carousel ul li {
    color:#FFF;
    text-align:left;
    font-size:24px;
    line-height:30px;
}

#main_carousel.jumbotron .carousel .item {
    min-height:335px;
    background-repeat:no-repeat;
    background-size:cover;
}

#main_carousel {margin-bottom:-35px;background-color:transparent;}

.jumbotron .carousel-caption {
    font-size:60px;
    font-weight:200;
    line-height:72px;
    left:10%;
    right:10%;
}

.jumbotron .carousel-caption span {
    font-weight:400;
}

#main_content {position:relative;}

#main_carousel {position:relative;padding-bottom:0px;padding-top:0px;}

.carousel_overlay img {
    max-width:110%;
    position:absolute;
    left:-55px;
    bottom:-265px;
}

.carousel-indicators {
    bottom:25px;
}

#breadcrumbs {
    font-size:18px;
    line-height:24px;
    font-weight:200;
    color:#4a4f55;
    margin-bottom:50px;
    margin-top:30px;
}

#breadcrumbs > span {font-weight:700;}

.black-header {
    background-image:url(../img/black_header_bg.png);
    background-repeat:no-repeat;
    background-size:cover;
    height:163px;
    padding:0;
    margin:10px 0 0;
}

.black-header.inner {
    height:117px;
    position:relative;
}
.black-header.inner h2,
.black-header.inner h1 {
    color:#FFF;
    position:absolute;
    left:8%;
    bottom:10%;
    text-transform:uppercase;
    font-size:30px;
}


.black-header.inner img {
    position:absolute;
    right:5%;
    bottom:-20px;
    width:50%;
}

.btn.btn-big>span {
    padding-left:10px;
    font-size:16px;
}

.btn.btn-small>span {
    padding-left:10px;
    font-size:13px;
}


.btn-big {
    font-size:21px;
    line-height:31px;
    border-radius:20px;
    font-weight:700;
}

.btn-small {
    font-size:14px;
    line-height:21px;
    border-radius:15px;
    padding:3px 15px;
}

.btn-blue {
    background-color:#11b4e5;
    color:#fff;
}

.btn-dark {
    background-color:#4a4f55;
    color:#FFF;
}

.btn-blue:hover {
    color:#FFF;
}

.arrow-divider {
    padding:0;
    text-align:center;
    margin-bottom:-35px;
/*    background-image:url(../img/v2/arrow_down.png);
    background-repeat:no-repeat;*/
}

.carousel-fade .carousel-inner .item {transition-property: opacity;}
.carousel-fade .item, .carousel-fade .active.left, .carousel-fade .active.right {opacity:0;}
.carousel-fade .active,.carousel-fade.next.left,.carousel-fade.prev.right {opacity:1;}
.carousel-fade.next,.carousel-fade.prev,.carousel-fade.active.left,.carousel-fade.active.right {left: 0;transform: translate3d(0, 0, 0);}
.carousel-fade.carousel-control {z-index: 2;}

#testimonials_wrapper {
    background-image:url(../img/v2/testimonials_bg.jpg);
    background-size:cover;
    max-height:320px;
}

#testimonials_wrapper .item {
    min-height:300px!important;
}

#testimonials_wrapper .carousel-indicators {bottom:60px;}

#testimonials_wrapper .carousel-caption {text-align:left;padding-top:0px;bottom:inherit;}
#testimonials_wrapper .carousel-caption h3 {font-size:30px!important;color:#FFF!important;font-weight:200;}
#testimonials_wrapper .carousel-caption p {font-size:24px; line-height:30px;color:#FFF!important;}

#blog_wrapper hr {color:#CCC;background:#CCC; width:95%;margin:auto;}

.blog-entry {
    font-size:18px;
    line-height:24px;
    font-weight:200;
    color:#4a4f55;
    margin:25px 0;
    overflow:auto;
}

.blog-entry .btn {
    margin-top:20px;
}

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

#group_table td {
    border-top:1px solid black;
    background-color:#ededee;
    width:19%;
    text-align:center;
}

#group_table td:first-child{
    width:23%;
}

#group_table tr:nth-child(3) {border-top:none;}

#group_table .even td {background-color:#FFF;}
#group_table .odd td {background-color:#ededee;}

.table-header {
    text-transform:uppercase;
}

.table-header td {border-top:none!important;}

/* PRODUCTS */
.products_container {}
    
.product_summary {
    height:335px;
    width:100%;
    color:#4a4f55;
    font-size:18px;
    line-height:18px;
    margin-bottom:50px;
}

.product_summary a, .product_summary .price{
    color:#4a4f55!important;
}

.product_summary .price {
    font-weight:400;
}

.product_summary .bottom {
    bottom:-15px;
}


.shell_content {
    border-radius:0px!important;
    -webkit-border-radius:0px!important;
    border:1px solid black;
    padding:0px;
    margin-bottom:40px;
    background-color:#ededed;
}

.shell_content #loading_gif {
    position:absolute;
    left:45%;
}

.container .shell_content ul#user_nav {
    border-radius:0!important;
    -webkit-border-radius:0!important;
    background-color:#11b4e5;
    height:75px;
    padding:0 15px;
    margin-bottom:0;
}

.container .shell_content ul#user_nav li {
    width:16%;
    border-radius:0;
    -webkit-border-radius:0;
    height:75%;
    border:0;
    margin-top:18px;
    margin-right:0;
    background-color:#089cc9;
    border-bottom:1px solid black;
    color:#FFF;
    text-align:center;
}
.container .shell_content ul#user_nav li.active {
    border:1px solid black;
    border-bottom:none!important;
    background-color:#ededee;
}

.container .shell_content ul#user_nav li a {
    font-size:18px!important;
    line-height:40px!important;
    font-weight:400;
    text-transform:uppercase;
}

.container .shell_content ul#user_nav li.active a {
    color:#11b4e5;
}

.shell_content #tab_content {
    background-color:#ededee;
    background-image:none!important;
    margin:0;
    border:0!important;
    padding:0;
}

.shell_content #tab_content .tab_button_links {margin-bottom:-10px;}
.shell_content #tab_content .tab_button_links button {
    text-transform:uppercase;
    font-weight:700;
}

.container .shell_content #tab_content > h3 {
    margin-top:0px;
    margin-left:20px;
    padding-top:20px;
    text-transform:uppercase;
}
.container .shell_content #tab_content div > div {
    padding:10px;
}

.shell_content #tab_content .even {background-color:#FFF;}
.shell_content #tab_content .details.even {background-color:#e4eef6!important;}

.shell_content #tab_content .hrcp_button {
    padding:3px 8px;
    text-transform:uppercase;
    font-weight:700;
}

.access_code_holder {
     margin-top:15px;
     background-color:#11b4e5;
     color:#FFF;
     overflow:auto;
     clear:both;
     padding:20px 10px!important;
}
.access_code_holder form{
    float:right;
    font-weight:700;
    text-transform:uppercase;
}

.access_code_holder form button {
    text-transform:uppercase!important;
    font-weight:700;
}

#contact_form label {
    font-size:18px;
}

@media screen and (max-width:600px){
    body {
        padding:0px!important;
    }
    .jumbotron.black-header, #shape-row {
/*        background-image:none!important;*/
        display:none;
    }
    #testimonials_wrapper .carousel-caption h3 {font-size:20px!important;}
    #testimonials_wrapper .carousel-caption p {font-size:14px; line-height:18px;}
    #main_carousel {padding-bottom:30px;}
}

@media screen and (max-width:449px) {
    .carousel-caption .container {
        font-size:22px !important;
        line-height:26px !important;
    }
    #main_carousel ul li {
        font-size:14px !important;
        line-height:18px !important;
    }
}

@media screen and (max-width:1200px){
    .carousel_overlay {display:none;}
}

@media screen and (max-width:1395px){
    .navbar-brand img.full {display:none !important;}
    .navbar-brand img.medium {display:block !important;}
}

@media screen and (max-width:1082px){
    .navbar-brand img.full,.navbar-brand img.medium {display:none !important;}
    .navbar-brand img.mobile {display:block !important;}
    #master_nav>ul {margin-right:5%;}
}


@media screen and (max-width:990px) {
    .jumbotron .carousel-caption
     {
        font-size:28px !important;
        line-height:32px !important;
        bottom:inherit;
    }
    
    .carousel-item {
        height:25vh !important;
        background-size:cover !important;
    }
}

/* TESTING */
.modal-content {padding:0px!important;}
#pnlExamProgressBar {
    height:23px!important;
    padding-top:0px !important;
    padding-left:0px !important;
}
#pnlExamProgressBar .ui-progressbar-value {
/*    padding:1px;*/
}
#test_holder .modal-dialog {width:900px;}
#test_holder .modal-content {
  width: 900px;
  min-height: 800px; }

#test_holder .modal-content .modal-header {
    background-color:#11b4e5!important
}


#mainExamContent {min-height:700px!important;}
#mainExamContent #fromUnit {margin-top:0px!important;}
.lang-btn {
    padding:0px !important;
}
.scenario_wrapper {
    border:1px solid black;
    height:150px;
    display:block;
    overflow:auto;
}

#order_discount_row {
    color:red;
}

#remove_discounts:hover {
    cursor:pointer;
}

#answer_placeholders {
    background-color:#e5f1fc;
    min-height:180px;
}


#matching_answers_wrapper {
    margin-top:-10px;
    overflow-y:auto;
    overflow-x:hidden;
    height:600px;
}

#matching_answers_wrapper > .row {
    margin-bottom:0px;
    padding-top:0px !important;
    padding-bottom:0px !important;
}
#matching_answers_wrapper > .row > div {
    float:left;
}

#matching_answers_wrapper > div > div {
    font-size:12px;
}

.ans-def {
    font-size:14px !important;
}

.drop-wrapper {
    clear:both;
    padding:0px !important;
    margin:5px auto !important;
    overflow:auto;
}

.drop-wrapper > div:first-child {
    padding-top:0px !important;
    padding-bottom:0px !important;
}

.drop-wrapper > div {
    float:left;
}
.ui-droppable {
    margin:0px auto !important;
}
.ui-droppable, .ui-draggable {
    border:1px solid black;
    border-radius:5px;
    margin:5px 0;
    padding:5px !important;
    background-color:#FFF;
}

.ans-term, .user-answer, .term-parent {
    width:225px;
}

.ans-term {
    background-color:#f2d8ff;
}

.user-answer > .ans-term {
    margin:0px 1px !important;
    border-width:0px;
    width:223px !important;
}

.term-parent{
/*    background-color:#FFF;*/
    float:left;
/*    margin:5px auto;*/
    width:50%;
    text-align:center;
    margin:5px 0;
}

.term-parent > div {
    margin:auto;
}

#progressbox {
    margin-top:-6px;
    padding-top:0px;
    padding-left:0px;
}

.btn-submit-matching {
    clear:both;
/*    border:1px solid #369 !important;
    color:#369;*/
/*    text-transform:uppercase;
    padding:5px !important;*/
    width:33.34%;
    float:unset !important;
    margin:10px auto;
    
    display:block !important;
/*    background-color:#e5f1fc;*/
}

#definitions {
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}

.term-parent {
    padding:0px !important;
}

#answer_placeholders > div.btn {
    border:1px solid black;
    background-color:#e9e9e9;
    position:absolute;
    bottom:10px;
    right:10px;
    font-size:12px;
    font-weight:bold;
    padding:7px !important;
    width:75px;
}

body #mainExamContent #pnlExamButtons {
    bottom:unset;
    top:70px;
    right:30px;
    left:unset;
}

body #mainExamContent #pnlExamButtons.review {
    top:8px;
    position:absolute!important;
}

#leftExamContent.completed + #mainExamContent .lang-btn {
    margin-top:-120px;
}

body #mainExamContent #pnlExamButtons * {
    font-size:12px;
}

body #mainExamContent #lstQuestionAnswers li label {
    left:13px;
    top:2px;
    font-size:16px;
}

td.incorrect {
    color:#FF0000;
}

.test_section > h3 {
    margin:20px;
    text-decoration:underline;
}

@media screen and (max-width:768px) {
    #upper_nav {
        margin-right:5%;
    }
    header #lang_buttons {
      left:5px;
      top:6px;
      right:0px;
      width:100px;
    }

    /* User Nav */
    .container .shell_content ul#user_nav {
        display:grid;
        grid-template-rows: auto;
        gap:5px;
        height:auto;
    }
    
    .container .shell_content ul#user_nav li {
        width:100%;
        height:100%;
        margin:0;
    }
    .container .shell_content ul#user_nav li.active {
        
    }
    
    .container .shell_content ul#user_nav li a {
        line-height:inherit !important;
        width:100%;
        height:100%;
        display:block;
    }
    
    .container .shell_content ul#user_nav li.active a {
        
    }
    /* END USER NAV */

    #welcome_txt {
        font-size:26px !important;
    }
    #profile_form {
        max-width:90%;
    }

    #instructor_table #top_row {
        display:grid;
        grid-template-columns: 1fr;
        gap:5px;
    }

    select#reviewClass {
        max-width:300px;
    }

    #addr_book_table tbody, #addr_book_table thead {
        display:grid;
        grid-template-rows:1fr;
        gap:5px;
    }
    #addr_book_table tbody tr {
        display:grid;
        grid-template-columns: repeat(2, 50%);
        gap:5px;
        align-items:center;
        align-content:center;
    }

    #addr_book_table tbody td, #addr_book_table thead th {
        display:block;
        padding:5px;
        text-align:left;
    }

    #addr_book_table tbody td:nth-child(3),
    #addr_book_table tbody td:nth-child(4),
    #addr_book_table thead th:nth-child(3),
    #addr_book_table thead th:nth-child(4),
    #addr_book_table thead th:first-child,
    #addr_book_table tbody td:first-child
     {
        display:none;
    }
}

.privacy-policy {
    position:fixed;
    bottom:0;
    z-index:1;
    background-color:#22505c;
    color:#fff;
    width:100%;
    text-align:center;
    padding:30px 30px;
    display:none;
}

a.dismiss-pp {
    display:inline-block;
    float:right;
}

a.dismiss-pp > i {
    color:#fff;
    vertical-align: inherit !important;
    font-size: 1.5em;
    position: absolute;
    top: 15px;
    right: 15px;
}

.pprivacy {
    color:#fff;
    margin:0px;
    display:inline-block;
    padding-right: 20px;
    padding-left: 20px;
    font-size:18px!important;
    text-align:left;
}

p.pprivacy > span.link {
    color:#FFF;
    text-decoration:underline;
    font-weight:bold;
}

p.pprivacy > span.link a {
    color:#FFF;
}

.privacy-policy .btn.btn-default.btn-accept {
    background-color:#eee !important;
    color:#2e2e2e !important;
    border-color:#000;
    height:45px;
    line-height:26px;
}
/*
@media only screen and (min-width : 1773px) {
    p.pprivacy {line-height:45px !important;}
}*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1024px) {
    .pprivacy{
/*                    font-size:15px !important;*/
    }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
    .pprivacy{
/*                    font-size:11px !important;*/
    }

    .privacy-policy .btn.btn-default.btn-accept {
        margin-top:20px;
        float:left;
        margin-left:20px;
    }
    
    .container .shell_content ul#user_nav li a {
        font-size:14px!important;
    }
    
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .pprivacy{
/*                    font-size:10px !important;*/
        display: block !important;
        padding-top:5px !important;
    }
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {
    .pprivacy{
/*                    font-size:10px !important;*/
        display: block !important;
    }
}