body {
    margin: 0;
    font-size: 15px !important;
    font-family: 'Quicksand', sans-serif !important;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    color: #222 !important;
}
img {
    width: 100%;
}
h2, h3 {
    color: #17468f;
}
h3{
    margin-top: 15px;
}
a{
    text-decoration: none;
    color: #222;
}
.header-info {
    /*background-color: #0a4bbc;*/
    background-color: #17468f;
    /*margin-bottom: 45px;*/
    margin-bottom: 30px;
}
.the-logo {
    padding: 20px;
}
.right {
    float: right;
}
.left {
    float: left;
}
.forgot-pwd {
    color: #c00;
    text-decoration: none;
}
/*.new-acct-container {
    width: 400px !important;
    margin-top: 75px !important;
    border: 1px solid;
    padding: 15px 20px 45px 15px;
    border-radius: 25px;
}*/
.login-container {
    width: 400px !important;
    margin: 0 auto;
}
.login-container h2, .hme-notice h2, .reg-note h2, .create-acct h2 {
    text-align: center;
    /*color: #c00;*/
}
.login-container .field-wrapper {
    padding-bottom: 20px;
}
.login-container .field-wrapper input[type=text],
.login-container .field-wrapper input[type=password] {
    width: 100%;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
    border-bottom: 1px solid #222;
    margin-top: 10px;
}
.login-wrapper p{
    padding-top: 10px;
}
.btn-login, .btn-new-acct, .btn-wrapper {
    text-align: center;
    margin-top: 15px;
}
.home-txt p, newAcct-text p {
    text-align: justify;
    line-height: 30px;
}
.home-txt, .newAcct-text {
    margin-top: 20px;
}
.newAcct-text a.link-login {
    color: #c00;
    text-decoration: none;
    font-weight: bold;
}
.btn-buttons {
    background-color: #0a4bbc;
    border: 0px;
    padding: 5px 35px;
    color: #fff;
}
.reg-container, .login-wrapper p {
    text-align: center;
}
.reg-container p{
    font-weight: 600;
    margin-top: 15px;
}
.link-register a, .closing-date {
    text-decoration: none;
    color: #c00;
    font-weight: 600;
}
p.closing-date{
    font-size: 19px;
}
.link-register p{
    font-weight: normal;
}
.link-register a:hover {
    color: #c00;
}
.new-acct-container{
    /*width: 450px !important;*/
    margin: 0 auto;
    /*text-align: center;*/
}
.create-acct .field-wrapper input[type=text], .create-acct .field-wrapper input[type=email],
.create-acct .field-wrapper input[type=password], .field-wrapper select, .app-form input[type=text] {
    width: 100%;
    border: 1px solid #ccc;
    height: 35px;
}
.field-wrapper input:focus-visible {
    outline: none;
}
.field-wrapper {
    padding-bottom: 5px;
    /*padding-bottom: 15px;*/
}
.create-acct h2 {
    padding-bottom: 15px;
}
.error-msg {
    text-align: left;
    color: #ff0000;
}
.err-msg {
    margin-bottom: 1px;
    color: #ff0000;
    text-align: left;
}
.lbl-title{
    text-align: left;
}
.page-header {
    margin-bottom: 25px;
}
.page-header p {
    margin-bottom: 5px;
}
.app-form h4{
    margin-bottom: 25px;
}
select#ContentPlaceHolder1_ddlTitle{
    color: #808080;
}
/*.resetPwd .field-wrapper{
    margin-top: 50px;
}*/
.app-form .field-wrapper input[type=text], .app-form .field-wrapper textarea,
.app-form .field-wrapper select {
    width: 100%;
    /*background-color: #e4ebf3;*/
    border: 0px;
}
/*.app-form .field-wrapper {
    background-color: #e4ebf3;
}*/
.app-form .labels {
    padding-bottom: 5px;
    /*padding-top: 7px;*/
}
.app-form .field-wrapper input[type=radio]{
    margin-right: 5px;
}
.app-form .labels, .app-form #ContentPlaceHolder1_ContentPlaceholder1_Label4 {
    font-weight: 600;
}
.app-form .field-wrapper .texts ul li {
    display: inline-block;
    padding-right: 10px;
}
.app-form .field-wrapper .texts ul{
    padding: 0;
}
.footer1 {
    background-color: #17468f;
    margin-top: 65px;
}
.footer1 a {
    color: #fff;
    text-decoration: none;
}
.footer1 a:hover {
    text-decoration: underline;
    color: #fff;
}
.footer2 {
    background-color: #333;
}
.footer1, .footer2 {
    color: #fff;
    font-size: 13px;
    padding: 25px 0;
    text-align: center;
}
.prg-selection .disp-txt, .academic .disp-txt {
    display: none;
}
.row-heading, .sc-index-wrapper {
    background-color: #e4ebf3;
    margin-bottom: 5px;
}
.academic .row-heading {
    font-size: 12px;
    text-align: center;
}
.sub-row {
    margin-top: 10px !important;
}
.lbl-center {
    text-align: center;
}
.sc-index-wrapper {
    padding: 5px 10px;
}
.sc-results .texts, .hsc-results .texts {
    margin-bottom: 10px;
}
.sc-results .field-wrapper, .personal-details .field-wrapper, .prg-selection .field-wrapper,
.edu-container .field-wrapper, .academic .field-wrapper, .academic .row-heading, .prg-selection .row-heading,
.edu-container .row-heading, .other-qualifications .field-wrapper, .other-qualifications .row-heading,
.emp-details .row-heading, .emp-details .field-wrapper, .work-experience .field-wrapper,
.work-experience .row-heading, .referees .row-heading, .referees .field-wrapper, .hsc-results .field-wrapper {
    margin: 0;
    padding-top: 5px;
    /*padding-bottom: 10px;*/
    background-color: #e4ebf3;
}
.hsc-results .subject-container, .sc-results .subject-container {
    margin-top: 5px;
}
.other-qualifications .row-heading, .emp-details .row-heading{
    text-align: center;
    padding-bottom: 0;
}
.edf-container h3{
    text-align: center;
}
.edf-container .app-form .field-wrapper input[type=text], .edf-container .programmes .field-wrapper {
    background-color: #e4ebf3;
}
.edf-container .edf-date{
    padding: 15px 0;
}
.edf-container .programmes{
    margin: 20px 0;
}
.edf-container .programmes .field-wrapper{
    padding-top: 10px;
}
.referees .ref1{
    height: 50px;
}
.forms-menu li a, .post-confirmation a.logout-link {
    color: #222;
    text-decoration: none;
}
.link-clicked {
    color: #c00;
    font-weight: bold;
}
.forms-menu li{
    /*margin-bottom: 5px;*/
    line-height: 30px;
}
.forms-menu li a:hover, li.current-menu-item a {
    /*text-decoration: underline;*/
    color: #c00;
}

#ctl00_ctl00_ContentPlaceHolder1_ContentPlaceholder1_MyReportViewer {
    height: auto !important;
    /*width: 100%;*/
}
.confirm-App{
    text-align: center;
    font-weight: 600;
}
.confirm-application img{
    display: none;
}
.inform-msg {
    font-size: 19px;
    color: #ff0000;
    margin-bottom: 15px;
}
.error-wrapper {
    margin-bottom: 15px;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
    font-size: 19px !important;
}
.mob-menu button {
    background-color: #17468f;
    border-radius: 0;
    color: #fff;
    padding: 10px;
}
.hsc-sub {
    margin-bottom: 5px;
}
.admin-login{
    margin-top: 10px;
}
.admin-login a, .admin-logout a {
    text-decoration: none;
}
.admin-login a:hover, .admin-logout a:hover {
    text-decoration: underline;
    color: #fff;
}
.admin-menu ul li {
    display: inline;
    /*padding: 20px;*/
    padding: 0 40px 20px 0;
}
.admin-menu ul{
    padding: 0;
}
.admin-menu ul li a {
    text-decoration: none;
    color: #17468f;
    font-size: 18px;
    font-weight: 600;
}
.admin-menu ul li a:hover{
    text-decoration: underline;
}
.admin-login-container {
    padding: 15px 0px 26px;
}
.search-area {
    /*width: 70%;*/
    border: 1px solid;
    padding: 15px;
    /*  margin-bottom: 30px;
    margin-top: 20px;*/
}
.search-area .btn-wrapper{
    margin-top: 25px;
}
ContentPlaceHolder1_gvApplicants tr:nth-child(1){
    background-color: #c00;
}
#ContentPlaceHolder1_gvApplicants tr:nth-child(even) {
    background-color: #F2F1F0;
    /*color: #fff;*/
}
#ContentPlaceHolder1_gvApplicants th, #ContentPlaceHolder1_gvApplicants td {
    padding: 10px 0;
    /*width: 25%;*/
}
#ContentPlaceHolder1_gvApplicants, .search-area{
    width: 80%;
    margin: 0 auto;
}
.search-area{
    border-color: gray;
}
.appLists{
    margin-top: 30px !important;
}
.applicants-list h2{
    text-align: center;
}
#ContentPlaceHolder1_gvApplicants tr:last-child td table{
    margin: 0 auto;
}
#ContentPlaceHolder1_gvApplicants tr:last-child td table td{
    padding-right: 15px;
}
#ContentPlaceHolder1_gvApplicants td:first-child {
    padding-left: 10px;
}
#ContentPlaceHolder1_gvApplicants td:last-child {
    padding-right: 10px;
}
#captchaDiv {
    /*width: 100px;*/
    padding: 0;
}
.innerDiv {
    height: 350px;
    overflow-x: auto;
}
#ContentPlaceHolder1_gvApplicants td:last-child
{
    text-align: center;
}
/* Responsive */
@media only screen and (max-width: 425px) {
    .prg-selection .row-heading {
        display: none;
    }
    .prg-selection .disp-txt {
        display: inline-block;
    }
}
.error-border {
    border: 1px solid #c00 !important;
}

@media only screen and (max-width: 769px) {
    .login-container {
        width: 100% !important;
    }
    .field-wrapper input, .field-wrapper select{
        margin-bottom: 5px;
    }
    .academic .row-heading {
        display: none;
    }
    .academic .field-wrapper {
        margin-bottom: 10px;
    }

    /*.field-wrapper .responsive-date div.col-sm-6 {
        width: 50%;
    }
    
    .responsive-grade {
        width: 33% !important;
    }*/
}
@media only screen and (min-width: 769px) {
    .new-acct-container {
        width: 450px !important;
    }
    .edf-container{
        width: 800px !important;
    }
    .work-experience textarea {
        width: 550px !important;
    }
    .academic .responsive-lbl{
        display: none;
    }
    
    
}
@media only screen and (max-width: 426px) {

    .edu-container .row-heading, .academic .row-heading, .sc-results .row-heading,
    .other-qualifications .row-heading, .emp-details .row-heading, .hsc-results .row-heading,
    .referees .ref1 {
        display: none;
    }

    .field-wrapper .responsive-date div.col-sm-6 {
        width: 50%;
    }

    .academic .field-wrapper, .other-qualifications .field-wrapper, .emp-details .field-wrapper {
        margin-bottom: 10px;
    }

    .responsive-grade {
        width: 33% !important;
    }
    
}
@media only screen and (min-width: 426px) {
    .edu-container .responsive-lbl, .sc-results .responsive-lbl,
    .other-qualifications .responsive-lbl, .emp-details .responsive-lbl, .hsc-results .responsive-lbl,
    .referees .responsive-lbl, .referees .hsc-sub {
        display: none;
    }

}

@media only screen and (min-width: 1024px){
    .acadDate{
        width: 14% !important;
    }
}