.overflow-auto {
    overflow: auto !important
}

.overflow-hidden {
    overflow: hidden !important
}


/*Loader*/

.loader-body {
    background-color: #fff;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1100;
    left: 50%;
    top: 150px;
    height: 150px;
    width: 250px;
    transform: translateX(-50%) translateY(-50%);
    border-radius: 10px;
    border: 1px solid lightgrey;
}

.loader {
    position: relative;
    width: 100px;
    height: 16px;
}

    .loader:before, .loader:after {
        content: "";
        position: absolute;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        background: #0984e3;
        box-shadow: 32px 0 #0984e3;
        left: 0;
        top: 0;
        animation: ballMoveX 1s linear infinite;
    }

    .loader:after {
        box-shadow: none;
        transform-origin: 40px 0;
        transform: rotate(-153deg);
        animation: rotateLoader 1s linear infinite;
    }

@keyframes rotateLoader {
    0%, 10% {
        transform: rotate(-153deg);
    }

    90%, 100% {
        transform: rotate(0deg);
    }
}

@keyframes ballMoveX {
    0%, 10% {
        transform: translateX(0)
    }

    90%, 100% {
        transform: translateX(32px)
    }
}

/*Loader*/

.cover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #000000;
    opacity: 0.5;
    z-index: 1050;
}

.background-image {
    background: var(--background-url) no-repeat 50%;
    border: none;
}


/*Radzen styles*/

.rz-treenode-label .parent-category {
    padding: 10px;
    background: #9dd2ff;
    border-radius: 5px;
    color: #505050;
}


.rz-column-drag, .rz-datatable-loading-content .rzi-circle-o-notch, .rz-datatable-header .rzi-plus, .rz-sortable-column .rzi-grid-sort, .rz-datatable .rzi-chevron-circle-down, .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-row .rz-button .rz-icon-trash, .rz-menuitem .rz-menuitem-icon, .rzi {
    font-family: "Material Icons" !important;
}

.rz-paginator-element .rzi, .rz-button-lg .rzi {
    transform: rotate(180deg);
}

.rz-form-field:not(.rz-floating-label) .rz-form-field-label, .rz-textbox:focus ~ .rz-form-field-label, .rz-textarea:focus ~ .rz-form-field-label, .rz-spinner:focus-within ~ .rz-form-field-label, .rz-autocomplete:focus-within ~ .rz-form-field-label, .rz-textbox:not(:placeholder-shown) ~ .rz-form-field-label, :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-filled .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-flat .rz-textarea:focus ~ .rz-form-field-label, .rz-variant-filled :not(.rz-state-empty) ~ .rz-form-field-label, .rz-variant-flat :not(.rz-state-empty) ~ .rz-form-field-label, .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-chkbox ~ .rz-form-field-label, .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label {
    right: unset;
    font-size: 13px
}

.rz-form-field-label {
    right: 5px !important;
    left: unset !important;
}

.rz-form-field-content {
    margin: 0 !important;
}

.rz-form-field-helper {
    margin-top:6px;
}

.rz-cell-filter-label > .rzi.rz-cell-filter-clear {
    left: 10px !important;
    right: unset !important;
}

.rz-grid-table thead th .rz-column-title {
    padding: 0 1rem 0 0 !important;
}

.rz-form-field-content .rz-message-popup {
    position: absolute;
    top: 100%;
    z-index: 999;
}

    .rz-form-field-content .rz-message-popup:before {
        left: unset !important;
        right: 15px !important;
    }

.rz-selectbutton .rz-button.rz-button-md:first-child {
    border-radius: 0 calc(4px * 7) calc(4px * 7) 0 !important;
    border-top-left-radius: unset !important;
    border-bottom-left-radius: unset !important;
}


.rz-selectbutton .rz-button.rz-button-md:last-child {
    border-radius: calc(4px * 7) 0 0 calc(4px * 7) !important;
    border-top-right-radius: unset !important;
    border-bottom-right-radius: unset !important;
}

.rz-paginator-element {
    min-height: unset !important;
}

.rz-multiselect-panel .rz-chkbox {
    margin: 0 0 0 1rem !important;
}

.rz-clear .rz-multiselect-label-container, .rz-clear .rz-dropdown-label {
    padding-right: 5px !important;
    padding-left: calc(2 * 1.5rem) !important;
    padding-top: 2px;
}

.rz-dropdown-chips .rz-chip {
    padding: 0.125rem 0.75rem 0.125rem 0.125rem !important
}

.rz-dropdown-clear-icon {
    right: unset !important;
    left: 2rem !important;
}


.rz-tree-toggler.rzi-caret-right:before {
    content: "chevron_left" !important;
}

.rz-treenode-content {
    flex-direction: row;
    justify-content: start;
    margin-bottom: 10px;
}

    .rz-treenode-content .rz-treenode-label {
        margin-right: 30px;
    }

.rz-tree {
    width: 100%;
    min-height: 300px !important;
    height: unset !important;
}

.rz-tree-container .rz-treenode {
    padding: 0;
}


.rz-treenode-children .rz-treenode {
    padding-left: unset !important;
    padding-right: 2rem;
}

.rz-form-field:not(.rz-variant-outlined):not(.rz-floating-label) .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) *:focus-within ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) :not(.rz-state-empty) ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-radio-button-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-vertical ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-checkbox-list-horizontal ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-chkbox ~ .rz-form-field-label, .rz-form-field:not(.rz-variant-outlined) .rz-state-empty:has(.rz-placeholder) ~ .rz-form-field-label {
    font-size: 13px;
}

.rz-messages-error {
    font-size: 12px;
}

.rz-dialog-titlebar-close {
    float: left;
    cursor: pointer;
}

.rz-layout {
    height: unset;
}

.rz-header {
    background-color: transparent;
    color: #1b1d20;
    padding: 10px 5px;
}

.rz-body {
    background-color: #fff;
    overflow: unset !important;
    min-height:50vh;
}

@media (max-width: 576px) {
    .rz-header, .rz-footer, .rz-body {
        width: 92vw;
    }
}

.rz-sidebar {
    right: 0;
}

    .rz-sidebar button.rz-button-icon-only {
        scale: -1;
    }

.rz-sidebar-toggle {
    color: #1b1d20;
    margin-left: 1rem;
    margin-right: 0 !important;
}

.rz-panel-menu .rz-navigation-item-icon {
    margin-left: 1rem;
    margin-right: 0 !important;
}

.site-icon {
    font-size: 18px;
}

.rz-badge {
    padding: 5px;
}


.rz-data-grid.without-header thead {
    display: none;
}


.rz-multiselect-trigger, .rz-dropdown-trigger {
    right:unset !important;
    left:0 !important;
}

    .rz-multiselect-trigger .rzi, 
    .rz-dropdown-trigger .rzi {
        margin-right : 0 !important;
        margin-left:0.5rem !important;
    }

.rz-text-caption,
.rz-text-subtitle2 {
    font-family:inherit !important;
}


.rz-text-subtitle1 {
    font-family:inherit;
}

.rz-dropdown-chips .rz-dropdown-chips-wrapper {
margin-right:0 !important;
margin-left:2rem !important;
}

/*User*/
/*ol, ul {
    list-style: none;
    margin: 0;
}*/
.service-detail-section {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .service-detail-section:not(:last-child) {
        margin-bottom: 35px;
    }

    .service-detail-section .section-title {
        display: flex;
        align-items: center;
        gap: 15px;
    }

        .service-detail-section .section-title::before {
            width: 15px;
            content: "";
            display: block;
            height: 5px;
            background: #d7d6d6;
        }


    .service-detail-section .request-detail-item {
        display: flex;
        align-items: start;
        flex-direction: column;
        gap: 5px;
        margin: 15px 0;
    }

        .service-detail-section .request-detail-item .title {
            font-weight: bold;
            font-size: 13px;
            margin-bottom: 5px;
            display: flex;
            align-items: center;
            gap: 5px;
        }

            .service-detail-section .request-detail-item .title i {
                padding: 0 5px;
                color: var(--main-color);
                font-size: 24px;
            }

        .service-detail-section .request-detail-item .text {
            font-size: 14px;
        }

    .service-detail-section .table th,
    .service-detail-section .table td {
        white-space: nowrap;
    }

    .service-detail-section li {
        padding: 7px 0;
    }

    
/*User*/