/*!
 * Start Bootstrap - Shop Homepage (https://startbootstrap.com/template/shop-homepage)
 * Copyright 2013-2020 Start Bootstrap
 * Licensed under MIT (https://github.com/StartBootstrap/startbootstrap-shop-homepage/blob/master/LICENSE)
 */
/*everything in root is variables for css colors*/

/*:root{*/
/*  --background_color:green;*/
/*  --header_Ptext: green ;*/
/*  --header_H1text: black ;*/
/*}*/
/*body {*/
/*  padding-top: 80px;*/
/*  background-color: var(--background_color) !important;*/
/*}*/
/*!*p text in header*!*/
/*p_header{color: var(--header_Ptext)!important ;}*/

/*!*h2 text in header*!*/
/*h2_Header{color: var(--header_H1text)!important ;}*/
.alert {
    margin-bottom: .5rem !important;
    margin-top: .5rem !important;
}
h1, h2, h3, h4, h5, h6, p {
    font-family: Arial, serif !important;
    color: #1b1e21 !important;
}

.nav > li {
    display: inline-block;
}

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

h2 {
    display: inline;
}

.list-group {
    padding-top: 25px;
}

.card-body {
    text-align: left;
}

.flex-v-center {
    display: flex;
    align-items: center;
}

.rounded .mx-auto .float-lg-left {
    padding-right: 100px;
}

body {
    background-color: white !important;
    padding-top: 1rem !important;
    margin-top: 4rem !important;
    color: black !important;
}

H3 { /* card heading */
    color: black !important;
}

p { /* card text */
    color: black !important;
}

h2 { /*Nav text|contact and email*/
    color: black !important;
}

small {
    color: black !important;
}

h2_Header { /*company name*/
    color: black !important;
}

p_header { /*nav items*/
    color: white !important;
}

/*form ↓ */
label {
    color: black !important;
}

#panel {
    padding: 50px;
    display: none;
    text-align: left;
    background-color: black !important;
    border: solid 1px #c3c3c3;
}

.btn-primary {
    color: #fff;
    background-color: #41CCB4 !important;
    border-color: #41CCB4 !important;
}

.btn-primary:hover {
    color: #fff !important;
    background-color: #155F68 !important;
    border-color: #155F68 !important;
}

.badgradient {
    border: 1px solid red;
}

.border-bottom {
    border-width: 3px !important;
}

.navbar-footer li {
    display: inline-block !important;
    list-style-type: none !important;
    min-height: 30px;
}

.nav-link-footer {
    /*padding: 1em !important;*/
    color: black !important;
    text-underline: none !important;
    font-size: .8em !important;
}

.copyRightText {
    font-size: .8em !important;
}

.carousel-control-next, .carousel-control-prev {
    bottom: 90%;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
    background: none;
}

.carousel-control-next-icon:after {
    content: '>';
    font-size: 55px;
    color: black;
}

.carousel-control-prev-icon:after {
    content: '<';
    font-size: 55px;
    color: black;
}

.btn-secondary {
    background-color: #41ccb4;
    border: none;
}

.btn-secondary:hover {
    background-color: #155F68 !important;
}

.noHover {
    pointer-events: none;
}

.thumbnailHeader {
    min-height: 7em;
    max-height: 7em;
}

.card-title {
    min-height: 4em;
    max-height: 4em;
}

.homecard {
    min-height: 550px;
    max-height: 550px;
}

@media only screen and (max-width: 990px) {
    .carouselPause {
        data-interval: "false";
    }
}

.GraphBox {
    min-height: 160px;
    max-height: 160px;
}

.expiredTimerContainer {
    min-height: 135px;
}

.button-container {
    display: inline-block;
    position: relative;
}

.button-container a {
    position: absolute;
    bottom: 8%;
    right: 50%;
    color: white;
}
.button-container small {
    position: absolute;
    bottom: 0%;
    right: 47.5%;
    color: white;
}
@media only screen and (max-width: 1199px) {
    .button-container small {
        position: absolute;
        bottom: 0%;
        right: 47%;
        color: white;
        text-align: center;
    }
    .button-container a {
        position: absolute;
        bottom: 11%;
        right: 50%;
        color: white;
    }
}
.TimeLeftBox{
    min-height: 170px !important;
}
@media only screen and (max-width: 767px) {

    td {
        display:block;
    }
    td img{
        width: 40%;
    }
}
.paymentButton{
    min-width:12.5em;
    max-width:12.5em;
}

.paymentButtonLPT{
    min-width:16.6em;
    max-width:16.6em;
}

.cartHR{
    text-align:left;
    border: 1px solid green;
    margin-top: 0;
    margin-bottom:0;
    width: 80%;
}
.cart{
    min-height: 14em;
    min-width: 16.8em;
}
@media only screen and (max-width: 1200px) {
    .cart{
        min-height: 14em;
    }
    .cartHR{
        text-align:left;
        border: 1px solid green;
        margin-top: 0;
        margin-bottom:0;
        width: 20%;
    }
}
@media only screen and (max-width: 991px) {
    .cart{
        min-height: 7em;
    }

    .cartHR{
        text-align:left;
        border: 1px solid green;
        margin-top: 0;
        margin-bottom:0;
        width: 50%;
    }
    .reciept{
        width: 20rem !important;
    }
}

.otherLocationText{
    color: #721c24 !important;
}
.buttonChange{
    background-color: #1b1e21 !important;
}
.btn-gray{
    background-color: gray !important;
    border: gray !important;
    color:white !important;
    min-width:7em;
    max-width:7em;
}
.btn-PracticeTestButtonPayment{
    background-color: #41ccb4 !important;
    border: gray !important;
    color:white !important;
    min-width:7em;
    max-width:7em;
}
.cartTests p{
    padding-bottom: 0;
    margin-bottom : 0;
}
.homePageBTNGRP {
    min-width: 8em;
    max-width: 8em;
    min-height: 8em;
    max-height: 8em;
    float:none;
    line-height: 13px;
}
.homePageBTNGRP:hover{
    background-color: #41CCB4 !important;
    color: white !important;
}
.homePageBTNGRP:hover small {
    color:white !important;
}
@media only screen and (max-width: 1200px) {
    .homePageBTNGRP {
        min-width: 6em;
        max-width: 6em;
        min-height: 6em;
        max-height: 6em;
        float:none;
    }
}

@media only screen and (max-width: 991px) {
    .homePageBTNGRP {
        min-width: 10em;
        max-width: 10em;
        min-height: 6em;
        max-height: 6em;
        float:none;
    }
    h1{
       font-size:28px
    }
    h2{
        font-size:23px
    }
    h3{
        font-size:23px
    }
}
@media only screen and (min-width: 768px) {

    .ldaaPriceButton {
        padding-left: 4rem !important;
    }
}
@media only screen and (max-width: 770px) {
    .homePageBTNGRP {
        min-width: 8em;
        max-width: 8em;
        min-height: 8em;
        max-height: 8em;
        float:none;
    }

}
@media only screen and (max-width: 511px) {
    .homePageBTNGRP {
        min-width: 6em;
        max-width: 6em;
        min-height: 7em;
        max-height: 7em;
        float:none;
    }

}

@media only screen and (max-width: 575px) {
    .GraphBox {
        min-height: 55px;
    }
    .articleThumbnail > img{
        width: 90%;
    }
}


@media only screen and (max-width: 515px) {
    .classStatsBox {
        font-size: .9rem;
    }
}
@media only screen and (max-width: 490px) {
    .classStatsBox {
        font-size: .8rem;
    }
    .passFailIncomplete > h2 {
        font-size: 1em;
    }
    .innerButton {
        font-size: .8rem;
    }
}

@media only screen and (max-width: 400px) {
    .table td{
        padding-left: 0em;
        padding-right: 0em;
        padding-bottom: .3em;
        padding-top: .3em;
    }

    .classStatsBox {
        font-size: .7rem;
    }
    .innerButton {
        font-size: .7rem;
    }
}

@media only screen and (max-width: 420px) {
    .cart{
        min-width: 18.3em;
    }
}
@media only screen and (max-width: 400px) {
    .cart{
        min-width: 16.6em;
    }
}

@media only screen and (max-width: 413px) {
    .homePageBTNGRP {
        min-width: 5em;
        max-width: 5em;
        min-height: 7em;
        max-height: 7em;
        float:none;
    }
    .btn-lg{
        padding: 0.5rem .5rem;
        font-size: .75rem;
        line-height: 1.5;
        border-radius: 0.3rem;
        min-width:5em;
    }

}
.btn-outline-secondary{
    border-color: #41ccb4;;
}

.graphBoxStats{
    color:green!important;
}

.reciept{
    width: 28rem;
}
@media only screen and (max-width: 480px) {
    .reciept{
        width: 100% !important;
    }
    .btnBackArticle{

    }
}

.cartcard{
    width: 100%;
}

.plusMinusBTN{
    width: 2em;
}

.Understoodbuttons{
    min-width: 19em;
}
@media (min-width: 576px) and (max-width:991px) {
    .container, .container-sm {
        max-width: 950px !important;
    }
}

.dno{
    display: none;
}

blank{
    display:inline-block;
    border-bottom:1px solid;
    width: 30px;
}
.testBtnGrp{
    min-width: 12.5em;
}
.verticalButtons{
     min-width: 23em;
 }
.homeGiftBTN:hover{
    Text-Decoration:None;
}