@charset "utf-8";



/* CSS Document */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box !important;
}


.margin_non {
    margin: 0 !important;
}

div:after {
    content: "";
    display: block;
    clear: both;
}

body {
    font-family: 'Poppins', sans-serif !important;
    font-weight: 400;
    background-color: #fff !important;
    font-size: 14px !important;
}
/*landingpage css start***********************/
.main_bg {
    background-color: #F8F5FF !important;
}

.res-marquee {
    display: none !important;
}

.default-marquee {
    display: block !important;
}


.main_bg:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    background-image: url('../images/Polygon Luminary.svg');
    height: 100%;
    bottom: 0;
    z-index: -999;
    background-repeat: no-repeat;
    background-size: cover;
}

a {
    text-decoration: none !important;
}

    a:hover {
        cursor: pointer;
        transition: 0.5s all;
    }

img {
    vertical-align: middle;
    border-style: none;
    max-width: 100%;
}

ul, li {
    /*list-style: none;*/
}

ul {
    padding: 0 !important;
    margin: 0 !important;
}

p {
    line-height: 22px;
}
/*preheader css start*/
.preheader {
    width: 100%;
    padding: 5px 0;
    position: sticky !important;
    top: 0;
    z-index: 99999;
    border-bottom: 1px solid #ffffff;
    /*background-image: linear-gradient(to left, #93dbdb, #f0ecfa);*/
    background: linear-gradient(45deg, #42205f, #9163b8) ;
    color:#fff;
}

    .preheader a:hover {
        color: #fff;
    }

    .preheader img {
        width: 14px;
    }

.home_link ul {
    padding: 0;
    margin: 0;
}

.login_link {
    color: #fff;
}

.login_link a {
    color: #fff;
}



.home_link a {
    background-color: #fff;
    padding: 0px 5px 0 5px;
    border-radius: 20px;
    width: 24px;
    height: 25px;
    text-align: center;
    color: #fff !important;
    margin-right: 10px;
}

.home_link b {
    color: #fff !important;
}

.home_link img {
    filter: invert(38%) sepia(90%) saturate(1100%) hue-rotate(2deg) brightness(94%) contrast(102%);
}

.sub-login li {
    display: inline-block;
}


.sub-login-resp {
    display: none;
}


/*preheader css end*/
/*header css start*/
.header {
    background-color: #fff;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    top: 35px;
    left: 0;
    z-index: 1;
    transition: 0.5s;
    padding: 10px 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.JNKVVRVSKVV_logo {
    width: 180px;
    z-index: 999;
    position: relative;
}

    .JNKVVRVSKVV_logo img {
        width: 100%;
    }
/*header css start*/
.container-fluid {
    width: 90% !important;
    margin: 0 auto;
}

.wrapper {
    width: 100%;
    min-height: 86vh;
    height: 100% !important;
    position: relative;
}

.wrapper_height {
    min-height: 89vh;
    height: 100% !important;
}

.lpwrapper {
    width: 100%;
    min-height: 90vh !important;
    position: relative;
}

.landing-page {
    position: absolute;
    background-color: #fff;
    left: 0;
    width: 30%;
    z-index: 0;
    min-height: 90vh;
}

}

.header-lp {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    position: fixed;
    top: 33px;
    left: 0;
    z-index: 9999;
    transition: 0.5s;
    padding: 10px 0;
    border: 8px solid #000 !important;
}
/*landingpage css start********************************************************************************/
.landing-page:after {
    content: '';
    position: absolute;
    width: 100%;
    left: 0;
    background-image: url("../images/Rect_Light.svg");
    height: 240px;
    bottom: 0;
    background-repeat: no-repeat;
    z-index: -1;
}

.department-area {
    padding: 10px 0;
}

/*.winona_active {
  background-color: #124d6f !important;
    color: #fff !important;
    width:100% !important;
 
}

.winona_active::before {
content:"" !important;
position:absolute !important;
right:0 !important;
	width: 0 !important;
	height: 0 !important;
	border-top: 25px solid transparent !important;
	border-left: 50px solid #555 !important;
	border-bottom: 25px solid transparent !important;
 
}*/



/* hides every element except the first */
.content:first-child {
    display: block !important;
}

.content:last-child {
    display: none;
}

.contentSection {
    display: block;
    color: #666;
    width: 70%;
    right: -30%;
    position: fixed;
    margin-top: -74px;
}

marquee {
    cursor: pointer;
    padding: 10px 0;
    background-color: #42205f;
    display: flex;
    overflow: hidden;
    position: absolute;
    z-index: 9999;
    color: #fff;
}



.mouse {
    position: absolute;
    right: 12px;
    top: -3px;
    bottom: 0;
    z-index: 0;
}

.mouse-icon {
    width: 32px;
    height: 32px;
    /*border: 2px solid #efffff;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    /*background: #93dbdb;*/
    cursor: pointer;
    position: relative;
    text-align: center;
    margin: 0 auto;
    display: block;
}

.mouse-wheel {
    /*height: 80px;*/
    /*margin: 2px auto 0;*/
    display: block;
    width: 30px;
    background: transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
    -webkit-animation: 1.6s ease infinite wheel-up-down;
    -moz-animation: 1.6s ease infinite wheel-up-down;
    animation: 1.6s ease infinite wheel-up-down;
    color: #fff;
}

    .mouse-wheel img {
        margin-top: 9px;
        width: 18px;
    }

@keyframes wheel-up-down {
    100% {
        margin-left: 10px;
        opacity: 1;
    }

    10% {
        opacity: 0.1;
    }

    0% {
        margin-left: 2px;
        opacity: 0;
    }
}

.info_JNKVVRVSKVV {
    width: 200px;
    margin: 80px auto 0;
}

.title {
    margin: 10px auto 0px;
    width: 100%;
}

.selectSection {
    margin: 0 0 10% 10%;
    width: 90%;
}



.title h1 {
    font-size: 30px;
    font-weight: 100;
}

.title h2 {
    font-size: 20px;
    font-weight: 700;
}

.about_content {
    line-height: 22px;
    color: #757474;
    margin: 10px 0px;
    font-size: 14px;
}
/* Common button styles */
.button {
    display: block;
    padding: 6px 12px;
    margin: 0 auto;
    border: none;
    background: none;
    color: inherit;
    vertical-align: middle;
    position: relative;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    overflow-wrap: break-word;
}





    .button:focus {
        outline: none;
    }

    .button > span {
        vertical-align: middle;
    }

.bg-1 .button {
    color: #37474f;
}

.select-button {
    width: 100%;
    background-color: #dbdddd;
    color: #000;
    cursor: pointer;
    display: block;
    padding: 10px;
    text-align: left;
    border-radius: 5px;
}

.select-button_active {
    background: rgb(5,56,89);
    background: linear-gradient(90deg, rgba(5,56,89,1) 0%, rgba(42,193,241,1) 100%);
    color: #fff !important;
    width: 100%;
    border-radius: 5px 0 0 5px;
    text-align: left;
    margin: 8px 0;
}

    .select-button_active:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 19px solid transparent;
        border-bottom: 22px solid transparent;
        border-left: 10px solid #2ac1f1;
        position: absolute;
        right: -10px;
        top: 0;
    }



.heading-section .subheading {
    font-size: 18px;
    display: inline-block;
    margin-bottom: 0;
    color: #6ba7a7;
    font-weight: 600;
    letter-spacing: 2px;
    text-transform: uppercase;
    position: relative;
    padding-bottom: 4px;
}
    /* Common button styles end */
    .heading-section .subheading:after {
        position: absolute;
        top: 50%;
        left: -60px;
        content: '';
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 1px;
        margin-top: -1px;
        background: #6ba7a7;
    }

    .heading-section .subheading:before {
        position: absolute;
        top: 50%;
        right: -60px;
        content: '';
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 50px;
        height: 1px;
        margin-top: -1px;
        background: #6ba7a7;
    }

.heading-section h2 {
    font-size: 24px;
    font-weight: 600;
}
/* Nuka */
.button_nuka {
    margin: 1em 0;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    width: 98%;
    font-size: 14px;
    padding: 10px;
}

    .button_nuka.button_inverted {
        color: #37474f;
    }

    .button_nuka::before, .button_nuka::after {
        content: '';
        position: absolute;
        border-radius: inherit;
        background: #fff;
        z-index: -1;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    }

    .button_nuka::before {
        top: -4px;
        bottom: -4px;
        left: -4px;
        right: -4px;
        opacity: 0.8;
        -webkit-transform: scale3d(0.7, 1, 1);
        transform: scale3d(0.7, 1, 1);
        -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
        transition: transform 0.3s, opacity 0.3s;
    }

    .button_nuka::after {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-transform: scale3d(1.1, 1, 1);
        transform: scale3d(1.1, 1, 1);
        -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
        transition: transform 0.3s, background-color 0.3s;
    }

    .button_nuka::before, .button_nuka::after {
        -webkit-transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
        transition-timing-function: cubic-bezier(0.2, 1, 0.3, 1);
    }

    .button_nuka.button--inverted::before, .button_nuka.button_inverted::after {
        background: #fff;
    }

    .button_nuka:hover {
        color: #000;
    }

        .button_nuka:hover::before {
            opacity: 1;
        }

        .button_nuka:hover::after {
            background-color: #E4E5FF;
        }

    .button_nuka.button_inverted:hover::after {
        background-color: #E4E5FF;
    }

    .button_nuka:hover::after, .button_nuka:hover::before {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }

    .button_nuka img {
        width: 40px;
        margin-bottom: 10px;
    }

.contact-area {
    margin: 0 auto;
    padding-bottom: 22px;
    width: 80%;
}

    .contact-area p {
        font-size: 13px;
        line-height: 20px;
        color: #000;
        margin: 0;
    }

    .contact-area h6 {
        color: #000;
        font-weight: 500;
        font-size: 16px;
        margin: 5px 0;
    }

    .contact-area img {
        width: 16px;
        margin-right: 10px;
    }


.mpo_logo img {
    margin-top: 4px !important;
}



.footer {
    width: 100%;
    text-align: center;
    padding: 4px 0 0;
    background-image: linear-gradient(to left, #452363, #f0ecfa);
    z-index: -1;
    position: absolute;
    left: 0;
}
/*landing page css end*****************************************************************************************/
.innerpage_heading {
    position: relative;
}

    .innerpage_heading h4 {
        padding: 8px 0 8px 24px;
        border-radius: 6px;
        color: #fff;
        /*background: rgb(140 118 151);*/
        background: linear-gradient(-45deg, #fff 0%, #9767bc 100%);
        font-size: 20px !important;
    }

        .innerpage_heading h4:before {
            content: "";
            height: 23px;
            width: 10px;
            background-color: #42205f;
            position: absolute;
            left: 8px;
        }

.logout {
    width: 50%;
    background-color: #daedff52;
    padding: 40px;
    transform: translateY(-50%);
    position: absolute;
    top: 50%;
    left: 25%;
    right: 25%;
    border-radius: 20px;
    border: 2px solid #d1f2ff;
}

    .logout h1 {
        font-size: 36px !important;
    }

    .logout img {
        width: 70px !important;
    }

    .logout h1 span {
        font-size: 24px !important;
    }
/*****logout page end***********************************************************/
/*****candidate corner page start***********************************************************/
.login_outer {
    min-width: 320px;
    margin: 1% auto;
}

.candidate_corner {
    background-color: #fff;
    padding: 15px;
    float: left;
    margin: 4% 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    min-height: 460px;
}

.candidate_corner-form {
    position: relative;
    background: #f1e0ff;
    padding: 20px 20px 0;
    text-align: center;
}

    .candidate_corner-form::before {
        content: '';
        position: absolute;
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        background: linear-gradient(315deg, #e91e63, #5d02ff);
        z-index: -1;
        transform: skew(2deg, 1deg);
        border-radius: 10px;
    }

    .candidate_corner-form h5 {
        color: #000;
        font-weight: 300;
        text-transform: uppercase;
        letter-spacing: 5px;
    }

    .candidate_corner-form .input {
        text-align: left;
    }

        .candidate_corner-form .input .inputBox {
            margin-top: 10px;
        }

            .candidate_corner-form .input .inputBox label {
                display: block;
                color: #000;
                margin-bottom: 5px;
                letter-spacing: 1px;
            }

            .candidate_corner-form .input .inputBox input {
                position: relative;
                width: 100%;
                height: 40px;
                border: none;
                outline: none;
                padding: 5px 15px;
                color: #000;
            }

    .candidate_corner-form .submit_btn input {
        position: relative;
        width: 100%;
        height: 40px;
        border: none;
        outline: none;
        padding: 5px 15px;
        background-color: #42205f;
        color: #fff;
        transition: 0.5s;
    }

        .candidate_corner-form .submit_btn input:hover {
            background-color: #d0490d;
        }

    .candidate_corner-form .input .inputBox input[type="submit"] {
        cursor: pointer;
        margin-top: 20px;
        letter-spacing: 1px;
    }

        .candidate_corner-form .input .inputBox input[type="submit"]:hover {
            background: linear-gradient(315deg, #5d02ff, #e91e63);
        }

        .candidate_corner-form .input .inputBox input[type="submit"]:active {
            color: rgba(255, 255, 255, 0.521);
            background: linear-gradient(315deg, #e91e6271, #5f02ff8c);
        }

.forgot {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
}

    .forgot a {
        color: #d0490d;
    }

.captcha_area {
    height: 42px;
    background-color: #fff;
    padding: 10px;
    margin: 22px 0;
    border: 1px solid #c7dcdc99;
}

.c-img {
    width: 25%;
}

.captcha_area input {
    width: 45%;
    padding: 4px;
    height: 22px;
    border: 1px solid #95dede;
}

    .captcha_area input:focus-visible {
        border: 1px solid #95dede !important;
    }

.spkr {
    width: 10%;
}
/*.bg_td_head {
	background-color: #67b9bb;
}*/
.candidate_corner-form .sapretion {
    display: inline-block;
    color: #6ba7a7;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
}
/* Common button styles end */
.candidate_corner .sapretion:after {
    position: absolute;
    top: 50%;
    left: 40px;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    margin-top: -1px;
    background: #6ba7a7;
}

.candidate_corner .sapretion:before {
    position: absolute;
    top: 50%;
    right: 40px;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    margin-top: -1px;
    background: #6ba7a7;
}
/*****candidate corner page end***********************************************************/
/*****login page end***********************************************************/
.login_outer {
    min-width: 320px;
    width: 35%;
    margin: 1% auto;
}

.login_corner {
    padding: 15px;
    width: 100%;
    float: right;
    margin: 2% 0;
}

.login_corner-form {
    position: relative;
    background: #ffffff;
    padding: 40px 40px 0;
    text-align: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

    .login_corner-form::before {
        content: '';
        position: absolute;
        top: -2px;
        right: -2px;
        bottom: -2px;
        left: -2px;
        background: linear-gradient(315deg, #1d82ae, #afe6ff);
        z-index: -1;
        transform: skew(2deg, 1deg);
        border-radius: 10px;
    }

    .login_corner-form h5 {
        color: #000;
        font-weight: 500;
        text-transform: uppercase;
        letter-spacing: 5px;
    }

    .login_corner-form .login_input {
        text-align: left;
    }

        .login_corner-form .login_input .login_inputBox {
            margin-top: 10px;
        }

            .login_corner-form .login_input .login_inputBox label {
                display: block;
                color: #000;
                margin-bottom: 5px;
                letter-spacing: 1px;
            }

            .login_corner-form .login_input .login_inputBox input {
                position: relative;
                width: 100%;
                height: 40px;
                border: none;
                outline: none;
                padding: 5px 15px;
                color: #000;
                background-color: #fff;
                border: 1px solid #c7dcdc99;
            }

    .login_corner-form .login_submit_btn input {
        position: relative;
        width: 100%;
        height: 40px;
        border: none;
        outline: none;
        padding: 5px 15px;
        background-color: #42205f;
        color: #fff;
        transition: 0.5s;
    }

        .login_corner-form .login_submit_btn input:hover {
            background-color: #d0490d;
        }

    .login_corner-form .login_input .login_inputBox input[type="submit"] {
        cursor: pointer;
        margin-top: 20px;
        letter-spacing: 1px;
    }

        .login_corner-form .login_input .login_inputBox input[type="submit"]:hover {
            background: linear-gradient(315deg, #5d02ff, #e91e63);
        }

    .login_corner-form .input .login_inputBox input[type="submit"]:active {
        color: rgba(255, 255, 255, 0.521);
        background: linear-gradient(315deg, #e91e6271, #5f02ff8c);
    }

.login_forgot {
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    letter-spacing: 1px;
}

    .login_forgot a {
        color: #d0490d;
    }

.login_captcha_area {
    height: 42px;
    background-color: #fff;
    padding: 10px;
    margin: 22px 0;
    border: 1px solid #c7dcdc99;
}

.login_c-img {
    width: 25%;
}

    .login_c-img img {
        margin-top: -8px !important;
    }

.login_c-img_input {
    width: 37% !important;
}

    .login_c-img_input input {
        width: 100% !important;
        outline: none;
        /*box-shadow: 0px 0px 5px #ddd;*/
        border: #ddd 1px solid;
    }

        .login_c-img_input input:visible {
            border: 1px solid #1d82ae !important;
        }

.login_captcha_area input {
    /*width: 45%;*/
    padding: 4px;
    height: 22px;
    /*border: 1px solid #95dede;*/
}

    .login_captcha_area input:focus-visible {
        border: 1px solid #95dede !important;
    }

.login_captha_icn {
    /*width: 7%;
    margin-left: 8px;*/
}
/*.bg_td_head {
	background-color: #67b9bb;
}*/
.login_corner-form .login_sapretion {
    display: inline-block;
    color: #6ba7a7;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-size: 14px;
}
/* Common button styles end */
.login_corner .login_sapretion:after {
    position: absolute;
    top: 50%;
    left: 40px;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    margin-top: -1px;
    background: #6ba7a7;
}

.login_corner .login_sapretion:before {
    position: absolute;
    top: 50%;
    right: 40px;
    content: '';
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 50px;
    height: 1px;
    margin-top: -1px;
    background: #6ba7a7;
}

.preheader span, .helpline {
    color: #fff !important;
}

.login-preheader {
    float: right;
}

    .login-preheader span {
        font-weight: 500 !important;
        color: #000 !important;
        margin-right: 4px;
    }

    .login-preheader a {
        padding: 0 6px 0 0 !important;
        color: #000 !important;
    }

        .login-preheader a:hover {
            color: #FFFFFF !important;
        }
/******landing page CSS end********************************************************/
/******form page CSS start********************************************************/
.form_container {
    margin: 0 auto;
    background-color: #fff;
}

.JNKVVRVSKVV_formtable {
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
}

    .JNKVVRVSKVV_formtable th {
        padding: 10px 6px;
        background-color: #f1e0ff !important;
        color: #000;
        margin: 0;
        font-weight: 600;
        text-align: left;
    }

    .JNKVVRVSKVV_formtable td:first-child {
        border-top: none;
    }

    .JNKVVRVSKVV_formtable td:first-child {
        text-align: left;
        width: 25%;
    }

    .JNKVVRVSKVV_formtable tbody tr td {
        padding: 4px;
        /*text-align: center;*/
        border: 1px solid #d0d7de !important;
    }

    .JNKVVRVSKVV_formtable input[type=password], .JNKVVRVSKVV_formtable input[type=text], .JNKVVRVSKVV_formtable select {
        padding: 8px;
        border-radius: 4px;
        background-color: #fff;
        border: #bdbdbd 1px solid;
        width: 100%;
    }

        .JNKVVRVSKVV_formtable input[type=password]:focus, .JNKVVRVSKVV_formtable input[type=text]:focus, .JNKVVRVSKVV_formtable input[type=select]:focus {
            outline: 0;
            box-shadow: 0 0 6px #c3dbff;
            border: #deedff 1px solid;
        }

        .JNKVVRVSKVV_formtable input[type=password]:focus, .JNKVVRVSKVV_formtable input[type=text]:focus, .JNKVVRVSKVV_formtable input[type=select]:focus {
            border-radius: 5px;
        }

    .JNKVVRVSKVV_formtable select {
        width: 100%;
    }

        .JNKVVRVSKVV_formtable select:focus {
            outline: 0;
            box-shadow: 0 0 10px #c3dbff;
            border: #deedff 1px solid;
        }

        .JNKVVRVSKVV_formtable select:hover {
            border: #ddd 1px solid;
            border-radius: 5px;
        }

    .JNKVVRVSKVV_formtable textarea {
        padding: 7px;
        border-radius: 4px;
        background-color: #fff;
        border: #ddd 1px solid;
        width: 100%;
        resize: vertical;
    }

        .JNKVVRVSKVV_formtable textarea:focus {
            outline: 0;
            box-shadow: 0 0 10px #c3dbff;
            border: #ddd 1px solid;
        }

.JNKVVRVSKVV_formtable2 td {
    width: 50%;
}

.JNKVVRVSKVV_formtable4 td {
    width: 25%;
}

.JNKVVRVSKVV_formtable5 td {
    width: 20%;
}


.JNKVVRVSKVV_formtable6 td {
    width: 16.5%;
}

.JNKVVRVSKVV_formtable input[type=text] {
    width: 100%;
}





/************************scrll-X*****************************/


.JNKVVRVSKVV_formtable_scrollx {
    width: 100%;
    margin: 10px 0;
    border-collapse: collapse;
}

    .JNKVVRVSKVV_formtable_scrollx th {
        padding: 10px 6px;
        background-color: #f1e0ff  !important;
        color: #000;
        margin: 0;
        font-weight: 600;
        text-align: left;
    }

    .jnkvv-inner-table-heading th {
        background: #f1e0ff !important;
    color: #333;
    }

    .JNKVVRVSKVV_formtable_scrollx td:first-child {
        border-top: none;
    }

    .JNKVVRVSKVV_formtable_scrollx td:first-child {
        text-align: left;
    }

    .JNKVVRVSKVV_formtable_scrollx td {
        padding: 4px;
        /*text-align: center;*/
        border: 1px solid #d0d7de !important;
    }

    .JNKVVRVSKVV_formtable_scrollx input[type=password], .JNKVVRVSKVV_formtable_scrollx input[type=text], .JNKVVRVSKVV_formtable_scrollx select {
        padding: 8px;
        border-radius: 4px;
        background-color: #fff;
        border: #bdbdbd 1px solid;
    }

        .JNKVVRVSKVV_formtable_scrollx input[type=password]:focus, .JNKVVRVSKVV_formtable_scrollx input[type=text]:focus, .JNKVVRVSKVV_formtable_scrollx input[type=select]:focus {
            outline: 0;
            box-shadow: 0 0 6px #c3dbff;
            border: #deedff 1px solid;
        }

        .JNKVVRVSKVV_formtable_scrollx input[type=password]:focus, .JNKVVRVSKVV_formtable_scrollx input[type=text]:focus, .JNKVVRVSKVV_formtable_scrollx input[type=select]:focus {
            border-radius: 5px;
        }

    .JNKVVRVSKVV_formtable_scrollx select {
        width: 100%;
    }

        .JNKVVRVSKVV_formtable_scrollx select:focus {
            outline: 0;
            box-shadow: 0 0 10px #c3dbff;
            border: #deedff 1px solid;
        }

        .JNKVVRVSKVV_formtable_scrollx select:hover {
            border: #ddd 1px solid;
            border-radius: 5px;
        }

    .JNKVVRVSKVV_formtable_scrollx textarea {
        padding: 7px;
        border-radius: 4px;
        background-color: #fff;
        border: #ddd 1px solid;
        width: 100%;
        resize: vertical;
    }

        .JNKVVRVSKVV_formtable_scrollx textarea:focus {
            outline: 0;
            box-shadow: 0 0 10px #c3dbff;
            border: #ddd 1px solid;
        }

.JNKVVRVSKVV_formtable_scrollx2 td {
    width: 50%;
}

.JNKVVRVSKVV_formtable_scrollx4 td {
    width: 25%;
}

.JNKVVRVSKVV_formtable_scrollx5 td {
    width: 20%;
}


.JNKVVRVSKVV_formtable_scrollx6 td {
    width: 16.5%;
}

.JNKVVRVSKVV_formtable_scrollx input[type=text] {
    width: 100%;
}










/*.JNKVVRVSKVV_formtable td:nth-child(1) {
    width: 15% !important;
}

.JNKVVRVSKVV_formtable td:nth-child(2) {
    width: 35% !important;
}

.JNKVVRVSKVV_formtable td:nth-child(3) {
    width: 15% !important;
}

.JNKVVRVSKVV_formtable td:nth-child(4) {
    width: 35% !important;
}*/

.bordered_table th {
    border: #ddd 1px solid;
}

.bordered_table td {
    border: #ddd 1px solid;
}

.btn_JNKVVRVSKVV_form {
    margin: 0;
    padding: 10px;
    background-color: #42205f; /* fallback for old browsers */
    border: none;
    border-radius: 10px;
    color: #fff;
    transition: 0.5s ease all;
}

    .btn_JNKVVRVSKVV_form:hover {
        background-color: #d0490d;
    }
/******form page CSS end********************************************************/
/*G2G page counter box css start*/
.counter {
    background: rgb(69, 0, 79);
    background: linear-gradient(45deg, #ffffff 0%, #ffffff 100%);
    padding: 20px 10px;
    border-radius: 5px;
    border: 1px solid #cbf6ff;
    text-align: center;
    transition: 0.5s;
}

.count-title {
    font-size: 40px !important;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.count-text {
    font-size: 16px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
}

.fa-2x {
    margin: 0 auto;
    float: none;
    display: table;
    color: #4ad1e5;
}

.counter img {
    width: 38px;
    margin: 0 auto;
}
/* Column Grids */
/*-=-=-=-=-=-=-=-=-=-=-=- */
.col_half {
    width: 49%;
}

.col_third {
    width: 32%;
}

.col_fourth {
    width: 100%;
}

.col_fifth {
    width: 18.4%;
}

.col_sixth {
    width: 15%;
}

.col_three_fourth {
    width: 74.5%;
}

.col_twothird {
    width: 66%;
}

.col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {
    position: relative;
    display: inline;
    display: inline-block;
    float: left;
    margin: -100px 0.5% 1%;
}

.end {
    margin-right: 0 !important;
}

.counter:hover {
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
/* Column Grids End */
.g2g_topbg {
    width: 100%;
    height: 170px;
    background: rgb(63, 4, 125);
    background: linear-gradient(45deg, rgb(238 236 249) 0%, #95dbdc 100%);
    padding-top: 22px;
    ;
}

    .g2g_topbg h2 {
        color: #000;
        font-size: 24px !important;
        padding: 0px 8px 0px 8px !important;
        border-left: 10px solid #0a5ccb;
    }

.g2g-linkboxarea {
    width: 100%;
    margin-top: 20px;
}

    .g2g-linkboxarea h4 {
        font-size: 20px !important;
        margin-bottom: 20px;
    }

.g2g-linkbox {
    width: 100%;
    background-color: #fff;
    padding: 20px;
    height: 360px;
    transition: 0.5s all;
    border: 1px solid #cbf6ff;
    margin-bottom: 10px;
}

    .g2g-linkbox:hover {
        box-shadow: 0 5px 20px 0 rgb(103 151 255 / 50%), 0 12px 90px 0 rgb(103 151 255 / 11%);
        transform: translateY(-2px);
        background-color: #fff;
    }

.link-container {
    height: 250px;
}

    .link-container ul li {
        position: relative;
        padding: 10px 6px;
    }

        .link-container ul li:before {
            content: "";
            position: absolute;
            left: 0;
            top: 14px;
            height: 10px;
            width: 10px;
            background-color: #85c1ff;
            border-radius: 10px;
        }

        .link-container ul li a {
            color: #5a5a5a;
            display: block;
            padding-left: 20px;
            transition: 0.5s all;
        }

            .link-container ul li a:hover {
                color: #9E57DB;
            }

.g2g-linkbox h3 {
    font-size: 18px !important;
    border-bottom: 1px solid #cee6ff;
    padding-bottom: 10px;
    font-weight: 600;
}

.g2g-linkbox img {
    width: 48px;
    position: relative;
    background-color: #cee6ff;
    padding: 9px;
    border-radius: 28px;
    height: 44px;
    margin-right: 6px;
}
/******service-table CSS Start*******************************************************/
.service_table {
    width: 100%;
    border-collapse: collapse;
    min-width: 500px !important;
}

.service_table_bg {
    background-color: #ffffff91;
    padding: 15px;
    width: 68%;
    float: left;
    margin: 2% 0;
    box-shadow: 0 0 10px rgb(0 0 0 / 7%);
}

.service_table th:first-child {
    text-align: left;
}

.service_table th {
    padding: 10px;
    background-color: #9fdee4;
    margin: 0;
    font-weight: 500;
    text-align: center;
    color: #000;
    position: sticky;
    top: 0;
    z-index: 1;
}

    .service_table th:first-child, .service_table th:last-child {
        border-radius: 0;
    }

.service_table td:first-child {
    border-top: none;
}

.service_table td {
    padding: 6px 4px;
    text-align: left;
    border-bottom: 3px solid #bcedf230;
    color: #343434;
    line-height: 20px;
}

    .service_table td:nth-child(1) {
        width: 60% !important;
    }

    .service_table td:nth-child(2) {
        width: 15% !important;
        text-align: center;
    }

    .service_table td:nth-child(3) {
        width: 15% !important;
        text-align: center;
    }

    .service_table td:nth-child(4) {
        width: 10% !important;
        text-align: center;
    }

    .service_table td a {
        border-radius: 20px;
        padding: 4px;
        display: block;
        text-align: center;
        background-color: #a5e7e7;
        width: 30px;
        transition: all 0.5s;
        margin: 0 auto;
        border: 2px solid #fff;
        box-shadow: 0 7px 6px rgb(183 204 202);
    }

        .service_table td a:hover {
            background-color: #d4f4f4;
            transform: translateY(-3px);
        }

.service_table tr:hover {
    background-color: #fcfbff;
    transition: 0.5s all;
    cursor: pointer;
}

.scrollbar-thin {
    height: 350px;
    max-height: 100%;
    overflow-y: scroll;
    scrollbar-color: #ccc transparent !important;
    scrollbar-width: thin;
}

    .scrollbar-thin::-webkit-scrollbar {
        width: 4px;
    }

    .scrollbar-thin::-webkit-scrollbar-thumb {
        background: #e4e4e4;
    }

    .scrollbar-thin::-webkit-scrollbar-track {
        background: #f4f4f4;
        padding-left: 6px !important;
    }
/*thin scrollbar css for counselling schedule */
.scrollbar-thin_cs {
    height: 476px;
    max-height: 100%;
    overflow-y: scroll;
    scrollbar-color: #ccc transparent !important;
    scrollbar-width: thin;
}

    .scrollbar-thin_cs::-webkit-scrollbar {
        width: 4px;
    }

    .scrollbar-thin_cs::-webkit-scrollbar-thumb {
        background: #e4e4e4;
    }

    .scrollbar-thin_cs::-webkit-scrollbar-track {
        background: #f4f4f4;
    }
/*thin scrollbar css for linkbox */
.scrollbar-thin_lb {
    height: 450px;
    max-height: 100%;
    overflow-y: scroll;
    scrollbar-color: #ccc transparent !important;
    scrollbar-width: thin;
}

    .scrollbar-thin_lb::-webkit-scrollbar {
        width: 4px;
    }

    .scrollbar-thin_lb::-webkit-scrollbar-thumb {
        background: #e4e4e4;
    }

    .scrollbar-thin_lb::-webkit-scrollbar-track {
        background: #f4f4f4;
        padding-left: 6px !important;
    }

.scrollbar-thin_g2g {
    height: 200px;
    max-height: 100%;
    overflow-y: scroll;
    scrollbar-color: #ccc transparent !important;
    scrollbar-width: thin;
}

    .scrollbar-thin_g2g::-webkit-scrollbar {
        width: 4px;
    }

    .scrollbar-thin_g2g::-webkit-scrollbar-thumb {
        background: #e4e4e4;
    }

    .scrollbar-thin_g2g::-webkit-scrollbar-track {
        background: #f4f4f4;
        padding-left: 6px !important;
    }
/*thin scrollbar css */
.g2g_box {
    width: 100%;
    background-color: #fff;
    position: relative;
    border-radius: 15px;
    padding: 15px;
}

.g2g_body {
    padding: 0 16px;
}

.g2g_box ul {
    margin: 0;
    padding: 0;
}

    .g2g_box ul li {
        padding: 11px 0px;
    }

        .g2g_box ul li a {
            color: #000;
            position: relative;
            display: block;
            padding: 8px;
            border-radius: 8px;
        }

            .g2g_box ul li a:hover {
                background-color: #cdd6ff;
                box-shadow: none;
            }

.g2g_box h5 {
    padding: 6px;
}

.instruction_bg {
    background-color: #fff;
    padding: 15px;
    width: 100%;
    margin: 2% 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    min-height: 460px;
    position: relative;
    z-index: 0;
}

ul.tabs {
    margin: 0;
    padding: 0;
    float: left;
    list-style: none;
    height: 0;
    width: 35%;
}

    ul.tabs li {
        margin: 0;
        cursor: pointer;
        padding: 12px 4px;
        background-color: #f1e0ff;
        color: #000;
        overflow: hidden;
        position: relative;
        width: 100%;
        /* border-bottom: 1px solid #ffffff; */
        transition: 0.5s all;
        border-left: 6px solid #42205f ;
        margin-bottom: 1px;
    }

.tab_last {
}

ul.tabs li:hover {
    background-color: #f1e0ff;
    color: #000000;
}

ul.tabs li.active_tab {
    background-color: #42205f !important;
    color: #000000 !important;
    display: block;
}

.instruction_bg .active_tab img {
    filter: brightness(0) invert(1) !important;
}

.instruction_bg .active_tab a {
    color: #fff !important;
}

ul.tabs li .active_tab a {
    color: #fff !important;
}

ul.tabs li a {
    color: #000;
    font-weight: 600;
    font-size: 13px;
}

.tab_container {
    border-top: none;
    float: right;
    width: 65%;
    background: #fff;
    /*overflow: auto;*/
}

.tab_content {
    padding: 0 10px;
    display: none;
}

    .tab_content h5 {
        padding: 0 0 9px;
        border-bottom: 1px dashed #ccc;
    }

.tab_drawer_heading {
    display: none;
}

.tab_icn {
    float: left;
}

.link_box_body {
    position: relative !important;
}

.vm_button {
    width: 100px;
    border-radius: 0 0 10px 10px;
    margin: 0 auto;
    position: absolute;
    bottom: -35px;
    right: 30%;
    left: 30%;
    border-radius: 0px;
    z-index: 9999999 !important;
}

    .vm_button a {
        background-color: #42205f;
        /* padding: 10px; */
        cursor: pointer;
        color: #fff;
        transition: 0.5s;
        margin: 0 auto;
        padding: 5px;
        border-radius: 7px;
    }

        .vm_button a:hover {
            background-color: #d0490d;
            color: #fff !important;
        }

.link_box_body .vm_button a {
    padding: 4px !important;
    transition: 0.5s all !important;
    cursor: pointer !important;
    display: block !important;
    position: fixed !important;
    bottom: 0 !important;
    color: #fff !important;
}






.link_box_body li a {
    display: block;
    color: #000;
    padding: 10px 4px;
    cursor: pointer;
    background-color: #fcfcfc;
    border-bottom: 1px solid #6a428c;
    transition: 0.5s all;
}

    .link_box_body li a:hover {
        background-color: #F5ECFF;
    }

.instruction_bg img {
    margin-right: 6px;
    height: 24px;
    top: 0;
    border-right: 1px dashed #1d82ae;
    padding-right: 6px;
}
/*animation CSS Start*/
.animated {
    animation-duration: 1s;
    animation-fill-mode: both;
}

    .animated.infinite {
        animation-iteration-count: infinite;
    }

    .animated.hinge {
        animation-duration: 2s;
    }

    .animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut {
        animation-duration: .75s;
    }

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.fadeIn {
    animation-name: fadeIn;
}
/*animation CSS end*/
@media screen and (max-width: 991.98px) {

    .preheader {font-size:10px;}
    .tabs {
        display: none;
    }

    .tab_drawer_heading {
        color: #000;
        margin: 0;
        padding: 8px 6px;
        ;
        display: block;
        cursor: pointer;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #f1e0ff;
        overflow: hidden;
        position: relative;
        width: 100%;
        /* border-bottom: 1px solid #ffffff; */
        transition: 0.5s all;
        border-left: 6px solid #f1e0ff;
        margin-bottom: 1px;
        font-size: 14px;
    }

    .d_active {
        background-color: #42205f;
        color: #fff;
    }

        .d_active .tab_icn img {
            filter: brightness(0) invert(100);
        }

    .tab_container {
        width: 100%;
    }

    .tab_content {
        padding: 0;
    }

    .tab_container h5 {
        padding: 10px;
        margin: 0;
    }
}
/* Profile page start*/
.profile_bg {
    background-color: #fff;
    padding: 15px;
    width: 100%;
    position: relative;
}

.profile_menu {
    width: 25%;
    background: rgb(0, 186, 143);
    /*background: linear-gradient(46deg, rgba(0, 186, 143, 1) 0%, rgba(0, 44, 118, 1) 100%);*/
        background: linear-gradient(46deg, rgb(141 98 177) 0%, rgb(69 34 98) 100%);
    float: left;
    z-index: 999;
    border-radius: 10px;
    padding: 12px 0 40px;
    margin: 1% 0;
}

    .profile_menu ul {
        margin: 0;
        padding: 0;
    }

        .profile_menu ul li {
            display: block;
            padding: 0 10px;
        }

            .profile_menu ul li a {
                display: block;
                color: #fff;
                font-size: 14px;
                transition: 0.8s all;
                padding: 8px 6px;
                border: 1px solid transparent;
                border-radius: 10px;
            }

                .profile_menu ul li a:hover {
                    background-color: #00306e45;
                    border-radius: 10px;
                    border: 1px solid #007d859c;
                }

                .profile_menu ul li a img {
                    width: 18px;
                    margin-right: 8px;
                    filter: brightness(0) invert(100);
                }

.profile_preheader {
    width: 100%;
    padding: 6px;
    background-color: #f1e0ff;
    height: 30px;
    margin: 4px 0;
    position: relative;
    border-radius: 4px;
}

.profile_homelink {
    float: left;
}

    .profile_homelink a {
        color: #000;
        float: left;
        margin-right: 10px;
    }




.checkstatus_btn {
    background: linear-gradient(46deg, rgba(0, 186, 143, 1) 0%, rgba(0, 44, 118, 1) 100%);
    color: #fff !important;
    height: 29px;
    position: absolute;
    top: 19px;
    /* border-radius: 20px; */
    padding: 6px;
    left: 100px;
}

/*popup Css start
**********************************/
.overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 9998;
}

.popup {
    background: rgb(255, 255, 255);
    background: linear-gradient(46deg, rgba(255, 255, 255, 1) 0%, rgba(241, 241, 241, 1) 100%);
    margin: 0 auto;
    text-align: left;
    position: fixed;
    display: none;
    padding: 20px 50px;
    /*box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2), -1px 0 4px rgba(0, 0, 0, 0.2);*/
    z-index: 999999;
    border-radius: 10px;
    width: 396px;
}

    .popup.one {
        top: calc(50vh - 260px);
        left: calc(50vw - 250px);
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
        transition: all .7s cubic-bezier(0.845, -0.265, 0.190, 1.280);
    }

    .popup.oneOpen {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

.popup_heading {
    margin: 0 auto 22px;
    color: #000;
    font-size: 21px;
    text-align: center;
    font-weight: 600;
}

.popup ul {
    margin: 0;
    padding: 0;
}

    .popup ul li {
        list-style-type: disc;
    }

.instruction_heading {
    font-weight: 400;
    margin-bottom: 14px;
    border-bottom: 1px dotted #ccc;
    padding: 10px;
    color: #4fae3f;
}

.close_btn {
    color: #fff;
    padding: 5px 17px;
    background-color: #E5484A;
    border-radius: 15px;
}
/**Tracker CSS Start**/
.tracker {
    width: 75%;
    height: 45px;
    position: relative;
    display: block;
    margin: 0 auto;
}

.status_green, .status_gray, .status_red {
    width: 10%;
    float: left;
    border: 1px solid transparent;
}

.statusname {
    width: 90%;
    float: left;
}

    .statusname p {
        font-weight: 500;
        text-align: left;
        margin: 0;
        padding: 0;
    }

.status_green:before, .status_gray:before, .status_red:before {
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 20px;
    position: absolute;
    left: 0;
    top: 4px;
}

.status_green:after, .status_gray:after, .status_red:after {
    content: '';
    width: 2px;
    height: 50px;
    position: absolute;
    left: 6px;
    top: 5px;
}

.status_green:nth-last-child(), .status_gray:nth-last-child(), .status_red:nth-last-child() {
    height: 0 !important;
}

.status_green:before, .status_green:after {
    background-color: #58d242;
}

.status_gray:before, .status_gray:after {
    background-color: #929292;
}

.status_red:before, .status_red:after {
    background-color: #FF6969;
}

.popup ul li {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}

    .popup ul li:last-child .status_red:after, .popup ul li:last-child .status_green:after, .popup ul li:last-child .status_gray:after {
        display: none;
    }
/**innerpage_css start**/
.profile_homelink img {
    width: 15px;
    filter: brightness(0);
    margin: -4px 4px 0 0;
}

.pro-right {
    right: 10px;
    position: absolute;
}

    .pro-right img {
        width: 15px;
        filter: brightness(0);
        margin: -4px 0 0 0;
    }

    .pro-right a {
        color: #000;
    }

        .pro-right a:hover {
            color: #1d82ae;
        }

.logout_link {
    margin-left: 10px;
    float: right;
}


.profile_logoutlink {
    float: right;
}

    .profile_logoutlink a {
        color: #000;
        display: block;
    }

    .profile_logoutlink img {
        width: 15px;
        filter: brightness(0);
    }

.profile_user {
    float: left;
}

    .profile_user a {
        position: relative;
        color: #fff;
        background: linear-gradient(46deg, rgba(0, 186, 143, 1) 0%, rgba(0, 44, 118, 1) 100%);
        padding: 10px;
        margin-right: 6px;
        border-radius: 20px;
    }

    .profile_user img {
        width: 15px;
        filter: brightness(100) invert(1);
        margin: 0 4px 0 0;
    }

.profile_detail {
    width: 74%;
    float: left;
    border-radius: 10px;
    margin: 1% 0% 1% 1%;
    background-color: #f2f6f7;
    padding: 10px;
    /*background: linear-gradient(46deg, rgb(245 252 255) 0%, rgb(238 250 255) 100%);*/
}

.profile_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 13px;
    background-color: #fff !important;
}

    .profile_table th {
        text-align: left;
        padding: 10px;
        font-size: 16px;
        /*background-image: linear-gradient(to left, #eaf9ff, #e0eff5);*/
        background-color: #f1e0ff !important;
        color: black;
    }

    .profile_table td {
        text-align: left;
        padding: 8px 10px;
        border-collapse: collapse;
        border-bottom: 1px solid #ceb0e8;
    }

        .profile_table td:first-child {
            font-weight: 600;
        }

        .profile_table td:nth-child(2) {
        }

        .profile_table td:nth-child(3) {
            font-weight: 600;
        }

        .profile_table td:nth-child(4) {
        }

        .profile_table td:last-child {
        }

    .profile_table tr:nth-child(odd) {
        background-color: #fafafa;
    }

.profile_pic {
    border: 4px solid #b8d9e6;
    background-color: #ccc;
}

.profile_pictd {
    width: 150px;
}
/* Track UI CSS */
.track-bg {
    width: 100%;
    background-color: #fff;
    padding: 10px;
}


@media screen and (min-width:320px) and (max-width:991.98px) {

    .forgt_instruction {
        width: 100% !important;
        margin: 0 !important;
    }

    .forgtpass_feildarea {
        width: 100% !important;
        margin: 10px !important;
    }

    .info_JNKVVRVSKVV {
        width: 130px;
        margin: 0 auto;
    }


    .selectSection {
        margin: 0 auto;
        width: 100% !important;
    }






    .mouse-icon {
        display: none;
    }


    .contentSection {
        margin-top: 0 !important;
    }

    .res-marquee {
        display: block !important;
    }

    .default-marquee {
        display: none !important;
    }

    .contact-area {
        display: none;
    }

    .heading-section .subheading {
        font-size: 13px;
        letter-spacing: normal;
        padding-bottom: 0;
    }

    .button_nuka {
        margin: 6px 0;
    }

    .heading-section h2 {
        font-size: 14px;
        font-weight: 600;
    }


    .wrapper {
        height: 100% !important;
    }

    .lpwrapper {
        height: 100% !important;
        margin-top: 0;
    }

    .mpo_logo {
        display: none;
    }


    .table-responsive {
        overflow-x: scroll !important;
        overflow-y: scroll !important;
        -webkit-overflow-scrolling: hidden !important;
    }

    .JNKVVRVSKVV_formtable td {
        width: 100% !important;
        display: block;
        margin-top: -1px;
    }

    .JNKVVRVSKVV_formtable textarea {
        width: 100%;
    }

    input[type=text] {
        width: 100%;
    }

    .heading-section .subheading:after {
        display: none;
    }

    .heading-section .subheading:before {
        display: none;
    }

    .candidate_corner {
        width: 100%;
    }

    .login_outer {
        width: 100%;
    }

    .captcha_area {
        height: auto;
    }

        .captcha_area input[type=text] {
            width: 40%;
            height: auto;
            margin: 0 5px;
        }

        .captcha_area img {
            width: 60%;
        }

    .more_latestnews {
        padding: 10px 10px;
    }

    .container-fluid {
        width: 100% !important;
    }

    .link_box {
        margin: 10px 0;
    }

    .service_table_bg {
        width: 100% !important;
        margin-top: 10px;
    }

    .innerpage_heading h4:before {
        display: none;
    }

    .innerpage_heading h4 {
        padding: 8px 8px 8px 14px;
        font-size: 15px !important;
    }

    .JNKVVRVSKVV_formtable td:nth-child(1) {
        width: 100% !important;
    }

    .JNKVVRVSKVV_formtable td:nth-child(2) {
        width: 100% !important;
    }

    .JNKVVRVSKVV_formtable td:nth-child(3) {
        width: 100% !important;
    }

    .JNKVVRVSKVV_formtable td:nth-child(4) {
        width: 100% !important;
    }

    .table-bordered > :not(caption) > * {
        border: none !important;
    }

        .table-bordered > :not(caption) > * > * {
            border: none !important;
        }


    .vm_button {
        bottom: 10px !important;
    }


   



    /*home page responsive css*/
    .landing-page {
        position: relative;
        width: 100%;
        min-height: auto;
    }

    .indicator-department:before {
        display: none;
    }

    .landing-page:after {
        display: none;
    }

    .header-lp {
        background-color: #fff;
        box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
    }

    .button {
        max-width: 100% !important;
    }

    .mouse {
        position: absolute;
        right: 0;
        top: 97%;
        bottom: 0;
        z-index: 0;
        left: 0;
    }

    .mouse-wheel img {
        margin-top: 2px;
        width: 24px;
        rotate: 90deg;
    }

    .mouse-wheel {
        -webkit-animation: 1.6s ease infinite wheel-up-down;
        -moz-animation: 1.6s ease infinite wheel-up-down;
        animation: 1.6s ease infinite wheel-up-down;
        color: #fff;
    }

    .break {
        width: 100% !important;
    }


    .profile_menu {
        width: 100%;
        order: 2 !important;
    }

    .profile_detail {
        width: 100%;
        order: 1 !important;
    }

        .profile_detail td {
            display: block;
        }

    .profile_homelink {
        float: none !important;
    }

    .profile_user {
        float: none !important;
    }

    .profile_preheader {
        height: auto !important;
    }

    .pro-right {
        position: static !important;
    }

    .profile_logoutlink {
        float: none;
    }

    .profile_user a {
        color: #000;
        background-color: transparent;
        padding: 0;
        margin: 0;
        border-radius: none !important;
    }

    .profile_user img {
        filter: none !important;
    }

    .profile_logoutlink img {
        margin-right: 4px;
    }

    .innerpage_heading h4 {
        text-align: center;
    }

    .profile_homelink a, .profile_user a, .profile_logoutlink a {
        padding: 6px;
        border-bottom: 1px solid #b5d1dd;
        border-radius: 0;
        display: block;
    }

    .profile_bg {
        padding: 0;
        display: grid;
    }

    .profile_pictd {
        margin: 0 auto;
    }

    .checkstatus_btn {
        margin: 0;
        position: relative;
        width: 100%;
        top: 0 !important;
        left: 0 !important;
    }

    .popup {
        margin: 0 auto;
        text-align: left;
        position: relative;
        width: 96%;
    }

        .popup.one {
            position: relative !important;
            opacity: 0;
            transition: all .7s cubic-bezier(0.845, -0.265, 0.190, 1.280);
            width: 100%;
            left: 0;
            top: -100px;
        }

        .popup.oneOpen {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1;
        }


    .login-preheader {
        display: none;
    }

    .sub-login-resp {
        display: block;
        transition: 0.5s all !important;
        position: relative;
    }

    .sub-login {
        display: none;
    }

        .sub-login ul li a {
            color: #000 !important;
        }

    .sub-login-resp ul {
        display: none !important;
        position: absolute;
        transition: 0.5s all;
        background-color: #1d82ae;
        border-radius: 4px;
        left: -6px;
    }


        .sub-login-resp ul li a {
            padding: 6px;
            color: #fff;
        }


    .sub-login-resp:hover ul {
        display: block !important;
        transition: 0.5s all !important;
    }

    marquee {
        z-index: 0;
    }

    .scrollbar-thin {
        height: auto;
    }

    .link_box_body ul li:last-child a {
        padding-bottom: 30px !important;
    }


    @keyframes wheel-up-down {
        100% {
            margin-top: 10px;
            opacity: 1;
        }

        10% {
            opacity: 0.1;
        }

        0% {
            margin-top: 2px;
            opacity: 0;
        }
    }

    .logout {
        width: 96%;
        left: 2% !important;
        right: 0 !important;
        padding: 1%;
    }

    .title {
        width: 96%;
        margin: 0 auto;
    }

    .select-button_active:after {
        display: none;
    }

    .select-button {
        border-radius: 5px;
    }


    .contentSection {
        width: 100%;
        position: relative;
        padding: 0px;
        right: 0 !important;
    }





    .button_nuka::after {
        margin: 0;
        padding: 0;
        width: 94%;
        left: 4%;
    }

    .button_nuka:hover::after {
        background-color: #f9e4f5;
        width: 100%;
        left: 0;
    }

    .heading-section h2 {
        font-size: 20px;
        font-weight: 600;
    }

    .col_half, .col_third, .col_twothird, .col_fourth, .col_three_fourth, .col_fifth {
        margin: 0;
    }

    .g2g_topbg {
        height: 70px;
    }



    .order-xs-1 {
        order: 1;
    }

    .order-xs-2 {
        order: 2;
    }
}

.server_name {
    margin-top: 10px;
    background-color: #10475f;
    font-weight: 700;
    color: #fff;
    font-weight: 100;
    padding: 5px;
    z-index: 999 !important;
    border-radius: 7px 7px 0 0;
    float: right;
}









.JNKVVRVSKVVPr_Form {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
}

@media screen and (min-width: 320px) and (max-width: 991.98px) {





    .JNKVVRVSKVVPr_Form td {
        width: 100% !important;
        display: block;
        margin-top: -1px;
        border: none;
    }

    .JNKVVRVSKVVPr_Form textarea {
        width: 100%;
    }

    .JNKVVRVSKVVPr_Form td:nth-child(1) {
        width: 100% !important;
    }

    .JNKVVRVSKVVPr_Form td:nth-child(2) {
        width: 100% !important;
    }

    .JNKVVRVSKVVPr_Form td:nth-child(3) {
        width: 100% !important;
    }

    .JNKVVRVSKVVPr_Form td:nth-child(4) {
        width: 100% !important;
    }
}

.JNKVVRVSKVVPr_Form input[type=text] {
    width: 100%;
}


.JNKVVRVSKVVPr_Form th {
    padding: 6px;
    /*	border: #ddd 1px solid;*/
    color: #000;
    margin: 0 0 0 0;
    font-weight: normal;
    text-align: left;
    background-color: #ade0e4 !important;
    font-size: 18px;
    border-color: #ade0e4 !important;
}

.JNKVVRVSKVVPr_Form td {
    padding: 6px;
    border: #E9E9E9 1px solid;
    text-align: left;
}
/* provide some minimal visual accomodation for IE8 and below */

.JNKVVRVSKVVPr_Form tr {
    background: #fff;
}
    /*  Define the background color for all the ODD background rows  */

    .JNKVVRVSKVVPr_Form tr:nth-child(odd) {
        /*background: #FBFBFB;*/
    }
    /*  Define the background color for all the EVEN background rows  */

    .JNKVVRVSKVVPr_Form tr:nth-child(even) {
        /*background: #f0f3f2;*/
    }

.JNKVVRVSKVVPr_Form input[type="text"], .JNKVVRVSKVVPr_Form input[type="password"], .JNKVVRVSKVVPr_Form textarea, .JNKVVRVSKVVPr_Form select {
    padding: 10px;
    background-color: #fff;
    border: #ddd 1px solid;
    width: 100%;
    resize: vertical;
    border-radius: none;
}

.JNKVVRVSKVVPr_Form input:focus {
    outline: none;
    box-shadow: 0px 0px 5px #ddd;
    border: #ddd 1px solid;
}

.JNKVVRVSKVVPr_Form input:hover {
    /*border-radius: 5px;*/
}

.JNKVVRVSKVVPr_Form select {
    width: 100%;
}

    .JNKVVRVSKVVPr_Form select:focus {
        outline: none;
        box-shadow: 0px 0px 5px #ddd;
        border: #ddd 1px solid;
    }

.JNKVVRVSKVVPr_Form textarea:focus {
    outline: none;
    box-shadow: 0px 0px 5px #ddd;
    border-color: #ffd0b4;
}

.JNKVVRVSKVVPr_Form textarea:hover {
    border: 1px solid #eaeaea;
}

.JNKVVRVSKVVPr_Form .btn {
    background-color: #195d7a;
    ;
    border: none !important;
    padding: 8px 12px;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
}

    .JNKVVRVSKVVPr_Form .btn:hover, .btn:active {
        background-color: #0E4474;
        border: none !important;
        padding: 8px 12px;
        color: #fff !important;
        font-size: 14px;
        cursor: pointer;
        transition: 0.8s;
    }

.JNKVVRVSKVVPr_Form .btn_reset {
    background-color: #2AB5CC;
    border: none !important;
    padding: 8px 12px;
    color: #fff;
    font-size: 14px;
    border-radius: 10px;
}

    .JNKVVRVSKVVPr_Form .btn_reset:hover, .btn_reset:active {
        background-color: #126A78;
        border: none !important;
        padding: 8px 12px;
        color: #fff !important;
        font-size: 14px;
        cursor: pointer;
        transition: 0.8s;
    }


.captcha_width {
    /*width:80%;*/
    width: 365px !important;
    margin: 0 auto !important;
}

.note {
    background-color: #f8f1ff;
    padding: 1%;
    border-radius: 8px;
}

    .note h4 {
        margin: 0;
        padding: 8px;
        background-color: #f1e0ff  !important;
        color: #000;
    }

    .note p {
        margin: 8px 0;
        font-size: 15px;
    }


.example {
    width: 98%;
    background-color: #ffffff;
    padding: 1%;
    border: 1px solid #42205f;
}

.heighlight_button a {
    width: 96% !important;
}

.heighlight_button {
    margin-top: 10px;
}

    .heighlight_button a {
        display: block;
        cursor: pointer;
        color: #fff;
        text-decoration: none;
        background-color: #d0490d;
        padding: 4px;
        text-align: center;
        width: 40%;
        border-radius: 8px;
        margin: 0 auto;
    }

        .heighlight_button a:hover {
            background-color: #800;
            transition: 0.5s;
            color: #fff;
        }

.back_btn {
    font-size: 16px;
    float: right;
    color: #000000;
}

    .back_btn img {
        width: 27px;
        margin-right: 5px;
    }







.forgtpass_feildarea {
    background-color: #fff;
    box-shadow: 0 0 16px #c8c8c8;
    border-radius: 10px;
    padding: 40px;
    width: 70%;
    margin: 30px auto;
}


.forgt_instruction {
    width: 70%;
    padding: 20px;
    background-color: #ecfaff;
    border: 1px solid #0CC;
    border-radius: 10px;
    margin: 30px auto;
}

    .forgt_instruction p {
        margin-top: 20px;
        font-size: 16px;
        line-height: 25px;
        text-align: left;
    }

    .forgt_instruction h4 {
        font-size: 20px;
        margin: 0;
    }



.help_popup {
    position: relative;
    display: inline-block;
}




    /* Tooltip text */
    .help_popup .help_popuptext {
        visibility: hidden;
        width: 350px;
        background-color: #fff;
        color: #fff;
        text-align: center;
        padding: 5px 0;
        border-radius: 6px;
        position: absolute;
        z-index: 1;
        right: 18px;
        top: -100px;
        border: 2px solid #eee;
        box-shadow: 0 0 10px #ccc;
    }

    /* Show the tooltip text when you mouse over the tooltip container */
    .help_popup:hover .help_popuptext {
        visibility: visible;
        padding: 10px;
    }

    .help_popup ul {
        margin: 0;
        padding: 0;
    }

        .help_popup ul li {
            padding: 8px;
            border-bottom: 1px solid #A3E0E6;
            text-align: left;
            line-height: 26px;
            color: #484848;
            font-size: 16px;
        }

            .help_popup ul li:last-child {
                border: none;
            }

    .help_popup h2 {
        padding: 10px;
        color: #ff841c;
        font-size: 24px;
        text-align: left;
        border-bottom: 2px solid #ccc;
        margin: 0;
    }


.createPro_btn {
    position: relative;
    width: 100%;
    height: 40px;
    border: none;
    outline: none;
    padding: 10px 0px;
    background-color: #42205f;
    text-align: center;
    transition: 0.5s;
}

    .createPro_btn a {
        color: #fff;
        display: block;
    }

    .createPro_btn:hover {
        background-color: #d0490d;
        color: #fff;
        cursor: pointer;
    }

    .createPro_btn a:hover {
        color: #fff;
    }

.visitor_count {
    margin: 0;
    padding: 0;
    position: fixed;
    right: 77px;
    z-index: 999;
    bottom: 0;
}


/*JNKVVRVSKVV SCROLL TABLE*/

.JNKVVRVSKVV_scroll_table {
    width: 100%;
    border-collapse: collapse;
    font-size: 15px;
    /*min-width: 768px;*/
    min-width: 540px;
}

    .JNKVVRVSKVV_scroll_table input:focus {
        outline: none;
        box-shadow: 0px 0px 5px #ddd;
        border: #ddd 1px solid;
    }

    .JNKVVRVSKVV_scroll_table th {
        padding: 6px;
        /*	border: #ddd 1px solid;*/
        color: #000;
        margin: 0 0 0 0;
        font-weight: normal;
        text-align: left;
        background-color: #ade0e4 !important;
        font-size: 18px;
        border-color: #ade0e4 !important;
    }

    .JNKVVRVSKVV_scroll_table td {
        padding: 6px;
        border: #E9E9E9 1px solid;
        text-align: left;
    }
    /* provide some minimal visual accomodation for IE8 and below */

    .JNKVVRVSKVV_scroll_table tr {
        background: #fff;
    }
        /*  Define the background color for all the ODD background rows  */

        .JNKVVRVSKVV_scroll_table tr:nth-child(odd) {
            /*background: #FBFBFB;*/
        }
    /*  Define the background color for all the EVEN background rows  */

    .JNKVVRVSKVV_scroll_table:nth-child(even) {
        /*background: #f0f3f2;*/
    }

    .JNKVVRVSKVV_scroll_table .btn {
        background-color: #146bb9;
        border: none !important;
        padding: 8px 12px;
        color: #fff;
        font-size: 14px;
        border-radius: 10px;
    }

    .JNKVVRVSKVV_scroll_table input[type="text"], .JNKVVRVSKVV_scroll_table input[type="password"], .JNKVVRVSKVV_scroll_table textarea, .JNKVVRVSKVV_scroll_table select {
        padding: 10px;
        background-color: #fff;
        border: #ddd 1px solid;
        width: 100%;
        resize: vertical;
        border-radius: none;
    }


.open_gridtable th {
    background-color: #dae4e5 !important;
}

.g2g_outer {
    width: 100%;
    margin: 0;
    padding: 0;
}

.JNKVVRVSKVV_g2g_table th i {
    display: none;
}

.JNKVVRVSKVV_g2g_table th i {
    display: none;
}

.JNKVVRVSKVV_g2g_table {
    width: 100%;
    border-collapse: collapse;
    background-color: #fff;
    box-shadow: 0 0 5px #ccc !important;
}
    /*.dme_g2g_table tr {
	background: #fafafa;
}*/
    .JNKVVRVSKVV_g2g_table tr:nth-child(odd) {
        background-color: #ecf9ff;
    }

    .JNKVVRVSKVV_g2g_table tr:nth-child(even) {
        background: #fff;
    }

    .JNKVVRVSKVV_g2g_table th {
        padding: 22px 4px;
        color: #fff;
        text-align: left;
    }

    .JNKVVRVSKVV_g2g_table td {
        padding: 18px 4px;
        text-align: left;
        border-bottom: 1px solid #eee;
    }

.tr_bg {
    background-image: linear-gradient(to left, #74ebeb, #8f74d3) !important;
    /*background: rgba(30, 37, 101) !important;*/
    /*background: -moz-linear-gradient(left, rgba(30, 37, 101) 0%, rgba(0,159,212,1) 100%) !important;
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(34,196,97,1)), color-stop(100%, rgba(0,159,212,1))) !important;
    background: -webkit-linear-gradient(left, rgba(30, 37, 101) 0%, rgba(0,159,212,1) 100%) !important;
    background: -o-linear-gradient(left, rgba(30, 37, 101) 0%, rgba(0,159,212,1) 100%) !important;
    background: -ms-linear-gradient(left, rgba(30, 37, 101) 0%, rgba(0,159,212,1) 100%) !important;
    background: linear-gradient(to right, rgba(30, 37, 101) 0%, rgba(0,159,212,1) 100%) !important;*/
}

.txt_centre {
    text-align: center !important;
}

.top_logo {
    display: none;
}

.bottom_col_Outer {
    width: 100%;
    float: left;
    border: solid 1px #ddd;
    margin-top: -1px;
    background-color: white;
    display: flex;
}

.bottom_col {
    width: 33.3%;
    float: left;
    margin: 60px auto 0px;
    text-align: left;
}

    .bottom_col p {
        text-align: left;
    }

/* Scroll */
.scroll-y {
    overflow-y: scroll;
    position: relative;
}

div, ol, pre, span, ul {
    scrollbar-width: thin;
    scrollbar-color: #eff2f5 transparent;
}

.scroll-y::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

.scroll-y::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.scroll-y::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(255, 255, 255, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}

    .scroll-y::-webkit-scrollbar-thumb:window-inactive {
        background: rgba(255, 255, 255, 0.3);
    }

    /*lable msg*/

#divMsg_JNKVVRVSKVV {
    top: 197px;
    position: fixed;
    width: 100%;
    z-index: 10001;
    padding: 20px 20px 0px;
    font-size: 15px;
    z-index: 999999 !important;
    text-align: center;
    color: #000;
    min-width: 300px;
    margin: 0 auto;
    background-image: linear-gradient(to left, #c2c2c2, #ffffff);
    left: 0;
    right: 0;
    border-radius: 10px;
    border: 6px solid #fff;
    box-shadow: 0 0 39px #0000005c;
    width:40%;
}

#btnOK {
    padding: 6px 10px;
    background-color: #45235E;
    color: #fff;
    border-radius: 10px;
    border: 2px solid #fff;
 margin-bottom: 16px;
}

.msg_container {
    position: relative;
    bottom: 10px;
    width: 100%;
    margin: 40px auto;
   
}
.overlay_msg{width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); position:fixed; z-index:999; top:0; bottom:0; left:0; right:0;}

/*.overlay{width:100%; height:100%; background:rgba(0, 0, 0, 0.5); z-index:0;}*/

/*style track start*/
.order-tracking {
    text-align: center;
   /* width: 11.1% !important;*/
    position: relative;
    display: block;
}

    .order-tracking .default_status {
        display: block;
        position: relative;
        border-radius: 50%;
        height: 15px;
        width: 15px;
        border: 0px solid #AFAFAF;
        background-color: #afafaf;
        margin: 0 auto;
        transition: background 0.25s linear;
        -webkit-transition: background 0.25s linear;
        z-index: 2;
    }

        .order-tracking .default_status:after {
            display: block;
            position: absolute;
            content: '';
            height: 14px;
            width: 7px;
            top: -2px;
            bottom: 0;
            left: 5px;
            margin: auto 0;
            border: 0px solid #AFAFAF;
            border-width: 0px 2px 2px 0;
            transform: rotate(45deg);
            opacity: 0;
        }

    .order-tracking.completed .default_status {
        border-width: 0px;
        background-color: #27aa80;
    }

    .order-tracking .default_status .pending_status {
        border-width: 0px;
        background-color: #ccc;
    }

    .order-tracking p {
        color: #A4A4A4;
        font-size: 14px;
        margin-top: 8px;
        margin-bottom: 0;
        line-height: 20px;
    }

        .order-tracking p span {
            font-size: 14px;
        }

    .order-tracking.completed p {
        color: #000;
    }

    .order-tracking::before {
        content: '';
        display: block;
        height: 2px;
        width: calc(100% - 16px);
        background-color: #afafaf;
        top: 7px;
        position: absolute;
        left: calc(-50% + 8px);
        z-index: 0;
    }

    .order-tracking:first-child:before {
        display: none;
    }

    .order-tracking.completed:before {
        background-color: #27aa80;
    }

    .order-tracking.pending_status:before {
        background-color: #ffb500;
    }

    .order-tracking.pending_status .default_status {
        background-color: #ffb500 !important;
    }
    .order-tracking.cancelstatus:before {
        background-color: #ff7c56;
    }
    .order-tracking.cancelstatus .default_status {
        background-color: #ff7c56 !important;
    }


.abbre.green, .abbre.grey, .abbre.red, .abbre.yellow {
    position: relative;
   float:left;
    padding:0 0 0 20px;
    margin-right:10px;
}
.abbreviation-row {
    background-color: #f2f6f7;
    padding: 10px;
    margin-top: 20px !important;
}
    .abbreviation-row h6 {
        font-weight:600;
    }
    .abbre.green:after, .abbre.grey:after, .abbre.red:after, .abbre.yellow:after {
        content: '';
        color: #000;
        height: 10px;
        width: 10px;
        border-radius: 50px;
        position: absolute;
        left: 0;
        top: 5px;
    }

    .abbre.green:after {
        background-color: green;
    }
    .abbre.grey:after {
        background-color: #afafaf;
    }
    .abbre.red:after {
        background-color: red;
    }
    .abbre.yellow:after {
        background-color: yellow;
    }

/*style track END*/