@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: #f4f8ff;    
}

/*-- 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;
}
.inputControl[type=file] {
    border-radius: 0.25rem !important;
    line-height: 22px !important;
}
.actionBtn {
    outline: none;
    text-transform: uppercase;
    background: #fcb027;
    letter-spacing: 1px;
    border: none !important;
    font-size: 13px;
    box-shadow: none !important;
    color: #000000 !important;
    font-weight: 500;
}
.actionBtn:hover,
.actionBtn:focus {
    background: #fb4b07;
    color: #fff !important;
    border: none !important;
    box-shadow: none;
}
.editBtn {
    background: #05812e;
    color: #fff !important;
}
.mb__10 {
    margin-bottom: 10px;
}
.mb__20 {
    margin-bottom: 20px;
}
.mb__30 {
    margin-bottom: 30px;
}

.mr__8 {
    margin-right: 8px;
}
.mt__15 {
    margin-top: 15px;
}
.mr__15{
    margin-right: 15px;
}

@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;
    }
}
@media screen and (min-width: 1200px) and (max-width: 1299px) {
    .customContainer {
        max-width: 98% !important;
    }
}
/*-- Global Style End --*/

/*-- Header Style Start --*/
/* .headerMain {
    background: url('../images/bg/headerbg.png') no-repeat top left #e3eefb;
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 -4px 6px 1px black;
    -moz-box-shadow: 0 -4px 6px 1px black;
    box-shadow: 0 -4px 6px 1px black;
} */
/* .headerMain {
    background-image: url('../images/bg/headerbg.png'), url('../images/bg/headerbg2.png');
    background-color: #e3eefb;
    background-position: top left, bottom right 20%;
    background-repeat: no-repeat;
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 -4px 6px 1px black;
    -moz-box-shadow: 0 -4px 6px 1px black;
    box-shadow: 0 -4px 6px 1px black;
} */
.headerMain {   
    background-color: #FFF;    
    padding: 6px 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 -4px 6px 1px black;
    -moz-box-shadow: 0 -4px 6px 1px black;
    box-shadow: 0 -4px 6px 1px black;
}
@media screen and (max-width: 1440px) {
    .headerMain {
        background-position: top left, bottom right 26%;
    }
}
@media screen and (max-width: 1280px) {
    .headerMain {
        background-position: top left, bottom right 32%;
    }
}
.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: #000;
    font-weight: 600;
    line-height: 20px;
    margin: 0 0 4px;
    font-family: 'Roboto', sans-serif;
    /* letter-spacing: 1px; */
}
.siteTitle h5 {
    font-size: 14px;
    color: #000;
    line-height: 18px;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
    margin: 0 0 4px;
}
.siteTitle h6 {
    font-size: 13px;
    color: #000;
    line-height: 18px;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    font-weight: 400;
    margin: 0;
}
.headerSubLogo {
    margin-left: 24px;
}
.headerSubLogo img {
    max-height: 50px;
    margin: 0 6px;
}
.headerSubLogo img:last-child {
    margin-right: 0;
}
.headerSubLogo img:first-child {
    margin-left: 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 {
    background-color: rgb(3, 153, 23);
    color: #fff;
}
.homeDashLink {
    margin-right: 20px;
}
/*-- 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 90px;
}

.loginBg {
    /* background: rgb(0,212,255);
    background: linear-gradient(90deg, rgb(0 212 255 / 24%) 0%, rgba(0,212,255,0.3225665266106442) 20%, rgba(255,255,255,0) 100%); */
    width: 100%;
    height: 100vh;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    opacity: 1;
    background-color: #34ADFF;
    background-image: -webkit-linear-gradient(140deg, #0b4972 47%, #f2faff 35%);
}
@media screen and (max-width: 1440px) {
    .loginBg {
        background-image: -webkit-linear-gradient(110deg, #0b4972 47%, #f2faff 35%);
    }
}

.loginBg .form-group {
    margin-bottom: 0.75rem;
}
.loginBg .mb__20 {
    margin-bottom: 20px;
}

.marqueeMain {
    padding: 10px 20px;
    background: #84def0;
}
.marqueeMain p {
    margin: 0;
    color: #f00;
    text-transform: uppercase;
}
/* .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; */
    position: relative;
    padding: 40px;
    background-image: url('../images/bg/feather.png');
    background-position: right 30px center;
    background-repeat: no-repeat;
    padding-right: 80px;
}
.loginContent {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 460px;
    margin-left: 3%;
    /* background-color: #fff;
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    border-radius: 0.25rem; */
}
.loginHeader {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    margin: 0 0 16px;
    position: relative;
}
.loginHeader img {
    margin-bottom: 12px;
    max-width: 110px;
}
.loginHeader h3 {
    font-size: 20px;
    line-height: 22px;
    margin: 0 0 10px;
    color: #002199;
    text-transform: uppercase;
    text-decoration: underline;
}
.loginHeader h5 {
    margin: 0;
    font-size: 16px;
    color: #002283;
    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: #00266ad9;
    border-radius: 10px;
    margin: 0 auto;
    padding: 15px 30px 20px;    
    position: relative;   
    box-shadow: 0 0 6px rgb(0 0 0 / 20%);
    width: 100%;
}
/* .loginMain:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;    
    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: #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 15px;
    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 --*/ 
.landingBg {
    height: calc(100vh - 74px);
    
}
.landingBg a {
    width: 100%;    
    display: block;
}
.landingBg a img {
    max-height: 100vh;
    width: 100%;
}
/*-- Form Style Start --*/
/* .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;
} */
.formBg {
    border: 1px dashed #c9c9c9;
    border-radius: 0.25rem;
    background: url('../images/bg/formBg.png');
    background-repeat: no-repeat;
    background-position: right 10px bottom 20px;
    -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 16%);
    background-color: rgba(255,255,255,.6);
}
.pageTitle {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0;
    color: #0633a2;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    background: #f5f5f5;
    padding: 8px 0;
    border-radius: 0.25rem 0.25rem 0 0;
}
.formBg form {
    padding: 20px;
    background-color: rgba(255,255,255,.2);
}
.tableTitle {
    background-color: #f5f5f59e;
}
.registrationMain .tableTitle th {
    font-size: 16px;
    font-weight: 500;
    color: #f35e07;
}
.registrationMain th {
    font-size: 14px;
    color: #0031bd;
    font-weight: 500;
    width: 25%;
}
.registrationMain td {
    font-size: 14px;
    width: 75%;
}
.registrationMain .registerMain td {
    width: inherit;
}
.datePicker i {
    position: absolute;
    left: 1px;
    top: 0;
    width: 36px;
    height: 36px;
    background: #013766;
    text-align: center;
    line-height: 36px;
    color: #fff;
    border-radius: 0.25rem 0 0 0.25rem !important;
    font-size: 15px;
}
.registerForm .inputControl,
.registerForm .selectControl,
.registerForm .textControl {
    background-color: rgba(255,255,255,0.5);
}
.registerForm {
    margin-top: 24px;
    border: 1px solid #dee2e6;
}
.registerForm h2 {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0;
    color: #f35e07;
    font-weight: 500;
    text-transform: uppercase;
    background: #f5f5f59e;
    padding: 8px 0;
    padding-left: 15px;
    border-radius: 0.25rem 0.25rem 0 0;
}
.registerMain {
    padding: 15px 15px 25px;
}
.datePicker .inputControl {
    padding-left: 44px;
}

.registerOldPreview {
    padding: 15px;
}
.registerOldPreview .table:last-of-type {
    margin-bottom: 0;
}
.registerPreview .table {
    margin: 20px;
    width: calc(100% - 40px);
  }
.registerPreview .table th {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;    
    /* background-color: #b7d6f387; */
    vertical-align: middle;
    color: #0633a2;
}
.registerPreview .table td {
    font-size: 14px;
}
.studentRegPreview .table {
    table-layout: fixed;
}
.studentRegPreview .table th.w70 {
    width: 70px;
}
.studentRegPreview .table th.w100 {
    width: 100px;
}
.studentRegPreview .table th.w120 {
    width: 120px;
}
.studentRegPreview .table th.w150 {
    width: 150px;
}
.studentRegPreview .table th.w180 {
    width: 180px;
}
.studentRegPreview .table th.w200 {
    width: 200px;
}
.studentRegPreview .table th.w260 {
    width: 260px;
}
.studentRegPreview .table th.w300 {
    width: 300px;
}

/*-- Form Style End --*/

/*--- Dashboard Split Style Start --*/
.dashSplitTitle {
    text-align: center;
}
.dashSplitTitle h2 {
    font-size: 22px;
    color: #072287;
    margin: 0 0 5px;
}
.dashSplitTitle h5 {
    font-size: 22px;
    color: #072287;
    margin: 0 0 10px;
}
.dashboardSplit {
    max-width: 770px;
    margin: 40px auto 0;
}
.dashboardSplit .row {
    justify-content: space-between;
}
.splitGrid {
    background: linear-gradient(45deg, rgb(20 33 78) 0%, rgb(42 73 120 / 70%) 35%, rgb(53 116 96) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px;
    border-radius: 0.25rem;
    box-shadow: 0px 3px 4px 0px rgb(0 0 0 / 16%);
    text-align: center;
    min-height: 160px;
    justify-content: center;
}
.splitGrid img {
    margin: 0 0 15px;
}
.splitGridSubTitle {
    margin: 0 0 20px;
}
.splitGrid h3 {
    font-size: 20px;
    color: #fbff00;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 1px;
    margin: 0 0 5px;
}
.splitGrid span {
    color: #dbf314;
    font-weight: 500;
}
.splitGrid p {
    color: #f7f7f7;
    font-size: 14px;
    margin: 0 0 20px;
}
.splitGrid a {
    background: #fff;
    padding: 6px 46px 6px 18px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    border: 2px solid #00a72c;
    transition: .3s ease-out all;
    transition: 250ms all ease-in-out;
}
.splitGrid a::before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateX(100%);
    transition: .3s ease-out all;
}
.splitGrid a:hover {
    background: #00a72c;
    color: #f5f5f5;
    border: 2px solid #00a72c;
}
.splitGrid a i {
    position: absolute;
    right: -1px;
    top: -1px;
    bottom: 0;
    width: 38px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    color: #ffffff;
    border-radius: 50%;
    background-color: #00a72c;
}
.successPreview {
    max-width: 600px;
    margin: 0 auto;
    padding: 12px 20px 20px;
    background-image: url(../images/bg/formBg.png);
    background-repeat: no-repeat;
    background-position: right 10px bottom 14px;
    background-size: 150px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 16%);
    -moz-box-shadow: 0px 0px 3px 1px rgba(0,0,0,0.16);
    box-shadow: 0px 0px 3px 1px rgb(0 0 0 / 16%);
    border-radius: 0.25rem;
}
.successPreview h1 {
    font-size: 20px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0 0 15px;
    color: #0633a2;
    font-weight: 500;
    text-transform: uppercase;
    text-align: center;
    text-decoration: underline;
}
.successMsg h2, 
.successMsg h3 {
    font-size: 18px;
    line-height: 20px;
    margin: 0 0 5px;
    color: #1aac00;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: center;
}
.successMsg h3 {
    margin: 0 0 15px;
    font-size: 14px;
}
.successMsg p {
    font-size: 15px;
    line-height: 18px;
    color: #0b4686;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 5px;
    text-align: center;
}
.successMsg p span {
    font-weight: 600;
}
/*--- Dashboard Split Style End --*/

/*--- Admin Dashboard Style Start --*/
.adminBg {
    background-image: url("../images/bg/adminBg.jpg");
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: cover;
}
.adminBg .content {
    background: none;
}
.adminBg .loginContent {
    background-image: url('../images/bg/adminLoginBg.jpg');
    background-repeat: no-repeat;
    background-position: right 100%;
    background-size: cover;
    padding: 15px 30px 20px;
    border-radius: 10px;
    -webkit-box-shadow: 0px 0px 12px 5px rgb(0 0 0 / 38%);
    -moz-box-shadow: 0px 0px 12px 5px rgba(0,0,0,0.38);
    box-shadow: 0px 0px 12px 5px rgb(0 0 0 / 38%);
    position: relative;
    width: 490px;
}
.adminBg .loginContent::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 65 120 / 75%);
    border-radius: 10px;
}
.adminBg .loginMain {
    background: none;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.adminBg .loginHeader h3, 
.adminBg .loginHeader h5 {
    color: #fbff00;
}
.backLink {
    position: absolute;
    left: 15px;
    top: 10px;
    font-size: 14px;
    font-weight: 500;
}
.backLink:hover {
    color: #f00;
}
.adminTab .w20 {
    width: 20px;
}

.adminTab .w150 {
    width: 150px;
}

.adminTab .w250 {
    width: 250px;
}
.adminBody {
    background-image: url("../images/bg/adminBg.jpg");
    background-repeat: no-repeat;
    background-position: left 100%;
    background-size: cover;
    height: 100vh
}
.adminBody .formBg {
    background-color: #fff;
}
.empDetails {
    max-width: 600px;
    margin: 0 auto;
    background-image: none;
    background-color: #fff;
}
.searchEmpCode .labelControl {
    margin: 0;
    margin-right: 15px;
}
.searchEmpCode .inputControl {
    border-radius: 0.25rem !important;
    margin-right: 15px;
    max-width: 190px;
}
.searchEmpCode .actionBtn {
    border-radius: 0.25rem !important;
}
.registerPreview a {
    color: #0043ff;
    font-weight: 500;
}
.registerPreview .labelControl {
    margin: 0;
}
.qualificationTable th {
    vertical-align: middle;
    background-color: #013766;
}
.qualificationTable th .labelControl {
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-size: 13px;
}
.qualificationTable .labelControl {
    margin: 0;
}
.qualificationForm .info {
    font-size: 12px;
}
.qualificationForm .uploadImg {
    margin-right: 10px;
    border: 1px solid #d5d5d5;
    border-radius: 0.25rem;
    padding: 3px;
}
.qualificationForm .uploadImg .proImg {
    border-radius: 0.25rem;
}
.registerPreview .table .qualificationTabBg {
    background-color: #035399;
}
.registerPreview .table .qualificationTabBg .labelControl {    
    color: #fff;
}
.successMsg .suceessUrl {
    color: #c53e0b;
    margin: 0;
    margin-top: 15px;
    line-height: 21px;
    font-weight: 600;
}
.successMsg .suceessUrl span {
    text-decoration: underline;
    color: #000c9d;
    font-weight: 500;
    font-size: 13px;
}
.frmSectionBlk {
    background: #efeee5;
    background: #fbfaf3;
    background: #ededed;
    margin: 0 0 20px;
    padding: 20px 15px;
}
.sectionTitle {
    font-size: 15px;
    font-family: 'Roboto', sans-serif;
    line-height: 26px;
    margin: 0 0 10px;
    color: #ffffff;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
    padding: 3px 12px;    
    background-color: #035399;
}
.fieldInfo {
    font-size: 14px;
    color: #d70000;
}
.radioBlk .input-group {
    margin: 0 0 8px;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.radioBlk .radioBtn {
    width: 24px;
    display: inline-flex;
    margin-top: 5px;
}
.radioBlk .radioBtn2 {
    width: 28px;
}
.radioBlk .radioBtn.radioBtn2{
    width: 30px;
}
.radioBlk .radioBtn.lastRadioBtn {
    width: 48px;
    display: inline-flex;
    margin-top: 5px;
}
.radioBlk p {
    margin: 0;
}
.postCodeNmb {
    margin: 0;
    color: #f00;
}
.examDetailBlk .table {
    margin: 0;
}
.examDetailBlk th.previewHead {
    background: #035399;
    color: #fff;
    text-transform: uppercase;
}
.examDetailBlk th{
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #05608a;
}
.frmSectionBlk .table {
    border-color: #b3b3b3;
}
.qualificationBlk th {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #fff;
    background: #035399;
}
.qualificationBlk label {
    font-size: 13px;
    font-weight: 500;
    line-height: 20px;
    color: #05608a;
}
.frmSectionBlk .captchaInsertBlk {
    background: #ebebeb;
    padding: 15px;
    border: 1px dashed #acacac;
}
.frmSectionBlk .captchaInsert {
    max-width: 270px;
   margin: 0 auto;

}
.frmSectionBlk .captchaInsert .captchaBlk {
    margin-bottom: 10px;
    margin-top: 0;
}
.frmSectionBlk .captchaBlk a {
    font-size: 13px;
}
.informationBlk h5 {
    font-size: 16px;
    margin: 0 0 10px;
    color: #1065c2;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
}
.informationBlk {
    border: 2px dashed #acacac;
    padding: 15px;
    margin: 30px 0 20px;
}
.informationBlk ul {
    list-style-type: disclosure-closed;
    padding-left: 20px;
    margin: 0;
}
.informationBlk ul li {
    font-size: 14px;
}
.reportingForm {
    padding: 15px;
}
.viewForm .table th, 
.viewForm .table td {
    font-size: 14px;
    line-height: 20px;
}
.viewForm .table th {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #0633a2;
}
.viewForm .frmSectionTitle {
    line-height: 22px;
    border-bottom: none;
    padding: 0;
    margin: 0;
    text-decoration: underline;
    font-size: 17px;
    color: #ff5600;
}
.successPreview {
    max-width: 600px;
    margin: 0 auto;
}
.successPreview h2 {
    font-size: 24px;
    line-height: 30px;
    margin: 0 0 15px;
    color: #1aac00;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.successBlk p {
    font-size: 15px;
    color: #0b4686;
    font-family: 'Roboto', sans-serif;
    margin: 0 0 15px;
}
.successBlk p .candidateFName, .successBlk p .candidateLName, .successBlk p span {
    font-weight: 600;
}
.printAction{
    font-size: 15px;
    color: #0b4686;
    font-family: 'Roboto', sans-serif;
}
.printAction a {
    color: #f00;
    margin-right: 5px;
    text-decoration: underline !important;
}
.printAction a:hover{
    text-decoration: none !important;
}
.userProfile.borderBtm {   
    padding: 15px;
    padding-bottom: 0;    
}

.uploadPhoto .uploadImg {
    margin-right: 10px;
}
/* .uploadPhoto .userProfile .proImg,
.uploadPhoto .uploadImg .proImg {
    height: 150px;
    width: 150px;
} */
.uploadPhoto .userProfile .signImg,
.uploadPhoto .uploadImg .signImg {
    height: 60px;
    width: 210px;
}
.uploadPhoto .userProfile img,
.uploadPhoto .uploadImg img {
    border: 1px solid #e4e4e4;
    padding: 3px;
    border-radius: 0.25rem;
    /* max-width: 100%;
    max-height: 100%; */
}
.uploadPhoto .info {
    font-size: 12px;
    /* display: inline-block; */
    line-height: 16px;
}
.paymentDetailMain {
    background: none;
}
.dateSign p{
    margin: 0;
}
.dateSign .labelControl{
    margin-bottom: 0;
}
.dateSign img {
    border: 1px solid #e4e4e4;
    padding: 3px;
    border-radius: 0.25rem;
    max-width: 100%;
    max-height: 100%;
    height: 60px;
    width: 210px;
}
.rupeeSymbol {
    display: inline-block;
    margin-right: 3px;
    font-weight: 500;
    color: #05608a;
    font-size: 17px;
}
.responseBlk th,
.responseBlk td b {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: #05608a;
}
.frmSectionTitle {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    color: #05608a;
    margin: 0 0 3px;
    padding-bottom: 2px;
    border-bottom: 1px solid #f00;
    line-height: 24px;
    text-transform: uppercase;
}
.responseBlkContent {
    padding: 15px;
}
.responseBlkContent td {
    font-size: 14px;
}
.responseBlk {
    padding-bottom: 20px;
    background-image: none;
}
.noGenralPrint {
    background-image: none;
}
.noGenralPrint .table-responsive {
    padding-top: 20px;
}
.calenderBlk i {
    position: absolute;
    left: -1px;
    top: 0;
    width: 38px;
    height: 36px;
    background: #fcb027;
    z-index: 9;
    text-align: center;
    line-height: 36px;
    border-radius: 0.25rem 0 0 0.25rem !important;
    color: #fff;
    font-size: 14px;
}
.calenderBlk input {
    border-radius: 0.25rem !important;
    padding-left: 48px;
}
/*--- Admin Dashboard Style End --*/

/*--- Home Page Style Start --*/
/* .homeBody {
    background-color: #fff;
} */
.homeBody .headerMain {
    border-bottom: none;
}
.homeNav {
    padding: 0;
    margin: 0;
    list-style-type: none;
    display: inline-flex;
}
.homeNav .dropdown {
    margin-right: 0;
}
.homeNav .dropdown:hover > .dropdown-menu {
    display: block;
}
.homeNav .dropdown-menu {
    left: inherit;
    right: 5px;
    top: 36px;    
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    min-width: 200px;
}
.homeNav .dropdown-menu::before {
    border: 7px solid #f8fdff;
    border-color: transparent transparent #fff #fff;
    box-shadow: -2px 2px 2px -1px rgb(0 0 0 / 10%);
    content: "";    
    position: absolute;
    top: 2px;    
    right: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.homeNav .dropdown > .dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}
.homeNav .dropdown-menu li {
    position: relative;
    display: block;
    padding-right: 0px;    
}
.homeNav .dropdown-menu li a {
    display: block;
    padding: 10px 15px;
    clear: both;
    white-space: nowrap;
    font-size: 14px;
    color: #26292c;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    width: 100%;
    border-top: 1px solid #f0f0f0;
}
.homeNav .dropdown-menu li:first-child a {
    border-top: 0;
}
.homeNav .dropdown-menu li a:hover {
    color: #1e88e5;
    letter-spacing: .5px;
    padding-left: 20px;
    background: none;
}
.sliderMain {
    position: relative;
}
.sliderMain .owl-item {
    max-height: 500px;
}
.sliderMain .owl-nav {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}
.sliderMain .owl-nav .owl-prev span {
    position: absolute;
    left: 20px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/icons/prev-icon.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 40px;
    background-size: 16px;
    background-position: center center;
    border-radius: 50px;
}
.sliderMain .owl-nav .owl-next span {
    position: absolute;
    right: 20px;
    font-size: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url(../images/icons/next-icon.png);
    background-repeat: no-repeat;
    width: 42px;
    height: 40px;
    background-size: 16px;
    background-position: center center;
    border-radius: 50px;
}
.whatNews {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9;
    background: #154979cf;
    height: 100%;
    padding: 20px;
    max-width: 40%;
    width: 100%;
}
.whatNews h2 {
    font-size: 17px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    margin: 0 0 10px;
    font-family: 'Roboto', sans-serif !important;
    letter-spacing: 1px;
    text-transform: uppercase;
}
.whatNewsItem {
    height: calc(100% - 40px);
    border: 1px solid #ffffff7d;    
    padding: 20px;
}
.whatNewsItem marquee {
    height: 100%;
}
.whatNewsItem ul {
    padding: 0;
    margin: 0;
    list-style-type: disclosure-closed;
    padding-left: 17px;
    color: #fff;
}
.whatNewsItem ul li {
    margin: 0 0 10px;
}
.whatNewsItem ul li a {
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
}
.visionMissionMain {
    padding: 30px 0;
}
.visionMissionBlk h2,
.salientFeaturesBlk h2 {
    font-size: 24px;
    color: #8d4205;
    margin: 0 0 20px;
    position: relative;
    text-transform: uppercase;
}
.visionMissionBlk h2:before,
.salientFeaturesBlk h2:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #058d26;
    height: 2px;
    width: 150px;
}
.visionBlk {
    margin: 0 0 20px;
}
.visionBlk h3,
.missionBlk h3 {
    font-size: 18px;
    text-transform: uppercase;
    margin: 0 0 6px;
    color: #035399;
}
.visionBlk p,
.missionBlk p,
.salientFeaturesBlk li {
    font-size: 14px;
    margin: 0;
}
.missionBlk ul,
.salientFeaturesBlk ul {
    padding-left: 20px;
    margin: 0;
    list-style-type: disclosure-closed;
}
.missionBlk ul li,
.salientFeaturesBlk ul li {
    margin: 0 0 10px;
}
.missionBlk ul li:last-child,
.salientFeaturesBlk ul li:last-child {
    margin-bottom: 0;
}
.visionMissGrid {
    background: #fff;
    padding: 20px;
    -webkit-box-shadow: 0 -4px 6px 1px black;
    -moz-box-shadow: 0 -4px 6px 1px black;
    box-shadow: 0 0px 5px 0px rgb(0 0 0 / 30%);
    border-radius: 0.25rem;
}
.col-md-8.visionMissGrid {
    width: 65.666667%;
}
.col-md-4.visionMissGrid {
    width: 32.333333%;
}
/*--- Home Page Style End --*/
/*-- 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 --*/

.admitCardMain {
    background: rgba(255,255,255,1);
    box-shadow: 0px 2px 5px 0px rgb(0 0 0 / 16%);
    padding: 20px 25px;
    border-radius: 10px;
}
.admitCardMain .table td {
    font-size: 14px;
    line-height: 20px;
}