.logo-darkImg {
    width: 120px;
    height: 65px !important;
}

.side-nav .side-nav-link:active, .side-nav .side-nav-link:focus, .side-nav .side-nav-link:hover {
    color: #d03f3f !important;
    text-decoration: none;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapse > ul a:hover, html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .side-nav .side-nav-item:hover > .collapsing > ul a:hover {
    color: #d03f3f !important;
}

.side-nav-forth-level .side-nav-item .side-nav-link:active, .side-nav-forth-level .side-nav-item .side-nav-link:focus, .side-nav-forth-level .side-nav-item .side-nav-link:hover, .side-nav-forth-level .side-nav-item a:active, .side-nav-forth-level .side-nav-item a:focus, .side-nav-forth-level .side-nav-item a:hover, .side-nav-forth-level li .side-nav-link:active, .side-nav-forth-level li .side-nav-link:focus, .side-nav-forth-level li .side-nav-link:hover, .side-nav-forth-level li a:active, .side-nav-forth-level li a:focus, .side-nav-forth-level li a:hover, .side-nav-second-level .side-nav-item .side-nav-link:active, .side-nav-second-level .side-nav-item .side-nav-link:focus, .side-nav-second-level .side-nav-item .side-nav-link:hover, .side-nav-second-level .side-nav-item a:active, .side-nav-second-level .side-nav-item a:focus, .side-nav-second-level .side-nav-item a:hover, .side-nav-second-level li .side-nav-link:active, .side-nav-second-level li .side-nav-link:focus, .side-nav-second-level li .side-nav-link:hover, .side-nav-second-level li a:active, .side-nav-second-level li a:focus, .side-nav-second-level li a:hover, .side-nav-third-level .side-nav-item .side-nav-link:active, .side-nav-third-level .side-nav-item .side-nav-link:focus, .side-nav-third-level .side-nav-item .side-nav-link:hover, .side-nav-third-level .side-nav-item a:active, .side-nav-third-level .side-nav-item a:focus, .side-nav-third-level .side-nav-item a:hover, .side-nav-third-level li .side-nav-link:active, .side-nav-third-level li .side-nav-link:focus, .side-nav-third-level li .side-nav-link:hover, .side-nav-third-level li a:active, .side-nav-third-level li a:focus, .side-nav-third-level li a:hover {
    color: #d03f3f !important;
}

html[data-topbar-color=light] {
    --tz-topbar-bg: #ffffff;
    --tz-topbar-item-color: #495057;
    --tz-topbar-item-hover-color: #d03f3f !important;
    --tz-topbar-search-bg: #f3f3f8;
}

.side-nav .side-nav-title {
    margin-top: 10px;
    pointer-events: none;
    cursor: default;
    white-space: nowrap;
    color: #1111115e !important;
    font-weight: 700;
    font-size: calc(var(--tz-menu-item-font-size)* .85);
    padding: var(--tz-menu-item-padding-y) calc(var(--tz-menu-item-padding-x)* 2);
    text-align: center !important;
    /*text-decoration: underline !important;*/
}

.HeaderIcon {
    color: #fa1e19d9;
    font-size: 22px !important;
}

.SubMenu {
    color: RGBA(113, 108, 176, var(--tz-bg-opacity, 1)) !important;
    font-size: 18px;
}

.side-nav .menuitem-active > a {
    color: #716cb0 !important;
    font-weight: 500;
    background-color: var(--tz-menu-item-active-bg);
}

.lblcolor {
    color: #cfa0a5 !important;
}

.header {
    color: #d03f3f !important;
}

.deleteicon {
    color: #ff0000d6;
    font-size: 24px;
}

.editicon {
    color: #37b2b4;
    font-size: 24px;
}
.addIcon {
    color: #e22db6;
    font-size:24px;
}
.viewicon {
    color: #4489e4bf;
    font-size: 24px;
}

.buttonsCard {
    padding-bottom: 5%;
}

.me-3 {
    margin-right: 0.2rem !important;
}

.actionButtonCards {
    float: right;
    padding-right: 4%;
}

.iconbutton {
    margin: 3px;
    height: 38px;
    border-radius: 4px;
    border: 0;
}

.modal-header {
    border-bottom: 5px solid #d03f3f61;
}

.buttonsaction {
    float: left;
}

@media only screen and (max-width: 768px) {
    .buttonsaction {
        float: unset;
    }

    .actionButtonCards {
        float: unset;
        padding-right: 4%;
    }
}

.asteriks {
    font-size: 18px;
}

.custom-dropdown {
    -webkit-appearance: none; /* Remove default dropdown appearance in Webkit browsers (Chrome, Safari) */
    -moz-appearance: none; /* Remove default dropdown appearance in Firefox */
    appearance: auto; /* Remove default dropdown appearance */
    background: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zY2hlbWEvc3ZnMCIgd2lkdGg9IjEiIGhlaWdodD0iMSI+PHBhdGggZD0iTTEwMCAwQzksMCA4LDEwIDIwMCwwQzcsMCA2LDEwIDIyMDAwMCwwQzExLDAsMTAwMDAwMDAwMCwwTDEyMDAwLDAiIHN0eWxlPSJmaWxsOm5vbmU7ZmlsbDpub25lOyIgY2xpcC1yZW5kZXItb3ZlcmZsb3ctY2xhc3M9ImNsaWNrYm94Ij48L3BhdGg+PC9zdmc+');
    background-repeat: no-repeat;
    background-position: right 10px center; /* Position the icon on the right */
    padding-right: 30px; /* Add space for the icon */
}

.rowpadding {
    padding: 3%;
}

.modal-full-width {
    width: 85%;
    max-width: none;
}

.checkboxpadding {
    display: flex;
    align-items: center;
    max-width: calc(100% - 10px);
    flex: 1;
    overflow: hidden;
    font-size: 11px;
    border: 0.5px solid #716cb0;
    border-radius: 15px;
    padding: 7px;
    margin: 8px;
    color: #716cb0;
    box-shadow: 3px 4px 4px -1px;
}

    .checkboxpadding label {
        display: block;
        width: 100%; /* Make the label take full width of its container */
        overflow: hidden; /* Hide overflowed text */
        text-overflow: ellipsis; /* Add ellipsis for overflowing text */
        white-space: nowrap; /* Prevent label from wrapping to a new line */
        margin-left: 3px; /* Space between checkbox and label */
    }

label {
    display: inline-block;
    padding-left: 10px;
}

.lblstyle {
    margin-top: -0.4rem;
}

.excelicon {
    color: #40d3408a;
    font-size: 24px;
}

.minWidth {
    min-width: 125px;
}

.viewTextAlign {
    text-align: -webkit-center;
}
/* Loader Overlay to cover the whole screen */
.loader-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 74%);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    backdrop-filter: blur(1px);
}

/* Loader Style */
#loader {
    position: relative;
    width: 48px;
    height: 48px;
}

/* Define the Loader itself (rotate, spin, etc.) */
.loader {
    position: relative;
    transform: rotateZ(45deg);
    border-radius: 50%;
    width: 48px;
    height: 48px;
    color: #fff;
    animation: spin 1.5s linear infinite;
}

    /* Loader pseudo-elements for double rotating animation */
    .loader:before,
    .loader:after {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        width: inherit;
        height: inherit;
        border-radius: 50%;
        transform: rotateX(70deg);
        animation: spin 1s linear infinite;
    }

    /* The second rotating element */
    .loader:after {
        color: #FF3D00;
        transform: rotateY(70deg);
        animation-delay: .4s; /* Delay the second animation to create the spinning effect */
    }

@keyframes spin {
    0% {
        transform: rotateZ(0deg);
    }

    100% {
        transform: rotateZ(360deg);
    }
}

/* Optional - create a box-shadow animation to make it look more dynamic */
@keyframes rotate {
    0% {
        transform: translate(-50%, -50%) rotateZ(0deg);
    }

    100% {
        transform: translate(-50%, -50%) rotateZ(360deg);
    }
}

/* Custom box-shadow animation */
@keyframes spin {
    0%, 100% {
        box-shadow: .2em 0px 0 0px currentcolor;
    }

    12% {
        box-shadow: .2em .2em 0 0 currentcolor;
    }

    25% {
        box-shadow: 0 .2em 0 0px currentcolor;
    }

    37% {
        box-shadow: -.2em .2em 0 0 currentcolor;
    }

    50% {
        box-shadow: -.2em 0 0 0 currentcolor;
    }

    62% {
        box-shadow: -.2em -.2em 0 0 currentcolor;
    }

    75% {
        box-shadow: 0px -.2em 0 0 currentcolor;
    }

    87% {
        box-shadow: .2em -.2em 0 0 currentcolor;
    }
}

.btn {
    margin-right: .125rem !important;
    margin-left: .125rem !important;
}

.breadcrumb {
    font-weight: bold;
    --tz-breadcrumb-padding-y: 0.5rem;
    font-size: x-large;
}

a {
    color: #d03f3f;
    text-decoration: none;
}

.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active {
    color: var(--tz-btn-active-color);
    background-color: #d03f3f;
    border-color: #d03f3f;
}

.leftside-menu {
    z-index: 1000;
    bottom: 0;
    top: 0;
    position: fixed;
    width: var(--tz-leftbar-width);
    min-width: var(--tz-leftbar-width);
    padding-bottom: calc(var(--tz-footer-height) + .75rem);
    background: #ffffff;
    -webkit-box-shadow: var(--tz-box-shadow);
    box-shadow: var(--tz-box-shadow);
    border-right: var(--tz-theme-card-border-width) solid var(--tz-border-color);
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

html[data-sidenav-size=condensed]:not([data-layout=topnav]) .wrapper .leftside-menu .logo {
    z-index: 1;
    background: #ffff;
}

.border-top {
    border-top: var(--tz-border-width) var(--tz-border-style) #d03f3f !important;
}

p {
    padding-left: 20px;
    padding-top: 8px;
}

.refreshicon {
    color: #AB47BC;
    font-size: 24px;
}
.modal-content {
    border-radius: 17px !important;
}
.pdficon {
    color: #f24c0ce5;
    font-size: 24px;
}