@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Bold.eot');
    src: url('../fonts/Gordita-Bold.eot?#iefix') format('embedded-opentype'), url('../fonts/Gordita-Bold.woff2') format('woff2'), url('../fonts/Gordita-Bold.woff') format('woff'), url('../fonts/Gordita-Bold.ttf') format('truetype'), url('../fonts/Gordita-Bold.svg#Gordita-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Black.eot');
    src: url('../fonts/Gordita-Black.eot?#iefix') format('embedded-opentype'), url('../fonts/Gordita-Black.woff2') format('woff2'), url('../fonts/Gordita-Black.woff') format('woff'), url('../fonts/Gordita-Black.ttf') format('truetype'), url('../fonts/Gordita-Black.svg#Gordita-Black') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Light.eot');
    src: url('../fonts/Gordita-Light.eot?#iefix') format('embedded-opentype'), url('../fonts/Gordita-Light.woff2') format('woff2'), url('../fonts/Gordita-Light.woff') format('woff'), url('../fonts/Gordita-Light.ttf') format('truetype'), url('../fonts/Gordita-Light.svg#Gordita-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Medium.eot');
    src: url('../fonts/Gordita-Medium.eot?#iefix') format('embedded-opentype'), url('../fonts/Gordita-Medium.woff2') format('woff2'), url('../fonts/Gordita-Medium.woff') format('woff'), url('../fonts/Gordita-Medium.ttf') format('truetype'), url('../fonts/Gordita-Medium.svg#Gordita-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordita';
    src: url('../fonts/Gordita-Regular.eot');
    src: url('../fonts/Gordita-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Gordita-Regular.woff2') format('woff2'), url('../fonts/Gordita-Regular.woff') format('woff'), url('../fonts/Gordita-Regular.ttf') format('truetype'), url('../fonts/Gordita-Regular.svg#Gordita-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body, html {
    margin: 0;
}

body {
    font-size: 16px;
    overflow-x: hidden;
    font-family: 'Gordita';
    background-color: white;
}

:root {
    --dark-gray: #313946;
    --primary-color: #6c757d;
    --secondary-color: #4472C4;
    /* --black: #000000;*/
    --color-gray: #555555;
}





/*CSS for Kendo Pager*/
/*START*/

/*CSS For Plan Seelction*/








/* Custom background styles for toasts */
.swal2-toast-success {
    background-color: #28a745 !important;
    color: white !important;
    font-family: 'Segoe UI' !important;
}

.swal2-toast-warning {
    background-color: #dc3545 !important;
    color: white !important;
    font-family: 'Segoe UI' !important;
}

.swalAlert-confirm {
    background-color: #28a745 !important;
    color: white !important;
    font-family: 'Segoe UI' !important;
}

.swalAlert-cancel {
    background-color: #dc3545 !important;
    color: white !important;
    font-family: 'Segoe UI' !important;
}

.swalAlert-title {
    font-family: 'Segoe UI' !important;
    font-size: 1.5rem;
    font-weight: bold;
    text-align: center;
}

.custom-top-toast {
    top: 90px !important;
}

.swal2-toast {
    max-width: 900px !important; /* Set a reasonable maximum width */
    width: auto !important; /* Allow it to adjust based on content */
    white-space: normal !important; /* Allow text to wrap naturally */
    word-break: break-word;
}

.k-backdrop-blur-lg {
    filter: blur(5px); /* Adjust the blur intensity as needed */
    transition: filter 0.3s ease; /* Smooth transition for the blur effect */
}

.carouselParentClass {
    display: flex;
    justify-content: center;
    vertical-align: middle;
}

.carouselTextSpan {
    position: absolute;
    top: 50%;
}


.planLoader {
    position: absolute;
    top: 50%;
    width: 30px;
    height: 30px;
}

    .planLoader::before,
    .planLoader::after {
        content: "";
        position: absolute;
        top: 0;
        left: -45px;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        animation: rotate 1000ms infinite cubic-bezier(0.77, 0, 0.175, 1);
    }

    .planLoader::before {
        background-color: var(--primary-color);
    }

    .planLoader::after {
        background-color: var(--secondary-color);
        animation-delay: 500ms;
    }

@keyframes rotate {
    0%, 100% {
        transform: translate(50px, 0);
    }

    25% {
        transform: scale(0.3);
    }

    50% {
        transform: translate(0, 0);
    }

    75% {
        transform: scale(1);
    }
}

/*END*/

/*Kendo Icons*/
/*body {
    
    background-image: url('../images/calvary_resized_faded.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
}*/
.personIconHeader {
    background-size: contain !important;
    background-repeat: no-repeat !important;
    height: 28px !important;
    width: 24px !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMTIgMGMtNi42MjcgMC0xMiA1LjM3My0xMiAxMnM1LjM3MyAxMiAxMiAxMiAxMi01LjM3MyAxMi0xMi01LjM3My0xMi0xMi0xMnptNy43NTMgMTguMzA1Yy0uMjYxLS41ODYtLjc4OS0uOTkxLTEuODcxLTEuMjQxLTIuMjkzLS41MjktNC40MjgtLjk5My0zLjM5My0yLjk0NSAzLjE0NS01Ljk0Mi44MzMtOS4xMTktMi40ODktOS4xMTktMy4zODggMC01LjY0NCAzLjI5OS0yLjQ4OSA5LjExOSAxLjA2NiAxLjk2NC0xLjE0OCAyLjQyNy0zLjM5MyAyLjk0NS0xLjA4NC4yNS0xLjYwOC42NTgtMS44NjcgMS4yNDYtMS40MDUtMS43MjMtMi4yNTEtMy45MTktMi4yNTEtNi4zMSAwLTUuNTE0IDQuNDg2LTEwIDEwLTEwczEwIDQuNDg2IDEwIDEwYzAgMi4zODktLjg0NSA0LjU4My0yLjI0NyA2LjMwNXoiIGZpbGw9IiNGRkZGRkYiLz48L3N2Zz4=") !important;
}

.mainTableDiv .k-icon {
    top: 15% !important;
    position: relative !important;
}


.headerName {
    position: absolute;
    align-self: center;
    color: bisque;
    font-size: large;
    justify-self: end;
}

.heading02 {
    display: grid !important;
}

.k-pager-nav .k-i-arrow-60-right, .k-pager-nav .k-i-arrow-60-left, .k-pager-nav .k-i-arrow-end-left, .k-pager-nav .k-i-arrow-end-right {
    background-size: contain !important;
    background-repeat: !important;
    height: 28px !important;
    width: 24px !important;
}

.k-pager-nav .k-i-arrow-60-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPkFydGJvYXJkLTY1PC90aXRsZT48ZyBpZD0iUmlnaHQiPjxwYXRoIGQ9Ik0xNC43MDcsMTIuNzA3bC00LDRhMSwxLDAsMCwxLTEuNDE0LTEuNDE0TDEyLjU4NiwxMiw5LjI5Myw4LjcwN2ExLDEsMCwxLDEsMS40MTQtMS40MTRsNCw0QTEsMSwwLDAsMSwxNC43MDcsMTIuNzA3WiIgc3R5bGU9ImZpbGw6IzFjMWIxZSIvPjwvZz48L3N2Zz4=") !important;
}

.k-pager-nav .k-i-arrow-60-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPkFydGJvYXJkLTY2PC90aXRsZT48ZyBpZD0iTGVmdCI+PHBhdGggZD0iTTE0LDE3YTEsMSwwLDAsMS0uNzA3LS4yOTNsLTQtNGExLDEsMCwwLDEsMC0xLjQxNGw0LTRhMSwxLDAsMSwxLDEuNDE0LDEuNDE0TDExLjQxNCwxMmwzLjI5MywzLjI5M0ExLDEsMCwwLDEsMTQsMTdaIiBzdHlsZT0iZmlsbDojMWMxYjFlIi8+PC9nPjwvc3ZnPg==") !important;
}

.k-pager-nav .k-i-arrow-end-left {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPkFydGJvYXJkLTU4PC90aXRsZT48ZyBpZD0iRG91YmxlX2xlZnQiIGRhdGEtbmFtZT0iRG91YmxlIGxlZnQiPjxwYXRoIGQ9Ik0xMiwxN2ExLDEsMCwwLDEtLjcwNy0uMjkzbC00LTRhMSwxLDAsMCwxLDAtMS40MTRsNC00YTEsMSwwLDEsMSwxLjQxNCwxLjQxNEw5LjQxNCwxMmwzLjI5MywzLjI5M0ExLDEsMCwwLDEsMTIsMTdaIiBzdHlsZT0iZmlsbDojMWMxYjFlIi8+PHBhdGggZD0iTTE2LDE3YTEsMSwwLDAsMS0uNzA3LS4yOTNsLTQtNGExLDEsMCwwLDEsMC0xLjQxNGw0LTRhMSwxLDAsMSwxLDEuNDE0LDEuNDE0TDEzLjQxNCwxMmwzLjI5MywzLjI5M0ExLDEsMCwwLDEsMTYsMTdaIiBzdHlsZT0iZmlsbDojMWMxYjFlIi8+PC9nPjwvc3ZnPg==") !important;
}

.k-pager-nav .k-i-arrow-end-right {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PHRpdGxlPkFydGJvYXJkLTU3PC90aXRsZT48ZyBpZD0iRG91YmxlX0Fycm93IiBkYXRhLW5hbWU9IkRvdWJsZSBBcnJvdyI+PHBhdGggZD0iTTEyLDE3YTEsMSwwLDAsMS0uNzA3LTEuNzA3TDE0LjU4NiwxMiwxMS4yOTMsOC43MDdhMSwxLDAsMSwxLDEuNDE0LTEuNDE0bDQsNGExLDEsMCwwLDEsMCwxLjQxNGwtNCw0QTEsMSwwLDAsMSwxMiwxN1oiIHN0eWxlPSJmaWxsOiMxYzFiMWUiLz48cGF0aCBkPSJNOCwxN2ExLDEsMCwwLDEtLjcwNy0xLjcwN0wxMC41ODYsMTIsNy4yOTMsOC43MDdBMSwxLDAsMSwxLDguNzA3LDcuMjkzbDQsNGExLDEsMCwwLDEsMCwxLjQxNGwtNCw0QTEsMSwwLDAsMSw4LDE3WiIgc3R5bGU9ImZpbGw6IzFjMWIxZSIvPjwvZz48L3N2Zz4=") !important;
}

.k-i-sort-asc-sm, .k-i-sort-desc-sm {
    margin-left: 10px;
}

.k-i-sort-asc-sm {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYuODQzIDEwLjIxMWMuMTA4LS4xNDEuMTU3LS4zLjE1Ny0uNDU2IDAtLjM4OS0uMzA2LS43NTUtLjc0OS0uNzU1aC04LjUwMWMtLjQ0NSAwLS43NS4zNjctLjc1Ljc1NSAwIC4xNTcuMDUuMzE2LjE1OS40NTcgMS4yMDMgMS41NTQgMy4yNTIgNC4xOTkgNC4yNTggNS40OTguMTQyLjE4NC4zNi4yOS41OTIuMjkuMjMgMCAuNDQ5LS4xMDcuNTkxLS4yOTEgMS4wMDItMS4yOTkgMy4wNDQtMy45NDUgNC4yNDMtNS40OTh6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+") !important;
}

.k-i-sort-desc-sm {
    background-image: url("data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAyNCAyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMTYuODQzIDEzLjc4OWMuMTA4LjE0MS4xNTcuMy4xNTcuNDU2IDAgLjM4OS0uMzA2Ljc1NS0uNzQ5Ljc1NWgtOC41MDFjLS40NDUgMC0uNzUtLjM2Ny0uNzUtLjc1NSAwLS4xNTcuMDUtLjMxNi4xNTktLjQ1NyAxLjIwMy0xLjU1NCAzLjI1Mi00LjE5OSA0LjI1OC01LjQ5OC4xNDItLjE4NC4zNi0uMjkuNTkyLS4yOS4yMyAwIC40NDkuMTA3LjU5MS4yOTEgMS4wMDIgMS4yOTkgMy4wNDQgMy45NDUgNC4yNDMgNS40OTh6IiBmaWxsPSIjRkZGRkZGIi8+PC9zdmc+") !important;
}

.k-i-filter {
    vertical-align: -webkit-baseline-middle !important;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDI0Ij4NCiAgPHBhdGggZD0iTTEgMGgyMmwtOSAxNS4wOTR2OC45MDZsLTQtM3YtNS45MDZ6IiBmaWxsPSIjRkZGRkZGIi8+DQo8L3N2Zz4NCg==") !important;
}

.k-i-filter {
    padding-right: 3px !important;
    margin-top: 8px !important;
}

.k-header > .k-grid-filter {
    padding: unset !important;
}

.k-i-arrow-60-down {
    background-image: url("data:image/svg+xml;base64,DQo8c3ZnIGNsaXAtcnVsZT0iZXZlbm9kZCIgZmlsbC1ydWxlPSJldmVub2RkIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2UtbWl0ZXJsaW1pdD0iMiIgdmlld0JveD0iMCAwIDI0IDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciICB3aWR0aD0iMjAiIGhlaWdodD0iMjAiPjxwYXRoIGQ9Im0xNi44NDMgMTAuMjExYy4xMDgtLjE0MS4xNTctLjMuMTU3LS40NTYgMC0uMzg5LS4zMDYtLjc1NS0uNzQ5LS43NTVoLTguNTAxYy0uNDQ1IDAtLjc1LjM2Ny0uNzUuNzU1IDAgLjE1Ny4wNS4zMTYuMTU5LjQ1NyAxLjIwMyAxLjU1NCAzLjI1MiA0LjE5OSA0LjI1OCA1LjQ5OC4xNDIuMTg0LjM2LjI5LjU5Mi4yOS4yMyAwIC40NDktLjEwNy41OTEtLjI5MSAxLjAwMi0xLjI5OSAzLjA0NC0zLjk0NSA0LjI0My01LjQ5OHoiIGZpbGw9IiNFRjdGMUIiLz48L3N2Zz4=") !important;
}

.k-i-arrow-60-up {
    background-image: url("data:image/svg+xml;base64,DQoNCjxzdmcgY2xpcC1ydWxlPSJldmVub2RkIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIHN0cm9rZS1taXRlcmxpbWl0PSIyIiB2aWV3Qm94PSIwIDAgMjQgMjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PHBhdGggZD0ibTE2Ljg0MyAxMy43ODljLjEwOC4xNDEuMTU3LjMuMTU3LjQ1NiAwIC4zODktLjMwNi43NTUtLjc0OS43NTVoLTguNTAxYy0uNDQ1IDAtLjc1LS4zNjctLjc1LS43NTUgMC0uMTU3LjA1LS4zMTYuMTU5LS40NTcgMS4yMDMtMS41NTQgMy4yNTItNC4xOTkgNC4yNTgtNS40OTguMTQyLS4xODQuMzYtLjI5LjU5Mi0uMjkuMjMgMCAuNDQ5LjEwNy41OTEuMjkxIDEuMDAyIDEuMjk5IDMuMDQ0IDMuOTQ1IDQuMjQzIDUuNDk4eiIgZmlsbD0iI0VGN0YxQiIvPjwvc3ZnPg==") !important;
}

.k-dropdown-wrap .k-i-arrow-60-down {
    position: relative !important;
}

.k-dropdown-wrap .k-select {
    line-height: unset !important;
}

.k-numeric-wrap .k-i-arrow-60-down, .k-numeric-wrap .k-i-arrow-60-up {
    background-position: center;
}

.k-numeric-wrap .k-i-arrow-60-down {
    position: relative !important;
    top: -15% !important;
}

.k-numeric-wrap .k-i-arrow-60-up {
    position: relative !important;
    top: 10% !important;
}

.k-numerictextbox .k-icon {
    height: inherit !important;
}

.k-numerictextbox .k-link-increase, .k-numerictextbox .k-link-decrease {
    display: grid !important;
    justify-content: center !important;
}

.k-numerictextbox .k-state-selected {
    background-color: #FDEDDE !important;
}

.k-numerictextbox .k-select .k-state-focused {
    box-shadow: #FDEDDE !important;
}

.k-i-warning {
    background: url('../images/warning-gif.gif') !important;
    background-size: contain !important; /* Ensure the icon scales properly */
    text-indent: -9999px !important;
}

.k-tooltip-validation .k-i-warning {
    margin: 0 5px 0 5px !important;
}

/*.k-grid-filter.k-state-active {
    background-color: var(--secondary-color) !important;
   
}

    .k-grid-filter.k-state-active > .k-i-filter {
        background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBkPSJNMSAwaDIybC05IDE1LjA5NHY4LjkwNmwtNC0zdi01LjkwNnoiIGZpbGw9IiNFRjdGMUIiLz48L3N2Zz4=") !important;
    }*/
/*END*/
.calendar-icon-custom {
    position: relative;
    left: -10%;
    color: var(--primary-color);
}

.mainTableDiv .flatpickr-input {
    width: 90% !important;
    border-radius: 4px !important;
    border-width: 1px !important;
    border-color: var(--primary-color) !important;
    border-style: solid !important;
    line-height: 1.65em !important;
    padding: 0.2em !important;
}





.calendar-icon-custom {
    position: relative;
    left: -10%;
    color: var(--primary-color);
}

.k-grid-content {
    overflow-y: hidden !important;
    overflow-x: auto !important;
}

.k-pager-wrap {
    background-color: #E3E3E3 !important;
    background-image: none !important;
    color: #494949 !important;
}

    .k-pager-wrap .k-link:hover {
        background-color: #FDEDDE !important;
        border-color: transparent !important;
    }

    .k-pager-wrap .k-state-disabled:hover {
        background-color: transparent !important;
    }

    .k-pager-wrap .k-link {
        border-radius: 4px !important;
        border: none !important;
        color: #494949 !important;
    }

.k-pager-sizes {
    padding: unset !important;
}

.k-pager-numbers li {
    margin-right: 1px !important;
}

.k-pager-numbers .k-state-selected {
    border-radius: 4px !important;
    border: none !important;
}

.k-current-page {
    display: none !important;
}
/*END*/
/*CSS for Sign Up Policy Page*/
/*START*/
.glow {
    animation: glowing 1500ms infinite alternate;
}

@keyframes glowing {
    0% {
        opacity: 0.5;
        text-shadow: 0 0 10px rgba(255,255,255,0.5);
    }

    100% {
        opacity: 1;
        text-shadow: 0 0 20px rgba(255,255,255,1);
    }
}

.cell-content {
    display: flex;
    align-items: center; /* Vertically center content */
}

.icon {
    margin-left: auto; /* Push icon to the right */
}

    .icon:hover {
        cursor: pointer;
    }

.k-tooltip-validation {
    background-color: var(--secondary-color) !important;
    color: white !important;
    background-image: none !important;
    font-size: 12px !important;
    margin: 2px !important;
    padding: 5px !important;
}

    .k-tooltip-validation .k-callout-n {
        border-bottom-color: var(--color-gray) !important;
    }

.form-control[type=file] {
    height: auto !important;
}

.printIcon {
    color: var(--primary-color);
}

.k-picker-wrap.k-state-default, .k-state-selected {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}

.k-calendar-container.k-group {
    border-color: var(--primary-color) !important;
}

.k-header {
    background-color: var(--secondary-color) !important;
}


.k-calendar .k-today .k-link {
    color: var(--primary-color) !important;
}

.k-other-month .k-link {
    color: var(--color-gray) !important;
}

.k-list-optionlabel {
    padding: 5px !important;
}

.k-state-hover {
    background-color: var(--primary-color) !important;
    background-image: none !important;
}

.signUpGridTable .k-grid-content {
    overflow: auto !important;
}

    .signUpGridTable .k-grid-content ::-webkit-scrollbar {
        width: 0;
        height: 1.2rem;
    }

    .signUpGridTable .k-grid-content ::-webkit-scrollbar-track {
        background: white;
    }

    .signUpGridTable .k-grid-content ::-webkit-scrollbar-thumb {
        background: hsl(0, 0%, 60%);
    }

.k-grid-content {
    height: 400px !important;
    overflow: auto !important;
}

    .k-grid-content::-webkit-scrollbar {
        width: 0;
        height: 1.2rem;
    }

    .k-grid-content::-webkit-scrollbar-track {
        background: white;
    }

    .k-grid-content::-webkit-scrollbar-thumb {
        background: #A1A1A1;
    }

.InputForPlan {
    display: none;
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -moz-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.arrow {
    position: absolute;
    bottom: 1%;
    justify-self: center;
    width: 20px;
    height: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAAMFBMVEX///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAv3aB7AAAAD3RSTlMAGNe9CgcGtbOytLe2f5VrjfCKAAADsElEQVR4AezBgQAAAACAoP2pF6kCAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIDZpRvTiIEYiMLkzivb65/Xf7eBLSFkYAQzDUjwvS6rZ3N9LduekvuffFOAq/+Xs+T+pABffzhL7p8CfP3FBdQB3gXEH45S+psXEP9VgM7fvoD4rwJ0/v4FxF9TQE1IAT38YZbcPwV4+YsLGBNSQB9/mONf/XdIAZ38YR9y/xTg678KkPunAF//VYDcPwU4+IsLGDekgI7+cA+5fwow8hcUsPxTgLG/uIBxQQro6w/XEPinABd/bQHLPwUY+6sLeCEFdPeH989Hfj4poL//55ddOqgCAIQBKKT9S5vB294+GeAeA/gbwN8A/gbwN4C/AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvAH8D+BvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbM9DeAvwH8DeBvAH8D+BvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbwN4C/AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvAH8D+BvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbwN4C/AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvAP//AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvAH8D+BvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbwN4C/AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvAH8D+BvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbwN4C/AfwN4G8AfwPm+hvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbwN4C/AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvAH8D+BvA34Bd/gbwN4C/AfwN4G8AfwP4G8DfAP4G8DeAvwH8DeBvQMXfAP4G8DeAvwH8DeBvQNPfAP4G8Deg7G8AfwPa/gbE/Q2I+xvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gYs8DeAvwH8DeBvAH8D+BvA3wD+BvA3gL8B/A3gbwB/A/gbwN8A/gbs9zeAvwH8DeBvAH8D+BvA3wD+BvT8DeBvAH8D+BvQ9TeAvwFtfwPi/gbwf+3BsQAAAADAIH/rYeypAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAOAUHBYk13Z7LTsAAAAASUVORK5CYII=);
    background-size: contain;
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}

.fade-downarrow {
    opacity: 0;
    transition: 1s all ease-out;
}


.text-box {
    /* Define max height for the scrollable div */
    overflow: hidden; /* Hide the scrollbar */
    position: relative;
}

.scrollable-div {
    overflow-y: auto; /* Enable vertical scrolling */
    padding-right: 15px;
    max-height: 120px;
    scrollbar-width: none;
}

    .scrollable-div::-webkit-scrollbar {
        width: 0 !important;
        display: none !important; /* Hide the scrollbar for WebKit browsers (Safari, Chrome, etc.) */
    }


.text-area {
    display: list-item;
    outline: none;
}

    .text-area textarea {
        display: list-item;
    }

.mapbox {
    height: 100% !important;
}

.carouselStyle {
    height: inherit;
}

.circle-chart-label {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 5px;
}

.boxinner {
    height: 121px;
    width: 100%;
    position: relative;
}

.circle-chart {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 260px;
}

.plangroup {
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    position: absolute;
}

    .plangroup img {
        width: 25px;
        margin-bottom: 4px;
    }

    .plangroup span {
        max-width: 80px;
        text-align: center;
    }

.circle-chart-label.label-1 .boxinner .plangroup {
    top: 40px;
    left: 40px;
}

.circle-chart-label.label-2 .boxinner .plangroup {
    top: 40px;
    left: 20px;
}

.circle-chart-label.label-3 .boxinner .plangroup {
    top: 20px;
    left: 40px;
}

.circle-chart-label.label-4 .boxinner .plangroup {
    top: 20px;
    left: 20px;
}

.ui-datepicker-header {
    background-color: var(--primary-color) !important; /* Change to your desired header background color */
    color: white !important;
}

.ui-datepicker-current-day, .ui-state-active {
    background-color: var(--primary-color) !important; /* Change to your desired header background color */
    color: white !important; /* Change to your desired text color */
}

.ui-datepicker-today, .ui-datepicker-today > span {
    background-color: var(--secondary-color) !important; /* Change to your desired header background color */
    color: white !important;
}

.plan-box {
    display: grid;
    margin: 0 auto;
    flex-wrap: wrap;
    max-width: 720px;
}

    .plan-box .text-radio-box {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }

        .plan-box .text-radio-box .radio-default-box {
            position: relative;
            margin-bottom: 100px;
        }

        .plan-box .text-radio-box .radio-box {
            max-width: 260px;
            border: 2px solid #ed7d31;
            border-radius: 15px;
            padding: 10px 36px 10px;
            position: relative;
            height: 9.2rem;
            display: grid;
        }

            .plan-box .text-radio-box .radio-box ul li {
                list-style-type: disc;
                font-size: 11px;
                font-family: 'Gordita';
            }

            .plan-box .text-radio-box .radio-box ul {
                padding-left: 15px;
            }

            .plan-box .text-radio-box .radio-box .radio-btn {
                position: absolute;
                border: 1px solid #6c757d;
                width: 16px;
                height: 16px;
                display: block;
                border-radius: 50%;
                right: 10px;
                top: 5%;
            }

                .plan-box .text-radio-box .radio-box .radio-btn:before {
                    content: "";
                    position: absolute;
                    width: 10px;
                    height: 10px;
                    border: 1px solid #6c757d;
                    border-radius: 50%;
                    top: 50%;
                    left: 50%;
                    transform: translate(-50%, -50%);
                }

        .plan-box .text-radio-box .radio-default-box input {
            position: absolute;
            width: 100%;
            height: 100%;
            z-index: 1;
        }

            .plan-box .text-radio-box .radio-default-box input:checked ~ .radio-box .radio-btn:before {
                background-color: #6c757d;
            }

    .plan-box .img-center-box {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        justify-self: center;
    }

    .plan-box .text-radio-box .radio-default-box:nth-child(2n+2) .radio-box {
        float: right;
    }

    .plan-box .text-radio-box .radio-default-box:nth-child(3), .plan-box .text-radio-box .radio-default-box:nth-child(4) {
        margin-bottom: 0;
    }

        .plan-box .text-radio-box .radio-default-box:nth-child(1) .radio-box .radio-btn, .plan-box .text-radio-box .radio-default-box:nth-child(3) .radio-box .radio-btn {
            left: 10px;
        }

        .plan-box .text-radio-box .radio-default-box:nth-child(2) .radio-box .radio-btn, .plan-box .text-radio-box .radio-default-box:nth-child(4) .radio-box .radio-btn {
            right: 10px;
        }

    .plan-box .text-radio-box .radio-default-box:nth-child(2) .radio-box {
        border-color: #a5a5a5;
    }

    .plan-box .text-radio-box .radio-default-box:nth-child(3) .radio-box {
        border-color: #5b9bd5;
    }

    .plan-box .text-radio-box .radio-default-box:nth-child(4) .radio-box {
        border-color: #ffc000;
    }



.CIndicator {
    bottom: auto;
    position: relative;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.slideNum {
    color: var(--primary-color) !important;
    border: none !important;
    width: 45px !important;
    height: 25px !important;
    text-align: center;
    align-content: center;
    font-size: small;
    display: block;
}



.carousel-indicators {
    bottom: auto !important;
}

    .carousel-indicators [data-bs-target] {
        height: auto !important;
        text-indent: 10px !important;
        margin: 8px 2px !important;
        line-height: 25px !important;
    }

.carousel-indicators-numbers > li {
    text-indent: 0 !important;
    margin: 8px 2px !important;
    width: 25px !important;
    height: 25px !important;
    border: none !important;
    border-radius: 100% !important;
    line-height: 25px !important;
    color: #fff !important;
    background-color: #999 !important;
    transition: all 0.25s ease !important;
    text-align: center;
    font-size: small;
}

    .carousel-indicators-numbers > li.active,
    .carousel-indicators-numbers > li:hover {
        margin: 8px 2px !important;
        width: 25px !important;
        height: 25px !important;
        background-color: var(--primary-color) !important;
    }



/*END*/

/*Classes for Switch*/
/*START*/

.switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
}

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

input:checked + .slider {
    background-color: #2196F3;
}

input:focus + .slider {
    box-shadow: 0 0 1px #2196F3;
}

input:checked + .slider:before {
    -webkit-transform: translateX(26px);
    -ms-transform: translateX(26px);
    transform: translateX(26px);
}

/* Rounded sliders */
.slider.round {
    border-radius: 34px;
}

    .slider.round:before {
        border-radius: 50%;
    }

/*END*/
/*Changed CSS for Kendo Grid*/
/*Start*/









.k-grid-toolbar-PlanD {
    display: flex !important;
    justify-content: space-between !important;
}

    .k-grid-toolbar-PlanD .k-grid-add {
        align-self: flex-start !important;
        margin-right: auto !important;
    }

    .k-grid-toolbar-PlanD .populateBtn {
        align-self: flex-end !important;
    }


.container-popup {
    display: flex;
    align-items: center;
}

.hidePopulate {
    display: none !important;
}

.navigation-Btn:hover {
    color: var(--primary-color) !important;
}

.alert {
    margin-bottom: unset !important;
}

.popup {
    position: absolute;
    left: 55%;
    transform: translate(-50%, -50%);
    padding: 20px;
    top: 15%;
    align-items: revert;
    max-width: 90%; /* Adjust this value to control the maximum width */
    width: auto; /* Adjust width automatically based on content */
    text-align: center;
    box-sizing: border-box; /* Ensures padding is included in the width */
    white-space: nowrap; /* Prevents text from wrapping to the next line */
    overflow: hidden; /* Ensures that overflowing text is hidden */
}


    .popup.show {
        display: block;
    }

.k-grid td, .k-grid th {
    text-align: center !important;
}




.custom-save {
    color: green;
    font-size: 1.5em;
    padding-top: 15px;
}

.custom-cancel {
    color: red;
    font-size: 1.5em;
    padding-top: 15px;
}

.custom-edit {
    color: deepskyblue;
    font-size: 1.1em;
}

.custom-delete {
    color: red;
    font-size: 1.1em;
}

custom-print {
    color: blue;
    font-size: 1.1em;
}

.custom-readonly {
    color: dimgrey;
}

.no-data-container {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
    text-align: center;
}

.no-data {
    display: inline-block;
    background-color: #fff;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.searchDiv {
    position: relative;
    right: 0%;
}

.rowRadio {
    /*    accent-color: var(--primary-color) !important;
    color: var(--primary-color) !important;

*/

    accent-color: green !important;
    color: lawngreen !important;
}

.k-button {
    border: none !important;
    color: #6c757d !important;
    background-color: transparent !important;
    background-position: 50% 50%;
}



.k-primary {
    border: none !important;
    color: #6c757d !important;
    background-color: transparent !important;
    background-position: 50% 50%;
}

.k-grid .k-grid-toolbar .k-grid-add,
.k-grid table tbody .k-grid-edit-command,
.k-grid table tbody .k-grid-update,
.k-grid table tbody .k-grid-cancel,
.k-grid table tbody .k-grid-remove-command {
    min-width: 0 !important;
}

    .k-grid .k-grid-toolbar .k-grid-add .k-icon,
    .k-grid table tbody .k-grid-edit-command .k-icon,
    .k-grid table tbody .k-grid-update .k-icon,
    .k-grid table tbody .k-grid-cancel .k-icon,
    .k-grid table tbody .k-grid-remove-command .k-icon {
        margin: 0 !important;
    }




.k-grid table thead th {
    background-color: var(--secondary-color) !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    font-weight: 400 !important;
    color: white !important;
    text-wrap: pretty !important;
}

.k-grid table {
    border: 1px solid #dee2e6 !important;
    border-collapse: collapse !important;
    border-color: #dee2e6 !important;
}

tr {
    border-bottom: 1px solid #dee2e6 !important;
}


.k-grid table tbody td {
    color: black !important;
    text-align: left !important;
}

.k-alt {
    background-color: rgba(0, 0, 0, 0.05) !important;
}

.k-header {
    background-image: none !important;
}

.k-grid-header .k-header > .k-link {
    color: white !important;
}

.k-grid td, .k-grid-header, .k-widget {
    border-color: #dee2e6 !important;
}

.k-header {
    border-color: #dee2e6 !important;
}

.k-grid tr:hover {
    background-color: #f0f0f0 !important; /* Change to your desired hover color */
}

input.k-textbox {
    border-color: var(--primary-color) !important;
    background-color: white !important;
    color: #373737 !important;
}

.k-input {
    color: #373737 !important;
}

.k-numeric-wrap.k-state-default {
    background-color: white !important;
    border-color: var(--primary-color) !important;
}

.k-state-default > .k-select {
    border-color: var(--primary-color) !important;
}


/*.k-icon .k-i-check {
    display: none;
}

.k-icon .k-sprite {
    display: none;
}*/

.k-grid-toolbar {
    background-color: #f5f5f5 !important;
}

    .k-grid-toolbar a {
        margin: 5px !important;
    }


.rounded-bg {
    background-color: var(--primary-color) !important;
    border-radius: 10px !important; /* Rounded border radius */
    padding: 8px 16px !important; /* Adjust padding as needed */
    display: inline-flex !important;
    align-items: center !important;
    color: white !important;
    border-color: transparent;
}

    .rounded-bg:hover {
        background-color: #ff8c00 !important; /* Change background color on hover if desired */
    }

    /* Margin between icon and text */
    .rounded-bg .fa {
        margin-right: 5px !important; /* Adjust the gap as needed */
    }

.k-widget {
    border: none !important;
}

.k-dropdown-wrap {
    border-color: var(--primary-color) !important;
    background-color: white !important;
}

.k-dropdown .k-input {
    color: #373737 !important;
}

.k-dropdown-with-arrow {
    background-image: url('../images/caret-down-solid.svg') !important; /* Replace 'path/to/arrow-down-icon.png' with your arrow icon image */
    background-repeat: no-repeat !important;
    background-position: right center !important; /* Adjust the position of the arrow icon */
    padding-right: 20px !important; /* Adjust padding to make space for the arrow icon */
}


.k-list-container {
    padding: 2px !important;
    background-color: #f5f5f5 !important;
    border-color: var(--primary-color) !important;
    color: #373737 !important;
}

.k-list-scroller {
    white-space: nowrap !important;
    text-overflow: clip !important;
    overflow: auto !important;
}

    .k-list-scroller .customScroller {
        overflow: hidden;
    }

.k-list .k-item.k-state-selected {
    background-color: var(--secondary-color) !important;
    border: none !important;
}

.k-list .k-item:hover {
    background-color: #D7E1F2 !important;
    border: none !important;
    color: #373737 !important;
}

.icon-delete, .icon-pencil {
    color: var(--primary-color) !important;
}

.error-Div {
    display: none;
    color: red;
    margin: 5px;
}

.app-sidebar {
    height: fit-content !important;
    border-radius: 10px !important;
}

.navigation-Btn {
    border: none !important;
    color: #555555 !important;
    font-size: 18px !important;
    background-color: transparent !important;
}

    .navigation-Btn:disabled {
        color: #C8C8C8 !important; /* Dark gray */
    }



/*End*/

/*CSS By Manish*/
/*START*/

.input-group-text {
    font-size: 14px;
}

.table-responsive img.mb-3 {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.btn.btn-primary.min-btn {
    min-width: inherit;
}


.sec-button-group .btn.btn-primary {
    min-width: auto;
}

    .sec-button-group .btn.btn-primary i {
        margin: 0px;
    }

/********************************/



/* Welcome page css */
.user-auth {
    display: flex;
    align-items: center;
}

.signup-area a {
    color: #E3322C;
    padding: 8px 0;
    font-size: 16px;
    font-weight: 500;
}

.user-auth > div {
    margin-left: 20px;
}

.block-header {
    margin-bottom: 50px;
}

.sec-gap {
    padding: 60px 0px;
}

.block-header .banner-title {
    font-weight: bold;
    margin-bottom: 5px;
}

.block-header p {
    color: #858B98;
}

.list-group-flush li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 10px;
    font-size: 14px;
}

    .list-group-flush li:last-child {
        margin-bottom: 0px;
    }

    .list-group-flush li:before {
        position: absolute;
        content: "";
        left: 0;
        width: 6px;
        height: 6px;
        background: #000;
        border-radius: 50%;
        top: 8px;
    }

.create-account a {
    color: #0E2B5C;
    font-weight: bold;
}

.forgot-links a {
    color: #0E2B5C;
}

.form-inner p {
    font-size: 14px;
}

.btn.btn-primary.btn-fill {
    background-color: #426ebd;
}

    .btn.btn-primary.btn-fill:hover {
        background-color: #2957ac;
    }

.auth-area.card-white {
    background: #fff;
    padding: 30px;
    border-radius: 10px;
    max-width: 930px;
    margin: auto;
}

.imagebx {
    text-align: center;
}

.auth-form .btn.btn-primary {
    min-width: 156px;
}

.form-check-input[type=radio] {
    cursor: pointer;
}


/*END*/

a {
    outline: none !important;
}

.app-sidebar .list-unstyled li a, .sidebar-footer a, .pagination .page-item a {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

img {
    max-width: 100%;
}

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

button, select {
    outline: none !important;
}

ul, ol {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    line-height: 1.1;
}

h1, h2, h3, h5 {
    font-family: 'Manrope', sans-serif;
}

/*.container {
    max-width: 1680px;
}
*/
.dashboard-header {
    position: fixed;
    left: 0;
    right: 0;
    padding: 10px 0px;
    width: 100%;
    background-color: var(--black);
    box-shadow: 1px 2px 3px rgb(0 0 0 / 13%);
    z-index: 3;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .dashboard-header .container-fluid {
        padding: 0px 120px;
    }

.header-logo {
    background: var(--black);
    margin-right: 20px;
}

.navbar-full {
    flex: 1;
}

.hd-inner {
    display: flex;
    align-items: center;
    width: 100%;
}

.user-img {
    display: flex;
    align-items: center;
}

.ic-avatar {
    background: #fff;
    border-radius: 5px;
    padding: 4px 10px;
}

    .ic-avatar img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 10px;
        flex: 0 0 40px;
        max-width: 40px;
    }


.bar1, .bar2, .bar3 {
    background-color: #545455;
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 24px;
}

.bar2 {
    width: 20px;
}

.toggle-button {
    margin-left: 15px;
}

.title {
    margin-bottom: 15px;
}

figcaption {
    margin-top: 10px;
}

@media screen and (min-width: 991px) {
    .dashboard-header .offcanvas {
        position: static;
        z-index: auto;
        display: block;
        width: 100%;
        height: auto;
        border: 0px;
        visibility: visible;
        transition: none 0s ease 0s;
        transform: inherit;
        background-color: transparent;
    }
    /* Dropdown css */

    .navbar-nav .dropdown-menu {
        position: absolute;
        min-width: 188px;
        display: block;
        top: 15px;
        opacity: 0;
        visibility: hidden;
    }

        .navbar-nav .dropdown-menu.submenus {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            pointer-events: none;
        }

    .navbar-nav .nav-item:hover .dropdown-menu.submenus {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .dropdown-menu.submenus .dropdown .dropdown-menu {
        right: 100% !important;
        top: 0 !important;
    }

    .dropdown-menu.submenus .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
}




.navbar-nav .nav-item .dropdown-menu {
    padding: 10px;
    box-shadow: rgba(11, 15, 25, 0.05) 0px 0.275rem 1.25rem, rgba(11, 15, 25, 0.03) 0px 0.25rem 0.5625rem;
    border-color: rgb(255, 255, 255);
    border-radius: 0px;
    padding: 0px;
    border: 0;
    transform: inherit !important;
    inset: inherit !important;
    background-color: var(--black);
}

    .navbar-nav .nav-item .dropdown-menu li a {
        padding: 10px;
        display: flex;
    }

        .navbar-nav .nav-item .dropdown-menu li a i {
            margin-left: auto;
        }

        .navbar-nav .nav-item .dropdown-menu li a:hover {
            color: var(--primary-color);
        }

    .navbar-nav .nav-item .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid rgb(255 255 255 / 28%);
    }

.dashboard-header .offcanvas-body {
    padding: 0px;
    overflow-y: visible;
}

.navbar-full .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.navbar-nav .nav-item {
    padding: 0px 12px;
}

.navbar-nav li a {
    text-decoration: none;
    padding: 13px 0px;
    display: block;
    color: var(--bs-white);
    font-size: 16px;
    position: relative;
    transition: all 0.3s ease 0s;
}

    .navbar-nav li a:hover, .navbar-nav li a:focus {
        color: var(--primary-color);
    }



.user-single-info a svg {
    margin-right: 5px;
}

.app-sidebar .offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 18%);
    font-size: 24px;
    padding: 10px 15px;
}

.app-sidebar {
    flex: 0 0 240px;
    max-width: 240px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 0;
    background-color: var(--bs-white);
    overflow-y: auto;
    box-shadow: none;
    border: 0;
    visibility: visible !important;
    outline: none;
    transition: transform .3s ease-in-out;
}

.sidebar-inner {
    display: flex;
    flex-direction: column;
}

.app-sidebar .list-unstyled li {
    border-bottom: 1px solid #F5F5F5;
    width: 100%;
}

    .app-sidebar .list-unstyled li a {
        display: inline-block;
        width: 100%;
        padding: 15px;
        color: #555555;
        border: 0;
        border-radius: 0;
    }

        .app-sidebar .list-unstyled li a.active {
            background-color: var(--primary-color);
            color: var(--bs-white);
        }

            .app-sidebar .list-unstyled li a.active:hover {
                color: var(--bs-white);
            }

.dashaboard-content {
    margin-top: 75px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.dashaboard-inner {
    padding: 20px 0px;
}

.sidebar-footer a {
    color: var(--bs-white);
    padding: 10px 23px;
    display: block;
}

    .app-sidebar .list-unstyled li a:hover,
    .sidebar-footer a:hover {
        color: #6c757d;
    }

    .sidebar-footer a svg {
        margin-right: 10px;
    }

.badge {
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    min-width: 114px;
    text-align: left;
}

    .badge i {
        margin-right: 5px;
    }

.bg-info {
    background-color: #6d72a7 !important;
}

.table-main thead th {
    background-color: var(--secondary-color);
    color: var(--bs-white);
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 400;
}

.page-header {
    margin-bottom: 32px;
}

.heading01 {
    font-size: 28px;
    font-weight: 500;
    line-height: 39px;
    text-transform: capitalize;
}

.nav.nav-pills {
    border-bottom: 1px solid #E4E6E8;
}

.btn.btn-primary {
    position: relative;
    min-width: 100px;
    padding: 10px 15px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    border-radius: 6px;
    background-color: var(--primary-color);
    border: 0;
    transition: all 500ms ease;
}

.btn i {
    margin-right: 5px;
}

.btn.btn-primary:hover {
    background-color: #b35908;
}


.top-search-area .form-control {
    width: 264px;
    max-width: 100%;
}
/*.top-search-area {
    margin-left: 700px !important;*/ /* Automatically align the search box to the right */
/*}*/

.form-control, .form-select {
    border-radius: 6px;
    font-size: 14px;
    height: 40px;
    color: #818181;
}

    .form-control:focus, .form-select:focus {
        border-color: rgba(140,152,164,.25);
        outline: 0;
        box-shadow: 0 0 1rem 0 rgba(140,152,164,.25);
    }

.filter-area .btn {
    border-radius: 6px;
    background: #fff;
    height: 40px;
    border: 1px solid #ced4da;
}

    .filter-area .btn:hover {
        background-color: #b35908;
        color: var(--bs-white);
        border-color: #b35908;
    }

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color);
}

.dashaboard-content.no-side-bar {
    margin-left: 0;
}

    .dashaboard-content.no-side-bar .dashaboard-inner {
        padding-left: 0;
        padding-right: 0;
    }

.table-caption-top {
    background-color: var(--primary-color);
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.heading02 {
    font-size: 24px;
    text-transform: capitalize;
}

.icon-eye {
    color: var(--primary-color);
}

    .icon-eye:hover {
        color: #b35908;
    }

.icon-pencil {
    color: var(--secondary-color);
}

    .icon-pencil:hover {
        color: #005cff;
    }

.icon-delete {
    color: #E3322C;
}

    .icon-delete:hover {
        color: #ff0800;
    }

.text-success {
    color: #00A32E !important;
}

.table > :not(caption) > * > * {
    background-color: var(--bs-white);
}

.datepicker.dropdown-menu {
    font-family: 'Gordita';
}

.form-label {
    color: var(--color-gray);
}

.content-area {
    width: calc(100% - 240px);
    padding-left: 30px;
}

    .content-area.no-side-bar {
        width: 100%;
        padding: 0;
    }


.form-control.filed-datepicker {
    background-image: url(../images/icon-calendar.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.filed-datepicker:hover {
    cursor: pointer;
}

.card.card-globel {
    border-radius: 24px;
}

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

    .btn-save:hover {
        color: #b35908;
    }

.page-item a {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--color-gray);
}

.footer-pagination {
    margin-top: 30px;
}

.page-item a:hover {
    color: var(--primary-color);
}

.form-check-input:checked {
    background-color: forestgreen !important;
    border-color: black !important;
    box-shadow: none !important;
}


.form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none !important;
}

label.form-check-label {
    cursor: pointer;
}

.list-unstyled.nav.nav-tabs {
    border-bottom: 0;
}

.icon-widget, .icon-widget a {
    color: var(--primary-color);
}

    .icon-widget, .icon-widget a:hover {
        color: #b35908;
    }

.form-control.form-control-lg {
    height: 38px;
}




a {
    outline: none !important;
}

.app-sidebar .list-unstyled li a, .sidebar-footer a, .pagination .page-item a {
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

img {
    max-width: 100%;
}

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

button, select {
    outline: none !important;
}

ul, ol {
    padding: 0px;
    margin: 0px;
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    margin: 0px;
    line-height: 1.1;
}

h1, h2, h3, h5 {
    font-family: 'Manrope', sans-serif;
}

.container {
    max-width: 1680px;
}

.dashboard-header {
    position: fixed;
    left: 0;
    /*  border-radius: 5px px 0 0;*/
    right: 0;
    padding: 10px 0px;
    width: 100%;
    background-color: white;
    box-shadow: 1px 2px 3px rgb(0 0 0 / 13%);
    z-index: 3;
    top: 0;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}

    .dashboard-header .container-fluid {
        padding: 0px 120px;
    }

.header-logo {
    /* background:#fff;*/
    margin-right: 20px;
}

.navbar-full {
    flex: 1;
}

.hd-inner {
    display: flex;
    align-items: center;
    width: 100%;
}

.user-img {
    display: flex;
    align-items: center;
}

.ic-avatar {
    background: #fff;
    border-radius: 5px;
    padding: 4px 10px;
}

    .ic-avatar img {
        width: 40px;
        height: 40px;
        border-radius: 50%;
        overflow: hidden;
        margin-right: 10px;
        flex: 0 0 40px;
        max-width: 40px;
    }


.bar1, .bar2, .bar3 {
    background-color: #545455;
    cursor: pointer;
    height: 2px;
    margin: 7px 0;
    -moz-transition: all 0.4s ease 0s;
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    width: 24px;
}

.bar2 {
    width: 20px;
}

.toggle-button {
    margin-left: 15px;
}

@media screen and (min-width: 991px) {
    .dashboard-header .offcanvas {
        position: static;
        z-index: auto;
        display: block;
        width: 100%;
        height: auto;
        border: 0px;
        visibility: visible;
        transition: none 0s ease 0s;
        transform: inherit;
        background-color: transparent;
    }
    /* Dropdown css */

    .navbar-nav .dropdown-menu {
        position: absolute;
        min-width: 188px;
        display: block;
        top: 15px;
        opacity: 0;
        visibility: hidden;
    }

        .navbar-nav .dropdown-menu.submenus {
            -webkit-transition: all 0.5s ease-in-out;
            -moz-transition: all 0.5s ease-in-out;
            -ms-transition: all 0.5s ease-in-out;
            -o-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
            pointer-events: none;
        }

    .navbar-nav .nav-item:hover .dropdown-menu.submenus {
        opacity: 1;
        visibility: visible;
        pointer-events: auto;
    }

    .dropdown-menu.submenus .dropdown .dropdown-menu {
        right: 100% !important;
        top: 0 !important;
    }

    .dropdown-menu.submenus .dropdown:hover .dropdown-menu {
        opacity: 1;
        visibility: visible;
    }
}




.navbar-nav .nav-item .dropdown-menu {
    padding: 10px;
    box-shadow: rgba(11, 15, 25, 0.05) 0px 0.275rem 1.25rem, rgba(11, 15, 25, 0.03) 0px 0.25rem 0.5625rem;
    border-color: rgb(255, 255, 255);
    border-radius: 0px;
    padding: 0px;
    border: 0;
    transform: inherit !important;
    inset: inherit !important;
    background-color: white;
}

    .navbar-nav .nav-item .dropdown-menu li a {
        padding: 10px;
        display: flex;
    }

        .navbar-nav .nav-item .dropdown-menu li a i {
            margin-left: auto;
        }

        .navbar-nav .nav-item .dropdown-menu li a:hover {
            color: var(--primary-color);
        }

    .navbar-nav .nav-item .dropdown-menu li:not(:last-child) {
        border-bottom: 1px solid rgb(255 255 255 / 28%);
    }

.dashboard-header .offcanvas-body {
    padding: 0px;
    overflow-y: visible;
}

.navbar-full .navbar-nav {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    flex-direction: row;
}

.navbar-nav .nav-item {
    padding: 0px 12px;
}

.navbar-nav li a {
    text-decoration: none;
    padding: 13px 0px;
    display: block;
    color: #000;
    font-size: 16px;
    position: relative;
    transition: all 0.3s ease 0s;
}

    .navbar-nav li a:hover, .navbar-nav li a:focus {
        color: var(--primary-color);
    }

.user-single-info a {
    color: #000;
    padding: 8px 0;
    /*    font-size: 16px;*/
    font-weight: bold;
    text-decoration: none;
}

    .user-single-info a svg {
        margin-right: 5px;
    }

.app-sidebar .offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 18%);
    font-size: 24px;
    padding: 10px 15px;
}

.app-sidebar {
    flex: 0 0 240px;
    max-width: 240px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    bottom: 0;
    background-color: var(--bs-white);
    overflow-y: auto;
    box-shadow: none;
    border: 0;
    visibility: visible !important;
    outline: none;
    transition: transform .3s ease-in-out;
}

.sidebar-inner {
    display: flex;
    flex-direction: column;
}

.app-sidebar .list-unstyled li {
    border-bottom: 1px solid #F5F5F5;
    width: 100%;
}

    .app-sidebar .list-unstyled li a {
        display: inline-block;
        width: 100%;
        padding: 15px;
        color: #555555;
        border: 0;
        border-radius: 0;
    }

        .app-sidebar .list-unstyled li a.active {
            background-color: var(--primary-color);
            color: var(--bs-white);
        }

            .app-sidebar .list-unstyled li a.active:hover {
                color: var(--bs-white);
            }

.dashaboard-content {
    margin-top: 75px;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.dashaboard-inner {
    padding: 20px 0px;
}

.sidebar-footer a {
    color: var(--bs-white);
    padding: 10px 23px;
    display: block;
}

    .app-sidebar .list-unstyled li a:hover,
    .sidebar-footer a:hover {
        color: #6c757d;
    }

    .sidebar-footer a svg {
        margin-right: 10px;
    }

.badge {
    vertical-align: middle;
    font-size: 14px;
    font-weight: normal;
    min-width: 114px;
    text-align: left;
}

    .badge i {
        margin-right: 5px;
    }

.bg-info {
    background-color: #6d72a7 !important;
}


.table-main thead th {
    background-color: var(--secondary-color);
    color: var(--bs-white);
    text-transform: uppercase;
    white-space: nowrap;
    font-weight: 400;
}


.page-header {
    margin-bottom: 32px;
}

.heading01 {
    font-size: 28px;
    font-weight: 500;
    line-height: 39px;
    text-transform: capitalize;
}

.nav.nav-pills {
    border-bottom: 1px solid #E4E6E8;
}

.btn.btn-primary {
    position: relative;
    min-width: 180px;
    padding: 8px 15px;
    overflow: hidden;
    box-shadow: none !important;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    border-radius: 6px;
    background-color: #36454f;
    border: 0;
    transition: all 500ms ease;
}

.btn i {
    margin-right: 5px;
}

.btn.btn-primary:hover {
    background-color: #b35908;
}


.top-search-area .form-control {
    width: 264px;
    max-width: 100%;
}

.form-control, .form-select {
    border-radius: 6px;
    font-size: 14px;
    height: 40px;
    color: #818181;
}

    .form-control:focus, .form-select:focus {
        border-color: rgba(140,152,164,.25);
        outline: 0;
        box-shadow: 0 0 1rem 0 rgba(140,152,164,.25);
    }

.filter-area .btn {
    border-radius: 6px;
    background: #fff;
    height: 40px;
    border: 1px solid #ced4da;
}

    .filter-area .btn:hover {
        background-color: #b35908;
        color: var(--bs-white);
        border-color: #b35908;
    }

.dropdown-item.active, .dropdown-item:active {
    background-color: var(--primary-color);
}

.dashaboard-content.no-side-bar {
    margin-left: 0;
}

    .dashaboard-content.no-side-bar .dashaboard-inner {
        padding-left: 0;
        padding-right: 0;
    }

.table-caption-top {
    background-color: var(--primary-color);
    padding: 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.heading02 {
    font-size: 24px;
    text-transform: capitalize;
}

.icon-eye {
    color: var(--primary-color);
}

    .icon-eye:hover {
        color: #b35908;
    }

.icon-pencil {
    color: var(--secondary-color);
}

    .icon-pencil:hover {
        color: #005cff;
    }

.icon-delete {
    color: #E3322C;
}

    .icon-delete:hover {
        color: #ff0800;
    }

.text-success {
    color: #00A32E !important;
}

.table > :not(caption) > * > * {
    background-color: var(--bs-white);
}

.datepicker.dropdown-menu {
    font-family: 'Gordita';
}

.form-label {
    color: var(--color-gray);
}

.content-area {
    width: calc(100% - 240px);
    padding-left: 30px;
}

    .content-area.no-side-bar {
        width: 100%;
        padding: 0;
    }


.form-control.filed-datepicker {
    background-image: url(../images/icon-calendar.svg);
    background-repeat: no-repeat;
    background-position: center right 15px;
}

.card.card-globel {
    border-radius: 24px;
}

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

    .btn-save:hover {
        color: #b35908;
    }

.page-item a {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: var(--color-gray);
}

.footer-pagination {
    margin-top: 30px;
}

.page-item a:hover {
    color: var(--primary-color);
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    box-shadow: none !important;
}

.form-check-input[type=radio] {
    cursor: pointer;
}

.form-check-input:focus {
    border-color: var(--primary-color);
    box-shadow: none !important;
}

label.form-check-label {
    cursor: pointer;
}

.list-unstyled.nav.nav-tabs {
    border-bottom: 0;
}

.icon-widget, .icon-widget a {
    color: var(--primary-color);
}

    .icon-widget, .icon-widget a:hover {
        color: #b35908;
    }

.form-control.form-control-lg {
    height: 38px;
}

.input-group-text {
    font-size: 14px;
}

.table-responsive img.mb-3 {
    width: 100%;
    padding: 10px;
    background: #fff;
    border: 1px solid #ddd;
}

.btn.btn-primary.min-btn {
    min-width: inherit;
}


.sec-button-group .btn.btn-primary {
    min-width: auto;
}

    .sec-button-group .btn.btn-primary i {
        margin: 0px;
    }





.Kupane-tab-content {
    padding: 20px;
    background-color: #f8f9fa;
    border: 1px solid #dee2e6;
    border-radius: 8px;
    width: 55%;
    min-height: 50%;
    margin-top: 20px;
}

.Kupane-container {
    max-width: 1320px;
    margin: 0 auto; /* This will center the container horizontally */
    padding: 0 15px; /* Optional: adds side padding for responsiveness */
}


.main-wrapper {
    padding: 125px 0px 100px 0px;
}



/*Mobile Interface CSS Start From Here*/





.dashboard-header-mobile {
    height: 50px;
    background-color: white;
}



.round-button-mobile {
    display: inline-block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border: 2px solid #f5f5f5;
    border-radius: 50%;
    color: #f5f5f5;
    text-align: center;
    text-decoration: none;
    background: #555777;
    box-shadow: 0 0 3px gray;
    font-size: 20px;
    font-weight: bold;
    margin-left: 7px;
    margin-top: -75px;
}

    .round-button-mobile:hover {
        background: #777555;
    }



.horizontal-mobile {
    display: inline-block;
    position: relative;
    width: 4.5%;
    margin-top: -60px;
    margin-right: -5px;
    border: 0;
    border-top: 3px solid #000;
}

.btn.btn-primary-mobile {
    position: relative;
    color: white;
    padding: 8px 15px;
    overflow: hidden;
    box-shadow: none !important;
    display: inline-block;
    text-align: center;
    box-shadow: none;
    border-radius: 6px;
    background-color: #36454f;
    border: 0;
    transition: all 500ms ease;
}



.plan-type-Mobile {
    width: 80px;
    height: 122px;
    font-size: smaller;
    margin-left: -14px;
}

.mx-auto-mobile {
    align-items: flex-start;
}

.shadow-sm-mobile {
    height: 300px;
    font-size: smaller;
}

.btn-mobile\.btn-select\.fw-bold-mobile\.w-100 {
    width: auto;
    height: auto;
    color: white;
    background-color: darkgray;
    border-radius: 5px;
}

.bg-primary-mobile {
    background-color: gray;
}
@media (max-width: 380px) {
    .mobile-menu-button span {
        display: none;
    }


    /*@media (max-width: 768px) {
    .k-grid-header {
        display: none;
    }

    .k-grid-content table {
        display: block;
    }

        .k-grid-content table tbody tr {
            display: block;
            border: 1px solid #ccc;
            margin-bottom: 10px;
            padding: 5px;
        }

        .k-grid-content table tbody td {
            display: flex;
            justify-content: space-between;
            border: none;
            padding: 4px 0;
        }

            .k-grid-content table tbody td::before {
                content: attr(data-title);
                font-weight: bold;
                margin-right: 10px;
            }
}
*/