.custom-spinner {
    position: fixed;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.blazored-toast-info {
    background-color: #265df1 !important;
}

.blazored-toast-body .blazored-toast-header h5 {
    font-size: 1.0rem !important;
}

.blazored-toast-body p {
    font-size: 0.8rem !important;
}

.blazored-toast {
    padding: 0.8rem 1.2rem !important;
}

.side-nav {
    margin-top: 2px;
}

.side-nav-menu-icon {
    font-size: 0.9rem !important;
}

.blazored-toast-container {
    z-index: 10000 !important;
}

.blazored-toast-success {
    background-color: #3e8f58 !important;
}

.dropdown-menu-right {
    right: 0 !important;
    left: auto !important;
}

.dropdown-menu {
    transform: translate3d(0px, 45px, 0px) !important;
}


#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }

.validation-message {
    color: red;
    padding: 5px;
}

.column {
    float: left;
    width: 50%;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}

.table thead th {
    border-bottom: none;
    border-top: none;
    vertical-align: middle;
}


.table th, .table td {
    padding: 0.7rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
}

.customForm hr {
    border-color: #90A4AE !important;
}

.customForm label {
    font-weight: 600;
    text-transform: uppercase;
}

::-webkit-scrollbar {
    display: none;
}

/* ...................................27-sep-2022.............................. */
.link-dark.active, .link-dark.selected, .link-dark:hover, .link-muted:hover, .text-primary,
a:hover {
    color: #415162 !important;
}

.card {
    border-radius: 8px;
    background-color: #ffffff;
    box-shadow: 0 0.125rem 0.25rem rgb(0 0 0 / 8%) !important;
}

.white-bg {
    background-color: #ffffff;
}

.light-blue-bg {
    background-color: #F4F5FC;
}

.light-purple-bg {
    background-color: #E2E4F3;
}

.light-sky-bg {
    /*background: linear-gradient(to top left, #ffed00 0%, #f7a2a1 82%);*/
    /*background-color: #5863B4;*/
    color: #FFF !important;
    /*background-image: radial-gradient( circle 905.6px at 4.9% 7.9%, rgba(218,0,0,1) 14.1%, rgba(168,2,144,1) 65%, rgba(102,2,110,1) 90% );*/
    background-image: radial-gradient(circle at 5% 188%, #ff9999 14%, #ff0000 70%, #ff4d4d 90%);
}

.light-yellow-bg {
    /*background: linear-gradient(to top left, #3d05dd 0%, #fcb0f3 80%);*/
    background-image: radial-gradient( circle 957px at 8.7% 50.5%, rgba(246,191,13,1) 0%, rgba(249,47,47,1) 90% );
    color: #FFF !important;
    /*background-color: #5863B4;*/
}

.light-org-bg {
    /*background: linear-gradient(to top left, #4766f4 0%, #b6f3c9 85%);*/
    /*background-color: #5863B4;*/
    color: #FFF !important;
    /*background-image: linear-gradient( 73.1deg, rgba(34,126,34,1) 8%, rgba(99,162,17,1) 86.9% );*/
    background-image: linear-gradient(135deg, #007f5f 8%, #0b6623 99%);
}

.dark-purple-bg {
    /*background-color: #5863B4;*/
    /*background: linear-gradient(to bottom right, #000099 0%, #5863b4 101%);*/
    background: linear-gradient(to bottom right, #2c3e50 0%, #3498db 100%);
}

.white-txt {
    color: #fff;
}

.light-sky-bg,
.light-yellow-bg,
.light-org-bg {
    position: relative;
    overflow: hidden;
}

    .light-sky-bg::after,
    .light-yellow-bg::after,
    .light-org-bg::after {
        content: '';
        position: absolute;
        top: -20px;
        right: -25px;
        width: 120px;
        height: 120px;
        background-color: transparent;
        border: 15px solid #f9f9f945;
        border-radius: 50%;
    }

    .light-sky-bg H4,
    .light-yellow-bg H4,
    .light-org-bg H4 {
        color: #FFFFFF !important;
        font-size: 40px;
        font-weight: 600;
        border-bottom: 5px solid #ffffff7a;
        padding-bottom: 10px;
        display: inline-block;
    }


.progress-bar {
    background-color: #415162 !important;
}

body.has-sidebar {
    position: relative;
    background-color: #ffffff !important;
}

.content {
    padding: 15px 15px 15px 0px;
    border-left: 0px !important;
}

    .content > div {
        /*background-color: #F4F6FB;*/
        background-color: #f3f3f7;
        border-radius: 12px;
        padding: 10px !important;
    }

.side-nav-menu-icon {
    margin-right: 10px !important;
}

.side-nav {
    background-color: #ffffff;
    margin-top: 0px;
    padding-left: 5px;
}

.progress {
    background-color: #EAECF7;
}

#userRoleBadge {
    color: #415162;
    font-weight: 600;
    background-color: #E2E5F4;
    text-align: center;
    border-radius: 25px;
    margin: 10px 10px;
    padding: 10px 5px;
    ;
}

#sidebar {
    padding-top: 02px;
}

input:disabled,
.form-control:disabled, .form-control[readonly] {
    background: #dbd3d3 !important;
    opacity: 0.4;
    border: 1px solid #c3c3c3;
}

.side-nav-menu-link {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 1px;
    color: #4a4e69;
    padding: 10px 20px;
    margin-bottom: 5px;
}

    .side-nav-menu-item:hover > .side-nav-menu-link,
    .side-nav-menu-item.active > .side-nav-menu-link,
    .side-nav-menu-link.active,
    .side-nav-menu-item:hover > .side-nav-menu-link i,
    .side-nav-menu-item.active > .side-nav-menu-link i,
    .side-nav-menu-link.active i {
        color: #415162;
        font-weight: 600;
        background-color: #f3f3f7;
        border-radius: 10px 0px 0px 10px;
        margin-left: 5px;
        transition: 0.2s;
    }

.table-responsive .table tr td i.text-danger {
    background-color: #da0000 !important;
}

.table-responsive .table tr td i.text-success {
    background-color: #227e22 !important;
}

#desktopBrandTagMin {
    color: #fff !important;
}

    #desktopBrandTagMin:hover,
    #desktopBrandTag:hover,
    .header-invoker:hover {
        color: #F4F5FC !important;
    }

.header-invoker {
    font-size: 1.25rem;
    padding: 0.63rem;
    color: #fff;
    margin-left: -15px;
}

.side-nav-menu-second-level {
    padding-top: 5px;
}

.avatar-placeholder {
    color: #ffffff;
    background: hsla(0,0%,89.8%,.5);
    text-align: center;
    display: inline-flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    height: 35px;
    width: 35px;
    font-size: 18px;
}

.header-complex-invoker {
    color: #ffffff;
}

    .header-complex-invoker.active, .header-complex-invoker:hover {
        color: #F4F5FC !important;
    }

.unfold-light {
    border-radius: 12px;
    margin-top: 8px !important;
}

.unfold-item-has-divider {
    margin-top: 0px;
}

.page-item.disabled .page-link {
    color: rgba(88, 99, 180, 0.5);
    border-color: rgba(88, 99, 180, 0.5);
}

.page-item.active .page-link,
.page-link:hover {
    color: #ffffff;
    background-color: #415162;
    border-color: #415162;
}

.page-link {
    color: #415162;
    background-color: transparent;
    border-color: #415162;
}


.btn-lighter,
.btn.btn-secondary,
.btn.btn-primary-darker {
    background-color: #E2E4F3;
    color: #415162 !important;
    border-radius: 8px;
    border: 0px;
    line-height: 20px;
    font-weight: 600 !important;
}

    .btn-lighter:hover,
    .btn-lighter.text-dark:hover,
    .btn.btn-secondary:hover,
    .btn.btn-primary-darker:hover,
    .btn-lighter:focus,
    .btn-lighter.text-dark:focus,
    .btn.btn-secondary:focus,
    .btn.btn-primary-darker:focus {
        background-color: #415162;
        color: #ffffff !important;
    }

input:checked + .btn-outline-primary {
    background-color: #28a745 !important;
    color: #ffffff !important;
}

    input:checked + .btn-outline-primary:hover {
        background-color: #227e22 !important;
        color: #fff !important;
    }

[type=submit],
.btn-light,
.btn-soft-light.dropdown-toggle,
.btn.btn-danger,
.btn-outline-primary {
    background-color: #415162;
    color: #ffffff !important;
    border-radius: 8px;
    line-height: 20px;
    border: 0px;
    font-weight: 600 !important;
}

    [type=submit]:hover,
    .btn-light:hover,
    .btn-soft-light.dropdown-toggle:hover,
    .btn.btn-danger:hover,
    .btn-outline-primary:hover,
    [type=submit]:focus,
    .btn-light:focus,
    .btn-soft-light.dropdown-toggle:focus,
    .btn.btn-danger:focus,
    .btn-outline-primary:focus {
        background-color: #E2E4F3;
        color: #415162 !important;
    }

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    background: url(../img/calendar.png) no-repeat calc(100% - 0px);
}


.searchbar input {
    background-color: #E2E4F3;
    height: unset;
    padding: 10px 10px 10px 40px;
    border-radius: 8px !important;
    border: 2px solid #e2e4f3;
    font-size: 16px;
    line-height: 18px;
}

.searchbar {
    position: relative;
}

    .searchbar::after {
        content: '';
        position: absolute;
        top: 11px;
        left: 12px;
        width: 20px;
        height: 20px;
        background-image: url(../img/search-bar.png);
        background-size: contain;
    }

input::placeholder {
    color: #8b8e9f !important;
    font-size: 14px;
}

.searchbar input:focus {
    border-color: #415162 !important;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #ffffff;
}

.table-striped tbody tr:hover,
.table-responsive .table tbody tr:hover {
    background-color: #E2E4F3;
    cursor: pointer;
}

.table-responsive .table tr td i.fa-circle {
    background: unset;
    padding: 0px;
}

    .table-responsive .table tr td i.fa-circle.text-success,
    .text-success,
    .success,
    .btn-success {
        color: #227e22 !important;
    }

    .table-responsive .table tr td i.fa-circle.text-warning,
    .text-warning,
    .warning,
    .btn-warning {
        color: #ffc005 !important;
    }

    .table-responsive .table tr td i.fa-circle.text-danger,
    .text-danger,
    .danger,
    .btn-danger {
        color: #da0000 !important;
    }


.table-responsive .table tr td i {
    font-size: 14px;
    background: #415162;
    color: #fff !important;
    padding: 8px;
    border-radius: 6px;
    display: inline-block;
    line-height: 14px;
    margin: 4px 2px 0px !important;
}

    .table-responsive .table tr td i:nth-child(2) {
        margin: 4px 2px 0px 1px !important;
    }

    .table-responsive .table tr td i:hover {
        background: #fff;
        color: #415162 !important;
        box-shadow: 1px 3px 5px rgb(0 0 0 / 15%);
    }

.table-responsive {
    min-height: 600px;
}

.form-group input,
.form-group select,
select.form-control,
.form-group textarea,
input {
    border-radius: 10px !important;
    border: 2px solid #d1d5e7;
    background-color: #eff0f5 !important;
    font-size: 14px;
    font-weight: 400;
    min-width: 160px;
    padding: 10px 16px;
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url("../img/select-arrow.png") white no-repeat calc(100% - 10px) !important;
    width: 5px;
}

    .form-group input:focus,
    .form-group select:focus,
    select.form-control:focus,
    .form-group textarea:focus,
    input:focus {
        border-color: #415162;
        box-shadow: 3px 3px 5px #4151623b;
    }

.customForm hr {
    margin-bottom: 32px;
    border-color: #cfd2e5 !important;
    border-width: 2px;
}

.form-row > .col, .form-row > [class*=col-] {
    padding-right: 15px;
    padding-left: 15px;
}

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

.progress-card > [class*=col-].col-md-6 {
    padding-left: 5px;
    padding-right: 5px;
    /*margin-bottom: 10px !important;*/
}

    .progress-card > [class*=col-].col-md-6 .card,
    .progress-card > [class*=col-].col-md-12 .card {
        margin-bottom: 0px !important;
    }

    .progress-card > [class*=col-].col-md-6:nth-child(3n+1) {
        padding-left: 15px;
    }

    .progress-card > [class*=col-].col-md-6:nth-child(3n+3) {
        padding-right: 15px;
    }

.progress-card .col-md-12 {
    /*margin-bottom:10px !important;*/
}

.mb-10col > [class*=col-] .card,
.card {
    margin-bottom: 10px !important;
}

.filter-process .form-row .form-group {
    padding: 0px 5px;
    width: calc(50% - 10px);
}

    .filter-process .form-row .form-group label,
    .filter-process label {
        margin-top: 0px !important;
        font-weight: 600;
    }

.form-check label {
    font-weight: 500;
}

.dropdown-menu {
    box-shadow: 1px 5px 8px 0 rgb(0 0 0 / 15%) !important;
    width: 100% !important;
    border-radius: 10px !important;
}

.nav-tabs .nav-item {
    margin-right: 10px;
    margin-bottom: 0px;
}

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover,
    .nav-tabs .nav-link:hover {
        background-color: #415162;
        color: #fff !important;
        font-weight: 600;
        font-size: 15px;
        display: flex;
        align-items: center;
        border: 0px;
        border-radius: 8px 8px 0px 0px;
    }

.nav-tabs .nav-link {
    background-color: #e2e5f4;
    color: #415162;
    font-weight: 600;
    font-size: 15px;
    display: flex;
    align-items: center;
    border: 0px;
    border-radius: 8px 8px 0px 0px;
}

.nav-tabs {
    border-bottom: 2px solid #415162;
    /*border-radius: 0px 0px 0px 10px;*/
}

.modal-content .modal-header h5 {
    color: #415162;
    font-size: 26px;
    font-weight: 600;
}

.modal-content .close {
    color: #fff;
    background: #415162;
    opacity: 1;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

    .modal-content .close span {
        line-height: 9px;
    }

.tab-pane > .row.gutters-sm,
.tab-pane > .row .col-lg-6 .card {
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
    border-radius: 8px;
}

.tab-pane > .row.gutters-sm {
    margin-bottom: 20px;
}

    .tab-pane > .row.gutters-sm .col-md-4 .card-body {
        border-right: 2px solid #e2e4f3;
    }

.side-nav-has-menu .side-nav-menu-second-level {
    display: none;
}

.side-nav-has-menu.side-nav-opened .side-nav-menu-second-level {
    display: block;
}

.side-nav-has-menu.side-nav-opened > a {
    color: #415162 !important;
    font-weight: 600;
    background-color: #E2E4F3;
    border-radius: 25px 0px 0px 25px;
    margin-left: 15px;
    transition: 0.2s;
}

.side-nav-has-menu.side-nav-opened:hover > a .side-nav-control-icon i {
    margin-left: 0px;
}

.side-nav-has-menu.side-nav-opened > i,
.side-nav-menu-top-level > .side-nav-opened > .side-nav-menu-link .side-nav-menu-icon i,
.side-nav-control-icon i {
    color: #415162 !important;
    font-weight: 600;
}

.event-body .table-responsive {
    min-height: unset !important;
}

.fund-expenditure-table .table td td {
    border-top: 0px;
}

/*...................Login-page.........................*/

.form-bg {
    background-color: #E2E4F3 !important;
}

.form-heading {
    font-size: 35px;
    font-weight: 700;
}

.login .form-group .input-group {
    min-width: 400px;
}

    .login .form-group .input-group input {
        border-radius: 10px !important;
        border: 2px solid #d1d5e7 !important;
        background-color: #ffffff !important;
        font-size: 14px;
        font-weight: 400;
        min-width: 160px;
        padding: 10px 16px 10px 40px;
    }

.login .btn.btn-primary {
    background-color: #415162;
    color: #ffffff !important;
    border-radius: 8px;
    line-height: 21px;
    border: 0px;
    font-weight: 600 !important;
    padding: 8px 30px;
    border: 2px solid #415162;
    margin-top: 30px;
}

    .login .btn.btn-primary:hover {
        background-color: #E2E4F3;
        color: #415162 !important;
    }





@media screen and (max-width: 1366px) {
    .table th, .table td {
        padding: 10px;
    }
}

@media screen and (max-width: 1310px) {
    .table-responsive .table tr td i:nth-child(2) {
        margin: 4px 2px 0px 2px !important;
    }

    .tab-pane .col-sm-3 h6,
    .tab-pane .col-xl-3 h6,
    .tab-pane .col-sm-9.text-primary,
    .tab-pane .col-xl-9.text-primary,
    .tab-pane .col-sm-9.text-primary p,
    .tab-pane .col-xl-9.text-primary p {
        font-size: 10px !important;
    }

    .tab-pane .col-sm-3,
    .tab-pane .col-xl-3 {
        padding-right: 5px !important;
    }

    .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active, .nav-tabs .nav-link.active:hover, .nav-tabs .nav-link:hover,
    .nav-tabs .nav-link {
        font-size: 10px;
    }
}

@media screen and (max-width: 1023px) {
    thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    tr {
        margin: 0 0 1rem 0;
        display: grid;
        width: calc(100% - 10px);
    }

        tr:nth-child(odd),
        tr:nth-child(even) {
            background: #fff;
            box-shadow: 0px 0px 10px rgb(0 0 0 / 10%);
            padding: 16px;
            margin: 20px 5px;
            border-radius: 10px !important;
        }

    td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 2px solid #eee;
        position: relative;
        padding-left: 50% !important;
        border-top: 10px !important;
    }

        td:last-child {
            border-bottom: 0px;
        }

        td.pl-3 {
            padding-left: 50% !important;
        }

        td:before {
            /* Now like a table header */
            position: absolute;
            /* Top/left values mimic padding */
            top: 10px;
            left: 6px;
            width: 45%;
            padding-right: 10px;
            white-space: nowrap;
            font-weight: 700;
        }

    /*...........................home-latest-result......................................*/

    .home-latest-result td:nth-of-type(1):before {
        content: "Dates";
    }

    .home-latest-result td:nth-of-type(2):before {
        content: "Event";
    }

    .home-latest-result td:nth-of-type(3):before {
        content: "Player";
    }

    .home-latest-result td:nth-of-type(4):before {
        content: "Category";
    }

    .home-latest-result td:nth-of-type(5):before {
        content: "Disciple";
    }

    .home-latest-result td:nth-of-type(6):before {
        content: "Establishment";
    }

    .home-latest-result td:nth-of-type(7):before {
        content: "Result/Position";
    }

    /*..................home-upcoming-table......................*/

    .home-upcoming-table td:nth-of-type(1):before {
        content: "Event ID";
    }

    .home-upcoming-table td:nth-of-type(2):before {
        content: "Event Dates";
    }

    .home-upcoming-table td:nth-of-type(3):before {
        content: "Event";
    }

    .home-upcoming-table td:nth-of-type(4):before {
        content: "Venue";
    }

    .home-upcoming-table td:nth-of-type(5):before {
        content: "Category";
    }

    .home-upcoming-table td:nth-of-type(6):before {
        content: "Discp";
    }




    /*..............Talent-Scounting...........................*/
    .talent-scout-table td:nth-of-type(1):before {
        content: "Talent ID";
    }

    .talent-scout-table td:nth-of-type(2):before {
        content: "Status";
    }

    .talent-scout-table td:nth-of-type(3):before {
        content: "Name";
    }

    .talent-scout-table td:nth-of-type(4):before {
        content: "Establishment";
    }

    .talent-scout-table td:nth-of-type(5):before {
        content: "Date of Birth";
    }

    .talent-scout-table td:nth-of-type(6):before {
        content: "Age";
    }

    .talent-scout-table td:nth-of-type(7):before {
        content: "State";
    }

    .talent-scout-table td:nth-of-type(8):before {
        content: "Gender";
    }

    .talent-scout-table td:nth-of-type(9):before {
        content: "Measurements";
    }

    .talent-scout-table td:nth-of-type(10):before {
        content: "Actions";
    }


    /*..........................player-table..............................*/

    .player-table td:nth-of-type(1):before {
        content: "Player ID";
    }

    .player-table td:nth-of-type(2):before {
        content: "Name";
    }

    .player-table td:nth-of-type(3):before {
        content: "Army No";
    }

    .player-table td:nth-of-type(4):before {
        content: "Rank";
    }

    .player-table td:nth-of-type(5):before {
        content: "Date of Birth";
    }

    .player-table td:nth-of-type(6):before {
        content: "Age";
    }

    .player-table td:nth-of-type(7):before {
        content: "Gender";
    }

    .player-table td:nth-of-type(8):before {
        content: "Measurements";
    }

    .player-table td:nth-of-type(9):before {
        content: "Discipline";
    }

    .player-table td:nth-of-type(10):before {
        content: "Actions";
    }

    /*.............................coaches-table.............................*/

    .coaches-table td:nth-of-type(1):before {
        content: "Coach ID";
    }

    .coaches-table td:nth-of-type(2):before {
        content: "Name";
    }

    .coaches-table td:nth-of-type(3):before {
        content: "Army No";
    }

    .coaches-table td:nth-of-type(4):before {
        content: "Rank";
    }

    .coaches-table td:nth-of-type(5):before {
        content: "Designation";
    }

    .coaches-table td:nth-of-type(6):before {
        content: "Date of Birth";
    }

    .coaches-table td:nth-of-type(7):before {
        content: "Age";
    }

    .coaches-table td:nth-of-type(8):before {
        content: "Gender";
    }

    .coaches-table td:nth-of-type(9):before {
        content: "Unit";
    }

    .coaches-table td:nth-of-type(10):before {
        content: "Discipline";
    }

    .coaches-table td:nth-of-type(11):before {
        content: "Actions";
    }


    /*.......................................Support-staff.........................................*/

    .support-staff-table td:nth-of-type(1):before {
        content: "SS ID";
    }

    .support-staff-table td:nth-of-type(2):before {
        content: "Name";
    }

    .support-staff-table td:nth-of-type(3):before {
        content: "Army No";
    }

    .support-staff-table td:nth-of-type(4):before {
        content: "Rank";
    }

    .support-staff-table td:nth-of-type(5):before {
        content: "Designation";
    }

    .support-staff-table td:nth-of-type(6):before {
        content: "Date of Birth";
    }

    .support-staff-table td:nth-of-type(7):before {
        content: "Age";
    }

    .support-staff-table td:nth-of-type(8):before {
        content: "Gender";
    }

    .support-staff-table td:nth-of-type(9):before {
        content: "Unit";
    }

    .support-staff-table td:nth-of-type(10):before {
        content: "Discipline";
    }

    .support-staff-table td:nth-of-type(11):before {
        content: "Actions";
    }

    /*...............................administrative-table..................................*/

    .administrative-table td:nth-of-type(1):before {
        content: "SNo.";
    }

    .administrative-table td:nth-of-type(2):before {
        content: "Army No.";
    }

    .administrative-table td:nth-of-type(3):before {
        content: "Rank";
    }

    .administrative-table td:nth-of-type(4):before {
        content: "Name";
    }

    .administrative-table td:nth-of-type(5):before {
        content: "Establishment";
    }

    .administrative-table td:nth-of-type(6):before {
        content: "Designation";
    }

    .administrative-table td:nth-of-type(7):before {
        content: "Joining Date";
    }

    .administrative-table td:nth-of-type(8):before {
        content: "Leaving Date";
    }

    .administrative-table td:nth-of-type(9):before {
        content: "Actions";
    }


    /*..............................Event Calendar.............................*/

    /*.....................Upcoming Event.........................*/

    .upcoming-event-table td:nth-of-type(1):before {
        content: "Event ID";
    }

    .upcoming-event-table td:nth-of-type(2):before {
        content: "Event Dates";
    }

    .upcoming-event-table td:nth-of-type(3):before {
        content: "Event";
    }

    .upcoming-event-table td:nth-of-type(4):before {
        content: "Venue";
    }

    .upcoming-event-table td:nth-of-type(5):before {
        content: "Category";
    }

    .upcoming-event-table td:nth-of-type(6):before {
        content: "Discp";
    }

    .upcoming-event-table td:nth-of-type(7):before {
        content: "Actions";
    }

    /*........................In Progress Event .............................*/

    .in-progress-table td:nth-of-type(1):before {
        content: "Event ID";
    }

    .in-progress-table td:nth-of-type(2):before {
        content: "Event Dates";
    }

    .in-progress-table td:nth-of-type(3):before {
        content: "Event";
    }

    .in-progress-table td:nth-of-type(4):before {
        content: "Venue";
    }

    .in-progress-table td:nth-of-type(5):before {
        content: "Category";
    }

    .in-progress-table td:nth-of-type(6):before {
        content: "Discp";
    }

    .in-progress-table td:nth-of-type(7):before {
        content: "Result";
    }

    /*........................complate-event-table............................*/

    .complate-event-table td:nth-of-type(1):before {
        content: "Event ID";
    }

    .complate-event-table td:nth-of-type(2):before {
        content: "Event Dates";
    }

    .complate-event-table td:nth-of-type(3):before {
        content: "Event";
    }

    .complate-event-table td:nth-of-type(4):before {
        content: "Venue";
    }

    .complate-event-table td:nth-of-type(5):before {
        content: "Category";
    }

    .complate-event-table td:nth-of-type(6):before {
        content: "Discp";
    }

    .complate-event-table td:nth-of-type(7):before {
        content: "Result";
    }

    /*...............................events-table.............................*/
    .events-table td:nth-of-type(1):before {
        content: "Event ID";
    }

    .events-table td:nth-of-type(2):before {
        content: "Event Dates";
    }

    .events-table td:nth-of-type(3):before {
        content: "Event";
    }

    .events-table td:nth-of-type(4):before {
        content: "Venue";
    }

    .events-table td:nth-of-type(5):before {
        content: "Category";
    }

    .events-table td:nth-of-type(6):before {
        content: "Discp";
    }

    .events-table td:nth-of-type(7):before {
        content: "Total Participant(s)";
    }

    .events-table td:nth-of-type(8):before {
        content: "Actions";
    }

    /*......................... fund-allocation-table = manage-fund ..................................*/

    .fund-allocation-table td:nth-of-type(1):before {
        content: "Fund ID";
    }

    .fund-allocation-table td:nth-of-type(2):before {
        content: "Reference No";
    }

    .fund-allocation-table td:nth-of-type(3):before {
        content: "Subhead";
    }

    .fund-allocation-table td:nth-of-type(4):before {
        content: "Establishment";
    }

    .fund-allocation-table td:nth-of-type(5):before {
        content: "BE Proj Estimate";
    }

    .fund-allocation-table td:nth-of-type(6):before {
        content: "Demand Stage";
    }

    .fund-allocation-table td:nth-of-type(7):before {
        content: "Demanded";
    }

    .fund-allocation-table td:nth-of-type(8):before {
        content: "Allotted";
    }

    .fund-allocation-table td:nth-of-type(9):before {
        content: "Remarks";
    }



    .fund-table td:nth-of-type(1):before {
        content: "Establishment";
    }

    .fund-table td:nth-of-type(2):before {
        content: "Equipment";
    }

    .fund-table td:nth-of-type(3):before {
        content: "Extra Diet";
    }

    .fund-table td:nth-of-type(4):before {
        content: "Kitting";
    }

    .fund-table td:nth-of-type(5):before {
        content: "Coaches";
    }

    .fund-table td:nth-of-type(6):before {
        content: "AFCVP";
    }

    .fund-table td:nth-of-type(7):before {
        content: "Misc";
    }

    .fund-table td:nth-of-type(8):before {
        content: "ASDF";
    }

    .fund-table td:nth-of-type(9):before {
        content: "I&M";
    }

    .fund-table td:nth-of-type(10):before {
        content: "SAG";
    }


    /*......................................ppp-table..................................*/

    .ppp-table td:nth-of-type(1):before {
        content: "#";
    }

    .ppp-table td:nth-of-type(2):before {
        content: "Project Name";
    }

    .ppp-table td:nth-of-type(3):before {
        content: "CF/Fresh";
    }

    .ppp-table td:nth-of-type(4):before {
        content: "Discipline";
    }

    .ppp-table td:nth-of-type(5):before {
        content: "Cash OutGo (Lakhs)";
    }

    .ppp-table td:nth-of-type(6):before {
        content: "AON";
    }

    .ppp-table td:nth-of-type(7):before {
        content: "Bid";
    }

    .ppp-table td:nth-of-type(8):before {
        content: "TEC";
    }

    .ppp-table td:nth-of-type(9):before {
        content: "BM";
    }

    .ppp-table td:nth-of-type(10):before {
        content: "TOC";
    }

    .ppp-table td:nth-of-type(11):before {
        content: "PNC";
    }

    .ppp-table td:nth-of-type(12):before {
        content: "IFA";
    }

    .ppp-table td:nth-of-type(13):before {
        content: "CFA";
    }

    .ppp-table td:nth-of-type(14):before {
        content: "SO";
    }

    .ppp-table td:nth-of-type(15):before {
        content: "Delivery";
    }

    .ppp-table td:nth-of-type(16):before {
        content: "BOO";
    }

    .ppp-table td:nth-of-type(17):before {
        content: "Payment";
    }

    .ppp-table td:nth-of-type(18):before {
        content: "Remarks";
    }

    /*......................pp-manage-table.....................*/

    .ppp-manage-table td:nth-of-type(1):before {
        content: "PPP ID";
    }

    .ppp-manage-table td:nth-of-type(2):before {
        content: "Subhead";
    }

    .ppp-manage-table td:nth-of-type(3):before {
        content: "Job No.";
    }

    .ppp-manage-table td:nth-of-type(4):before {
        content: "Project";
    }

    .ppp-manage-table td:nth-of-type(5):before {
        content: "Cost/Unit";
    }

    .ppp-manage-table td:nth-of-type(6):before {
        content: "Cash OutGo";
    }

    .ppp-manage-table td:nth-of-type(7):before {
        content: "Actions";
    }


    /*...........................fund-expenditure-table................................*/

    .fund-expenditure-table td:nth-of-type(1):before {
        content: "Establishment";
    }

    .fund-expenditure-table td:nth-of-type(2):before {
        content: " ";
    }

    .fund-expenditure-table td:nth-of-type(3):before {
        content: "Equipment";
    }

    .fund-expenditure-table td:nth-of-type(4):before {
        content: "Extra Diet";
    }

    .fund-expenditure-table td:nth-of-type(5):before {
        content: "Kitting";
    }

    .fund-expenditure-table td:nth-of-type(6):before {
        content: "Coaches";
    }

    .fund-expenditure-table td:nth-of-type(7):before {
        content: "AFCVP";
    }

    .fund-expenditure-table td:nth-of-type(8):before {
        content: "Misc";
    }

    .fund-expenditure-table td:nth-of-type(9):before {
        content: "ASDF";
    }

    .fund-expenditure-table td:nth-of-type(10):before {
        content: "I&M";
    }

    .fund-expenditure-table td:nth-of-type(11):before {
        content: "SAG";
    }

    /*////////////////////////////////////////*/
    .fund-manage-table td:nth-of-type(1):before {
        content: "Expdr ID";
    }

    .fund-manage-table td:nth-of-type(2):before {
        content: "Reference No";
    }

    .fund-manage-table td:nth-of-type(3):before {
        content: "Subhead";
    }

    .fund-manage-table td:nth-of-type(4):before {
        content: "Establishment";
    }

    .fund-manage-table td:nth-of-type(5):before {
        content: "Amount";
    }

    .fund-manage-table td:nth-of-type(6):before {
        content: "Reason";
    }

    .fund-manage-table td:nth-of-type(7):before {
        content: "Dated";
    }

    .fund-manage-table td:nth-of-type(8):before {
        content: "Remarks";
    }

    .fund-manage-table td:nth-of-type(9):before {
        content: "Actions";
    }

    /*............................................ mark-availability-table........................................*/

    .mark-availability-table td:nth-of-type(1):before {
        content: "Name";
    }

    .mark-availability-table td:nth-of-type(2):before {
        content: "Army No";
    }

    .mark-availability-table td:nth-of-type(3):before {
        content: "Availability";
    }
}

@media screen and (max-width: 991px) {
    .content {
        padding: 15px 15px 15px 15px;
        padding-left: 15px !important;
    }

    .login .form-group .input-group {
        min-width: 100%;
    }

    .login .form-group {
        width: 100% !important;
    }
}

@media screen and (max-width: 767px) {
    .form-bg {
        min-height: 100vh;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .form-heading {
        font-size: 30px;
    }
}


@media screen and (max-width:767px) {

    .card-body .mb-3.mb-md-4.d-flex.justify-content-between,
    .mb-2.mb-md-2.d-flex.justify-content-between.flex-wrap {
        display: block !important;
    }

        .card-body .mb-3.mb-md-4.d-flex.justify-content-between .h3,
        .mb-2.mb-md-2.d-flex.justify-content-between.flex-wrap .h3 {
            margin-bottom: 20px !important;
        }

        .card-body .mb-3.mb-md-4.d-flex.justify-content-between .d-flex.mb-0,
        .mb-2.mb-md-2.d-flex.justify-content-between.flex-wrap .d-flex.mb-0.flex-wrap {
            display: block !important;
        }

            .card-body .mb-3.mb-md-4.d-flex.justify-content-between .d-flex.mb-0 a.btn,
            .mb-2.mb-md-2.d-flex.justify-content-between.flex-wrap .d-flex.mb-0.flex-wrap > a.btn {
                margin-left: 0px !important;
                margin-top: 10px;
            }

    .searchbar input {
        width: 100% !important;
    }
}

@media screen and (max-width: 560px) {
    /*.searchbar {
        margin-bottom: 15px;
        margin-top: 15px;
    }*/

    .page-item.active .page-link, .page-link:hover,
    .page-link {
        padding: 15px 12px;
        min-width: unset;
    }
}



.profile-pic-wrapper {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

    .profile-pic-wrapper img {
        object-fit: cover;
    }

.pic-holder {
    text-align: center;
    position: relative;
    border-radius: 50%;
    width: 150px;
    height: 150px;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

    .pic-holder .pic {
        height: 100%;
        width: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        -o-object-position: center;
        object-position: center;
    }

    .pic-holder .upload-file-block,
    .pic-holder .upload-loader {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(90, 92, 105, 0.7);
        color: #f8f9fc;
        font-size: 12px;
        font-weight: 600;
        opacity: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.2s;
    }

    .pic-holder .upload-file-block {
        cursor: pointer;
    }

    .pic-holder:hover .upload-file-block,
    .uploadProfileInput:focus ~ .upload-file-block {
        opacity: 1;
    }

    .pic-holder.uploadInProgress .upload-file-block {
        display: none;
    }

    .pic-holder.uploadInProgress .upload-loader {
        opacity: 1;
    }

@-webkit-keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        bottom: 0;
        opacity: 0;
    }

    to {
        bottom: 30px;
        opacity: 1;
    }
}

@-webkit-keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}

@keyframes fadeout {
    from {
        bottom: 30px;
        opacity: 1;
    }

    to {
        bottom: 0;
        opacity: 0;
    }
}