@import url('open-iconic/font/css/open-iconic-bootstrap.min.css');

/*--------------------------------------------------------------------------------*/
/*  Wayware theme colors                                                          */
/*--------------------------------------------------------------------------------*/
:root {
    --rz-primary-dark: #063e6b;
    --rz-primary-darker: #052e4f;
    --rz-primary: #084D84;
    --rz-primary-light: #1b6ca6;
    --rz-primary-lighter: rgba(27, 108, 166, 0.12);
    --rz-on-primary-lighter: #107db5;
    --rz-grid-header-font-size: 0.8rem;
    --rz-grid-cell-font-size: 0.8rem;
    --rz-input-height: 2rem;
    --rz-input-padding: 2px 7px 2px 7px;
    --rz-dropdown-item-padding: 2px 7px 2px 7px;
    --rz-grid-header-background-color: var(--wayware-grid-header-background-color);
    --rz-grid-frozen-cell-background-color: var(--wayware-grid-header-background-color);
    --rz-grid-header-color: var(--wayware-grid-header-color);
    --wayware-grid-header-background-color: rgb(235, 235, 235);
    --wayware-grid-header-color: rgb(0, 0, 0);
    --wayware-background-color-lighter: rgb(251, 251, 251);
    --wayware-form-label-font-color: #191919;
}


/*--------------------------------------------------------------------------------*/
/*  Dialogue and form background color                                            */
/*--------------------------------------------------------------------------------*/
.rz-dialog,
.rz-dialog-titlebar,
.rz-dialog-content,
.rz-fieldset-content,
.rz-card {
    background-color: var(--wayware-background-color-lighter)
}


/*--------------------------------------------------------------------------------*/
/*  Padding                                                                       */
/*--------------------------------------------------------------------------------*/
.rz-dialog-content,
.rz-dialog,
.rz-fieldset-content,
.rz-card {
    padding: 12px
}

@media (max-width: 640px) {
    .rz-dialog-content,
    .rz-dialog,
    .rz-fieldset-content,
    .rz-card {
        padding: 5px
    }
}

@media (max-width: 640.98px) {
    .rz-body {
        padding: 10px;
    }
}

@media (min-width: 641px) {
    .rz-body {
        padding: 6px;
    }
}


/*--------------------------------------------------------------------------------*/
/*  Form fields gap and margin                                                    */
/*--------------------------------------------------------------------------------*/
/* WIDE SCREEN LAYOUT -> label is next to input: Use margin at top and bottom */
.ww-form-field-row {
	row-gap: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
}
/* NARROW SCREEN LAYOUT-> label on top of input: Use margin at bottom create a gap from one label\input pair to the next*/
@media (max-width: 1026px) {
    .ww-form-field-row {
        row-gap: 0px;
        margin-top: 0px;
        margin-bottom: 10px;
    }
}



/*--------------------------------------------------------------------------------*/
/*   Grid                                                                         */
/*--------------------------------------------------------------------------------*/
.rz-grid-table-fixed .rz-frozen-cell .rz-cell-data,
.rz-grid-table-fixed .rz-frozen-cell .rz-cell-data,
.rz-grid-table-fixed .rz-frozen-cell-left .rz-cell-data {
    color: var(--wayware-grid-header-color);
    z-index: 1;
}

.rz-paginator { background: var(--wayware-grid-header-background-color); }


.rz-cell-filter {
    background: var(--wayware-grid-header-background-color);
    color: var(--wayware-grid-header-color);
}



/*--------------------------------------------------------------------------------*/
/*  Remove UPPERCASE on buttons                                                   */
/*--------------------------------------------------------------------------------*/
.rz-button-md { text-transform: none; }
.rz-button-lg { text-transform: none; }
.rz-button-sm { text-transform: none; }
.rz-button-xs { text-transform: none; }



/*--------------------------------------------------------------------------------*/
/* Reports                                                                        */
/*--------------------------------------------------------------------------------*/
/* Use this "@media print" section for setting the global properties when in print mode for the Report component */
@media print {

    /*.ww-report-page {
        color: orange;
    }*/

    /* Hide the side bar and header when we go goto print mode for the Report component */
    .rz-layout .rz-sidebar {
        display: none;
    }

    .rz-layout .rz-header {
        display: none;
    }

    /* Force rows to break between pages cleanly */
    .rz-datatable-tbody > tr {
        page-break-inside: avoid;
        break-inside: avoid;
    }

    .rz-datatable-tbody {
        display: table-row-group;
    }

    .rz-datatable-table {
        page-break-inside: auto;
    }

    /* Optional: ensure header is repeated */
    thead {
        display: table-header-group;
    }

    tfoot {
        display: table-footer-group;
    }
}