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



@media (max-width: 640.98px) {
    .top-row:not(.auth)[b-9awe3iiskc] {
        display: flex !important;
    }
}

@font-face {
    font-family: Manrope;
    src: url(open-iconic/font/fonts/manrope/Manrope-Medium.ttf);
}

.h3 {
    color: #152C46;
}

html, body {
    font-family: Manrope, sans-serif !important;
}

.content {
    padding-top: 1.1rem;
    background-color: #FFFFFF !important;
}

.valid.modified:not([type=checkbox]) {
    /*border: 1px solid #26b050;*/
}

.invalid {
    border: 1px solid red !important;
}

.validation-message {
    color: red;
    font-size: small;
}

.rz-button.btn-primary {
    color: #FFFFFF 0% 0% no-repeat padding-box !important;
    border: 1px solid #152C46 !important;
    border-radius: 5px !important;
    opacity: 1;
    background: #152C46 !important;
}

.rz-button.btn-secondary {
    background: #FFFFFF !important;
    border: 1px solid #152C46 !important;
    border-radius: 5px !important;
    opacity: 1;
    color: #152C46 !important;
}

.rz-button.btn-info {
    background: #FFFFFF !important;
    border: 1px solid #152C46 !important;
    border-radius: 32px !important;
    opacity: 1;
    color: #152C46 !important;
}

/*=========== DATA GRID =========*/
.edit-data-row {
    background: #FFFFFF !important;
    color: #152C46 !important;
    text-decoration: underline;
}

.data-row-save {
    color: #FFFFFF !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    background: #152C46 !important
}

.data-row-cancel {
    color: #6c757d !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    background: #FFFFFF !important;
    border: 1px solid #6c757d !important;
}

.data-row-delete {
    color: #152C46 !important;
    border-radius: 20px !important;
    opacity: 1 !important;
    background: #FFFFFF !important;
    border: 1px solid #152C46 !important;
}

.rz-datatable {
    position: sticky !important;
}

.rz-datatable-thead th, .rz-grid-table thead th {
    background-color: #152C46 !important;
}

    .rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
        color: white !important;
    }

.rz-datatable-data td .rz-cell-data, .rz-grid-table td .rz-cell-data {
    color: #152C46 !important;
}

.rz-datatable-odd > td {
    background-color: transparent !important;
}

.rz-datatable-data td:not(:last-child), .rz-datatable-data td.rz-composite-cell, .rz-grid-table td:not(:last-child), .rz-grid-table td.rz-composite-cell {
    border-right: none !important;
}

.rz-datatable-data td, .rz-grid-table td {
    border-bottom: solid 1px #00000014 !important;
}

.rz-datatable-thead th:not(:last-child), .rz-datatable-thead th.rz-composite-cell, .rz-grid-table thead th:not(:last-child), .rz-grid-table thead th.rz-composite-cell {
    border-right: none !important;
}

.rz-paginator-page.rz-state-active {
    background-color: transparent !important;
    color: #152C46 !important;
    border: 1px solid #152C46 !important;
    padding: 0.25rem !important;
}

.rz-paginator-page {
    background-color: transparent !important;
    border-radius: none !important;
    color: #152C46 !important;
}

.rz-paginator-last, .rz-paginator-next {
    background-color: transparent !important;
    color: #152C46 !important;
}

.rz-paginator-first, .rz-paginator-prev {
    background-color: transparent !important;
    color: #152C46 !important;
}

.rz-paginator .rz-pagesize-text {
    color: #152C46 !important;
}

.rz-paginator-first, .rz-paginator-prev {
    color: #152C46 !important;
}

.rz-chkbox-box.rz-state-active {
    background-color: #152C46 !important;
}

.rz-dropdown-item:hover, .rz-menuitem:hover, .rz-autocomplete-list-item:hover, .rz-multiselect-item:hover, .rz-dropdown-items li:hover, .rz-autocomplete-items li:hover, .rz-multiselect-items li:hover {
    background-color: #152C46 !important;
}

.rz-dropdown-item.rz-state-highlight, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-multiselect-item, .rz-dropdown-items li.rz-state-highlight, .rz-autocomplete-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight {
    background-color: #152C46 !important;
    /*font-family: Manrope !important;*/
}

.rz-menuitem, .rz-autocomplete-list-item, .rz-multiselect-item, .rz-dropdown-items li, .rz-autocomplete-items li, .rz-multiselect-items li {
    /*font-family: Manrope !important;*/
}

.rz-datepicker-calendar td .rz-state-active {
    background-color: #152C46 !important;
}

.rz-datepicker-trigger:hover {
    color: #152C46 !important;
}

.rz-datepicker-calendar td .rz-state-default:hover {
    background-color: #152C46 !important;
}

.rz-datepicker-calendar td .rz-state-active:hover {
    background-color: #152C46 !important;
}

.rz-grid-table td {
    word-wrap: normal !important;
    white-space: normal !important;
}

.rz-datatable-thead th, .rz-grid-table thead th {
    white-space: normal !important;
}

.rz-grid-filter-icon {
    color: #FFFFFF !important;
}

    .rz-grid-filter-icon:hover {
        color: #FFFFFF !important;
    }

.rz-sortable-column .rzi-sort {
    color: #FFFFFF !important;
}
/*==========*/
/*SNACKBAR*/
.recommendation {
    background-color: #152C46 !important;
    color: white !important;
    height: -webkit-fit-content !important;
    flex: 1 !important;
}

.check {
    /*background: #0E5EF0 0% 0% no-repeat padding-box !important;*/
    border-radius: 4px !important;
    opacity: 1 !important;
    /*margin: 3px 0 3px 0 !important;*/
    padding: 0 0.5rem !important;
    color: white !important;
}

.checkicon {
    /*background: #0E5EF0 0% 0% no-repeat padding-box !important;*/
    border-radius: 4px !important;
    opacity: 1 !important;
    font-size: 28px !important;
}
.rz-selectable .rz-datatable-even.rz-state-highlight > td, .rz-selectable .rz-datatable-odd.rz-state-highlight > td {
    background-color: #479cc8 !important;
}

.rz-dialog-titlebar {
    background-color: #152C46 !important;
}

.rz-dialog-title {
    color: white !important;
}
/*END*/

.fixed-popup-footer {
    position: absolute;
    bottom: 0px;
}

.export-data-btn {
    background: #FFFFFF !important;
    color: #152C46 !important;
}

/* Button Link for Rmail Template */
.edit-buttonlink-row {
    background: #FFFFFF !important;
    color: #152C46 !important;
    text-decoration: underline;
}

.emailtemplate-position {
    position: relative;
    left: -30px;
}

ul.rz-profile-menu {
    background-color: #152C46 !important;
    border-left: none !important;
}

    ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-link, ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-text {
        color: #152C46 !important;
    }

    ul.rz-profile-menu .rz-navigation-item-icon-children {
        color: #FFFFFF !important;
    }

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper:hover .rz-navigation-item-link {
    color: #152C46 !important;
}

ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
    background-color: #FFFFFF !important;
    text-decoration: underline !important;
}


.rz-dropdown-label {
    margin-top: 0.12em !important;
}
.sidebar{
    background-color: #152c46 !important;
    color:#ffffff !important
}

.rz-sidebar {
    background-color: #152c46 !important;
}

.rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: #FFFFFF !important;
    color: #152c46 !important;
}
.rz-panel-menu .rz-navigation-item-wrapper:hover {
    background-color: #0f1e2f !important;
    color: #FFFFFF !important;
}
.rz-panel-menu .rz-navigation-item {
    border-block-color: white !important;
}
.rz-panel-menu .rz-navigation-item-wrapper-active:before {
    background-color: #152c46 !important;
}

.rz-sidebar-toggle:hover {
    color: #152c46 !important;
    background: #FFFFFF !important;
}
.toggled {
    color: #FFFFFF !important;
    background: #152c46 !important;
}
rz-panel-menu .rz-navigation-menu, .rz-navigation-item-wrapper {
    background-color: #152c46 !important;
    color: #FFFFFF !important;
    border-bottom: 1px solid #FFFFFF !important;
}
ul.rz-profile-menu {
    background-color: #152c46 !important;
}

    ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper .rz-navigation-item-link {
        color: #152c46 !important;
        background-color: #FFFFFF !important;
    }
.rz-group-header {
    background-color: #FFFFFF !important;
}
.rz-tooltip-content {
    background-color: #152c46 !important;
    color: #FFFFFF !important;
}