@charset "utf-8";
/**  
* -----------------------------------------------------------------------------
    Custom Css 
* -----------------------------------------------------------------------------
**/

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Satisfy&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Merienda:wght@400;700&display=swap');

/* -----------------------------------------------------------------------------*/

/*-- font-family: 'Roboto', sans-serif; --*/
/*-- font-family: 'Lato', sans-serif; --*/

body {
    font-family: 'Roboto', sans-serif;
    background-color: #f9f9f9;
}

/*-- Global Style Start --*/
a {
    text-decoration: none;
}
.form-group {
    margin-bottom: 1rem;
}
.labelControl {
    font-size: 14px;
    font-weight: 500;
    margin: 0 0 4px;
    line-height: 18px;
    color: #0633a2;   
}
.inputControl, 
.selectControl {
    min-height: 36px;
}
.inputControl,
.selectControl,
.textControl{
    border-color: #e0e0e0;
    font-size: 14px;
    outline: none;
    box-shadow: none;
}
.inputControl:focus,
.selectControl:focus,
.textControl:focus {
    outline: none;
    box-shadow: none;
}
.textControl{
    resize: none;
}
.actionBtn {
    outline: none;
    text-transform: uppercase;
    background: #027e13;
    letter-spacing: 1px;
    border: none !important;
    font-size: 14px;
    box-shadow: none !important;
    color: #ffffff !important;
    font-weight: 500;    
}
.actionBtn:hover,
.actionBtn:focus {
    background: #fb4b07;
    border: none !important;
    box-shadow: none;
}
.mb__20 {
    margin-bottom: 20px;
}
.mb__30 {
    margin-bottom: 30px;
}
.mt__40 {
    margin-top: 40px;
}
.mt__20 {
    margin-top: 20px;
}

@media screen and (min-width: 1300px) {
    .customContainer {
        max-width: 97% !important;
    }
}
@media screen and (min-width: 1300px) and (max-width: 1366px) {
    .customContainer {
        max-width: 96% !important;
    }
}
/*-- Global Style End --*/

/*-- Header Style Start --*/
.headerMain {
    background: url('../images/bg/headerbg.png') no-repeat top left #e3eefb;
    padding: 0;
}
.myHeaderNav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 6px 0;
}
.myHeaderNav a{
    text-decoration: none;
}
.siteTitle {
    margin-left: 12px;
}
.siteTitle h2 {
    font-size: 16px;
    color: #fd4a36;
    font-weight: 500;
    line-height: 20px;
    margin: 0 0 6px;
    font-family: 'Roboto', sans-serif;
    /* letter-spacing: 1px; */
}
.siteTitle h5 {
    font-size: 14px;
    color: #0b00a9;
    line-height: 18px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
    margin: 0;
}
.homeLink {
    background-color: rgb(3 83 153);
    font-size: 13px !important;
    line-height: 20px;
    color: #ffffff;
    letter-spacing: 1px;
    border-radius: 0.25rem;
}
.homeLink:hover,
.homeLink:focus {
    background-color: rgb(3, 153, 23);
    color: #fff;
}
.homeLink3 {
    margin-right:15px;
}
/*-- Header Style End --*/
/*-- Footer Style Start --*/
.myFooter {
    position: fixed;
    width: 100%;
    left: 0;
    bottom: 0;
    background: #c7dcf3;
    padding: 14px 15px 10px;
}
.copyrightText p {
    text-align: center;
    font-size: 14px;
    line-height: 16px;
    color: #000;
}
/*-- Footer Style End --*/

@media screen and (min-width: 992px){
    .main-nav li>ul {
        background-color: #f8fdff;
    }
    .main-nav.headLogin li>ul {
        right: 0;
        left: inherit;
    }
    .main-nav li .submenu::before,
    .main-nav>.has-submenu>.submenu>.has-submenu>.submenu::before {
        border: 7px solid #f8fdff;
    }
    .main-nav.headLogin li .submenu::before {
        left: inherit;
        right: 0;
    }
    .main-nav>li {
        margin-right: 15px;
    }
    .main-nav li a {        
        font-size: 14px;        
        text-transform: uppercase;
    }
}

/*-- Login Style Start --*/
.pageLayout {
    padding: 40px 0 70px;
}

.loginBg {
    /*background: url('../images/bg/home_art.jpg') no-repeat;
    background-position: center;
    background-size: cover;*/
    width: 100%;
    height: 96vh;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    background: rgb(0,212,255);
    background: linear-gradient(90deg, rgba(0,212,255,1) 0%, rgba(0,212,255,0.3225665266106442) 35%, rgba(255,255,255,0) 100%);
}
.loginBg .form-group {
    margin-bottom: 0.75rem;
}
.loginBg:before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: linear-gradient(to right,rgba(255,255,255,.50) 20%,rgba(255,255,255,.01) 85%);
}
.loginBg .content {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    align-items: center;
    -webkit-align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    flex-direction: column; 
    padding: 30px 0 60px;
}
.loginHeader {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 16px;
    position: relative;
}
.loginHeader img {
    margin-bottom: 8px;
    max-width: 110px;
}
.loginHeader h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px;
    color: #c90025;
    text-transform: uppercase;
    text-decoration: underline;
}
.loginHeader h5 {
    margin: 0;
    font-size: 16px;
    color: #007eff;
    font-weight: 500;
    text-transform: uppercase;
}
.loginMain {
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    flex-direction: column;  
    /* background: #004b6a;   */
    background: #004b6ad9;
    border-radius: 10px;
    margin: 0 auto;
    padding: 15px 30px 20px;
    max-width: 540px;
    margin: 0 auto;
    position: relative;   
    box-shadow: 0 0 2px rgb(0 0 0 / 5%);
    width: 540px;
}
.loginMain:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* background-color: #ff3115; */
    background-color: #ff3115e6;
    height: 150px;
    width: 100%;
    clip-path: polygon(-13.5% 0, 110% 0, 50% 48%);
    border-radius: 10px;
}
.loginMain:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    /* background-color: #ff3115; */
    background-color: #ff3115e6;
    height: 150px;
    width: 100%;
    clip-path: polygon(-18.5% 0, 114% 0, 50% 52%);
    border-radius: 10px;
    z-index: -9;
}
.loginMain h2 {
    font-size: 22px;
    margin: 0 0 34px;
    color: #ffffff;
    text-transform: uppercase;
    line-height: 36px;
    position: relative;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 500;
}
.loginForm {
    width: 100%;
}
.loginForm .labelControl {
    color: #fff;
    letter-spacing: 1px;
}
.captchaBlk {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    padding: 11px 10px 6px;
    border-radius: 0.25rem;
    margin-top: 15px;
}
.captchaBlk img {
    margin: 0 0 6px;
    border: 1px dashed #b7b6b6;
}
.captchaBlk a {
    color: #0633a2;
    font-weight: 500;
    letter-spacing: 1px;
}
.goToHome a {
    color: #16ff07;
    text-decoration: underline;
    font-size: 14px;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 2px;
    display: inline-block;
}
.goToHome a:hover {
    color: #ffec07;
    text-decoration: none;    
}
.errorMsg {
    margin: 10px 0 !important;
    color: #ffec07;
    font-size: 17px;
}

/*-- Login Style End --*/ 

/*-- Form Style Start --*/
.formTableContainer {
    max-width: 90%;
}
.formBg {
    background: rgba(255,255,255,0.88);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    padding: 20px 25px 30px;
    border-radius: 10px;
}
.pageTitle {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0 0 20px;
    color: #0633a2;
    text-decoration: underline;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.schoolInfo {
    margin: 0 0 20px;
}
.schoolInfo .table {
    margin: 0;
}
.schoolInfo .table tr, 
.schoolInfo .table tr:last-child,
.formBlk .table tr, 
.formBlk .table tr:last-child {
    border-color: #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}
.schoolInfo .table.table-bordered th,
.schoolInfo .table.table-bordered td,
.formBlk .table.table-bordered th,
.formBlk .table.table-bordered td {
    border-color: #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
}
.schoolInfo th {
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: #035399;
}
.schoolInfo td {
    font-size: 14px;
}
.studentSearch {
    align-items: flex-end;
}
.pageSubTitle {
    font-size: 18px;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    margin: 0 0 10px;
    color: #fd4a36;
    font-weight: 500;
    text-transform: uppercase;
    text-decoration: underline;
    text-align: center;
}
.formBlk .table {
    margin-bottom: 20px;
}
.formBlk .table th {
    background: #444;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
    text-align: center;
}
.formBlk .table td {
    font-size: 14px;
}
.actionResult {
    font-size: 13px;
    color: #f00;
    margin: 0 0 10px;
    display: block;
    font-weight: 500;
}
.payBody {
    background-color: #fff;
}
.anchorLink {
    font-size: 14px;
    color: #f00;
    font-weight: 500;
    text-decoration: underline;
    letter-spacing: 1px;
}
.payHeader {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 20px;
}
.payHeader a {
    margin: 0 0 10px;
}
.payHeader img {
    max-width: 110px;
}
.payHeader h2 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0 0 6px;
    color: #0633a2;
    text-decoration: underline;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.payHeader h4 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 22px;
    margin: 0;
    color: #fd4a36;
    text-decoration: underline;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
}
.payContent .table {
    margin-bottom: 20px;
}
.payContent .table tr, 
.payContent .table tr:last-child {
    border-color: #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}
.payContent .table.table-bordered th,
.payContent .table.table-bordered td {
    border-color: #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
}
.payContent .table th {
    background: #444;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}
.payContent .table td {    
    font-size: 14px;
}
.payContent h1 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    margin: 0 0 6px;
    color: #0633a2;
    font-weight: 500;
    text-transform: uppercase;
}
.payTotalBlk {
    background-color: #eef4ff;
}
.payTotalBlk .text-right {
    text-align: right;
    font-weight: 600;
    text-transform: uppercase;
    color: #0633a2;
    letter-spacing: 1px;
}
.payTotalBlk td {
    font-weight: 600;
    color: #0633a2;
}
.payCondiation {
    margin-top: 20px;
    border: 1px dashed #444;
    padding: 10px;
}

.payCondiation p {
    font-size: 14px;
}
.responseMain h5 {
    margin: 0;
    font-size: 15px;
}
.formBlk.responseMain .table th {
    background: inherit;
    color: #035399;
    text-align: left;
    /*width: 20%;*/
}
/*.formBlk.responseMain .table td {
    width: 30%;
}*/
/*.landingMain {
    max-height: 100vh;
    width: 100%;
}
.landingMain img {
    height: 100vh;
    width: 100%;
}*/
.landingMain {    
    background-image: url(../images/bg/banner.jpg);   
    background-position: right center;
    background-size: cover;
    width: 100%;
    height: 100vh;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
}
.landingMain a {
    width: 100%;
    height: 100vh;
    display: block;
}
.acknowlageBlk h2 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    margin: 0 0 6px;
    color: #0633a2;
    font-weight: 500;
    text-transform: uppercase;
}
.payResponseMsg {
    font-size: 16px;
    text-align: center;
    margin: 0 0 15px;
    color: #1e8f02;
}
.acknowlageBlk .schoolInfo th {
    text-align: left;
}
.logUserInfo h2 {
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
    line-height: 20px;
    margin: 0 0 6px;
    color: #0633a2;
    font-weight: 500;
    text-transform: uppercase;
}
.logUserInfo th {
    background: #444;
    color: #fff;
    font-weight: 500;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}
.blink_me {
    animation: blinker 2s linear infinite;
    color: #f00;
    font-size: 24px;
    text-align: center;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
}
/*-- Form Style End --*/

.splitMain {
    max-width: 680px;
    margin: 50px auto;
}
.splitMain .row {
    justify-content: space-between;
}
.splitMain .grid {   
    background: url('../images/bg/cardBg.jpg') no-repeat;
    background-position: left 0;
    background-size: cover;
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    max-width: 48%;
    width: 48%;
    min-height: 190px;
    border-radius: 10px;
    position: relative;
}
.splitMain .grid:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(99 98 231 / 68%);
    border-radius: 10px;
}
.splitMain .grid:hover {
    background-position: center;
}
.splitMain .grid a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    position: relative;
}
.splitMain .grid a h4 {
    font-size: 16px;
    color: #ffffff;
    margin: 0;
    text-transform: uppercase;
}
.splitMain .grid a:hover h4 {
    text-decoration: underline;
}
.inlineLink {
    position: absolute;
    left: 25px;
    top: 22px;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 1px;
    color: #f00;
}
.inlineLink i {
    margin-right: 4px;
}
.affSearchBlk {
    margin-right: 10px;
}
.affSearchBlkBtn {
    border-radius: 0.25rem !important;
}
.affSearchBlkTab {
    margin-top: 10px;
    border-top: 1px dashed #000;
    padding-top: 10px;
}
/*-- Theme Color Change Style Start --*/
.customSetting {
    background: #b3e7e2;
    padding: 5px 0;
    width: 100%;    
    border-bottom: 1px solid #b3e7e2;
}
.customSetting .topbar-logo-txt {
    color: #4e4e4e;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 12px !important;
    border: none;
    text-decoration: none;
}
.customSetting .topbar-logo-txt:hover {
    color: #2c97ea;
    text-decoration: underline !important;
}
.customSetting .topbar-logo-txt:focus {
    border: none;
}
.resizeGroup {
    display: inline-flex;
}
.customSetting .resizeStyle {
    border: 1px solid #000;
    color: #fff;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    margin: 0 4px !important;
    padding: 6px 11px;
    box-shadow: none;
}
.customSetting .resizeStyle:hover {
    background: #2c97ea;
    color: #fff;
    text-decoration: none;
    box-shadow: none;
}
.customSetting .resizeStyle:focus {
    border: none;
    box-shadow: none;
}
.myColorGroup {
    display: inline-flex;
    margin-left: 10px;
}
.myColorGroup button {
    border-radius: 0.25rem;
}
.myLightColorBtn {
    height: 22px;
    width: 21px;
    background-color: #fff;
    border: 1px solid #000;
    margin-left: 5px;
}
.myDarkColorBtn {
    height: 22px;
    width: 21px;
    background-color: #000;
    border: 1px solid #000;
    margin-left: 5px;
}
.headSocialLink {
    margin-left: 15px;
}
.headSocialLink a {
    height: 22px;
    width: 21px;
    background-color: #337ab7;
    border: 1px solid #000;
    margin-left: 5px;
    display: inline-block;
    text-align: center;
    line-height: 22px;
    font-size: 12px;
    border-radius: 0.25rem;
    color: #fff;
}
.headSocialLink a:hover {
    background-color: #2c97ea;  
}
.headSocialLink a i {
    line-height: 21px;
}
.customSettingFooter {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    background-color: #b3e7e2;
    padding: 8px 0 5px;
    border-top: 1px solid #b3e7e2;
}
.customSettingFooter .d-flex {       
    align-items: center;
}
.customSettingFooter p {
    color: #1a45bf;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    margin: 0;
}
.customSettingFooter a {
    color: #1a45bf;
    font-weight: 500;
    letter-spacing: 1px;
    font-size: 13px;
    position: relative;
    padding-right: 15px;
    margin-right: 15px;
    text-decoration: none;
}
.customSettingFooter a:last-child {
    margin-right: 0;
    padding-right: 0;
}
.customSettingFooter a:last-child::after{
    display: none;
}
.customSettingFooter a:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #4b817b;
    width: 2px;
    height: 100%;
}
.customSettingFooter a:hover {
    text-decoration: underline !important;
}
/*-- Dark Theme --*/
.myDarkColor .customSetting {
    background: #000;
    border-bottom: 1px solid #626262;
}
.myDarkColor .customSetting .topbar-logo-txt,
.myDarkColor .customSetting .resizeStyle {
    color: #ff0;
}
.myDarkColor .myLightColorBtn, 
.myDarkColor .myDarkColorBtn {
    border-color: #fff;
}

.myDarkColor,
.myDarkColor .listingMain,
.myDarkColor .schoolList {
    background: #000;
} 
.myDarkColor .customSetting .resizeStyle {
    border: 1px solid #fff;
}
.myDarkColor .headSocialLink a, 
.myDarkColor footer ul li a,  
.myDarkColor .labelControl {
    color: #ff0;
}
.myDarkColor .headSocialLink a:hover {  
    color: #ff0 !important;
}
.myDarkColor .loginFrm {
    background: #303030;  
}
.myDarkColor a:hover {
    color: #00aaff !important;
}
.myDarkColor .customSettingFooter {
    background-color: #000;
    border-top: 1px solid #626262;
}
.myDarkColor .customSettingFooter p,
.myDarkColor .customSettingFooter a {
    color: #ff0;
}
.myDarkColor .backLink {
    color: #00aaff;
}  

/*-- Project Dark Theme Start --*/
.myDarkColor .loginBg {
    background: #000;
}
.myDarkColor .loginBg::before {
    display: none;
}
.myDarkColor .loginHeader h3,
.myDarkColor .loginHeader h5 {
    color: #ff0;
}
/*-- Project Dark Theme End --*/
/*-- Theme Color Change Style End --*/


.printContent {
    display: none;
}
.printContent h1 {
    text-align: center;
    font-size: 20px;
    margin: 10px 0 20px;
    color: #f00;
}

@media print {
    .printContent {
        display: block;
    }
    .payResponseMsg {
        margin-bottom: 30px;
    }
}


.paginationMain {
    padding: 14px 0 0;
    font-size: 14px;
    color: #0031bd;
    font-weight: 500;
}

.pageCountNumber ul {
    margin: 0;
}

.pageCountNumber ul li {
    margin: 0 5px;
    width: 22px;
    height: 22px;
    background: #ddd;
    padding: 2px 5px;
    border-radius: 0.25rem;
    line-height: 19px;
    text-align: center;
}

.pageCountNumber ul li a {
    color: #000;
}

.quesBlk .pageTitle span {
    color: #fb7400;
}
.questionInfo {
    background-color: #fffbe3;
    padding: 15px;
    border-radius: 0.25rem;
    margin: 0 0 20px;
    border: 1px dashed #000;
}
.questionInfo p {
    margin: 0;
    font-size: 15px;
    color: #000;
}
.questionInfo p strong {
    font-weight: 500;
}
.questionTitle {
    font-size: 16px;
    color: #0633a2;
    margin: 0 0 10px;
}
.questionTitle strong {
    font-weight: 500;
}
.quesBlk .input-group {
    margin: 0 0 10px;
    font-size: 14px;
}
.quesBlk .input-group input {
    margin-right: 10px;
}
.quesBlk .input-group p {
    margin: 0;
}
.answerUploadMain {
    background: #ebebeb;
    border: 1px dashed #ccc;
    padding: 20px 0;
}
.acknowlageBlk .timerIndicate h2 {
    margin: 0 0 15px;
    background: #f6f7a1;
    padding: 14px 15px;
    color: #0633a2;
    text-align: center;
    font-size: 24px;
    text-transform: inherit;
}
.acknowlageBlk .timerIndicate span {
    color: #f00;
}
.uploadAnsPdf {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.uploadAnsPdf input[type=file] {
    max-width: 360px;    
}
.downPdfBtn {
    background: #196cd3;
    font-size: 20px;
    padding: 0.75rem 1.75rem;
}
.uploadAnsPdfGroup {
    justify-content: center;
    margin: 40px 0 20px;
    align-items: center;
}
.uploadAnsPdfGroup .labelControl {
    margin: 0 20px 0 0;
}
.acknowlageBlk h2.pageTitleQuiz {
    font-size: 20px;
    margin-bottom: 20px;
}
.quizInstruction h3 {
    font-size: 20px;
    color: #f00;    
    margin: 0 0 15px;
}
.quizInstruction h3 span {
    text-decoration: underline;
}
.quizInstruction ul {
    margin: 0 0 20px;
    padding: 0;
    padding-left: 26px;
    list-style-type: auto;
}
.quizInstruction ul li {
    margin: 0 0 5px;
    padding-left: 5px;
}
.quizInstruction ul li i {
    color: #196cd3;
}
.quizInstruction h5 {
    text-decoration: underline;
}