/*custom style sheet for 2018 refresh*/

body.static-test {
    background-color: #fff;
    margin: 0px;
    padding-top: 0px;
}

.container.main {
    max-width: 1200px;
    padding-left: 0px;
    padding-right: 0px;
}

.blockquote.bg-primary, blockquote.btn-primary {
    background-color: transparent!important;
}

.navbar-brand img {
    height: 40px;
}

.navbar-brand {
    margin-right: 0px;
}

.navbar-toggler {
    border: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

button.navbar-toggler:focus {
    outline: none;
}

.btn-link {
    color: #99a8ba !important;
}

.loginBase {
    background-color: #f8f8f8;  
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 68px;
    padding-left: 20px;
    padding-right: 20px;
}

.loginBox {
    background-color: #ffffff;
    border: 1px solid #dae0e5;
    margin-bottom: 50px;    
    padding-top: 30px;
    padding-bottom: 30px;
}

.loginTitle {
    text-align: center;
    font-size: 22;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 400;   
}


@media (min-width: 768px) {
    .loginTitle {
        font-size: 26px;
        margin-top: 40px;
    }
}

.usernameBox {
    margin-bottom: 15px;
}

#inputGroup-sizing-default {
    background-color: #f8f8f8;
    color: #334f74;
}

#mbgTerms {
    color: darkgrey;
    font-size: 12px;
}

.loginInput {
    padding-top: 10px;
}

.carousel-item > img {
    max-width: -webkit-fill-available;
}

#caption1, #caption3  {
    bottom: 2rem !important;
}

@media (min-width: 768px) {
    #caption1, #caption2, #caption3 {
        bottom:0rem !important;
    }
}

@media (min-width: 1024px) {
    #caption1, #caption2, #caption3 {
        bottom:-6rem !important;
    }
}


#keyMessage1, #keyMessage2, #keyMessage3 {
    font-size: 2rem !important;
}

.blockquote.sample {
    background-color: #d3d3d34f;
    font-size: 1rem !important;
    margin-bottom: 2rem !important;
    border-radius: 0.0rem !important;
    border-bottom: solid 3px !important;
}

.blockquote.sample.text-white {
    color: #334f74 !important;
}

.blockquote.sample.bg-success > h2, .blockquote.sample.bg-danger > h2, .blockquote.sample.bg-info > h2 {
    color: white !important;
} 

.blockquote-footer {
    padding-right: 1rem !important;
    padding-bottom: 1rem !important;
}


.sample-card {
    padding-bottom: 1rem;    
}

.card {
    margin: 0rem 1rem 2rem 1rem;
}

.pricing-info {
/*    background: #007bff;*/
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    width:100%;
}

.program-info {
    background-color: #335075 !important;
    text-align: center;
    padding: 0.5rem;
}

.program-highlight {
    background: #02b5ee !important;
    text-align: center;
    padding: 0.5rem;
}

.programCard {
    width: 20rem;
    min-height: 14rem;
    
}

.in_programCard {
    width: 20rem;
    min-height: 11rem;
    
}

.headingMargin, .loggedInTopMargin, .featurette-heading.styleHeading {
    margin-top: 2rem;   
}

@media (min-width: 768px)  { 
    .headingMargin {
        margin-top: 0rem;   
    }
    .buttonPad {
        margin-top: 10px;
    }
}

@media (min-width: 1440px)  { 
    .buttonPad {
        margin-top: 0px;
    }
}


.testSample {
    margin-top: -10px;
}

.actionButton {
    width: 90%;
}

.dividerMargin {
    margin-top: 0px !important;
    margin-bottom: 30px !important;
}


/*
.pricing-info.a.card-link.h3 a {
    color: #464a4e;
}

.pricing-info.a.card-link.h6 a {
    color: #464a4e;
}
*/

.fact, .pad-top {
    padding-top: 1rem;
}

.main-image {
    margin-bottom: 1rem;
    margin-top: -2rem;
    width: 100%;
}


.container.createLogin {
    margin-top: 3rem;
}

.pspTitle {
    color: #334f74;
}

@media (min-width: 768px) {
    .pspTitle {
    margin-top: 2rem;
    }
}


.form-outer {
    background: #f1f1f1 none repeat scroll 0 0;
    margin: 30px 0;
    padding: 30px 0;
    width: 100%;
}

.form-separator {
    border-bottom: 1px dashed #aaa;
    padding-bottom: 2rem;
}

@media (min-width: 991px) {
    .form-separator {
    border-right: 1px dashed #aaa;
    border-bottom: none;
    }
}



.term_of_use {
    width: 100%;
    float: left;
    padding: 0 20px;
    /* border: solid 1px #ccc; */
    background: #f1f1f1;
    color: #818182;
}

.term_of_use .test {
    color: #73a2c0;
}

@media (max-width: 991px) {
  .term_of_use {
    margin-top: 20px;
    }  
}





@media (max-width: 320px)  { 
    .navbar-brand {
        font-size: .9rem;
    }
    
    #login-btn {
        padding-left: 0px !important;
        padding-right: 0px;
    }
    
    #ham-btn {
        padding-left: 0px;
        padding-right: 10px;
    }
    .navbar.internalNav {
        padding-left: 0%;
    }
}


@media (min-width: 375px)  { 
    
    #login-btn {
        padding-left: 10px !important;
        padding-right: 0px;
    }
    
    #ham-btn {
        padding-left: 0px;
        padding-right: 10px;
    }
    
}


@media (min-width: 425px)  { 
    
    
    #login-btn {
        padding-left: 60px !important;
    }
}

@media (max-width: 425px)  { 
    
    #keyMessage1 {
        font-size: 2.2rem;
    }
    
}


@media (min-width: 768px)  { 
    
    #login-btn {
        margin-left: 330px !important;
    }
}


@media (min-width: 1024px) {
    #navbarCollapse {
        padding-left: 20%;
    }
    #navbarCollapseInternal {
        padding-left: 31%;
    }
    .navbar.internalNav {
        padding-left: 4%;
    }
    
}


@media (min-width: 1025px) {    
    .navbar {
        padding-left: 8%;
    }
    #navbarCollapse {
        padding-left: 31%;
    }
    .navbar.internalNav {
        padding-left: 11%;
    }
    #navbarCollapseInternal {
        padding-left: 39%;
    }
}



.test-format {
	list-style-type: none;
	text-align: left;
	padding: 10px;
}

.test-format > li hr, .panel-body > hr {
	border-top: 1px solid #e3e3e3 !important;
	margin-top: 10px;
	margin-bottom: 10px;
}

.card.test-info {
    background-color: #f7f7f7;
}

.card.test-card {
    border: none;
}

.card.test-card > .card-body > h5.card-title {
    color: #3677a3;
    text-decoration: none;
    text-align: center;
    padding-right: 20%;
    font-size: 1rem;
}

.card.test-card > .card-body {
    padding: 5px 0px 0px 0px;
}

.card.test-card > .card-img-top {
    width: 80%;
}

.test-links {
    padding-left: 2%;
    padding-right: 2%;
}

a:hover {
    text-decoration: none !important;
}

#forum {
    margin:30px 0px 0px 0px;
}

.panelStyle {
    background-color: rgba(54, 120, 163, 0.29) !important;
}

.panelStyle > p, .wctResponse > p, .pspParagraph {
    font-size: 1rem !important;
}

@media (min-width: 1024px) {
    .test-links {
        padding-left: 5%;
        padding-right: 5%;
    }
    h5.card-title {
    font-size: 1.25rem;
    }
}

@media (min-width: 1025px) { 
    .test-links {
        padding-left: 5%;
        padding-right: 30%;
    }
    
    h5.card-title {
    font-size: 1.25rem;
    }
}

.test-results {
    margin-top: 10px;
    padding-left: 30px;
}


@media (min-width: 768px)  { 
    .prepZone.card {
        height: 14rem !important;
    }
}

.teachingButtons > .col-6 > .col-12.btn {
    margin-bottom: 1rem;
    height: 75px;
}

@media (max-width: 320px)  { 
    .teachingButtons > .col-6 > .col-12.btn {
        font-size: 16px;
    }
}

.style-row {
    margin-top: 1rem;
}

.style-row > .col-md-12 > h4, .step_black_18 > h4 {
    color: #007aff;
    padding-top: 1rem;
}

.step_black_18 > .card {
    padding: 10px !important;
}


.black_30 > h4  {
    padding-top: 2rem !important;
}

.wrapper {
    margin-top: 3rem;
}

.featurette-heading.pspStyle {
    margin-top: 10px !important; 
}

.featurette-image.cbsaImage  {
    width: 75% !important;
}

.featurette-heading.pspHeadingFix {
    margin-top: 1rem !important;
}

@media (min-width: 1024px) {
    .featurette-heading {
        margin-top: 4rem !important;
    }
}

.forgotButtons {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important;
}

.btn-default {
    background-color: transparent!important;
    border: 1px solid grey !important;
    color: grey !important;
    
}

@media (min-width: 768px) {
    .ctaButton {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media (min-width: 1024px) {
    .ctaButton {
        padding-top: 24px;
        padding-bottom: 24px;
    }
    .imageMaxHeightLimit {
        max-height: 200px !important;
    }
    
    .headingLeftAdjust {
        margin-left: -5rem !important;
    }
}

.inbasket > .col-6 > button {
    font-size: 0.75rem !important;
    white-space: normal !important;
    padding: 2% !important;
    height: 3rem !important;
    margin-bottom: 0.5rem !important;
}