@import url(font.css);

body {
    font-size: 16px;
    font-family: "Poppins";
    font-weight: normal;
    color: #0E142E;
    line-height: 1.6;
    overflow-x: hidden;
}

#divDashboardData h1,
#divDashboardData h2,
#divDashboardData h3 {
    line-height: 1.4 !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins";
    padding: 0;
    margin: 0;
}

.background-sty {
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}

.account-logo {
    padding: 10px 0;
    text-align: center;
    background-color: #fff;
}

    .account-logo a {
        display: inline-block;
        width: auto;
        margin: 0 auto;
    }

label {
    display: block;
    width: 100%;
    text-align: left;
    margin-bottom: 10px;
}

.login-form {
    padding: 30px;
    background: #fff;
    border-radius: 10px;
}

textarea,
select,
input {
    width: 100%;
    padding: 10px 15px;
    border-radius: 5px;
    border: 2px solid #D1D9E7;
    outline: none;
    background-color: #fff;
    min-height: 50px;
    color: #0E142E;
    font-size: 16px;
}

.form-field .form-control label.error {
    margin-top: 3px !important;
}

.form-field .form-control {
    border: none;
    padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
    width: auto;
    min-height: auto;
}

.file-label {
    font-size: 14px;
}

.form-field .form-control .checkbox-group label.error {
    display: none !important;
}

input[type="submit"] {
    margin-top: 10px;
    background-color: #19524A;
    color: #fff;
    font-weight: 600;
    border-color: #19524A;
    transition: 0.3s all ease-in-out;
    width: auto;
}

    input[type="submit"]:hover {
        border-color: #0A8676;
        background-color: #0A8676;
        transition: 0.3s all ease-in-out;
    }

input[type="button"] {
    margin-top: 10px;
    background-color: #19524A;
    color: #fff;
    font-weight: 600;
    border-color: #19524A;
    transition: 0.3s all ease-in-out;
    width: auto;
}

    input[type="button"]:hover {
        border-color: #0A8676;
        background-color: #0A8676;
        transition: 0.3s all ease-in-out;
    }

select::placeholder,
textarea::placeholder,
input::placeholder {
    color: #868996;
}

input[type=file] {
    padding: 10px 15px;
    position: relative;
}

    input[type=file]::file-selector-button {
        display: none;
    }

    input[type=file]::after {
        content: "\f1c5";
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font: normal normal normal 14px/1 FontAwesome;
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }


select {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    background-image: url("./../images/select-down-arrow.png");
    background-repeat: no-repeat;
    background-position: right 0.5rem center;
}

    select option {
        background-color: white !important;
        font-weight: normals !important;
        color: #333 !important;
        border: none !important;
        box-shadow: 0px 0px 0px 5px rgb(31 107 255 / 20%) !important;
    }

input[type=checkbox] {
    position: relative;
    border-radius: 7px;
    background: hsl(220deg 100% 56% / 10%);
    cursor: pointer;
    line-height: 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 30px;
    width: 30px;
    appearance: none;
}

    input[type=checkbox]:hover {
        opacity: 1;
    }

    input[type=checkbox]:checked {
        opacity: 1;
    }

    input[type=checkbox]:before {
        content: '';
        position: absolute;
        right: 50%;
        top: 50%;
        width: 9px;
        height: 15px;
        border: solid #19524A;
        border-width: 0 2px 2px 0;
        margin: -2px -3px 0 0px;
        transform: rotate(45deg) translate(-50%, -50%);
        z-index: 2;
        opacity: 0;
    }

.input-otp-group {
    display: flex;
    align-items: center;
    justify-content: start;
}

    .input-otp-group input[type="number"] {
        width: 50px;
        padding: 10px 0;
        text-align: center;
        margin: 0 5px;
    }

    .input-otp-group input[type="number"] {
        -moz-appearance: textfield;
    }

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    appearance: none;
    -moz-appearance: none;
}

input[type="text"].disable, input[type="tel"].disable, input[type="date"].disable, select.disable {
    pointer-events: none;
}

input[type="number"] {
    -webkit-appearance: textfield;
    appearance: textfield;
    -moz-appearance: textfield;
}

textarea.error, input.error, select.error {
    border-color: #ff00004f;
}

label.error {
    color: #ff0000;
    font-size: 14px;
    margin-top: 3px;
}

/* input[type=checkbox]:hover::before, */
input[type=checkbox]:checked::before {
    opacity: 1;
}

.checkbox-group > div {
    display: flex;
    align-items: center;
}

.checkbox-group label {
    flex-basis: fit-content !important;
}

.form-control .a_link {
    background: none;
    color: #0d6efd;
    padding: 0;
    font-weight: 400;
    font-size: 14px;
}

.select-wrapper {
    position: relative;
}

.clear-reward-btn {
    position: absolute;
    right: 7%;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-weight: 600;
    font-size: 23px;
    color: black;
    background-color: white;
    padding: 0 5px;
    border-radius: 50%;
    border: 1px solid transparent;
}

.clear-reward-btn:hover {
    color: red;
}

    .form-control .a_link:hover {
        background: none;
        color: #0d6efd;
        padding: 0;
        font-weight: 400;
        font-size: 14px;
    }

a.com-button,
.signup-content a {
    background: #19524A;
    color: #fff;
    text-decoration: none;
    padding: 15px 25px 13px 25px;
    display: inline-block;
    line-height: 1;
    font-weight: 500;
    border-radius: 5px;
    transition: 0.3s all ease-in-out;
    cursor: pointer;
}

    a.com-button:hover,
    .signup-content a:hover {
        background-color: #0A8676;
        color: #fff;
        transition: 0.3s all ease-in-out;
    }

a.in-text {
    padding: 0;
    text-decoration: underline;
    background: none;
    transition: 0.3s all ease-in-out;
    color: #19524A;
}

    a.in-text:hover {
        color: #0E142E;
        transition: 0.3s all ease-in-out;
        background: transparent;
    }

button {
    padding: 9px 15px !important;
}

input[type="date"] {
    position: relative;
}

    input[type="date"]::after {
        content: "\f073";
        padding: 0 5px;
        font-family: 'FontAwesome';
        position: absolute;
        top: 50%;
        right: 15px;
        transform: translateY(-50%);
        font: normal normal normal 14px / 1 FontAwesome;
        width: 15px;
        height: 15px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    input[type="date"]::-webkit-calendar-picker-indicator {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: auto;
        height: auto;
        color: transparent;
        background: transparent;
    }

    input[type="date"]::-webkit-inner-spin-button {
        z-index: 1;
    }

    input[type="date"]::-webkit-clear-button {
        z-index: 1;
    }

/* Login Page */

section.login-section {
    background-image: url("../images/login-bg.png");
    min-height: 100vh;
}

.mandatory-msg {
    color: red;
}

.signup-content,
.login-content-section {
    padding: 60px 0;
}

    .signup-content .row,
    .login-content-section .row {
        min-height: calc(100vh - 200px);
    }

section.login-section h1 {
    color: #fff;
    font-size: 75px;
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: 20px;
}

.login-side-content h1 span {
    font-weight: normal;
}

.login-side-content p {
    color: #fff;
    text-align: justify;
}

.login-side-content .login-form {
    margin-left: 50px;
}

.login-form h2 {
    font-weight: 600;
    margin-bottom: 15px;
    text-align: center;
}

.login-form p {
    text-align: center;
}

.login-form .login-form-inner {
    margin-top: 25px;
}


.page-track-section td.Resubmit {
    color: orange;
}
/* Sign Up Page */

.sign-section {
    min-height: 100vh;
    position: relative;
    z-index: 1;
}

    .sign-section::after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-image: url("../images/sign-up-bg.jpg");
        z-index: -1;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

.sainik-details > div {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sainik-details pre {
    margin: 0;
    font-size: 16px;
    font-family: "Poppins";
    font-weight: normal;
    color: #555;
    line-height: 1.6;
}

.sainik-details {
    padding: 20px;
    border: 2px solid #D1D9E7;
    border-radius: 10px;
}

.frmjanAadhar {
    display: flex;
    align-items: center;
    justify-content: center;
}

hr {
    color: #D1D9E7;
    opacity: 1;
}

.signUp-2,
.signUp-3,
.signUp-2 {
    display: none;
}

/* Sign Up Tab Pages */

.signup-tab-option a {
    text-decoration: none;
    display: block;
    padding: 12px 0;
    background-color: #EBEEF4;
    color: #9EA2AF;
    font-weight: 500;
    border-radius: 40px;
    position: relative;
    box-shadow: 0px 0px 0px 0px rgb(31 107 255 / 20%);
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
    z-index: 1;
}

    .signup-tab-option a.active,
    .signup-tab-option a:hover {
        background-color: #19524A;
        box-shadow: 0px 0px 0px 5px rgb(31 107 255 / 20%);
        color: white;
        transition: 0.3s all ease-in-out;
        -webkit-transition: 0.3s all ease-in-out;
    }

    .signup-tab-option a::after {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: #ebeef4;
        width: 30px;
        height: 2px;
        right: -30px;
        z-index: -1;
        transition: 0.3s all ease-in-out;
        -webkit-transition: 0.3s all ease-in-out;
    }

.signup-tab-option .col-md-4:last-child a::after {
    display: none;
}

.signup-tab-option a:hover::after,
.signup-tab-option a.active::after {
    background-color: #19524A;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

.signup-tab-option .form-tab:last-child a::after,
.signup-tab-option .col-md-3:last-child a::after {
    display: none;
}

.sainik-personal-info .form {
    margin-top: 40px;
}

.sainik-personal-info .form-field {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

    .sainik-personal-info .form-field label {
        flex-basis: 60%;
        margin: 0;
        padding-right: 10px;
    }

.checkbox-group {
    width: 100%;
    display: flex;
    padding: 12px 25px;
}

    .checkbox-group div input {
        margin-right: 10px;
    }

.login-form a img {
    width: 24px;
}

div.table {
    border: 1px solid #e0e3e7;
    border-radius: 10px;
}

table {
    text-align: center;
    border-radius: 10px;
    overflow: hidden;
    margin: 0 !important;
}

.login-form table {
    margin-top: 50px;
}

table th {
    background-color: #19524A !important;
    color: #fff;
    font-weight: 500;
}

table tbody {
    background: white;
}

ol {
    padding-left: 20px;
    margin-top: 10px;
}

    ol li {
        margin-bottom: 15px;
    }

.form a.in-text {
    margin-left: 20px;
}

.model-popup {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    padding: 0 30px;
    background-color: #0000007a;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

    .model-popup.active {
        display: flex;
        transition: 0.3s all ease-in-out;
        -webkit-transition: 0.3s all ease-in-out;
    }

.close-model-popup {
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 3px;
    padding-left: 2px;
    position: absolute;
    top: -10px;
    right: -10px;
    box-shadow: 0px 0px 15px 0px hsl(0deg 0% 20% / 10%);
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

.model-popup .login-form {
    position: relative;
    /*width:100%;*/
}

.logout-popup {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-color: #0000007a;
    width: 100%;
    height: 100%;
    z-index: 999;
    display: none;
    align-items: center;
    justify-content: center;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}

    .logout-popup.active {
        display: flex;
        transition: 0.3s all ease-in-out;
        -webkit-transition: 0.3s all ease-in-out;
    }

.close-logout-popup {
    background-color: #fff;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-weight: 600;
    font-size: 20px;
    line-height: 1;
    padding-bottom: 3px;
    padding-left: 2px;
    position: absolute;
    top: -10px;
    right: -10px;
    box-shadow: 0px 0px 15px 0px hsl(0deg 0% 20% / 10%);
    cursor: pointer;
    transition: 0.3s all ease-in-out;
    -webkit-transition: 0.3s all ease-in-out;
}


td.btnDelete {
    cursor: pointer;
}


.otp-form .otp-fields {
    display: none;
}

.otp-form.otp-send .otp-fields {
    display: inline;
}

.footer-copyrights p {
    font-size: 14px;
    padding: 2px 20px;
    margin: 0 !important;
    color: white;
}

.sign-section .footer-copyrights p {
    color: #0E142E;
}

.success-right {
    width: 30%;
    margin: 40px auto 0;
    text-align: center;
    display: block;
}

.loader-loading {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #0606068f;
    z-index: 9999;
}


/*style for User profile*/
.admin-page-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .admin-page-title a {
        font-size: 18px;
    }

.admin-info-img {
    width: 40px;
}

.admin-page-data {
    border-radius: 10px;
    overflow: hidden;
    background-color: #fff;
    padding: 15px;
}

h4.admin-data-title {
    background-color: #19524a;
    color: #fff;
    text-align: center;
    padding: 20px;
}

.admin-page-data-inner {
    padding: 20px 5px;
}

.admin-priview {
    display: flex;
}

    .admin-priview p {
        margin: 0;
        padding: 0;
    }

p.priview-sprator {
    font-weight: 600;
    margin: 0 20px;
}

p.priview-text {
    font-weight: 300;
}

p.priview-heading {
    font-weight: 500;
    margin: 0;
    padding: 0;
    flex-basis: 280px;
}

p.priview-content span {
    font-weight: 500;
    color: #000;
}

.admin-title {
    border-left: 5px solid #19524a;
    padding: 5px 0px 2px 20px;
}

/*style for error page*/
.error-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .error-container .error-type {
        color: #ff7863;
        font-size: 60px;
        height: 60px;
    }

    .error-container .heading {
        font-size: 35px;
        height: 35px;
    }

    .error-container .sub-heading {
        font-size: 22px;
    }

    .error-container .return-home {
        font-size: 23px;
    }

        .error-container .return-home a {
            color: #5a08c5;
            text-decoration: none;
            transition: color 0.3s;
        }

    .error-container a:hover {
        color: #ff5555;
    }

img.mob-logo {
    display: none;
}

div.table-responsive table.table {
    width: 850px;
}

label.file-label {
    font-size: 14px;
    font-weight: 300;
    color: blue;
}
.liBacktosso .btnSendRegisterOTP {
    padding: 20px 50px;
    font-size: 18px;
    border-bottom: 1px solid #fff !important;
    transition: 0.3s !important;
    width: 100% !important;
    margin-top: 0 !important;
}
/* Responsive */
@media screen and (max-width: 1399px) {
    section .login-section h1 {
        font-size: 54px;
    }

    .model-popup .login-form {
        width: 50%;
    }
}

@media screen and (max-width: 1024px) {
    .side-navbar-inner h4 {
        font-size: 14px;
    }
}

@media screen and (max-width: 991px) {
    .login-form {
        margin-top: 50px;
        margin-left: 0px;
    }

    .login-side-content p,
    section.login-section h1 {
        text-align: center;
    }

    a.sainik-logo {
        margin-left: 10px !important;
    }

        a.sainik-logo img {
            width: 250px;
        }

    section.main-content > .container {
        position: relative;
        overflow: hidden;
    }

    .main-content .side-navbar {
        position: absolute;
        top: 0;
        z-index: 999;
        width: auto;
        height: 100%;
        left: 0;
        transition: all 0.3s ease-in-out;
        opacity: 1;
    }

    .main-content .active-nav {
        width: auto;
        left: -236px;
        transition: all 0.3s ease-in-out;
    }

    .page-inner-content {
        width: 100% !important;
    }

    .model-popup .login-form {
        width: 70%;
    }
}

@media screen and (max-width: 767px) {
    .banner-section {
        position: relative;
        height: 220px;
        overflow: hidden;
        border-radius: 20px;
    }

        .banner-section img {
            border-radius: 10px;
            height: 100%;
            width: fit-content !important;
            text-align: center;
        }

    .user-details {
        display: none;
    }

    .side-navbar .side-navbar-inner li a {
        padding: 15px 20px !important;
        font-size: 14px;
    }

        .side-navbar .side-navbar-inner li a i {
            font-size: 20px;
        }

    .model-popup .login-form {
        width: 100%;
    }
}

@media print {
    header {
        display: none !important;
    }
    .profile-img-pr {
        display: inherit !important;
        max-width: 150px;
        height: auto;
        padding-bottom: 10px;
    }
    .noprint {
        display: none !important;
    }
}

@media screen and (max-width: 575px) {
    a.sainik-logo img {
        width: auto;
    }

    img.mob-logo {
        display: inline-block;
    }

    img.main-logo {
        display: none;
    }

    .sainik-personal-info .form-field {
        display: block;
    }

    .signup-tab-option a::after {
        display: none;
    }

    .signup-tab-option.row > div {
        margin-bottom: 15px;
    }

    .sainik-personal-info .form-field label {
        padding: 10px 0 5px;
    }

    .yojna-card .yojna-card-inner {
        flex-basis: 100%;
    }

    .page-review .form-field {
        border-bottom: 1px solid #D1D9E7;
        margin-bottom: 5px;
        padding-bottom: 15px;
    }

        .page-review .form-field label:nth-child(2) {
            font-weight: 600;
            padding: 0px 0 0;
        }

        .page-review .form-field label.ps-3 {
            padding-left: 0px !important;
        }

    .page-section .dash-inner-card {
        display: inline-block;
    }

        .page-section .dash-inner-card .dash-inner-card-btn {
            margin-top: 20px;
        }

    .form a.in-text {
        margin-left: 0;
        display: inline-block !important;
        margin-top: 30px;
    }
}