/*************************
Import Files
***************************/
@import url("../fonts/font.css");

:root {
    --theme-color: #002868;
    --secondary-theme-color: #BF0A30;
      background-color:white;
}

body, body * {
    font-family: 'Georgia';
    letter-spacing: .5px !important;
    /*font-size: 15px;*/
    font-size: 16px;
    /*font-weight: 300;*/
    line-height: 26px;
}

#headerbar {
    background-color: #002868;
}

.card {
    background-color: #fff;
    border-color: #ebebeb;
    box-shadow: 0 20px 48px 0 rgb(153 161 170 / 25%);
    padding: 25px;
}

@media screen and (max-width: 767px) {
    .card {
        padding: 25px 18px;
    }
    .ToCard {
        padding: 12px 25px;
        width: 75%;
    }
    .ErCard {
        padding: 12px 25px;
        width: 80%;
    }
}

@media screen and (max-width: 340px) {
    .card {
        padding: 12px 25px;
    }
    .ToCard {
        padding: 12px 25px;
        width: 100%;
    }
    .ErCard {
        padding: 12px 25px;
        width: 100%;
    }  
}

@media (min-width: 768px) and (max-width: 1199px) {
    .card-title {
        font-size: 18px;
        font-weight: 100;
    }
    .ToCard {
        padding: 12px 25px;
        width: 40%;
    }
    .ErCard {
        padding: 12px 25px;
        width: 40%;
    }
}
@media screen and (min-width: 1440px) {
    .ToCard {
        padding: 12px 25px;
        width: 25%;
    }
    .ErCard {
        padding: 12px 25px;
        width: 25%;
    }
}

.title-large {
    font-size: 22px;
}
.title-small {
    font-size: 20px;
    color: var(--theme-color);
    font-weight: 600;
}


.title {
    font-family: Georgia-bold;
    font-weight: 500;
    letter-spacing: -.025em;
}

.theme-clr {
    color: var(--theme-color);
}

input {
    /*height: 16px;
    width: 16px;
    margin: 5px;*/
}

.InstructionRadioButtonList table{
    width:100%;
}

.InstructionRadioButtonList table tbody tr td input {
    height: 16px;
    width: 16px;
    margin: 5px;
}

.InstructionRadioButtonList table tbody tr td{
    display:flex;
    align-items:center;
}

@media screen and (max-width: 426px) {
    #links div {
        flex: 50%;
    }
}

#links div {
    display:flex;
    align-items:center;
}

.divQualificationContinue input, .btngrp input, .WizardButton, .nextButton, .previousButton, .payButton, .BTNReport {
    height: 30px;
    background-color: var(--theme-color);
    /*background-color: var(--secondary-theme-color);*/
    color: white;
    border: 0;
    border-radius: 5px;
    padding-left: 25px;
    padding-right: 25px;
}

    .divQualificationContinue input:hover, .btngrp input:hover, .WizardButton:hover, .nextButton:hover, .previousButton:hover, .nextButton:focus, .previousButton:focus, .WizardButton:focus, .payButton:focus, .payButton:hover, .BTNReport:hover, .BTNReport:focus {
        background-color: var(--secondary-theme-color);
        color: white;
        border: 0;
        padding-left: 25px;
        padding-right: 25px;
    }

.accessMain {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.access-denied {
    display: flex;
    align-items: center;
}
.accessContant {
    font-size: 22px;
    font-family: georgia;
}

.signAndSubmitChckBox input,.cb911Address input, .ChkAgree input {
    margin: 5px;
    width:17px;
    height:17px;
}
    .signAndSubmitChckBox input {
   margin: 5px;
    width:17px;
    height:17px;
    }
.cb911Address label{
    width:100%;
}
.form-label {
    font-weight: 600;
}

.footerfont, .footerfont a{
    color: white
}



#ctl00_NavigationTreeView {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

#ctl00_NavigationTreeView a{
    font-size:14px !important;
}

@media screen and (max-width: 426px) {
    #ctl00_NavigationTreeView {
        flex-direction: column;
    }
    #content-left {
        justify-content: flex-start !important;
    }
}

#content-left {
    display: flex;
    justify-content: flex-end;
}

#content-right h1{
    padding:15px;
}

@media screen and (max-width: 768px) {
    .divPopupCVV1 {
        float: none !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
    .divPopupCVV2 {
        float: none !important;
        position: relative !important;
        left: 0 !important;
        top: 0 !important;
    }
}
@media (min-width: 769px) and (max-width: 991px) {
    .divPopupCVV1 {
        left: 35% !important;
    }
    .divPopupCVV2 {
        left: 45% !important;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .divPopupCVV1 {
        left: 30% !important;
    }

    .divPopupCVV2 {
        left: 40% !important;
    }
}
@media (min-width: 1200px) {
    .divPopupCVV1 {
        left: 25% !important;
    }

    .divPopupCVV2 {
        left: 30% !important;
    }
}