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

:root {
    --rz-text-font-family: Arial;
    --rz-text-title-color: #333746;
    --rz-text-color: #333746;
    --rz-text-secondary-color: #394652;
    --rz-text-disabled-color: #DEDEE0;
    --rz-body-background-color: #ffffff;
    --rz-grid-border: 1px solid #333746;
    --rz-grid-stripe-background-color: #DEDEE0;
    --rz-grid-cell-color: #333746;
    --rz-grid-hover-color: #394652;
    /*--rz-grid-selected-background-color: #394652;*/
    --rz-grid-hover-background-color: #394652;
    --rz-grid-column-resizer-helper-background-color: #333746;
    /*--rz-grid-header-background-color: #DEDEE0;*/
    --rz-grid-filter-focus-color: #394652;
    --rz-grid-apply-filter-button-background-color: #394652;
    --rz-grid-foot-background-color: #ffffff;
    --rz-grid-header-filter-icon-active-color: #00B2A9;
    --rz-primary: #6D8989;
    --mdc-theme-primary: #6D8989;
    --rz-primary-lighter: #D4DFDB;
    --rz-primary-light: #6D8989;
    --rz-secondary: #394652;
    --rz-success: #6D8989; /*#00B2A9;*/
    --rz-info: #DEDEE0;
    --rz-warning: #FFB500;
    --rz-danger: #ED0089;
    /*--rz-card-background-color: #D4DFDB;*/
    /*--rz-base-background-color: #D4DFDB; */
    /*--rz-base-color: --rz-white;*/
    --rz-text-title-color: #6D8989;
    --rz-text-color: #6D8989;
    /*    --rz-header-background-color: #6D8989;
    --rz-sidebar-background-color: #6D8989;
    --rz-panel-menu-background-color: #6D8989;
    --rz-panel-menu-color: #D4DFDB;*/
    --rz-border-width: 1px;
    --rz-root-font-size: 16px;
    --rz-body-font-size: 1rem;
    --rz-body-line-height: 1.5;
    --rz-body-background-color: var(--rz-base-100);
    --rz-text-font-family: Roboto, sans-serif;
    --rz-icon-size: 1.5rem;
    --rz-icon-font-family: Material Icons;
    --rz-datalist-item-padding: 0px;
    --rz-scheduler-event-background-color: #6D8989;
    --rz-input-value-color: rgba(0, 0, 0, .87);
    --rz-grid-hover-background-color: #D4DFDB;
    --rz-notification-info-color: rgba(33, 150, 243);
    --rz-notification-info-icon-color: rgba(33, 150, 243, 1);
}

.witrics-card-title {
    background: var(--rz-primary-lighter);
}

.content {
    padding: 8px;
}
body {
    max-width:100%;
    overflow-x:hidden;
}

#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }




.app-mat-card {
    /*max-width: 640px;    */
    margin-bottom: 16px;
    opacity: 1;
    transition: opacity 1s;
    margin: 8px
}
.app-mat-card-error {
    /*background-color: lightpink;*/
    white-space: pre;
}

.hide {
    opacity:0;
}
.app-mat-card-content {
    padding: 1rem;
}

.app-mat-card-clean-margin {
    margin: 0px;
}


.app-fab-main {
    position: fixed !important;
    bottom: 1rem;
    right: 1rem;
}

.app-clickable {
    cursor: pointer;
}

.space-between {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.nowrap {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.nooverflow {
    overflow: hidden;
    text-overflow: ellipsis;
}

.titlebar {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 8px 22px 8px 8px;
    color: var(--rz-text-h4-color)
}
.paragraph {
    display:flex;
}
.witrics-form-input-header {
    padding-right:32px;
    padding-top:8px;
}