﻿
.rz-fileupload-buttonbar {
    padding: 0 !important;
}

.rz-fileupload-choose:not(.rz-state-disabled) {
    background-color: var(--rz-base-200);
    color: var(--rz-color-secondary-lighter)
}

.rz-date-filter-buttons .rz-button, .rz-button-md, .rz-fileupload .rz-button, .rz-button-xs, .rz-button-sm {
    text-transform: none;
}

.rz-grid-table td, .rz-grid-table th {
    padding: 5px;
}

th .rz-column-title-content, .rz-grid-table thead th .rz-column-title-content {
    white-space: normal;
    overflow: visible;
    text-overflow: unset;
}

.rz-badge {
    text-transform: unset;
}

.rz-layout {
    height: calc(100vh - (3.5rem + 5rem));
    overflow-y: hidden;
    width: auto;
}

.rz-datepicker-trigger {
}

.rz-dialog-confirm-message, .rz-dialog-alert-message {
    white-space: pre-wrap;
}

.rz-dialog-content {
    height: 100%;
}

.rz-fieldset-content-wrapper {
    height: 100%;
}

.rz-fieldset-content {
    height: 100%;
}

.rz-tabview-panel {
    height: 100%;
}

.rz-cell-data .rz-button.rz-button-sm {
    padding: 0.12rem 0.12rem; /* Apply padding */
}

:root {
    --available-viewport-height-100: calc(100vh - 50px);
    --bs-body-font-size: 13px;
    --rz-badge-text-transform: none;
    --rz-body-font-size: 13px;
    --rz-datalist-item-padding: 0.25rem;
    --rz-datalist-padding: 0.25rem;
    --rz-datepicker-trigger-icon-color: #9e9e9e;
    --rz-datepicker-trigger-icon-height: 1rem;
    --rz-fieldset-padding: 0.6rem 1rem;
    --rz-grid-cell-font-size: 13px;
    --rz-grid-cell-padding: 0.375rem .4rem;
    --rz-grid-header-cell-padding: 0.375rem 0;
    --rz-grid-header-filter-icon-margin: 0 0.1rem 0 auto;
    --rz-grid-header-font-size: 0.75rem;
    --rz-grid-header-text-transform: none;
    --rz-input-height: 2rem; /*all ctrls default height*/
    --rz-link-color: #317ad8;
    --rz-panel-menu-background-color: none;
    --rz-panel-menu-item-2nd-level-background-color: none;
    --rz-panel-menu-item-2nd-level-offset: 2rem;
    --rz-panel-menu-item-2nd-level-padding-inline: 0.3rem;
    --rz-panel-menu-item-2nd-level-padding: 0.5rem 0.25rem;
    --rz-panel-menu-item-3nd-level-padding-inline: 0.3rem;
    --rz-panel-menu-item-3rd-level-background-color: none;
    --rz-panel-menu-item-active-background-color: rgba(0, 0, 0, 0.4);
    --rz-panel-menu-item-background-color: none;
    --rz-panel-menu-item-border: none;
    --rz-panel-menu-item-padding-inline: 0.5rem;
    --rz-panel-menu-item-padding: 0.5rem 0.01rem 0.5rem 1rem;
    --rz-profile-menu-border: none;
    --rz-tabs-tab-text-transform: none;
    --rz-text-body1-font-size: 13px;
    --rz-grid-header-filter-icon-margin-inline: auto 0.0rem;
    /*--rz-panel-menu-item-padding: 0.75rem 0.75rem;
    --rz-panel-menu-item-2nd-level-offset: 3.25rem;*/
    /*Bootstrap Override*/
    /*$enable-negative-margins:true;*/
    /* #3481e5;
    --rz-menu-top-item-padding: #{$menu-top-item-padding};
    --rz-menu-top-item-border-radius: #{$menu-top-item-border-radius};
    --rz-menu-top-item-color: rgba(0,0,0, 0.8);
    --rz-menu-top-item-background-color: rgba(0,0,0, 0.0);
    --rz-menu-top-item-hover-color: rgb(35, 0, 125);
    --rz-menu-top-item-hover-background-color: rgba(0,0,0, 0.0);
    --rz-menu-top-item-selected-color: rgb(72, 0, 255);
    --rz-menu-top-item-icon-color: rgba(0,0,0, 0.8);
    --rz-menu-top-item-icon-hover-color: rgb(35, 0, 125);*/
}


/*BOOTSTRAP STYLES*/
.modal-backdrop {
    /*   opacity: 0 !important;
    background-color: transparent !important; */
    z-index: 6;
}

    .modal-backdrop.show {
        opacity: 0 !important;
    }

    .modal-backdrop.fade.show {
        opacity: 0 !important;
        /*transition: none !important;*/ /* Disable the transition effect */
    }


/*#region THIS REGION IS FOR TEST ONLY */


/*#endregion */
