/* ==== Added Font Family ===== */
/*@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');*/
/* ==== Added Font Family End ===== */


/* ==== Common Variables ===== */
/*:root {
    --primary-color: #CE0E2D;
    --dark-primary-color: #8F0A1F;
    --dark-color: #33030B;
    --grey-color: #868686;
    --blue-color: #5096F7;
    --light-color: #FFFFFF;
    --light-grey-color: #F7F7F7;
    --font-basic: "Poppins", sans-serif;
}*/

/* ==== Common Variables End ===== */

/* ==== Common Css Start ===== */

/** {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

html {
    -webkit-text-size-adjust: none;*/
    /* Prevent font scaling in landscape */
    /*height: 100%;
}

html,
body {
    overflow-x: hidden;
}

body {
    position: relative;
    background: #FFFFFF;
    height: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-family: var(--font-basic);
}

    body.login-bg {
        background: url(../images/login-bg.jpg);
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
    }

img {
    border: 0;
}

a {
    text-decoration: none;
}

    a:link,
    a:hover {
        text-decoration: none;
    }

a,
.btn,
button,
:after,
:before {
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

#mainWrapper {
    filter: inherit !important;
}

.pink {
    background: #E85890;
    box-shadow: 0 8px 16px 0 rgba(232, 88, 144, 0.5);
}

.green {
    background: #19C3A5;
    box-shadow: 0 8px 16px 0 rgba(25, 195, 165, 0.5);
}

.blue {
    background: #5096F7;
    box-shadow: 0 8px 16px 0 rgba(80, 150, 247, 0.5);
}

.yellow {
    background: #FB8036;
    box-shadow: 0 8px 16px 0 rgba(251, 128, 54, 0.5);
}

.purple {
    background: #D288E1;
    box-shadow: 0 8px 16px 0 rgba(210, 136, 225, 0.5);
}

.light-blue {
    background: #7FBCE2;
    box-shadow: 0 8px 16px 0 rgba(127, 188, 226, 0.5);
}

.form-control:not(textarea) {
    height: 50px;
}

.form-control:focus {
    outline-color: var(--bg-light-sky-color);
    box-shadow: none !important;
}

.form-control::placeholder {
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    opacity: 1;
}

.container-fluid {
    max-width: 1920px;
}*/

/* --- Common Css End --- */

/* --- Menu/Sidebar Css Start --- */

/*.logo {
    width: 100%;
    max-width: 188px;
}

    .logo img {
        height: 50px;
    }

#mainWrapper.toggled {
    padding-left: 242px;
}

#sidebar-wrapper {
    position: fixed;
    width: 85px;
    left: 242px;
    height: calc(100% - 98px);
    z-index: 9;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -242px;
    background-color: #FFFFFF;
}

.hdtopbar,
#sidebar-wrapper {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#mainWrapper.toggled #sidebar-wrapper {
    width: 280px;*/
    /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); */
/*}

#mainWrapper.toggled {
    padding-left: 280px;
}

#page-content-wrapper {
    width: 100%;
    position: relative;
}

#mainWrapper.toggled #page-content-wrapper .hdtopbar {
    width: 100%;
}

#mainWrapper {
    transition: ease all 0.25s;
}

.sidebar-nav {*/
    /*position: absolute;*/
    /*position: relative;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: var(--light-color);
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

.menu-icon {
    background: var(--primary-color);
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    border-radius: 0 8px 8px 0;
    position: absolute;
    transition: ease 0.25s;
    font-size: 24px;
    padding: 0;
    margin-right: 0;
    color: #FFFFFF;
    left: 280px;
    top: 160px;
    line-height: normal;
}

#menu-toggle.grey {
    background-color: #868686;
}

#menu-toggle.change {
    left: 85px;
}

    #menu-toggle.change i.icon-left-open-big {
        display: none;
    }

    #menu-toggle.change i.icon-right-open-big {
        display: block;
    }

.menu-icon:hover,
.menu-icon:focus {
    color: #FFFFFF;
}

.menu-icon i.icon-cancel {
    display: none;
}

.menu-icon.change i.icon-cancel {
    display: block;
}

.menu-icon.change i.icon-cancel {
    display: block;
}

.menu-icon.change i.icon-humburger {
    display: none;
}

.menu-icon i.demo-icon.icon-right-open-big {
    display: none;
}

#mainWrapper.toggled ul#main-menu li a {
    font-size: 0;
}

#mainWrapper.toggled #main-menu {
    width: 85px;
    padding: 15px;
}*/

/* --- Menu/Sidebar Css End --- */

/* --- Topbar Css Start --- */

/*.hdtopbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #FFFFFF;
    padding: 12px 20px;
    min-height: 75px;
}

.profile-main-drop .profile-content p {
    color: #000000;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    line-height: normal;
    max-width: 120px;
    opacity: 0.5;
    margin-top: 2px;
}

.content-topspace {
    padding-top: 70px;
    padding-bottom: 15px;
}

.logo {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

#mainWrapper.toggled .logo::before {
    width: 0;
}

#main-menu {
    width: 280px;
    padding: 15px;
    transition: ease all 0.25s;
}

.menu-profilebox {
    width: 280px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    padding: 20px 0 18px;
}

    .menu-profilebox span {
        display: block;
    }

    .menu-profilebox a {
        color: #c1c1c1;
        font-size: 13px;
    }

.proimg {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #00d6a3;
    margin-bottom: 10px !important;
}

    .proimg img {
        width: 100%;
        height: 100%;
    }

.pro-link {
    background: #313947;
    color: #8ea6d5;
    padding: 10px 12px;
    border-radius: 50%;
}

.mCSB_scrollTools {
    z-index: 1;
}*/

/* --- Topbar Css End --- */


/* --- Close Menu Icon Css Start --- */

/*.bar1,
.bar2,
.bar3 {
    width: 20px;
    height: 2px;
    background-color: var(--bg-green);
    margin: 7px 0;
    transition: 0.4s;
}

.bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 5px);
}

.bar2 {
    opacity: 0;
}

.bar3 {
    margin-top: 5px;
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -4px);
}

.change .bar1 {
    -webkit-transform: rotate(-180deg) translate(-9px, 6px);
    margin-top: 16px;
    transform: rotate(-180deg) translate(-8px, 6px);
}

.change .bar3 {
    -webkit-transform: rotate(180deg) translate(-8px, -8px);
    transform: rotate(180deg) translate(-8px, 9px);
    margin-bottom: 0;
}

.change .bar2 {
    -webkit-transform: rotate(-180deg) translate(-8px, 8px);
    transform: rotate(-180deg) translate(-8px, 8px);
    opacity: 1;
}*/

/* --- Close Menu Icon Css End --- */

/* --- Header Css Start --- */

/*.icondrop > a {
    display: inline-block;
}

.usericonxs {
    padding-right: 15px;
    border-right: solid 1px #c9c9c9;
    margin-top: 3px;
}

.hd-right-icon {
    height: 100%;
}

    .hd-right-icon a.ih-links {
        color: var(--primary-color);
        margin-right: 20px;
    }

.dropdown.icondrop {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hd-right-icon .dropdown-toggle::after {
    display: none;
}

.ih-notification-link {
    position: relative;
}

.notification-status {
    position: absolute;
    top: 0;
    right: 3px;
    width: 12px;
    height: 12px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    background-color: var(--primary-color);
    font-size: 0;
    border: solid #fff 2px;
}

.hd-right-icon i.demo-icon {
    font-size: 25px;
}

.hd-right-icon .dropdown-menu {
    padding: 0px !important;
}

.icondrop .user-left {
    margin-right: 0px;
    padding: 0px 0px 3px;
}

.icondrop .dropdown-menu img {
    width: 12px;
    margin-right: 6px;
}

.icondrop .dropdown-menu li {
    border-top: solid 1px #dedede;
}

    .icondrop .dropdown-menu li:first-child {
        border-top: 0px;
    }

    .icondrop .dropdown-menu li a {
        padding: 6px 10px;
    }

        .icondrop .dropdown-menu li a .user-left h2 {
            max-width: inherit;
            white-space: normal;
            text-overflow: inherit;
        }

        .icondrop .dropdown-menu li a:hover .user-left h2,
        .icondrop .dropdown-menu li a:hover .user-left span {
            color: #fff !important;
        }*/

/* --- Header Css End --- */

/* --- Notification List Css Start --- */

/*.dropdown .ih-notification {
    border: 0;
    padding-top: 0;
    max-width: 280px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    top: 25px !important;
    background: #000000;
}

.ih-notification-desc {
    max-height: 400px;
}

.ih-notification-head h3 {
    padding: 15px;
    font-size: 14px;
    margin-bottom: 0;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

    .ih-notification-head h3 a {
        float: right;
        font-size: 12px;
        margin-top: 1px;
        color: #FFFFFF;
        text-transform: capitalize;
    }

        .ih-notification-head h3 a:hover,
        .ih-notification-head h3 a:focus {
            color: var(--text-green);
        }

.ih-notification-desc .dropdown-item {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    padding: 6px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
}

    .ih-notification-desc .dropdown-item:hover,
    .ih-notification-desc .dropdown-item:focus {
        background-color: var(--primary-color);
    }

    .ih-notification-desc .dropdown-item:last-child {
        border-bottom: 0;
    }

    .ih-notification-desc .dropdown-item span {
        display: block;
        color: #a5a5a5;
        font-size: 10px;
        padding-top: 0;
    }

.ih-notification-desc .mCSB_inside > .mCSB_container {
    margin-right: 0;
}*/

/* --- Notification List Css End --- */

/* --- Profile Css Start --- */

/*.profile-drop {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
}

    .profile-drop .item {
        padding: 0;
        position: relative;
    }

.profile-main-drop {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .profile-main-drop i.fas.fa-user {
        width: 40px;
        height: 40px;
        background: #000;
        border-radius: 40px;
        color: #fff;
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: 20px;
    }

    .profile-main-drop .img-block img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 40px;
    }

    .profile-main-drop .profile-content {
        margin-left: 10px;
        text-align: left;
    }

        .profile-main-drop .profile-content .title {
            font-weight: 700;
            font-size: 15px;
            line-height: 100%;
            color: #000000;*/
            /* max-width: 120px; */
            /* word-break: break-word; */
            /* text-overflow: ellipsis; */
            /*white-space: nowrap;*/
            /* overflow: hidden; */
            /*width: 100%;
            margin: 0;
        }

        .profile-main-drop .profile-content .profile-designation p {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            color: #7B7C8A;
            margin: 0;
        }

    .profile-main-drop .profile-icon {
        position: relative;
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 5px;
    }

.logout-icon a i.demo-icon {
    color: var(--primary-color);
}

.logout-icon {
    margin-left: 12px;
}*/


/* --- Profile Css End --- */

/* --- Content Css Start --- */

/*.title-wrpae {
    border-bottom: solid 1px #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
}

.alert-row {
    justify-content: center;
}

.main-title {
    color: var(--bg-light-sky-color);
    font-size: 24px;
    font-weight: 400;
    display: block;
    clear: both;
}

a.export-btn {
    color: #454545;
    font-size: 15px;
    border: 1px solid #dcdcdc;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    padding: 6px 24px;
}

    a.export-btn:hover {
        background: #454545;
        color: #fff;
    }

.main-title h1 {
    font-size: 24px;
    font-weight: 400;
}

.info-box {
    text-align: center;
    background: #fff;
    padding: 18px 15px;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

    .info-box span {
        color: #454545;
        font-size: 14px;
        display: block;
    }

    .info-box h2 {
        color: var(--bg-light-sky-color);
        font-size: 35px;
        font-weight: 400;
    }

table {
    width: 100%;
}

a.reject {
    margin-left: 50px;
}

.table-style tr th {
    background: #f4f6f9;
    border: 1px solid #d8dbde;
    font-size: 14px;
    color: #454545;
    font-weight: 700;
    padding: 6px 20px;
    white-space: nowrap;
}

.table-style tr td i.far.fa-file-pdf {
    font-size: 20px;
}

.table-style tr td {
    border: 1px solid #d8dbde;
    color: #454545;
    padding: 14px 20px;
    white-space: nowrap;
}

    .table-style tr td a {
        color: var(--bg-light-sky-color);
        text-decoration: underline;
    }

        .table-style tr td a:hover {
            text-decoration: none;
        }

a.view-all {
    font-size: 15px;
    color: #454545;
    font-weight: 600;
    border: 1px solid #dcdcdc;
    padding: 5px 21px;
    border-radius: 7px;
    max-width: 105px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-bottom: 20px;
}

    a.view-all:hover {
        background: #454545;
        color: #fff;
    }

a.accordion-box.collapsed:hover {
    color: #000;
}

.accordion-box.collapsed {
    background: #dee6d6 url(../images/arrow-down.png) right 14px top 14px no-repeat;
}

.accordion-box {
    background: #dee6d6 url(../images/arrow-up.png) right 14px top 14px no-repeat;
    display: block;
    color: #545454;
    font-size: 20px;
    font-weight: 300;
}*/

/* --- Content Css End --- */

/* --- Sign In Css Start --- */

/*.ih-sign-in {
    position: relative;
    z-index: 1;
    padding: 15px;
    height: 100vh;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

    .ih-sign-in::after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        content: '';
        width: 100%;
        height: 100%;
        opacity: 0.85;
        background: var(--bg-green);
    }

.ih-sigin-box {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2);
}

.ih-sigin-border {
    padding: 24px 10px;
    border-bottom: 1px solid rgba(4, 60, 75, 0.15);
}

    .ih-sigin-border img {
        width: 220px;
    }

.ih-signin-form {
    padding: 40px;
}

    .ih-signin-form h1 {
        line-height: 1;
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 30px;
        color: var(--text-green);
        text-decoration: underline;
    }

    .ih-signin-form .form-group {
        margin-bottom: 25px;
    }

.ih-email .form-control {
    background: url('../images/icons/mail.svg') right 15px center no-repeat;
    background-size: 20px;
}

.ih-lock .form-control {
    background: url('../images/icons/password.svg') right 16px center no-repeat;
    background-size: 16px;
}

.ih-forgot-link a {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--text-gray-v2);
    text-decoration: underline;
}

    .ih-forgot-link a:first-child {
        color: var(--bg-green);
    }

    .ih-forgot-link a:hover,
    .ih-forgot-link a:focus {
        color: var(--text-light-green);
    }

.ih-password-form h1 {
    line-height: 1.5;
    margin-bottom: 70px;
    text-decoration: none;
}*/

/* --- Sign In Css End --- */

/* --- Custom Checkbox Css Start --- */

/*input[type=checkbox] {
    position: relative;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    line-height: 0;
    margin: 0 6px 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 18px;
    width: 18px;
    -webkit-appearance: none;
    opacity: 1;
    background: #868686;
    z-index: 1;
}

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

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

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

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

label.checkbox-column {
    background: #D4D4D4;
    padding: 0px 10px;
    border-radius: 8px;
    line-height: normal;
    font-weight: normal;
    display: flex;
    align-items: center;
    height: 35px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
}

    label.checkbox-column label {
        margin-right: 4px;
    }

    label.checkbox-column span {
        z-index: 1;
        position: relative;
        width: calc(100% - 30px);
    }

input[type=checkbox] + label.bg {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 0;
    pointer-events: none;
}

input[type=checkbox]:checked + label.bg {
    background: #868686;
}

input[type=checkbox]:checked + label + span {
    color: #FFFFFF;
}

.filter-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin-right: 20px;
    padding-top: 18px;
}

    .filter-buttons label.checkbox-column {
        margin-right: 12px;
    }

    .filter-buttons label:last-child {
        margin-right: 0;
    }

.filter-fields {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-items: flex-end;
}

    .filter-fields .field + .field {
        margin-top: 0;
    }

    .filter-fields .field {
        margin-right: 15px;
    }

        .filter-fields .field:last-child {
            margin-right: 0;
        }*/

/* --- Custom Checkbox Css End --- */

/* -- Extra Css **/

/*.content_wrapper {
    position: relative;
    padding: 0 40px 24px;
    margin-top: 75px;
    background: #F7F7F7;
    border-radius: 25px 0 0 0;
    box-shadow: inset 4px 4px 32px 0 rgba(0, 0, 0, .1);
    height: calc(100vh - 75px);
    overflow: auto;
}

h2 {
    font-size: 35px;
    color: #1E293B;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 30px;
}

h3 {
    font-size: 20px;
    color: #000000;
    line-height: normal;
    font-weight: 700;
}

    h3.page_title {
        margin-top: 20PX;
        margin-bottom: 0;
        text-transform: uppercase;
    }

.white_section {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0;
}

.element_section {
    box-shadow: 0 5px 32px -5px rgba(0, 0, 0, .12);
}

label.form_label {
    font-size: 15px;
    font-weight: 600;
    color: #1E2021;
    line-height: 20px;
    width: 100%;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.form_field {
    width: 100%;
    border-radius: 8px;
    height: 40px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 5px 16px;
    line-height: normal;
    text-transform: capitalize;
    border: solid #D7D7D7 1px;
    min-width: auto;
}

.login-form-section {
    display: flex;
    justify-content: center;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .25);
    border-radius: 10px;
}

textarea.form_field {
    height: 140px;
    padding: 15px;
    margin-bottom: -7px;
}

.field_list {
    height: auto;
    padding: 15px;
}

    .field_list ul {
        list-style: disc;
        padding-left: 20px;
    }

        .field_list ul li + li {
            margin-top: 5px;
        }

.form_field:hover,
.form_field:focus {
    box-shadow: none;
    outline: none;
}

.field + .field {
    margin-top: 20px;
}

    .field + .field.submit_btn {
        margin-top: 24px;
    }

button.form_btn {
    background: #004077;
    border: none;
    color: #FFFFFF;
    height: 45px;
    padding: 0 35px;
    border-radius: 45px;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
}

    button.form_btn:hover,
    button.form_btn:focus {
        background: #0CBBD2;
    }*/

/* --- Close and Menu Icon Css Start --- */

/*#sidebar-wrapper .hdtopbar {
    left: 0px;
}

#mainWrapper.toggled #page-content-wrapper .hdtopbar {
    left: 0px;
    width: auto;
}*/

/* --- Close and Menu Icon Css End --- */

/*nav#main-nav {
    height: 100%;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}

.table-resposive {
    width: 100%;
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08);
}

table.table {
    border-color: #E0E0E0;
    margin-bottom: 0;
}

    table.table th {
        border-bottom: none;
    }

    table.table tr:last-child td {
        border-bottom: transparent;
    }

    table.table tr th:first-child {
        border-radius: 8px 0 0 8px;
    }

    table.table tr th:last-child {
        border-radius: 0 8px 8px 0;
    }

    table.table th {
        font-size: 13px;
        line-height: 24px;
        color: #1E2021;
        font-weight: 600;
        white-space: nowrap;
    }

    table.table td {
        font-size: 13px;
        line-height: normal;
        font-weight: 400;
        padding-left: 16px;
        border-bottom: none;
        color: #000000;
        white-space: normal;
        padding-right: 8px;
        border-right: solid rgba(0, 0, 0, .08) 1px;
        background: #F2F2F2;
        max-width: 290px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.table > tbody tr:first-child {
    border-top: solid #F7F7F7 15px;
}

table.table tr:first-child td:first-child {
    border-radius: 8px 0 0 0;
}

table.table tr:first-child td:last-child {
    border-radius: 0 8px 0 0;
}

table.table tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}

table.table tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}

table.table tr td:last-child {
    border-right: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #FFFFFF;
}

.table-resposive table.table td {
    color: #000000;
}

    .table-resposive table.table td a {
        text-decoration: underline;
    }

        .table-resposive table.table td a:hover,
        .table-resposive table.table td a:focus {
            text-decoration: none;
        }

table.table td a.link {
    color: #161E54;
    text-decoration: underline;
}

table.table td a:hover,
table.table td a:focus {
    text-decoration: none;
}

table.table td.name {
    white-space: nowrap;
}

table.table th + th,
table.table td + td {*/
    /*padding-right: 20px;*/
/*}

table.table th {
    padding-bottom: 20px;
}

table.table th {
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
    background: #868686;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding-left: 16px;
    height: 48px;
    text-transform: capitalize;
    border-right: solid rgba(255, 255, 255, 0.4) 1px;
    padding-right: 16px;
}

.min-width-th {
    min-width: 80px;
}

table.table th:last-child {
    margin-right: 0;
}

table.table td {
    height: 48px;
}

table.table th,
table.table td {
    vertical-align: middle;
}

label.status {
    min-width: auto;
    height: auto;
    padding: 2px 12px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 11px;
    line-height: normal;
    background: #B2B2B2;
    color: #000000;
    line-height: normal;
    justify-content: center;
    width: auto;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
}

    label.status.warning {
        background-color: #ff8800;
        color: #ffffff;
    }

    label.status.success {
        background-color: #00995d;
        color: #ffffff;
    }

    label.status.danger {
        background-color: #ff0000;
        color: #ffffff;
    }

    label.status.dark {
        background-color: #000000;
        color: #ffffff;
    }

span.green_check {
    color: #00BE0A;
    font-size: 25px;
}

.table_btn {
    background: #004077;
    border: none;
    color: #FFFFFF;
    height: 25px;
    padding: 0 12px;
    border-radius: 28px;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    display: flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}

a.table_btn {
    text-decoration: underline;
}

.table_btn:hover,
.table_btn:focus {
    background: #0CBBD2;
    color: #FFFFFF;
}

button.table_btn.primary_color {
    text-decoration: none;
    background: #0CBBD2;
}

    button.table_btn.primary_color:hover,
    button.table_btn.primary_color:focus {
        background: #004077;
    }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    background: transparent;
    z-index: 9999;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    background: transparent;
    height: 100%;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    background: #DDDDDD;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #DDDDDD !important;
    border-radius: 0;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    height: calc(100% - 80px);
    margin-top: 80px;
    width: 4px;
    background: transparent;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.card-column {
    padding: 0;
    margin-top: 30px;
    height: calc(100% - 50px);
    margin-bottom: 50px;
}

    .card-column .content h3 {
        font-size: 18px;
        line-height: normal;
    }

        .card-column .content h3 a {
            color: #000000;
            margin: 0 2px;
        }

            .card-column .content h3 a:first-child {
                margin-left: 0;
            }

            .card-column .content h3 a:hover,
            .card-column .content h3 a:focus {
                color: var(--primary-color);
            }

.content-left {
    width: calc(100% - 55px);
    margin-right: 5px;
}

.card-column p {
    margin-bottom: 0;
    font-size: 14px;
    color: #000000;
    line-height: normal;
}

.right-icon {
    width: 50px;
    height: 50px;
    background: #DCA958;
    border-radius: 12px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.simple-btn {
    background: transparent;
    border: none;
    width: auto;
    padding: 0;
    height: auto;
    font-size: 20px;
    color: #9A9A9A;
}

    button.simple-btn:focus {
        color: #CE0E2D;
    }

.card-images img {
    width: 55px;
    height: 70px;
    object-fit: cover;
}

span.comments-table span {
    display: contents;
}

.table-arrow {
    font-size: 7px;
    margin-left: 10px;
}

span.comments-table span {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 35px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    text-transform: capitalize;
}

span.comments-table {
    position: relative;
    width: 200px;
    display: block;
}

    span.comments-table.show span {
        display: contents;
    }

a.view-btn {
    color: #CE0E2D;
    text-decoration: underline;
}

.show a.view-btn {
    margin-left: 5px;
}

select.table-select {
    width: 110px;
    height: 28px;
    border-radius: 5px;
    border: solid rgba(0, 0, 0, 0.15) 1px;
    padding: 2px 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    outline: none;
}

    select.table-select.warning {
        background: #FFBC5B;
    }

    select.table-select.success {
        background: #8CF34D;
    }

    select.table-select.danger {
        background: #F93434;
        color: #FFFFFF;
    }*/


/** login page **/

/*.login_signup {
    min-height: 100vh;
}

.logo-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

    .logo-section img {
        max-width: 225px;
    }

@media (min-width: 1199px) {

    .login_signup {
        height: 100%;
    }
}

.form_page {
    max-width: 480px;
    width: 100%;
    background: #ffffff;
    padding: 35px 30px;
    border-radius: 24px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.top_title h3.page_title {
    margin-top: 0;
    text-align: left;
}

.top_title h4 {
    text-align: left;
    font-size: 16px;
    line-height: normal;
    color: #072E46;
    font-weight: 500;
}

.login_signup label.form_label {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.5px;
}

.form_section p {
    font-weight: 400;
}

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

.field span {
    position: relative;
    width: 100%;
}

.form_section .field span i,
.icon-view i {
    position: absolute;
    right: 0;
    font-size: 18px;
    width: 44px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    border-radius: 0 5px 5px 0;
    color: rgba(0, 0, 0, .3);
}

.main-password {
    position: relative;
}

.form_section input.form_field {
    background: #EFEFEF;
    width: 100%;
    max-width: 100%;
}

.form_section input.input-password {
    padding-right: 45px;
}

span.checkbox {
    color: #000000;
    font-size: 14px;
}

body.white_bg {
    background: #ffffff;
}

.login_signup .form_section p {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 400;
}

    .login_signup .form_section p a {
        color: #000000;
        text-decoration: none;
    }

        .login_signup .form_section p a:hover,
        .login_signup .form_section p a:focus {
            color: #072E46;
            text-decoration: underline;
        }*/

/** login page end **/

/** checkbox css **/

/*.checkbox {
    display: block;
}

    .checkbox + a.link {
        display: flex;
        width: 100%;
        line-height: 18px;
    }

    .checkbox input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .checkbox label {
        position: relative;
        cursor: pointer;
        font-size: 15px;
        color: #686868;
        font-weight: 500;
        line-height: normal;
    }

        .checkbox label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #ccc;
            padding: 0;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 12px;
            border-radius: 4px;
            width: 20px;
            height: 20px;
            margin-top: -2px;
        }

td .checkbox label:before {
    margin-top: 0;
}

.checkbox input:checked + label:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 0.294118C13.3 -0.0980392 12.7 -0.0980392 12.3 0.294118L4.8 7.64706L1.7 4.60784C1.3 4.21569 0.7 4.21569 0.3 4.60784C-0.1 5 -0.1 5.58824 0.3 5.98039L4.1 9.70588C4.3 9.90196 4.5 10 4.8 10C5.1 10 5.3 9.90196 5.5 9.70588L13.7 1.66667C14.1 1.27451 14.1 0.686274 13.7 0.294118Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
}

table td .checkbox input:checked + label:after {
    top: 0px;
}*/

/** checkbox css end **/

/*button.form_btn {
    background: #004077;
    border: none;
    color: #FFFFFF;
    height: 45px;
    padding: 0 35px;
    border-radius: 45px;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}

    button.form_btn:hover,
    button.form_btn:focus {
        background: var(--primary-color);
    }

.main_btn {
    background: var(--primary-color);
    border: none;
    color: #FFFFFF;
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
}

    .main_btn:hover,
    .main_btn:focus {
        background: #8F0A1F !important;
        border-color: #8F0A1F !important;
    }

    .main_btn.secondary {
        border-color: #000000;
        background: transparent;
        border: solid #000000 1px;
        color: #000000;
    }

        .main_btn.secondary:hover,
        .main_btn.secondary:focus {
            background-color: #CE0E2D;
            border-color: #CE0E2D;
            color: #FFFFFF;
        }

    .main_btn.v2 {
        background: #0CBBD2;
    }

        .main_btn.v2:hover,
        .main_btn.v2:focus {
            background: #CE0E2D;
        }

    .main_btn span {
        margin-left: 10px;
        margin-top: -1px;
    }

    .main_btn:hover,
    .main_btn:focus {
        background: #CE0E2D;
        color: #FFFFFF;
    }*/

/** profile section **/

/*.profile-information-blog {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
}

.top_profile_section {
    padding-bottom: 0;
    margin-bottom: 0;
    float: left;
}

.profile-information-blog h5 {
    color: #0D0D14;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 24px 0;
    display: block;
}

.profile_img_section {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    padding: 0 15px;
}

.profile_edit {
    position: relative;
}

.profile-information-blog img.flex-shrink-0 {
    margin-right: 0;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    object-fit: cover;
}

.profile_edit span.edit_icon {
    background-color: #072E46;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 12px;
    color: #ffffff;
}

.form-control {
    color: #000000;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 8px;
    border-color: #DBDBDC;
}

    .form-control:not(textarea) {
        height: 45px;
    }

label {
    font-weight: 500;
    font-size: 14px;
    line-height: normal;
    white-space: nowrap;
}

.filter-fields label {
    padding-right: 10px;
}

.profile-information-blog .form_section {
    float: right;
    width: 70%;
    margin-top: 20px;
    padding: 0 15px;
}

.profile-information-blog .form_section,
.top_profile_section {
    width: 100%;
}

.login-form-section .form_section {
    margin-top: 20px;
}

    .login-form-section .form_section .main_btn {
        max-width: 100%;
        width: 100%;
    }

button.main_btn.blue-btn {
    background: #5096F7 !important;
    color: #FFFFFF;
}*/

/** profile section end **/

/*.dash-icon {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    color: #ffffff;
    margin-bottom: -35px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    background-color: var(--primary-color);
}

.dash-icon {
    box-shadow: 0 8px 16px 0 rgba(206, 14, 45, 0.25);
}

.card-column .content {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 60px 24px 24px 24px;
    min-height: calc(100% - 35px);
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, .08);
}*/

/** table section **/

/*.table-filter-section {
    background: #FFFFFF;
    border: solid #D7D7D7 1px;
}

.table-filter-section {
    background: #FFFFFF;
    border: solid #D7D7D7 1px;
    border-radius: 12px;
    padding: 16px 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pagination {
    margin-top: 24px;
}

    .pagination li a.page-link {
        background: transparent;
        border: none;
        font-size: 14px;
        font-weight: normal;
        color: #000000;
        width: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        border-radius: 6px;
        padding: 0;
        margin: 0;
    }

        .pagination li a.page-link:hover,
        .pagination li a.page-link:focus {
            box-shadow: none;
            border: none;
            color: var(--primary-color);
        }

        .pagination li a.page-link.active {
            background-color: #868686;
            color: #ffffff;
        }

.page-item:first-child a.page-link,
.page-item:nth-child(2) a.page-link,
.page-item:last-child a.page-link,
.page-item:nth-child(9) a.page-link {
    letter-spacing: -4px;
    font-size: 18px;
}*/

/** end table section **/

/*.no-data {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}

.datepicker.datepicker-dropdown {
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
}

.datepicker td, .datepicker th {
    padding: 5px 8px;
}

.date-picker {
    position: relative;
}

    .date-picker input + i {
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        color: #868686;
        pointer-events: none;
    }

.datepicker table tr td.active.active {
    background: var(--primary-color) !important;
}

.table-s2 tr.k-table-row th:first-child {
    border-radius: 8px 0 0 8px;
}

.table-s2 tr.k-table-row th:last-child {
    border-radius: 0px 8px 8px 0;
}

.table-resposive.table-s2 thead.k-table-thead.k-grid-header {
    position: sticky;
    top: 0;
    z-index: 2;
}


.btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

a.rf-link {
    color: #0000ffed !important;
    text-decoration: underline !important;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .clear {
    background: var(--primary-color);
    border: none;
    color: #FFFFFF;
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .clear {
    min-height: 30px;
    padding: 5px 20px;
    font-size: 14px;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
    background-color: var(--grey-color);
    background-image: none;
    color: #ffffff;
}

.date-picker .form-control {
    font-weight: 500;
}


.table-filter-section .row [class*=col-]:last-child .filter-fields .field {
    width: 100%;
}

.content_wrapper {
    z-index: 1;
}

.sort-form {
    background: #ffffff;
    padding: 24px;
    border: solid #D7D7D7 1px;
    border-radius: 10px;
}

#saveExpediteDataBtn {
    width: auto;
    max-width: fit-content
}

#openPopupButton {
    width: auto;
    max-width: fit-content
}

.col-12 .field + .field {
    margin-top: 0;
}

.table-filter-section .form_field label {
    width: 100%;
}

.table-filter-section .field label {
    width: 100%;
}

button.btn-export {
    white-space: nowrap;
}

button.btn-filters {
    background: transparent;
    border: none;
    color: var(--primary-color);
    font-weight: 500;
    margin-left: 0;
    margin-right: 50px;
    margin-left: 0;
}

.col-12 .field + .field {
    margin-top: 0;
}

.col-12 .field {
    margin-right: 10px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}

.table-filter-section .form_field, .table-filter-section .form-control {
    min-width: 165px;
    height: 40px;
}

    .table-filter-section .form_field label {
        width: 100%;
    }

.table-filter-section .field label {
    width: 100%;
}

.table-filter-section a.main_btn, .col-12 .field button {
    margin-top: 20px;
}

.filter-buttons .main_btn {
    margin-top: 0;
}

.col-12 .field > a + button,
.col-12 .field > button + button {
    margin-left: 12px;
}

.table-filter-section button {
    height: 40px;
    min-height: 40px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 0;
    margin-right: 0;
}

.table-filter-section a.main_btn {
    min-height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
    position: relative;
    left: 0;
}

.filter-buttons label:first-child {
    position: absolute;
    top: 0;
    left: 0;
}

.col-12 div.field:last-child {
    margin-right: 0;
}*/


/* -- Extra Css End **/


/*===================================
  Responsive CSS Start 
====================================*/


/*@media (min-width: 1400px) {
    table.table th {
        font-size: 14px;
        height: 48px;
    }

    .pagination {
        margin-top: 30px;
    }

        .pagination li a.page-link {
            width: 36px;
            height: 36px;
        }

    .table-filter-section .form_field, .table-filter-section .form-control {
        max-width: 165px;
    }
}


@media (min-width: 1640px) {

    .profile-main-drop .profile-content .title {
        font-size: 20px;
    }

    .profile-main-drop .profile-content {
        margin-left: 12px;
    }

    .logout-icon {
        margin-left: 40px;
    }

    .hd-right-icon a.ih-links {
        margin-right: 35px;
    }

    #main-menu {
        padding: 20px;
    }

    .menu-icon {
        width: 40px;
        height: 80px;
        border-radius: 0 8px 8px 0;
        top: 190px;
        font-size: 28px;
    }

    .content_wrapper {
        height: calc(100vh - 75px);
        margin-top: 75px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 45px 0 0 0;
    }

    h3.page_title {
        margin-top: 40px;
    }

    h3 {
        font-size: 24px;
    }

    .card-column .content h3 {
        font-size: 19px;
        line-height: normal;
    }

    .card-column p {
        font-size: 16px;
    }

    #sidebar-wrapper {
        height: calc(100% - 108px);
    }

    .main_btn {
        font-size: 16px;
    }

    .logo-section img {
        max-width: 275px;
    }

    .form_page {
        padding: 55px 50px;
        max-width: 560px;
    }

    .logo-section {
        margin-bottom: 50px;
    }

    .dropdown .ih-notification {
        top: 16px !important;
    }

    table.table td {
        height: 60px;
    }

    label.status {
        font-size: 13px;
    }

    .pagination {
        margin-top: 40px;
    }

        .pagination li a.page-link {
            width: 40px;
            height: 40px;
        }

    .hdtopbar {
        box-shadow: 340px 0 25px 0 rgba(0, 0, 0, .15);
    }

    #mainWrapper.toggled .hdtopbar {
        box-shadow: 120px 0 25px 0 rgba(0, 0, 0, .15);
    }

    #mainWrapper.toggled ul#main-menu li a {
        display: flex;
        justify-content: center;
    }

        #mainWrapper.toggled ul#main-menu li a span {
            width: 35px;
        }
}

@media only screen and (min-width: 414px) {
    #mainWrapper.toggled #page-content-wrapper .hdtopbar {
        width: 100%;
        box-shadow: 340px 0 25px 0 rgba(0, 0, 0, .15);
    }
}

@media only screen and (min-width: 992px) {
    .search_bar_toggle {
        display: none;
    }

    .profile-information-blog .form_section {
        width: 78%;
        margin-top: 0;
    }

    .top_profile_section {
        width: 22%;
    }
}


@media only screen and (min-width: 1800px) {

    table.table th + th,
    table.table td + td {*/
        /*padding-right: 40px;*/
    /*}
}


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

    /* --- Close and Menu Icon Css Start --- */
    /*.bar1,
    .bar2,
    .bar3 {
        opacity: 1;
        margin: 5px 0;
        transform: rotate(0) translate(0);
        -webkit-transform: rotate(0) translate(0);
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-4px, 3px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-7px, -6px);
    }*/

    /* --- Close and Menu Icon Css End --- */

    /*.form_section .field span i,
    .icon-view i {
        font-size: 16px;
    }

    .field_list {
        height: auto;
    }

    textarea.form_field {
        height: 90px;
    }

    .profile-drop .item ul {
        top: 60px;
    }

    .dropdown .ih-notification {
        top: 19px !important;
    }

    .main_btn {
        font-size: 14px;
    }
}

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

    .form_field.small {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {

    .form_field.small {
        max-width: 100%;
    }
}




@media only screen and (min-width: 1640px) {

    .user-left {
        margin-left: 53px;
    }

    .arrow_box {
        margin-top: 3px;
    }*/

    /* --- Menu Css Start --- */

    /*#mainWrapper {
        padding-left: 280px;
    }

        #mainWrapper.toggled {
            padding-left: 85px;
        }

    #sidebar-wrapper {
        width: 280px;
    }

    #mainWrapper.toggled #sidebar-wrapper {
        width: 85px;
    }

    #mainWrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }*/

    /* --- Menu Css End --- */

/*}

@media only screen and (min-width: 576px) and (max-width: 1639px) {

    #mainWrapper,
    #mainWrapper.toggled {
        padding-left: 85px;
    }

    .content_wrapper {
        padding: 0 20px 24px;
        margin-top: 75px;
        box-shadow: inset 4px 4px 25px 0 rgba(0, 0, 0, .08);
        height: calc(100vh - 75px);
        border-radius: 25px 0 0 0;
    }

    #sidebar-wrapper {
        height: calc(100% - 75px);
    }

    .logo img {
        height: 50px;
    }

    .menu-icon {
        left: 85px;
        top: 155px;
    }

    .sm-blue a {
        font-size: 0;
    }

    #main-menu {
        width: 85px;
    }

    i.demo-icon.icon-left-open-big {
        display: none;
    }

    .menu-icon i.demo-icon.icon-right-open-big {
        display: block;
    }

    #menu-toggle.change i.demo-icon.icon-right-open-big {
        display: none;
    }

    #menu-toggle.change i.demo-icon.icon-left-open-big {
        display: block;
    }

    #menu-toggle.change {
        left: 280px;
    }

    #mainWrapper.toggled ul#main-menu li a {
        font-size: 14px;
    }

    #mainWrapper.toggled #main-menu {
        width: 280px;
    }

    .content_wrapper {
        padding-left: 30px;
    }

    .dropdown .ih-notification {
        top: 16px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1639px) {
    #mainWrapper.toggled {
        padding-left: 280px;
    }
}

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

    .hdtopbar {
        padding: 10px 20px;
        box-shadow: 0px 0 25px 0 rgba(0, 0, 0, .15);
    }

    .content_wrapper {
        padding: 12px;
        margin-top: 68px;
        border-radius: 0;
        height: calc(100vh - 68px);
    }

    .menu-icon {
        width: 24px;
        height: 48px;
        font-size: 17px;
        left: 0;
        top: 10px;
    }

    #sidebar-wrapper {
        height: calc(100% - 68px);
        box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    }

    #sidebar-wrapper {
        width: 0;
    }

    i.demo-icon.icon-left-open-big {
        display: none;
    }

    .menu-icon i.demo-icon.icon-right-open-big {
        display: block;
    }

    #menu-toggle.change i.demo-icon.icon-right-open-big {
        display: none;
    }

    #menu-toggle.change i.demo-icon.icon-left-open-big {
        display: block;
    }

    #menu-toggle.change {
        left: 0;
    }

    #mainWrapper.toggled ul#main-menu li a {
        font-size: 14px;
    }

    #mainWrapper.toggled #main-menu {
        width: 280px;
    }

    .logo {
        margin-left: 15px;
    }

    #mainWrapper.toggled {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1366px) {
}

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

    .table-style-white table,
    .role-permission .form-group,
    .user-type,
    .left-search.m-admin.block-search,
    .Ingredients-search .left-search,
    .search-icon.r-approval .left-search,
    .search-icon.r-approval input[type="search"],
    .form-group.title-style,
    .invoice-type,
    .search-icon.full-widht input[type="search"],
    .left-search.full-width,
    .invoice-search select,
    .cs .left-search,
    .calender-view select,
    .ccl .left-search,
    .left-d select {
        width: 100%;
    }

    .logout-icon {
        margin-left: 20px;
    }

    .logo img {
        max-width: 170px;
    }
}

@media only screen and (max-width: 767px) {
    label.status {
        width: auto;
    }

    table.table td {
        height: 45px;
        font-size: 12px;
    }

    table.table th {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 12px;
        height: 48px;
    }

    label {
        font-size: 12px;
    }

    .date-pickers-section + * {
        margin-top: 10px;
    }
}

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

    a.back-arrow i.fas.fa-arrow-left {
        font-size: 20px;
        top: 7px;
    }

    .hd-right-icon small {
        display: none;
    }

    .current-cookdate li.nav-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    li.nav-item {
        width: 100%;
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 575px) {
    .ih-signin-form {
        padding: 20px 15px;
    }

    .ih-sigin-border img {
        width: 150px;
    }

    .form-control,
    .ih-checkbox {
        font-size: 14px;
    }

    .ih-forgot-link a {
        display: block;
    }

    .profile-main-drop .profile-content {
        display: none;
    }

    .profile-information-blog {
        padding: 20px;
    }
}


@media (max-width: 575px) {

    .logo img {
        max-width: 125px;
    }

    .hd-right-icon i.demo-icon {
        font-size: 22px;
    }

    .profile-main-drop .profile-icon {
        margin-left: 0;
    }

    .profile-main-drop .img-block img {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }

    .profile-drop .item ul {
        top: 50px;
        right: -10px;
        width: 170px;
        margin-top: 0;
    }

    .dropdown .ih-notification {
        top: 16px !important;
    }

    .notification-status {
        top: 0px;
        right: 2px;
        width: 12px;
        height: 12px;
    }

    .hd-right-icon a.ih-links {
        margin-right: 15px;
    }

    .logout-icon {
        margin-left: 15px;
    }

    .logo img {
        height: 48px;
    }

    h3.page_title {
        margin-top: 15px;
    }

    .card-column {
        margin-top: 20px;
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }
}


@media (max-width: 1380px) {

    .table-resposive.table-s2 {
        overflow: auto;
    }
}

.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    background: rgba(220,53,69,.1);
    border: solid rgba(220,53,69,.1) 1px;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 13px;
}

@media (min-width: 1200px) {
    .sticky-content-head {
        position: sticky;
        top: 0;
    }

        .sticky-content-head + div > .table-resposive.table-s2 {
            height: calc(100vh - 321px);
            overflow: auto;
        }
}

@media (min-width: 1400px) {
    .sticky-content-head + div > .table-resposive.table-s2 {
        height: calc(100vh - 280px);
    }
}

@media (max-width: 575px) {

    .col-12 .field {
        margin-right: 0;
        width: 100%;
    }
}

.date-pickers-section + .date-pickers-section {
    margin-left: 15px;
}*/

/*===================================
  Responsive CSS End
====================================*/

/*label#expeditesCntDisplay { // green
    background: rgba(25, 195, 165, 0.15);
    color: #000;
    width: 100%;
    padding: 10px 15px;
    border: solid rgba(25, 195, 165, 1) 1px;
    border-radius: 8px;
    font-size: 15px;
}*/
/*//green font*/
/*label#expeditesCntDisplay {
    color: rgba(0, 153, 93, 1);
    width: 100%;
    border-radius: 8px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
}

.modal-title {
    font-weight: 700;
}

.note {
    text-align: justify;
    background: rgba(0, 0, 0, 0.08);
    padding: 12px;
    font-size: 13px;
    border-radius: 10px;
}

.col-form-label {
    word-break: auto-phrase;
    white-space: break-spaces;
}

.toast {
    opacity: 1 !important;
}

@media (min-width: 768px) {

    .modal-header, .modal-body, .modal-footer {
        padding-left: 24px;
        padding-right: 24px;
    }

    .modal-body {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media only screen and (min-width: 1640px) {
    #mainWrapper span.menu_icon i.demo-icon {
        pointer-events: none;
    }

    #mainWrapper.toggled span.menu_icon i.demo-icon {
        pointer-events: auto;
    }
}

@media only screen and (max-width: 1639px) {
    #mainWrapper span.menu_icon i.demo-icon {
        pointer-events: auto;
    }

    #mainWrapper.toggled span.menu_icon i.demo-icon {
        pointer-events: none;
    }
}


@media (max-width:575px) {
    .table-filter-section .d-flex.flex-column.flex-sm-row.width-100 {
        width: 100%;
    }
}


@media only screen and (min-width: 992) {
    .card-column .content {
        min-height: 226px;
    }
}*/

/* ==== Added Font Family ===== */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/* ==== Added Font Family End ===== */


/* ==== Common Variables ===== */
:root {
    --primary-color: #CE0E2D;
    --dark-primary-color: #8F0A1F;
    --dark-color: #33030B;
    --grey-color: #868686;
    --blue-color: #5096F7;
    --light-color: #FFFFFF;
    --light-grey-color: #F7F7F7;
    --font-basic: "Poppins", sans-serif;
}

/* ==== Common Variables End ===== */

/* ==== Common Css Start ===== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    outline: none;
}

html {
    -webkit-text-size-adjust: none;
    /* Prevent font scaling in landscape */
    height: 100%;
}

html,
body {
    overflow-x: hidden;
}

body {
    position: relative;
    background: #FFFFFF;
    height: 100%;
    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
    font-family: var(--font-basic);
}

    body.login-bg {
        background: url(../images/login-bg.jpg);
        background-size: cover;
        background-position: center center;
        background-attachment: fixed;
    }

img {
    border: 0;
}

a {
    text-decoration: none;
}

    a:link,
    a:hover {
        text-decoration: none;
    }

a,
.btn,
button,
:after,
:before {
    transition: all 0.25s;
    -o-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -webkit-transition: all 0.25s;
}

#mainWrapper {
    filter: inherit !important;
}

.pink {
    background: #E85890;
    box-shadow: 0 8px 16px 0 rgba(232, 88, 144, 0.5);
}

.green {
    background: #19C3A5;
    box-shadow: 0 8px 16px 0 rgba(25, 195, 165, 0.5);
}

.blue {
    background: #5096F7;
    box-shadow: 0 8px 16px 0 rgba(80, 150, 247, 0.5);
}

.yellow {
    background: #FB8036;
    box-shadow: 0 8px 16px 0 rgba(251, 128, 54, 0.5);
}

.purple {
    background: #D288E1;
    box-shadow: 0 8px 16px 0 rgba(210, 136, 225, 0.5);
}

.light-blue {
    background: #7FBCE2;
    box-shadow: 0 8px 16px 0 rgba(127, 188, 226, 0.5);
}

.form-control:not(textarea) {
    height: 50px;
}

.form-control:focus {
    outline-color: var(--bg-light-sky-color);
    box-shadow: none !important;
}

.form-control::placeholder {
    opacity: 1;
}

.form-control:-ms-input-placeholder {
    opacity: 1;
}

.form-control::-ms-input-placeholder {
    opacity: 1;
}

.container-fluid {
    max-width: 1920px;
}

/* --- Common Css End --- */

/* --- Menu/Sidebar Css Start --- */

.logo {
    width: 100%;
    max-width: 188px;
}

    .logo img {
        height: 50px;
    }

#mainWrapper.toggled {
    padding-left: 242px;
}

#sidebar-wrapper {
    position: fixed;
    width: 85px;
    left: 242px;
    height: calc(100% - 98px);
    z-index: 9;
    overflow-y: auto;
    overflow-x: hidden;
    margin-left: -242px;
    background-color: #FFFFFF;
}

.hdtopbar,
#sidebar-wrapper {
    -webkit-transition: all 0.25s ease;
    -moz-transition: all 0.25s ease;
    -o-transition: all 0.25s ease;
    transition: all 0.25s ease;
}

#mainWrapper.toggled #sidebar-wrapper {
    width: 280px;
    /* box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); */
}

#mainWrapper.toggled {
    padding-left: 280px;
}

#page-content-wrapper {
    width: 100%;
    position: relative;
}

#mainWrapper.toggled #page-content-wrapper .hdtopbar {
    width: 100%;
}

#mainWrapper {
    transition: ease all 0.25s;
}

.sidebar-nav {
    /*position: absolute;*/
    position: relative;
    top: 0;
    width: 250px;
    margin: 0;
    padding: 0;
    list-style: none;
}

    .sidebar-nav li {
        text-indent: 20px;
        line-height: 40px;
    }

        .sidebar-nav li a {
            display: block;
            text-decoration: none;
        }

            .sidebar-nav li a:hover {
                text-decoration: none;
                color: var(--light-color);
            }

            .sidebar-nav li a:active,
            .sidebar-nav li a:focus {
                text-decoration: none;
            }

    .sidebar-nav > .sidebar-brand {
        height: 65px;
        font-size: 18px;
        line-height: 60px;
    }

        .sidebar-nav > .sidebar-brand a {
            color: #999999;
        }

            .sidebar-nav > .sidebar-brand a:hover {
                color: #fff;
                background: none;
            }

.menu-icon {
    background: var(--primary-color);
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    border-radius: 0 8px 8px 0;
    position: absolute;
    transition: ease 0.25s;
    font-size: 24px;
    padding: 0;
    margin-right: 0;
    color: #FFFFFF;
    left: 280px;
    top: 160px;
    line-height: normal;
}

#menu-toggle.grey {
    background-color: #868686;
}

#menu-toggle.change {
    left: 85px;
}

    #menu-toggle.change i.icon-left-open-big {
        display: none;
    }

    #menu-toggle.change i.icon-right-open-big {
        display: block;
    }

.menu-icon:hover,
.menu-icon:focus {
    color: #FFFFFF;
}

.menu-icon i.icon-cancel {
    display: none;
}

.menu-icon.change i.icon-cancel {
    display: block;
}

.menu-icon.change i.icon-cancel {
    display: block;
}

.menu-icon.change i.icon-humburger {
    display: none;
}

.menu-icon i.demo-icon.icon-right-open-big {
    display: none;
}

#mainWrapper.toggled ul#main-menu li a {
    font-size: 0;
}

#mainWrapper.toggled #main-menu {
    width: 85px;
    padding: 15px;
}

/* --- Menu/Sidebar Css End --- */

/* --- Topbar Css Start --- */

.hdtopbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background: #FFFFFF;
    padding: 12px 20px;
    min-height: 75px;
}

.profile-main-drop .profile-content p {
    color: #000000;
    margin-bottom: 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width: 100%;
    line-height: normal;
    max-width: 120px;
    opacity: 0.5;
    margin-top: 2px;
}

.content-topspace {
    padding-top: 70px;
    padding-bottom: 15px;
}

.logo {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-start;
}

#mainWrapper.toggled .logo::before {
    width: 0;
}

#main-menu {
    width: 280px;
    padding: 15px;
    transition: ease all 0.25s;
}

.menu-profilebox {
    width: 280px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 300;
    text-align: center;
    padding: 20px 0 18px;
}

    .menu-profilebox span {
        display: block;
    }

    .menu-profilebox a {
        color: #c1c1c1;
        font-size: 13px;
    }

.proimg {
    width: 70px;
    height: 70px;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #00d6a3;
    margin-bottom: 10px !important;
}

    .proimg img {
        width: 100%;
        height: 100%;
    }

.pro-link {
    background: #313947;
    color: #8ea6d5;
    padding: 10px 12px;
    border-radius: 50%;
}

.mCSB_scrollTools {
    z-index: 1;
}

/* --- Topbar Css End --- */


/* --- Close Menu Icon Css Start --- */

.bar1,
.bar2,
.bar3 {
    width: 20px;
    height: 2px;
    background-color: var(--bg-green);
    margin: 7px 0;
    transition: 0.4s;
}

.bar1 {
    -webkit-transform: rotate(-45deg) translate(-9px, 6px);
    transform: rotate(-45deg) translate(-9px, 5px);
}

.bar2 {
    opacity: 0;
}

.bar3 {
    margin-top: 5px;
    -webkit-transform: rotate(45deg) translate(-8px, -8px);
    transform: rotate(45deg) translate(-8px, -4px);
}

.change .bar1 {
    -webkit-transform: rotate(-180deg) translate(-9px, 6px);
    margin-top: 16px;
    transform: rotate(-180deg) translate(-8px, 6px);
}

.change .bar3 {
    -webkit-transform: rotate(180deg) translate(-8px, -8px);
    transform: rotate(180deg) translate(-8px, 9px);
    margin-bottom: 0;
}

.change .bar2 {
    -webkit-transform: rotate(-180deg) translate(-8px, 8px);
    transform: rotate(-180deg) translate(-8px, 8px);
    opacity: 1;
}

/* --- Close Menu Icon Css End --- */

/* --- Header Css Start --- */

.icondrop > a {
    display: inline-block;
}

.usericonxs {
    padding-right: 15px;
    border-right: solid 1px #c9c9c9;
    margin-top: 3px;
}

.hd-right-icon {
    height: 100%;
}

    .hd-right-icon a.ih-links {
        color: var(--primary-color);
        margin-right: 20px;
    }

.dropdown.icondrop {
    position: relative;
    justify-content: center;
    align-items: center;
    display: flex;
}

.hd-right-icon .dropdown-toggle::after {
    display: none;
}

.ih-notification-link {
    position: relative;
}

.notification-status {
    position: absolute;
    top: 0;
    right: 3px;
    width: 12px;
    height: 12px;
    font-weight: 400;
    border-radius: 50%;
    text-align: center;
    background-color: var(--primary-color);
    font-size: 0;
    border: solid #fff 2px;
}

.hd-right-icon i.demo-icon {
    font-size: 25px;
}

.hd-right-icon .dropdown-menu {
    padding: 0px !important;
}

.icondrop .user-left {
    margin-right: 0px;
    padding: 0px 0px 3px;
}

.icondrop .dropdown-menu img {
    width: 12px;
    margin-right: 6px;
}

.icondrop .dropdown-menu li {
    border-top: solid 1px #dedede;
}

    .icondrop .dropdown-menu li:first-child {
        border-top: 0px;
    }

    .icondrop .dropdown-menu li a {
        padding: 6px 10px;
    }

        .icondrop .dropdown-menu li a .user-left h2 {
            max-width: inherit;
            white-space: normal;
            text-overflow: inherit;
        }

        .icondrop .dropdown-menu li a:hover .user-left h2,
        .icondrop .dropdown-menu li a:hover .user-left span {
            color: #fff !important;
        }

/* --- Header Css End --- */

/* --- Notification List Css Start --- */

.dropdown .ih-notification {
    border: 0;
    padding-top: 0;
    max-width: 280px;
    border-radius: 0 0 8px 8px;
    overflow: hidden;
    top: 25px !important;
    background: #000000;
}

.ih-notification-desc {
    max-height: 400px;
}

.ih-notification-head h3 {
    padding: 15px;
    font-size: 14px;
    margin-bottom: 0;
    color: #FFFFFF;
    border-bottom: 1px solid rgba(255, 255, 255, 0.15);
}

    .ih-notification-head h3 a {
        float: right;
        font-size: 12px;
        margin-top: 1px;
        color: #FFFFFF;
        text-transform: capitalize;
    }

        .ih-notification-head h3 a:hover,
        .ih-notification-head h3 a:focus {
            color: var(--text-green);
        }

.ih-notification-desc .dropdown-item {
    display: block;
    font-size: 13px;
    line-height: 1.5;
    padding: 6px 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    color: #ffffff;
}

    .ih-notification-desc .dropdown-item:hover,
    .ih-notification-desc .dropdown-item:focus {
        background-color: var(--primary-color);
    }

    .ih-notification-desc .dropdown-item:last-child {
        border-bottom: 0;
    }

    .ih-notification-desc .dropdown-item span {
        display: block;
        color: #a5a5a5;
        font-size: 10px;
        padding-top: 0;
    }

.ih-notification-desc .mCSB_inside > .mCSB_container {
    margin-right: 0;
}

/* --- Notification List Css End --- */

/* --- Profile Css Start --- */

.profile-drop {
    display: flex;
    justify-content: flex-end;
    list-style: none;
    margin-bottom: 0;
    padding-left: 0;
    margin-left: 0;
}

    .profile-drop .item {
        padding: 0;
        position: relative;
    }

.profile-main-drop {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .profile-main-drop i.fas.fa-user {
        width: 40px;
        height: 40px;
        background: #000;
        border-radius: 40px;
        color: #fff;
        justify-content: center;
        align-items: center;
        display: flex;
        font-size: 20px;
    }

    .profile-main-drop .img-block img {
        width: 40px;
        height: 40px;
        object-fit: cover;
        border-radius: 40px;
    }

    .profile-main-drop .profile-content {
        margin-left: 10px;
        text-align: left;
    }

        .profile-main-drop .profile-content .title {
            font-weight: 700;
            font-size: 15px;
            line-height: 100%;
            color: #000000;
            /* max-width: 120px; */
            /* word-break: break-word; */
            /* text-overflow: ellipsis; */
            white-space: nowrap;
            /* overflow: hidden; */
            width: 100%;
            margin: 0;
        }

        .profile-main-drop .profile-content .profile-designation p {
            font-style: normal;
            font-weight: 400;
            font-size: 14px;
            line-height: 100%;
            color: #7B7C8A;
            margin: 0;
        }

    .profile-main-drop .profile-icon {
        position: relative;
        width: 24px;
        height: 24px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 5px;
    }

.logout-icon a i.demo-icon {
    color: var(--primary-color);
}

.logout-icon {
    margin-left: 12px;
}


/* --- Profile Css End --- */

/* --- Content Css Start --- */

.title-wrpae {
    border-bottom: solid 1px #dcdcdc;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 20px;
}

.alert-row {
    justify-content: center;
}

.main-title {
    color: var(--bg-light-sky-color);
    font-size: 24px;
    font-weight: 400;
    display: block;
    clear: both;
}

a.export-btn {
    color: #454545;
    font-size: 15px;
    border: 1px solid #dcdcdc;
    font-weight: 600;
    border-radius: 5px;
    display: inline-block;
    padding: 6px 24px;
}

    a.export-btn:hover {
        background: #454545;
        color: #fff;
    }

.main-title h1 {
    font-size: 24px;
    font-weight: 400;
}

.info-box {
    text-align: center;
    background: #fff;
    padding: 18px 15px;
    border-bottom: 1px solid #bebebe;
    border-right: 1px solid #bebebe;
}

    .info-box span {
        color: #454545;
        font-size: 14px;
        display: block;
    }

    .info-box h2 {
        color: var(--bg-light-sky-color);
        font-size: 35px;
        font-weight: 400;
    }

table {
    width: 100%;
}

a.reject {
    margin-left: 50px;
}

.table-style tr th {
    background: #f4f6f9;
    border: 1px solid #d8dbde;
    font-size: 14px;
    color: #454545;
    font-weight: 700;
    padding: 6px 20px;
    white-space: nowrap;
}

.table-style tr td i.far.fa-file-pdf {
    font-size: 20px;
}

.table-style tr td {
    border: 1px solid #d8dbde;
    color: #454545;
    padding: 14px 20px;
    white-space: nowrap;
}

    .table-style tr td a {
        color: var(--bg-light-sky-color);
        text-decoration: underline;
    }

        .table-style tr td a:hover {
            text-decoration: none;
        }

a.view-all {
    font-size: 15px;
    color: #454545;
    font-weight: 600;
    border: 1px solid #dcdcdc;
    padding: 5px 21px;
    border-radius: 7px;
    max-width: 105px;
    width: 100%;
    display: block;
    margin-left: auto;
    margin-bottom: 20px;
}

    a.view-all:hover {
        background: #454545;
        color: #fff;
    }

a.accordion-box.collapsed:hover {
    color: #000;
}

.accordion-box.collapsed {
    background: #dee6d6 url(../images/arrow-down.png) right 14px top 14px no-repeat;
}

.accordion-box {
    background: #dee6d6 url(../images/arrow-up.png) right 14px top 14px no-repeat;
    display: block;
    color: #545454;
    font-size: 20px;
    font-weight: 300;
}

/* --- Content Css End --- */

/* --- Sign In Css Start --- */

.ih-sign-in {
    position: relative;
    z-index: 1;
    padding: 15px;
    height: 100vh;
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
}

    .ih-sign-in::after {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        content: '';
        width: 100%;
        height: 100%;
        opacity: 0.85;
        background: var(--bg-green);
    }

.ih-sigin-box {
    border-radius: 5px;
    background-color: #fff;
    box-shadow: 0px 30px 60px 0px rgba(0, 0, 0, 0.2);
}

.ih-sigin-border {
    padding: 24px 10px;
    border-bottom: 1px solid rgba(4, 60, 75, 0.15);
}

    .ih-sigin-border img {
        width: 220px;
    }

.ih-signin-form {
    padding: 40px;
}

    .ih-signin-form h1 {
        line-height: 1;
        font-size: 18px;
        font-weight: 900;
        margin-bottom: 30px;
        color: var(--text-green);
        text-decoration: underline;
    }

    .ih-signin-form .form-group {
        margin-bottom: 25px;
    }

.ih-email .form-control {
    background: url('../images/icons/mail.svg') right 15px center no-repeat;
    background-size: 20px;
}

.ih-lock .form-control {
    background: url('../images/icons/password.svg') right 16px center no-repeat;
    background-size: 16px;
}

.ih-forgot-link a {
    font-size: 16px;
    text-transform: capitalize;
    color: var(--text-gray-v2);
    text-decoration: underline;
}

    .ih-forgot-link a:first-child {
        color: var(--bg-green);
    }

    .ih-forgot-link a:hover,
    .ih-forgot-link a:focus {
        color: var(--text-light-green);
    }

.ih-password-form h1 {
    line-height: 1.5;
    margin-bottom: 70px;
    text-decoration: none;
}

/* --- Sign In Css End --- */

/* --- Custom Checkbox Css Start --- */

input[type=checkbox] {
    position: relative;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    line-height: 0;
    margin: 0 6px 0 0;
    outline: 0;
    padding: 0 !important;
    vertical-align: text-top;
    height: 18px;
    width: 18px;
    -webkit-appearance: none;
    opacity: 1;
    background: #868686;
    z-index: 1;
}

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

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

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

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

label.checkbox-column {
    background: #D4D4D4;
    padding: 0px 10px;
    border-radius: 8px;
    line-height: normal;
    font-weight: normal;
    display: flex;
    align-items: center;
    height: 35px;
    white-space: nowrap;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    font-weight: 500;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 4px;
}

    label.checkbox-column label {
        margin-right: 4px;
    }

    label.checkbox-column span {
        z-index: 1;
        position: relative;
        width: calc(100% - 30px);
    }

input[type=checkbox] + label.bg {
    background: transparent;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    z-index: 0;
    pointer-events: none;
}

input[type=checkbox]:checked + label.bg {
    background: #868686;
}

input[type=checkbox]:checked + label + span {
    color: #FFFFFF;
}

.filter-buttons {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin-right: 20px;
    padding-top: 18px;
}

    .filter-buttons label.checkbox-column {
        margin-right: 12px;
    }

    .filter-buttons label:last-child {
        margin-right: 0;
    }

.filter-fields {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-items: flex-end;
}

    .filter-fields .field + .field {
        margin-top: 0;
    }

    .filter-fields .field {
        margin-right: 15px;
    }

        .filter-fields .field:last-child {
            margin-right: 0;
        }

/* --- Custom Checkbox Css End --- */

/* -- Extra Css **/

.content_wrapper {
    position: relative;
    padding: 0 40px 24px;
    margin-top: 75px;
    background: #F7F7F7;
    border-radius: 25px 0 0 0;
    box-shadow: inset 4px 4px 32px 0 rgba(0, 0, 0, .1);
    height: calc(100vh - 75px);
    overflow: auto;
}

h2 {
    font-size: 35px;
    color: #1E293B;
    line-height: normal;
    font-weight: normal;
    margin-bottom: 30px;
}

h3 {
    font-size: 20px;
    color: #000000;
    line-height: normal;
    font-weight: 700;
}

    h3.page_title {
        margin-top: 20PX;
        margin-bottom: 0;
        text-transform: uppercase;
    }

.white_section {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 0;
}

.element_section {
    box-shadow: 0 5px 32px -5px rgba(0, 0, 0, .12);
}

label.form_label {
    font-size: 15px;
    font-weight: 600;
    color: #1E2021;
    line-height: 20px;
    width: 100%;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.form_field {
    width: 100%;
    border-radius: 8px;
    height: 40px;
    font-size: 14px;
    color: #000000;
    font-weight: 400;
    padding: 5px 16px;
    line-height: normal;
    text-transform: capitalize;
    border: solid #D7D7D7 1px;
    min-width: auto;
}

.login-form-section {
    display: flex;
    justify-content: center;
    max-width: 880px;
    margin-left: auto;
    margin-right: auto;
    box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .25);
    border-radius: 10px;
}

textarea.form_field {
    height: 140px;
    padding: 15px;
    /*margin-bottom: -7px;*/
    resize: none;
}

.field_list {
    height: auto;
    padding: 15px;
}

    .field_list ul {
        list-style: disc;
        padding-left: 20px;
    }

        .field_list ul li + li {
            margin-top: 5px;
        }

.form_field:hover,
.form_field:focus {
    box-shadow: none;
    outline: none;
}

.field + .field {
    margin-top: 20px;
}

    .field + .field.submit_btn {
        margin-top: 24px;
    }

button.form_btn {
    background: #004077;
    border: none;
    color: #FFFFFF;
    height: 45px;
    padding: 0 35px;
    border-radius: 45px;
    font-size: 14px;
    line-height: normal;
    font-weight: 600;
}

    button.form_btn:hover,
    button.form_btn:focus {
        background: #0CBBD2;
    }

/* --- Close and Menu Icon Css Start --- */

#sidebar-wrapper .hdtopbar {
    left: 0px;
}

#mainWrapper.toggled #page-content-wrapper .hdtopbar {
    left: 0px;
    width: auto;
}

/* --- Close and Menu Icon Css End --- */

nav#main-nav {
    height: 100%;
    overflow: auto;
    width: 100%;
    overflow-x: hidden;
}

.table-resposive {
    width: 100%;
    overflow-x: auto;
    border-radius: 8px;
    box-shadow: 0 10px 24px 0 rgba(0, 0, 0, 0.08);
}

table.table {
    border-color: #E0E0E0;
    margin-bottom: 0;
}

    table.table th {
        border-bottom: none;
    }

    table.table tr:last-child td {
        border-bottom: transparent;
    }

    table.table tr th:first-child {
        border-radius: 8px 0 0 8px;
    }

    table.table tr th:last-child {
        border-radius: 0 8px 8px 0;
    }

    table.table th {
        font-size: 13px;
        line-height: 24px;
        color: #1E2021;
        font-weight: 600;
        white-space: nowrap;
    }

    table.table td {
        font-size: 13px;
        line-height: normal;
        font-weight: 400;
        padding-left: 16px;
        border-bottom: none;
        color: #000000;
        white-space: normal;
        padding-right: 8px;
        border-right: solid rgba(0, 0, 0, .08) 1px;
        background: #F2F2F2;
        max-width: 290px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

.table > tbody tr:first-child {
    border-top: solid #F7F7F7 15px;
}

table.table tr:first-child td:first-child {
    border-radius: 8px 0 0 0;
}

table.table tr:first-child td:last-child {
    border-radius: 0 8px 0 0;
}

table.table tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}

table.table tr:last-child td:last-child {
    border-radius: 0 0 8px 0;
}

table.table tr td:last-child {
    border-right: 0;
}

.table-striped > tbody > tr:nth-of-type(odd) > * {
    --bs-table-accent-bg: #FFFFFF;
}

.table-resposive table.table td {
    color: #000000;
}

    .table-resposive table.table td a {
        text-decoration: underline;
    }

        .table-resposive table.table td a:hover,
        .table-resposive table.table td a:focus {
            text-decoration: none;
        }

table.table td a.link {
    color: #161E54;
    text-decoration: underline;
}

table.table td a:hover,
table.table td a:focus {
    text-decoration: none;
}

table.table td.name {
    white-space: nowrap;
}

table.table th + th,
table.table td + td {
    /*padding-right: 20px;*/
}

table.table th {
    padding-bottom: 20px;
}

table.table th {
    padding-top: 12px;
    padding-bottom: 12px;
    height: auto;
    background: #868686;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: 600;
    padding-left: 16px;
    height: 48px;
    text-transform: capitalize;
    border-right: solid rgba(255, 255, 255, 0.4) 1px;
    padding-right: 16px;
}

.min-width-th {
    min-width: 80px;
}

table.table th:last-child {
    margin-right: 0;
}

table.table td {
    height: 48px;
}

table.table th,
table.table td {
    vertical-align: middle;
}

label.status {
    min-width: auto;
    height: auto;
    padding: 2px 12px;
    display: flex;
    align-items: center;
    border-radius: 8px;
    font-size: 11px;
    line-height: normal;
    background: #B2B2B2;
    color: #000000;
    line-height: normal;
    justify-content: center;
    width: auto;
    height: 24px;
    margin-left: auto;
    margin-right: auto;
}

    label.status.warning {
        background-color: #ff8800;
        color: #ffffff;
    }

    label.status.success {
        background-color: #00995d;
        color: #ffffff;
    }

    label.status.danger {
        background-color: #ff0000;
        color: #ffffff;
    }

    label.status.dark {
        background-color: #000000;
        color: #ffffff;
    }

span.green_check {
    color: #00BE0A;
    font-size: 25px;
}

.table_btn {
    background: #004077;
    border: none;
    color: #FFFFFF;
    height: 25px;
    padding: 0 12px;
    border-radius: 28px;
    font-size: 13px;
    line-height: normal;
    font-weight: 400;
    display: flex;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
}

a.table_btn {
    text-decoration: underline;
}

.table_btn:hover,
.table_btn:focus {
    background: #0CBBD2;
    color: #FFFFFF;
}

button.table_btn.primary_color {
    text-decoration: none;
    background: #0CBBD2;
}

    button.table_btn.primary_color:hover,
    button.table_btn.primary_color:focus {
        background: #004077;
    }

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    opacity: 1;
    background: transparent;
    z-index: 9999;
}

.mCSB_scrollTools .mCSB_draggerContainer {
    background: transparent;
    height: 100%;
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
    background: #DDDDDD;
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #DDDDDD !important;
    border-radius: 0;
}

.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools {
    height: calc(100% - 80px);
    margin-top: 80px;
    width: 4px;
    background: transparent;
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.card-column {
    padding: 0;
    margin-top: 30px;
    height: calc(100% - 50px);
    margin-bottom: 50px;
}

    .card-column .content h3 {
        font-size: 18px;
        line-height: normal;
    }

        .card-column .content h3 a {
            color: #000000;
            margin: 0 2px;
        }

            .card-column .content h3 a:first-child {
                margin-left: 0;
            }

            .card-column .content h3 a:hover,
            .card-column .content h3 a:focus {
                color: var(--primary-color);
            }

.content-left {
    width: calc(100% - 55px);
    margin-right: 5px;
}

.card-column p {
    margin-bottom: 0;
    font-size: 14px;
    color: #000000;
    line-height: normal;
}

.right-icon {
    width: 50px;
    height: 50px;
    background: #DCA958;
    border-radius: 12px;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
}

button.simple-btn {
    background: transparent;
    border: none;
    width: auto;
    padding: 0;
    height: auto;
    font-size: 20px;
    color: #9A9A9A;
}

    button.simple-btn:focus {
        color: #CE0E2D;
    }

.card-images img {
    width: 55px;
    height: 70px;
    object-fit: cover;
}

span.comments-table span {
    display: contents;
}

.table-arrow {
    font-size: 7px;
    margin-left: 10px;
}

span.comments-table span {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 35px;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    text-transform: capitalize;
}

span.comments-table {
    position: relative;
    width: 200px;
    display: block;
}

    span.comments-table.show span {
        display: contents;
    }

a.view-btn {
    color: #CE0E2D;
    text-decoration: underline;
}

.show a.view-btn {
    margin-left: 5px;
}

select.table-select {
    width: 110px;
    height: 28px;
    border-radius: 5px;
    border: solid rgba(0, 0, 0, 0.15) 1px;
    padding: 2px 5px;
    font-size: 13px;
    font-weight: 600;
    line-height: normal;
    outline: none;
}

    select.table-select.warning {
        background: #FFBC5B;
    }

    select.table-select.success {
        background: #8CF34D;
    }

    select.table-select.danger {
        background: #F93434;
        color: #FFFFFF;
    }


/** login page **/

.login_signup {
    min-height: 100vh;
}

.logo-section {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

    .logo-section img {
        max-width: 225px;
    }

@media (min-width: 1199px) {

    .login_signup {
        height: 100%;
    }
}

.form_page {
    max-width: 480px;
    width: 100%;
    background: #ffffff;
    padding: 35px 30px;
    border-radius: 24px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

.top_title h3.page_title {
    margin-top: 0;
    text-align: left;
}

.top_title h4 {
    text-align: left;
    font-size: 16px;
    line-height: normal;
    color: #072E46;
    font-weight: 500;
}

.login_signup label.form_label {
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.85);
    letter-spacing: 0.5px;
}

.form_section p {
    font-weight: 400;
}

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

.field span {
    position: relative;
    width: 100%;
}

.form_section .field span i,
.icon-view i {
    position: absolute;
    right: 0;
    font-size: 18px;
    width: 44px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 0;
    border-radius: 0 5px 5px 0;
    color: rgba(0, 0, 0, .3);
}

.main-password {
    position: relative;
}

.form_section input.form_field {
    background: #EFEFEF;
    width: 100%;
    max-width: 100%;
}

.form_section input.input-password {
    padding-right: 45px;
}

span.checkbox {
    color: #000000;
    font-size: 14px;
}

body.white_bg {
    background: #ffffff;
}

.login_signup .form_section p {
    font-size: 13px;
    color: #FFFFFF;
    font-weight: 400;
}

    .login_signup .form_section p a {
        color: #000000;
        text-decoration: none;
    }

        .login_signup .form_section p a:hover,
        .login_signup .form_section p a:focus {
            color: #072E46;
            text-decoration: underline;
        }

/** login page end **/

/** checkbox css **/

.checkbox {
    display: block;
}

    .checkbox + a.link {
        display: flex;
        width: 100%;
        line-height: 18px;
    }

    .checkbox input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

    .checkbox label {
        position: relative;
        cursor: pointer;
        font-size: 15px;
        color: #686868;
        font-weight: 500;
        line-height: normal;
    }

        .checkbox label:before {
            content: '';
            -webkit-appearance: none;
            background-color: transparent;
            border: 1px solid #ccc;
            padding: 0;
            display: inline-block;
            position: relative;
            vertical-align: middle;
            cursor: pointer;
            margin-right: 12px;
            border-radius: 4px;
            width: 20px;
            height: 20px;
            margin-top: -2px;
        }

td .checkbox label:before {
    margin-top: 0;
}

.checkbox input:checked + label:before {
    border-color: var(--primary-color);
    background-color: var(--primary-color);
}

.checkbox input:checked + label:after {
    content: '';
    display: block;
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='10' viewBox='0 0 14 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.7 0.294118C13.3 -0.0980392 12.7 -0.0980392 12.3 0.294118L4.8 7.64706L1.7 4.60784C1.3 4.21569 0.7 4.21569 0.3 4.60784C-0.1 5 -0.1 5.58824 0.3 5.98039L4.1 9.70588C4.3 9.90196 4.5 10 4.8 10C5.1 10 5.3 9.90196 5.5 9.70588L13.7 1.66667C14.1 1.27451 14.1 0.686274 13.7 0.294118Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center center;
}

table td .checkbox input:checked + label:after {
    top: 0px;
}

/** checkbox css end **/

button.form_btn {
    background: #004077;
    border: none;
    color: #FFFFFF;
    height: 45px;
    padding: 0 35px;
    border-radius: 45px;
    font-size: 14px;
    line-height: normal;
    font-weight: 500;
}

    button.form_btn:hover,
    button.form_btn:focus {
        background: var(--primary-color);
    }

.main_btn {
    background: var(--primary-color);
    border: none;
    color: #FFFFFF;
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
}

    .main_btn:hover,
    .main_btn:focus {
        background: #8F0A1F !important;
        border-color: #8F0A1F !important;
    }

    .main_btn.secondary {
        border-color: #000000;
        background: transparent;
        border: solid #000000 1px;
        color: #000000;
    }

        .main_btn.secondary:hover,
        .main_btn.secondary:focus {
            background-color: #CE0E2D;
            border-color: #CE0E2D;
            color: #FFFFFF;
        }

    .main_btn.v2 {
        background: #0CBBD2;
    }

        .main_btn.v2:hover,
        .main_btn.v2:focus {
            background: #CE0E2D;
        }

    .main_btn span {
        margin-left: 10px;
        margin-top: -1px;
    }

    .main_btn:hover,
    .main_btn:focus {
        background: #CE0E2D;
        color: #FFFFFF;
    }

/** profile section **/

.profile-information-blog {
    background: #fff;
    padding: 40px;
    border-radius: 10px;
    box-shadow: 0 0 50px -10px rgba(0, 0, 0, 0.08);
    display: flex;
    flex-wrap: wrap;
}

.top_profile_section {
    padding-bottom: 0;
    margin-bottom: 0;
    float: left;
}

.profile-information-blog h5 {
    color: #0D0D14;
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0 0 24px 0;
    display: block;
}

.profile_img_section {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    padding: 0 15px;
}

.profile_edit {
    position: relative;
}

.profile-information-blog img.flex-shrink-0 {
    margin-right: 0;
    width: 150px;
    height: 150px;
    border-radius: 150px;
    object-fit: cover;
}

.profile_edit span.edit_icon {
    background-color: #072E46;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    position: absolute;
    top: 10px;
    right: 8px;
    font-size: 12px;
    color: #ffffff;
}

.form-control {
    color: #000000;
    font-size: 14px !important;
    font-weight: 600;
    border-radius: 8px;
    border-color: #DBDBDC;
    max-width: 100% !important;
}

    .form-control:not(textarea) {
        height: 45px;
    }

label {
    font-weight: 500;
    font-size: 13px;
    line-height: normal;
    white-space: nowrap;
}

.filter-fields label {
    padding-right: 10px;
}

.profile-information-blog .form_section {
    float: right;
    width: 70%;
    margin-top: 20px;
    padding: 0 15px;
}

.profile-information-blog .form_section,
.top_profile_section {
    width: 100%;
}

.login-form-section .form_section {
    margin-top: 20px;
}

    .login-form-section .form_section .main_btn {
        max-width: 100%;
        width: 100%;
    }

button.main_btn.blue-btn {
    background: #5096F7 !important;
    color: #FFFFFF;
}

/** profile section end **/

.dash-icon {
    width: 70px;
    height: 70px;
    border-radius: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 35px;
    color: #ffffff;
    margin-bottom: -35px;
    margin-left: 25px;
    z-index: 1;
    position: relative;
    background-color: var(--primary-color);
}

.dash-icon {
    box-shadow: 0 8px 16px 0 rgba(206, 14, 45, 0.25);
}

.card-column .content {
    background: #FFFFFF;
    border-radius: 16px;
    padding: 60px 24px 24px 24px;
    min-height: calc(100% - 35px);
    box-shadow: 0px 4px 32px 0px rgba(0, 0, 0, .08);
}

/** table section **/

.table-filter-section {
    background: #FFFFFF;
    border: solid #D7D7D7 1px;
}

.table-filter-section {
    background: #FFFFFF;
    border: solid #D7D7D7 1px;
    border-radius: 12px;
    padding: 16px 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    width: 100%;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pagination {
    margin-top: 24px;
}

    .pagination li a.page-link {
        background: transparent;
        border: none;
        font-size: 14px;
        font-weight: normal;
        color: #000000;
        width: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 32px;
        border-radius: 6px;
        padding: 0;
        margin: 0;
    }

        .pagination li a.page-link:hover,
        .pagination li a.page-link:focus {
            box-shadow: none;
            border: none;
            color: var(--primary-color);
        }

        .pagination li a.page-link.active {
            background-color: #868686;
            color: #ffffff;
        }

.page-item:first-child a.page-link,
.page-item:nth-child(2) a.page-link,
.page-item:last-child a.page-link,
.page-item:nth-child(9) a.page-link {
    letter-spacing: -4px;
    font-size: 18px;
}

/** end table section **/

.no-data {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 60px;
}

.datepicker.datepicker-dropdown {
    font-size: 13px;
    padding: 10px;
    border-radius: 5px;
}

.datepicker td, .datepicker th {
    padding: 5px 8px;
}

.date-picker {
    position: relative;
}

    .date-picker input + i {
        position: absolute;
        right: 0;
        top: 0;
        height: 40px;
        width: 40px;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 17px;
        color: #868686;
        pointer-events: none;
    }

.datepicker table tr td.active.active {
    background: var(--primary-color) !important;
}

.table-s2 tr.k-table-row th:first-child {
    border-radius: 8px 0 0 8px;
}

.table-s2 tr.k-table-row th:last-child {
    border-radius: 0px 8px 8px 0;
}

.table-resposive.table-s2 thead.k-table-thead.k-grid-header {
    position: sticky;
    top: 0;
    z-index: 2;
}


.btn-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
}

a.rf-link {
    color: #0000ffed !important;
    text-decoration: underline !important;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .clear {
    background: var(--primary-color);
    border: none;
    color: #FFFFFF;
    min-height: 42px;
    padding: 10px 20px;
    border-radius: 8px;
    font-size: 15px;
    line-height: normal;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Poppins", sans-serif;
    max-width: 210px;
    margin-left: auto;
    margin-right: auto;
}


.datepicker.datepicker-dropdown.dropdown-menu.datepicker-orient-left.datepicker-orient-bottom .clear {
    min-height: 30px;
    padding: 5px 20px;
    font-size: 14px;
}

.datepicker table tr td.today, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today:hover, .datepicker table tr td.today.active, .datepicker table tr td.today.disabled, .datepicker table tr td.today.disabled.active, .datepicker table tr td.today.disabled.disabled, .datepicker table tr td.today.disabled:active, .datepicker table tr td.today.disabled:hover, .datepicker table tr td.today.disabled:hover.active, .datepicker table tr td.today.disabled:hover.disabled, .datepicker table tr td.today.disabled:hover:active, .datepicker table tr td.today.disabled:hover:hover, .datepicker table tr td.today.disabled:hover[disabled], .datepicker table tr td.today.disabled[disabled], .datepicker table tr td.today:active, .datepicker table tr td.today:hover, .datepicker table tr td.today:hover.active, .datepicker table tr td.today:hover.disabled, .datepicker table tr td.today:hover:active, .datepicker table tr td.today:hover:hover, .datepicker table tr td.today:hover[disabled], .datepicker table tr td.today[disabled] {
    background-color: var(--grey-color);
    background-image: none;
    color: #ffffff;
}

.date-picker .form-control {
    font-weight: 500;
}


.table-filter-section .row [class*=col-]:last-child .filter-fields .field {
    width: 100%;
}

.content_wrapper {
    z-index: 1;
}

.sort-form {
    background: #ffffff;
    padding: 24px;
    border: solid #D7D7D7 1px;
    border-radius: 10px;
}

#saveExpediteDataBtn {
    width: auto;
    max-width: fit-content
}

#openPopupButton {
    width: auto;
    max-width: fit-content
}

.col-12 .field + .field {
    margin-top: 0;
}

.table-filter-section .form_field label {
    width: 100%;
}

.table-filter-section .field label {
    width: 100%;
}

button.btn-export {
    white-space: nowrap;
}

button.btn-filters {
    background: transparent;
    border: none;
    color: var(--primary-color);
    font-weight: 500;
    margin-left: 0;
    margin-right: 50px;
    margin-left: 0;
}

.col-12 .field + .field {
    margin-top: 0;
}

.col-12 .field {
    margin-right: 10px;
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
}

.table-filter-section .form_field, .table-filter-section .form-control {
    min-width: 165px;
    height: 40px;
}

    .table-filter-section .form_field label {
        width: 100%;
    }

.table-filter-section .field label {
    width: 100%;
}

.table-filter-section a.main_btn, .col-12 .field button {
    margin-top: 20px;
}

.filter-buttons .main_btn {
    margin-top: 0;
}

.col-12 .field > a + button,
.col-12 .field > button + button {
    margin-left: 12px;
}

.table-filter-section button {
    height: 40px;
    min-height: 40px;
    padding-bottom: 5px;
    padding-top: 5px;
    margin-left: 0;
    margin-right: 0;
}

.table-filter-section a.main_btn {
    min-height: 40px;
    padding-top: 5px;
    padding-bottom: 5px;
    height: 40px;
    position: relative;
    left: 0;
}

.filter-buttons label:first-child {
    position: absolute;
    top: 0;
    left: 0;
}

.col-12 div.field:last-child {
    margin-right: 0;
}


/* -- Extra Css End **/


/*===================================
  Responsive CSS Start 
====================================*/


@media (min-width: 1400px) {
    table.table th {
        font-size: 14px;
        height: 48px;
    }

    .pagination {
        margin-top: 30px;
    }

        .pagination li a.page-link {
            width: 36px;
            height: 36px;
        }

    .table-filter-section .form_field, .table-filter-section .form-control {
        max-width: 165px;
    }
}


@media (min-width: 1640px) {

    .profile-main-drop .profile-content .title {
        font-size: 20px;
    }

    .profile-main-drop .profile-content {
        margin-left: 12px;
    }

    .logout-icon {
        margin-left: 40px;
    }

    .hd-right-icon a.ih-links {
        margin-right: 35px;
    }

    #main-menu {
        padding: 20px;
    }

    .menu-icon {
        width: 40px;
        height: 80px;
        border-radius: 0 8px 8px 0;
        top: 190px;
        font-size: 28px;
    }

    .content_wrapper {
        height: calc(100vh - 75px);
        margin-top: 75px;
        padding-left: 50px;
        padding-right: 50px;
        border-radius: 45px 0 0 0;
    }

    h3.page_title {
        margin-top: 40px;
    }

    h3 {
        font-size: 24px;
    }

    .card-column .content h3 {
        font-size: 20px;
        line-height: normal;
    }

    .card-column p {
        font-size: 16px;
    }

    #sidebar-wrapper {
        height: calc(100% - 108px);
    }

    .main_btn {
        font-size: 16px;
    }

    .logo-section img {
        max-width: 275px;
    }

    .form_page {
        padding: 55px 50px;
        max-width: 560px;
    }

    .logo-section {
        margin-bottom: 50px;
    }

    .dropdown .ih-notification {
        top: 16px !important;
    }

    table.table td {
        height: 60px;
    }

    label.status {
        font-size: 13px;
    }

    .pagination {
        margin-top: 40px;
    }

        .pagination li a.page-link {
            width: 40px;
            height: 40px;
        }

    .hdtopbar {
        box-shadow: 340px 0 25px 0 rgba(0, 0, 0, .15);
    }

    #mainWrapper.toggled .hdtopbar {
        box-shadow: 120px 0 25px 0 rgba(0, 0, 0, .15);
    }

    #mainWrapper.toggled ul#main-menu li a {
        display: flex;
        justify-content: center;
    }

        #mainWrapper.toggled ul#main-menu li a span {
            width: 35px;
        }
}

@media only screen and (min-width: 414px) {
    #mainWrapper.toggled #page-content-wrapper .hdtopbar {
        width: 100%;
        box-shadow: 340px 0 25px 0 rgba(0, 0, 0, .15);
    }
}

@media only screen and (min-width: 992px) {
    .search_bar_toggle {
        display: none;
    }

    .profile-information-blog .form_section {
        width: 78%;
        margin-top: 0;
    }

    .top_profile_section {
        width: 22%;
    }
}


@media only screen and (min-width: 1800px) {

    table.table th + th,
    table.table td + td {
        /*padding-right: 40px;*/
    }
}


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

    /* --- Close and Menu Icon Css Start --- */
    .bar1,
    .bar2,
    .bar3 {
        opacity: 1;
        margin: 5px 0;
        transform: rotate(0) translate(0);
        -webkit-transform: rotate(0) translate(0);
    }

    .change .bar1 {
        -webkit-transform: rotate(-45deg) translate(-9px, 6px);
        transform: rotate(-45deg) translate(-4px, 3px);
    }

    .change .bar2 {
        opacity: 0;
    }

    .change .bar3 {
        -webkit-transform: rotate(45deg) translate(-8px, -8px);
        transform: rotate(45deg) translate(-7px, -6px);
    }

    /* --- Close and Menu Icon Css End --- */

    .form_section .field span i,
    .icon-view i {
        font-size: 16px;
    }

    .field_list {
        height: auto;
    }

    textarea.form_field {
        height: 90px;
    }

    .profile-drop .item ul {
        top: 60px;
    }

    .dropdown .ih-notification {
        top: 19px !important;
    }

    .main_btn {
        font-size: 14px;
    }
}

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

    .form_field.small {
        max-width: 100%;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1399px) {

    .form_field.small {
        max-width: 100%;
    }
}




@media only screen and (min-width: 1640px) {

    .user-left {
        margin-left: 53px;
    }

    .arrow_box {
        margin-top: 3px;
    }

    /* --- Menu Css Start --- */

    #mainWrapper {
        padding-left: 280px;
    }

        #mainWrapper.toggled {
            padding-left: 85px;
        }

    #sidebar-wrapper {
        width: 280px;
    }

    #mainWrapper.toggled #sidebar-wrapper {
        width: 85px;
    }

    #mainWrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
    }

    /* --- Menu Css End --- */

}

@media only screen and (min-width: 576px) and (max-width: 1639px) {

    #mainWrapper,
    #mainWrapper.toggled {
        padding-left: 85px;
    }

    .content_wrapper {
        padding: 0 20px 24px;
        margin-top: 75px;
        box-shadow: inset 4px 4px 25px 0 rgba(0, 0, 0, .08);
        height: calc(100vh - 75px);
        border-radius: 25px 0 0 0;
    }

    #sidebar-wrapper {
        height: calc(100% - 75px);
    }

    .logo img {
        height: 50px;
    }

    .menu-icon {
        left: 85px;
        top: 155px;
    }

    .sm-blue a {
        font-size: 0;
    }

    #main-menu {
        width: 85px;
    }

    i.demo-icon.icon-left-open-big {
        display: none;
    }

    .menu-icon i.demo-icon.icon-right-open-big {
        display: block;
    }

    #menu-toggle.change i.demo-icon.icon-right-open-big {
        display: none;
    }

    #menu-toggle.change i.demo-icon.icon-left-open-big {
        display: block;
    }

    #menu-toggle.change {
        left: 280px;
    }

    #mainWrapper.toggled ul#main-menu li a {
        font-size: 14px;
    }

    #mainWrapper.toggled #main-menu {
        width: 280px;
    }

    .content_wrapper {
        padding-left: 30px;
    }

    .dropdown .ih-notification {
        top: 16px !important;
    }
}

@media only screen and (min-width: 1200px) and (max-width: 1639px) {
    #mainWrapper.toggled {
        padding-left: 280px;
    }
}

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

    .hdtopbar {
        padding: 10px 20px;
        box-shadow: 0px 0 25px 0 rgba(0, 0, 0, .15);
    }

    .content_wrapper {
        padding: 12px;
        margin-top: 68px;
        border-radius: 0;
        height: calc(100vh - 68px);
    }

    .menu-icon {
        width: 24px;
        height: 48px;
        font-size: 17px;
        left: 0;
        top: 10px;
    }

    #sidebar-wrapper {
        height: calc(100% - 68px);
        box-shadow: 0 0 15px rgba(0, 0, 0, .08);
    }

    #sidebar-wrapper {
        width: 0;
    }

    i.demo-icon.icon-left-open-big {
        display: none;
    }

    .menu-icon i.demo-icon.icon-right-open-big {
        display: block;
    }

    #menu-toggle.change i.demo-icon.icon-right-open-big {
        display: none;
    }

    #menu-toggle.change i.demo-icon.icon-left-open-big {
        display: block;
    }

    #menu-toggle.change {
        left: 0;
    }

    #mainWrapper.toggled ul#main-menu li a {
        font-size: 14px;
    }

    #mainWrapper.toggled #main-menu {
        width: 280px;
    }

    .logo {
        margin-left: 15px;
    }

    #mainWrapper.toggled {
        padding-left: 0;
    }
}

@media only screen and (max-width: 1366px) {
}

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

    .table-style-white table,
    .role-permission .form-group,
    .user-type,
    .left-search.m-admin.block-search,
    .Ingredients-search .left-search,
    .search-icon.r-approval .left-search,
    .search-icon.r-approval input[type="search"],
    .form-group.title-style,
    .invoice-type,
    .search-icon.full-widht input[type="search"],
    .left-search.full-width,
    .invoice-search select,
    .cs .left-search,
    .calender-view select,
    .ccl .left-search,
    .left-d select {
        width: 100%;
    }

    .logout-icon {
        margin-left: 20px;
    }

    .logo img {
        max-width: 170px;
    }
}

@media only screen and (max-width: 767px) {
    label.status {
        width: auto;
    }

    table.table td {
        height: 45px;
        font-size: 12px;
    }

    table.table th {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 12px;
        height: 48px;
    }

    label {
        font-size: 12px;
    }

    .date-pickers-section + * {
        margin-top: 10px;
    }
}

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

    a.back-arrow i.fas.fa-arrow-left {
        font-size: 20px;
        top: 7px;
    }

    .hd-right-icon small {
        display: none;
    }

    .current-cookdate li.nav-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }

    li.nav-item {
        width: 100%;
        margin-bottom: 10px !important;
    }
}

@media only screen and (max-width: 599px) {
}

@media only screen and (max-width: 575px) {
    .ih-signin-form {
        padding: 20px 15px;
    }

    .ih-sigin-border img {
        width: 150px;
    }

    .form-control,
    .ih-checkbox {
        font-size: 14px;
    }

    .ih-forgot-link a {
        display: block;
    }

    .profile-main-drop .profile-content {
        display: none;
    }

    .profile-information-blog {
        padding: 20px;
    }
}


@media (max-width: 575px) {

    .logo img {
        max-width: 125px;
    }

    .hd-right-icon i.demo-icon {
        font-size: 22px;
    }

    .profile-main-drop .profile-icon {
        margin-left: 0;
    }

    .profile-main-drop .img-block img {
        width: 40px;
        height: 40px;
        border-radius: 40px;
    }

    .profile-drop .item ul {
        top: 50px;
        right: -10px;
        width: 170px;
        margin-top: 0;
    }

    .dropdown .ih-notification {
        top: 16px !important;
    }

    .notification-status {
        top: 0px;
        right: 2px;
        width: 12px;
        height: 12px;
    }

    .hd-right-icon a.ih-links {
        margin-right: 15px;
    }

    .logout-icon {
        margin-left: 15px;
    }

    .logo img {
        height: 48px;
    }

    h3.page_title {
        margin-top: 15px;
    }

    .card-column {
        margin-top: 20px;
        height: calc(100% - 30px);
        margin-bottom: 30px;
    }
}


@media (max-width: 1380px) {

    .table-resposive.table-s2 {
        overflow: auto;
    }
}

.validation-summary-errors ul {
    list-style: none;
    padding: 0;
    background: rgba(220,53,69,.1);
    border: solid rgba(220,53,69,.1) 1px;
    border-radius: 8px;
    padding: 7px 10px;
    font-size: 13px;
}

@media (min-width: 1200px) {
    .sticky-content-head {
        position: sticky;
        top: 0;
    }

        .sticky-content-head + div > .table-resposive.table-s2 {
            height: calc(100vh - 321px);
            overflow: auto;
        }
}

@media (min-width: 1400px) {
    .sticky-content-head + div > .table-resposive.table-s2 {
        height: calc(100vh - 280px);
    }
}

@media (max-width: 575px) {

    .col-12 .field {
        margin-right: 0;
        width: 100%;
    }
}

.date-pickers-section + .date-pickers-section {
    margin-left: 15px;
}

/*===================================
  Responsive CSS End
====================================*/

/*label#expeditesCntDisplay { // green
    background: rgba(25, 195, 165, 0.15);
    color: #000;
    width: 100%;
    padding: 10px 15px;
    border: solid rgba(25, 195, 165, 1) 1px;
    border-radius: 8px;
    font-size: 15px;
}*/
/*//green font*/
label#expeditesCntDisplay {
    color: rgba(0, 153, 93, 1);
    width: 100%;
    border-radius: 8px;
    font-size: 17px;
    text-align: center;
    font-weight: 600;
}

.modal-title {
    font-weight: 700;
}

.note {
    text-align: justify;
    background: rgba(0, 0, 0, 0.08);
    padding: 12px;
    font-size: 13px;
    border-radius: 10px;
}

.col-form-label {
    word-break: auto-phrase;
    white-space: break-spaces;
}

@media (min-width: 768px) {

    .modal-header, .modal-body, .modal-footer {
        padding-left: 24px;
        padding-right: 24px;
    }

    .modal-body {
        padding-top: 24px;
        padding-bottom: 24px;
    }
}

@media only screen and (min-width: 1640px) {
    #mainWrapper span.menu_icon i.demo-icon {
        pointer-events: none;
    }

    #mainWrapper.toggled span.menu_icon i.demo-icon {
        pointer-events: auto;
    }
}

@media only screen and (max-width: 1639px) {
    #mainWrapper span.menu_icon i.demo-icon {
        pointer-events: auto;
    }

    #mainWrapper.toggled span.menu_icon i.demo-icon {
        pointer-events: none;
    }
}


@media (max-width:575px) {
    .table-filter-section .d-flex.flex-column.flex-sm-row.width-100 {
        width: 100%;
    }
}

/*EYE ICON CSS*/
.view-workorder-btn {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    color: black !important;
}

    .view-workorder-btn:focus,
    .view-workorder-btn:active {
        background-color: transparent !important;
        border: none !important;
        box-shadow: none !important;
        outline: none !important;
        color: black !important; 
    }

.field-validation-error span{
    padding-top: 5px;
    display: inline-block;
}


.required::after {
    content: "*";
    color: #CE0E2D;
}

.form-btn .btn {
    padding: 12px 23px;
    font-size: 14px;
    border-radius: 8px;
    font-weight: 500;
    cursor: pointer !important;
}

.form-btn .btn-clear {
    border: 1px solid #CE0E2D;
    color: #CE0E2D;
    background-color: transparent;
}

.btn-clear:hover {
    background-color: #CE0E2D !important;
    color: #fff !important;
}

.request-quote-inner {
    border: 1px solid #D7D7D7;
    background-color: #fff;
    padding: 25px;
    border-radius: 6px;
    margin-top: 22px;
}

.form-title {
    border-bottom: 1px solid #D7D7D7;
    padding-bottom: 5px;
}

    .form-title h3 {
        font-size: 14px;
        font-weight: 700;
        text-transform: uppercase;
    }

    .form-title .delete-icon {
        width: 44px;
        height: 44px;
        background-color: #CE0E2D;
        border-radius: 8px;
        text-align: center;
        line-height: 40px;
        cursor: pointer;
    }

.request-quote-box .form-title h3 span {
    color: #FF0000;
    font-style: italic;
    font-weight: 400;
    padding-left: 5px;
}

.form-switch .form-check-input {
    background-repeat: no-repeat;
    background-image: url(../images/checkbox-round.svg);
    margin: 0px;
    background-size: 26px 20px;
    cursor: pointer !important;
    width: 73px;
    height: 27px;
    border: unset;
    background-color: #d7d7d7;
}

.form-switch input[type=checkbox]:checked {
    background-color: #CE0E2D;
}

.form-switch .form-check-input::before {
    display: none;
}

.form-switch .form-check-input[type="checkbox"].form-check-input:focus {
    background-repeat: no-repeat;
    background-image: url(../images/checkbox-round.svg);
    box-shadow: unset;
}

.add-quote-btn .main_btn {
    max-width: 100%;
}

.quote-modal .request-quote-inner {
    border: 0px;
    padding: 0;
}

textarea.form_field.heightauto {
    height: auto;
    padding: 15px;
    margin-bottom: -7px;
    resize: none;
}

.btn-danger {
    font-size: 15px;
}

/* Responsive css */
@media only screen and (max-width: 767px) {
    .request-quote-inner {
        padding: 15px;
    }
}

@media only screen and (max-width: 575px) {
    .modal-content {
        padding: 15px;
    }
}
/*#quoteRequestModal .modal-dialog.modal-xl {
    max-width: 90vw;*/ /* Sets the modal width to 90% of the viewport width */
/*}*/
#quoteRequestModal .modal-dialog.modal-xl {
    max-width: 90vw; /* Increase width to 90% of viewport width */
    max-height: 90vh; /* Set maximum height to 90% of viewport height */
}

#quoteRequestModal .modal-content {
    height: 90vh; /* Ensure the modal content takes up the specified height */
    overflow-y: auto; /* Allow scrolling if content exceeds height */
}
.delete-quote-detail {
    background-color: #dc3545;
}

/*
input[type="date"] {
    color: #6c757d; 
    font-weight: 600;
}
*/
input[type="date"] {
    color: #6c757d; 
    font-weight: 600;
}

    input[type="date"]:valid {
        color: #000000; 
    }

    input[type="date"]:focus {
        color: #000000; 
    }
select.form-select:has(option[value=""]:checked) {
    color: #6c757d !important;
    font-weight: 600 !important;
}
input[type="number"].numeric-positive-only,
input[type="number"][step="0.01"] {
    color: #6c757d; 
    font-weight: 600;
}

    input[type="number"].numeric-positive-only:not([value="0"]),
    input[type="number"][step="0.01"]:not([value="0"]) {
        color: #000000;
    }

/*input[type="number"].numeric-field {
    color: #6c757d; 
    font-weight: 600;
}

    input[type="number"].numeric-field:not([value="0"]) {
        color: #000000;*/ /* Black color for non-zero values */
    /*}*/

    /* Optional: Black color when focused */
    /*input[type="number"].numeric-field:focus {
        color: #000000;
    }*/
/*
input[type="number"].numeric-field {
    color: #6c757d; 
    font-weight: 600;
}

    input[type="number"].numeric-field:focus {
        color: #000000;
    }*/
input[type="number"].numeric-positive-only {
    font-weight: 600;
    /* Remove color from CSS, let JS handle it */
}