.chartBox, .dashboardBoxsStyle {
    border-right: 1px solid #ede3e3;
    border-left: 1px solid #e9e4e4
}

.rz-dropdown, .rz-growl-message p, .rz-multiselect {
    display: inline-block !important
}

body:not(.rz-default-scrollbars)::-webkit-scrollbar-thumb {
    background: padding-box #4ac5d9;
    border: 4px solid transparent;
    border-radius: 8px
}

.rz-grid-table-striped tbody tr:not(.rz-expanded-row-content):nth-child(odd) > td {
    background-color: var(--rz-grid-background-color);
    font-size: 14px
}

.dropdownListLoader {
    width: 20px;
    height: 20px;
    position: relative;
    top: 33px;
    z-index: 10;
    left: 35%;
}

.textAreaControls {
    border-radius: 5px 5px 0px 0px;
    text-align: left;
    float: left;
    width: 100%;
    background-color: #ffffff;
    position: relative;
    right: 0px;
    padding: 5px;
    padding-bottom: 3px;
    border: 1px solid #d0c4c0;
    border-bottom: 0px;
    height: 40px;
    padding-right: 10px;
    background-color: #ffffff;
}

.textAreaStyle {
    height: 295px;
    resize: none;
    background-color: hsl(0deg 0% 85.1% / 26%) !important;
    box-shadow: 0px 0px 4px 0px #9c9c9c59;
    border-radius: 0px 0px 5px 5px;
}


.disabled {
    opacity: 0.6 !important;
    cursor: not-allowed !important;
}


.textAreaButton:hover {
    background-color: #6761a6;
    color: #ffffff;
    cursor: pointer;
}

.textAreaButton {
    height: 29px !important;
    width: 30px !important;
    border-radius: 5px;
    padding: 10px;
    border: 1px solid #ccc;
    margin-left: 5px;
}

.selected {
    background-color: #6761a6;
    color: #ffffff;
}

.rz-datepicker-trigger {
    position: absolute !important;
    right: 22px !important;
}


.my-page {
    padding: 0px !important;
}


.rz-messages-error {
    display: block !important
}

.rz-message-popup {
    margin-top: -12px !important
}

.ShortcutItemIcon:hover {
    background-color: #efefef;
    box-shadow: 0 0 2px 2px #e3cccc
}

.disabled {
    color: #ccc !important;
    cursor: default !important;
    text-decoration: none !important
}

input[readonly] {
    background-color: #efefef !important;
}

.button, .rz-steps .rz-menuitem-link:hover, .rz-steps-title, a {
    text-decoration: none
}

.rz-text-body1 {
    padding-bottom: 0 !important;
    margin-bottom: 5px !important
}

.UserPersonalizationComponentStyle {
    height: 42px !important;
    background-color: #fbfbfb;
    padding-top: 3px;
    border-top: 1px solid #d3cfcf
}

.nav-item a {
    font-weight: 600 !important;
    font-size: 14px !important
}

.ShortcutItem {
    color: #3e78b7;
    font-weight: 600;
    font-size: 14px
}

    .ShortcutItem:active {
        color: #fff;
        font-weight: 600;
        font-size: 14px
    }

.cardTitle, .cardTitle_1, .dashboardBoxsStyle {
    background-color: #f9f8f6;
    border-bottom: 1px solid #e9e8e5;
    color: #3e3c3c;
    border-top: 1px solid #e1ddcf;
    font-weight: 700;
    padding: 10px
}

.chartBox {
    width: 100%;
    padding: 20px;
    font-size: 15px
}

.NoDataAvailable {
    padding: 10px;
    font-size: 14px
}

.dashboardBoxsStyle {
    font-size: 15px !important
}

.cardTitle {
    border-right: 1px solid #f5e5e5;
    border-left: 1px solid #f5e5e5;
    font-size: 15px !important
}

.dashboard_topPanel_1 {
    padding: 8px !important
}

.dashboard_topPanel_2 {
    font-size: 14px !important;
    font-weight: 700
}

.tilsTopCount {
    color: #ef2970;
    font-size: 26px;
    margin-bottom: 0 !important;
    font-weight: 600;
    cursor: pointer
}

.mainDivMainLayout, .parentMenu, .parentMenu a.active {
    font-weight: 700 !important
}

.rz-steps .rz-widget-content {
    overflow: hidden !important
}

.mainDivMainLayout {
    width: 100% !important;
    height: 30px !important
}

.mainDivMainLayoutInnerDiv {
    float: right !important;
    width: 100% !important;
    text-align: right !important;
    height: 50px !important;
    box-shadow: -1px 1px 4px 0 #e5dddd !important;
    position: fixed;
    z-index: 100
}

.dataBatrol_buttonContainer_footer, .rz-button rz-button-md btn-primary, .rz-button rz-button-md btn-secondary {
    box-shadow: 0 6px 5px 0 #c9c9c9 !important
}

.sidebarClass {
    position: fixed !important;
    overflow: auto !important;
    left: 0 !important;
    top: 50px !important;
    bottom: 0 !important;
    z-index: 1 !important
}

.parentMenu {
    padding-left: 15px !important;
    border-left: 5px solid #28245c
}

.rz-dialog-wrapper .rz-dialog-content {
    flex: 0 1 auto !important
}

.rz-datepicker-title .rz-dropdown {
    border-left: 0 !important
}

.machineStatus {
    position: relative;
    top: 12px;
    left: 10px
}

.parentMenu a.active {
    padding-left: 10px !important
}

.topNavigation {
    vertical-align: middle !important
}

.childMenu, .childMenu:hover {
    border-left: 5px solid #28245c
}

.dataBatrol_buttonContainer_footer {
    border-left: 0 solid #fff !important;
    margin-top: 14px !important;
    height: 70px !important
}

.nav-item a:hover {
    border-left: 5px solid #151238 !important
}

img {
    vertical-align: text-top !important
}

.nav-link img {
    padding-right: 7px
}

.rz-fieldset-legend {
    margin: 0 0 0 1rem !important;
    width: auto !important;
    color: #28245c !important;
    font-size: .875rem !important;
    padding: 0 .5rem !important;
    font-weight: bolder !important
}

.policySections {
    border: 1px solid #ccc;
    padding: 16px;
    margin-bottom: 19px;
}



@media (min-width:641px) {
    .page {
        flex-direction: column !important;
        scrollbar-3dlight-color: #4AC5D9
    }
}

.rz-grid-table-fixed {
    table-layout: auto !important
}

.rz-dialog-titlebar {
    box-shadow: 1px 1px 3px 0 #cdcdcd !important
}

.rz-fileupload-files {
    background-color: #b0b6bb0f !important;
    padding: 1rem 0
}

.rz-fileupload-buttonbar {
    border-radius: 4px;
    border: 1px solid #ccc !important;
    background-color: #f7f7f7 !important
}

.gridButton {
    font-size: 13px !important;
    zoom: 0.9 !important
}

.log_img_icon {
    width: 23px;
    height: 23px;
    border-radius: 8px;
    margin-right: 8px;
    float: left
}

.mask, .rz-calendar .rz-inputtext, .rz-colorpicker, .rz-dropdown, .rz-lookup-search input, .rz-multiselect, .rz-spinner, .rz-textarea, .rz-textbox {
    height: 35px !important;
    line-height: 1.4rem !important;
    color: #212529;
    font-size: .875rem;
    transition: none;
    outline: 0
}

.rz-button-icon-left rz-icon-trash, .rz-steps ul, .rz-steps-next, .topAccountProfile a.rz-navigation-item-link:hover {
    color: #fff !important
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 200;
    src: url('../Font/cairo-v10-latin-200.eot');
    src: local(''),url('../Font/cairo-v10-latin-200.eot?#iefix') format('embedded-opentype'),url('../Font/cairo-v10-latin-200.woff2') format('woff2'),url('../Font/cairo-v10-latin-200.woff') format('woff'),url('../Font/cairo-v10-latin-200.ttf') format('truetype'),url('../Font/cairo-v10-latin-200.svg#Cairo') format('svg')
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 400;
    src: url('../Font/cairo-v10-latin-regular.eot');
    src: local(''),url('../Font/cairo-v10-latin-regular.eot?#iefix') format('embedded-opentype'),url('../Font/cairo-v10-latin-regular.woff2') format('woff2'),url('../Font/cairo-v10-latin-regular.woff') format('woff'),url('../Font/cairo-v10-latin-regular.ttf') format('truetype'),url('../Font/cairo-v10-latin-regular.svg#Cairo') format('svg')
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 300;
    src: url('../Font/cairo-v10-latin-300.eot');
    src: local(''),url('../Font/cairo-v10-latin-300.eot?#iefix') format('embedded-opentype'),url('../Font/cairo-v10-latin-300.woff2') format('woff2'),url('../Font/cairo-v10-latin-300.woff') format('woff'),url('../Font/cairo-v10-latin-300.ttf') format('truetype'),url('../Font/cairo-v10-latin-300.svg#Cairo') format('svg')
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 600;
    src: url('../Font/cairo-v10-latin-600.eot');
    src: local(''),url('../Font/cairo-v10-latin-600.eot?#iefix') format('embedded-opentype'),url('../Font/cairo-v10-latin-600.woff2') format('woff2'),url('../Font/cairo-v10-latin-600.woff') format('woff'),url('../Font/cairo-v10-latin-600.ttf') format('truetype'),url('../Font/cairo-v10-latin-600.svg#Cairo') format('svg')
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 700;
    src: url('../Font/cairo-v10-latin-700.eot');
    src: local(''),url('../Font/cairo-v10-latin-700.eot?#iefix') format('embedded-opentype'),url('../Font/cairo-v10-latin-700.woff2') format('woff2'),url('../Font/cairo-v10-latin-700.woff') format('woff'),url('../Font/cairo-v10-latin-700.ttf') format('truetype'),url('../Font/cairo-v10-latin-700.svg#Cairo') format('svg')
}

@font-face {
    font-family: Cairo;
    font-style: normal;
    font-weight: 900;
    src: url('../Font/cairo-v10-latin-900.eot');
    src: local(''),url('../Font/cairo-v10-latin-900.eot?#iefix') format('embedded-opentype'),url('../Font/cairo-v10-latin-900.woff2') format('woff2'),url('../Font/cairo-v10-latin-900.woff') format('woff'),url('../Font/cairo-v10-latin-900.ttf') format('truetype'),url('../Font/cairo-v10-latin-900.svg#Cairo') format('svg')
}

.hidden, .rz-datatable .rz-fileupload-choose .rzi-chevron-circle-down, .rz-datatable .rz-fileupload-choose .rzi-chevron-circle-right, .rz-datatable-header .rz-fileupload-choose .rzi-plus, .rz-datatable-loading-content .rz-fileupload-choose .rzi-circle-o-notch, .rz-fileupload-choose .rz-datatable .rzi-chevron-circle-down, .rz-fileupload-choose .rz-datatable .rzi-chevron-circle-right, .rz-fileupload-choose .rz-datatable-header .rzi-plus, .rz-fileupload-choose .rz-datatable-loading-content .rzi-circle-o-notch, .rz-fileupload-choose .rz-fileupload-row .rz-button .rz-icon-trash, .rz-fileupload-choose .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-choose .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-choose .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-fileupload-choose .rz-menuitem .rz-menuitem-icon, .rz-fileupload-choose .rz-sortable-column .rzi-grid-sort, .rz-fileupload-choose .rzi, .rz-fileupload-row .rz-button .rz-fileupload-choose .rz-icon-trash, .rz-fileupload-row .rz-button .rz-fileupload-choose .rzi-close, .rz-fileupload-row .rz-button .rz-fileupload-choose .rzi-times, .rz-fileupload-row .rz-button-text, .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-fileupload-choose .rzi-times, .rz-menuitem .rz-fileupload-choose .rz-menuitem-icon, .rz-sortable-column .rz-fileupload-choose .rzi-grid-sort {
    display: none
}

body, html {
    font-family: Cairo;
    scrollbar-face-color: #4AC5D9 !important;
    scrollbar-highlight-color: #4AC5D9 !important;
    scrollbar-shadow-color: #4AC5D9 !important;
    scrollbar-3dlight-color: #4AC5D9 !important;
    scrollbar-arrow-color: #4AC5D9 !important;
    scrollbar-track-color: #4AC5D9 !important;
    scrollbar-darkshadow-color: #4AC5D9 !important;
    text-shadow: 0 1px 1px rgb(115 115 115 / 22%), 0 1px 0px rgb(255 255 255 / 10%) !important;
}

.form-control_Inline {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out
}

.rz-dialog-wrapper {
    top: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 20px;
    z-index: 1000;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.button, .rz-spinner {
    display: inline-block
}

.footer {
    padding: 1rem;
    border-top: 1px solid #eaeef0 !important;
    background-color: #ffffff70 !important;
    color: #212529
}

rz-tabview rz-tabview-top {
    min-height: 340px !important
}

.mainTab .rz-tabview-nav {
    background-color: #fff !important;
    height: 40px !important;
    padding: 0 !important;
    border-radius: 2px !important
}

@media (min-width:576px) {
    .screenHandle {
        padding-top: 3% !important
    }
}

a {
    color: #fff
}

h3 {
    font-size: 1.1rem !important;
    font-weight: 500 !important
}

.rz-paginator-page.rz-state {
    background-color: #fff;
    color: #ee316e;
    border: 1px solid #e6ecef;
    padding: .25rem .625rem !important
}

a.rz-paginator-page.rz-paginator-element {
    padding: .3125rem .6875rem !important;
    height: 30px !important;
    line-height: 21px !important;
    text-align: center !important
}

.rz-paginator-page rz-paginator-element {
    padding: .3125rem .6875rem !important
}

.required:after, .validation-message {
    color: red
}

.rz-tabview-top > .rz-tabview-nav li {
    border-radius: 0 !important;
    margin-right: 3px;
    margin-left: 3px !important;
    font-size: 15px;
    white-space: nowrap;
    background-color: #EAEAEA;
}

    .rz-tabview-top > .rz-tabview-nav li:first-child {
        margin-left: 0 !important;
    }

.rz-tabview-nav li a {
    max-width: 300px !important;
    min-width: 165px !important;
    color: #2c1c1c !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

.rz-steps ul {
    background-color: #f7f4f4;
    padding: 10px !important;
    border-radius: 5px 5px 0 0;
    border: 1px solid #cccccc73;
    box-shadow: 1px 1px 2px 1px #ebeaea
}


.policyTabs ul {
    background-color: transparent !important;
    padding: 10px !important;
    border-radius: 5px 5px 0 0;
    border: 1px solid #cccccc73;
    box-shadow: 1px 1px 2px 1px #ebeaea
}

.main_navigation_page {
    font-size: 15px;
    color: #28245c
}

.rz-widget-content {
    margin: 0 30px 30px !important
}

.rz-steps-buttons {
    height: 50px !important;
    background-color: #f9f9f9 !important;
    border: 1px solid #ccc;
    border-right: 0px;
    border-left: 0;
    padding-right: 15px;
    padding-left: 15px
}

.rz-steps, td {
    background-color: #fff
}

.rz-steps {
    margin-bottom: 100px;
    box-shadow: 0 9px 8px 0 #e2e2e2
}

.rz-selectable .rz-datatable-even:hover:not(.rz-state-highlight) > td, .rz-selectable .rz-datatable-odd:hover:not(.rz-state-highlight) > td {
    background-color: rgba(212,236,248,.5)
}

.navigationHeader {
    float: left;
    width: 100%;
    text-align: left;
    font-weight: 600
}

ul.rz-profile-menu {
    height: 49px !important;
    padding-top: 10px !important;
    z-index: auto !important
}

    .rz-dropdown-items-wrapper, .rz-multiselect-items-wrapper, .rz-tabview-left > .rz-tabview-nav li, ul.rz-profile-menu .rz-navigation-menu {
        border-radius: 0 !important
    }

        ul.rz-profile-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
            background-color: #0a1a488f !important;
            color: #333 !important
        }

tbody tr:hover {
    background-color: rgb(205 208 217 / 9%) !important;
    background-color: rgba(212,236,248,.5);
    color: #333 !important;
    cursor: pointer !important
}

.rz-grid-table tbody tr.user-grid-row-checked > td,
.rz-datatable-table tbody tr.user-grid-row-checked > td,
.rz-datatable-data > tr.user-grid-row-checked > td {
    background-color: rgb(236 236 236 / 0.84) !important;
}
 
.rz-steps-title {
    color: #241f5c !important;
    font-size: 15px;
    font-weight: 600
}

.hrMenu {
    color: #ee316e !important;
    background-color: #e6e6e6 !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    border: 0 !important
}

.rz-datatable-thead th .rz-column-title, .rz-grid-table thead th .rz-column-title {
    text-transform: none !important;
    color: #163a4a !important;
    font-size: 14px !important
}


.rz-datatable-thead th, .rz-grid-table thead th {
    border-right: none !important;
    border-bottom: 2px solid #ef2970 !important;
    background-color: #fbfbfb !important;
    padding: .7rem 0 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top: 1px solid #e5e5e5;
    height: 52px !important
}

.data .rz-navigation-item-text {
    color: #ccc !important;
    font-weight: 400 !important;
}

.rz-datatable {
    border: none !important
}

td {
    text-align: left;
    color: #000
}

.rz-column-title, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper-active {
    font-weight: 700 !important
}

.body {
    margin-top: 19px !important;
    margin-left: 217px !important;
    background-color: #f4f2eea8 !important;
    padding: 30px;
    min-height: calc(97vh - 40px)
}

.rz-card {
    padding: 1.25rem 1.5625rem;
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 14px 0 rgb(0 0 0 / 6%);
    box-shadow: 1px 6px 20px 1px rgb(0 0 0 / 6%) !important;
    background-color: #fff
}

.rz-button-md, .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-paginator-element, .rz-fileupload-choose, .rz-selectbutton .rz-button, .rz-selectbutton .rz-paginator-element, .rz-splitbutton .rz-button-text-icon-left, .rz-splitbutton .rz-button-text-only, .rz-splitbutton-menubutton {
    font-size: .9rem !important;
    font-weight: 400;
    height: 2.1875rem
}

.dataBatrol_buttonContainer div h3, .rz-dialog-alert-message, .rz-dialog-confirm-message, legend.scheduler-border {
    font-weight: 600 !important
}

.rz-button-sm, .rz-fileupload .rz-button, .rz-fileupload .rz-paginator-element, .rz-paginator-element {
    font-size: .875rem !important;
    padding: 0 2.875rem !important
}

    .rz-button-sm.rz-button-icon-only, .rz-fileupload .rz-button-icon-only.rz-button, .rz-fileupload .rz-button.rz-paginator-element, .rz-paginator-element {
        padding: 0 .05rem !important
    }

.rz-datatable-data tr:last-child td, .rz-grid-table tr:last-child td {
    border-bottom: 2px solid #ccc !important
}

.rz-datatable-data td, .rz-grid-table td {
    padding: .5rem .625rem;
    border-bottom: 1px solid #dfe7eb
}

.button {
    background-color: #101923;
    border: none;
    color: #fff;
    padding: 15px 32px;
    text-align: center;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer
}

.radzenStackFieldset {
    font-size: 15px !important;
}

label {
    color: #000;
    font-size: 15px;
    display: inline !important;
    line-height: 26px;
}

option, select {
    color: #000;
    font-size: 17px
}

.btn-link {
    color: #0366d6
}

.btn-primary {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac
}

.content {
    padding-top: 1.1rem
}

.cbox {
    color: #28245c;
    font-size: 14px
}

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

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

.nav-item a.active::after a.active::selection {
    margin-left: 1em;
    background-color: #ee316e;
    color: #333 !important
}

.nav-item a.active {
    border-left: 5px solid #ee2d6f !important;
    border-right: 0px !important
}

.rz-accordion-header a[role=tab]:hover, .rz-autocomplete-items li:hover, .rz-autocomplete-list-item:hover, .rz-cell-data, .rz-dropdown-item:hover :hover, .rz-dropdown-items li:hover, .rz-menuitem:hover, .rz-multiselect-item:hover, .rz-multiselect-items li:hover, .rz-navigation-item-link:hover, .rz-panel-menu, a:active {
    color: #333 !important
}

.rz-steps .rz-state-disabled .rz-menuitem-link {
    color: rgba(33,37,41,.5);
    cursor: default;
    min-width: 120px !important
}

    .rz-steps .rz-state-disabled .rz-menuitem-link:hover {
        color: rgba(33,37,41,.5) !important
    }

.rz-tabview-nav .rz-tabview-selected {
    background-color: #fff !important;
    border-bottom-color: #fff !important;
    margin-bottom: -1px;
    position: relative;
    border-top-color: #4ac5d9 !important
}

.rz-state-active a[role=tab] {
    color: #427b85 !important
}

.rz-paginator-last, .rz-paginator-next {
    background-color: #4ac5d9 !important;
    color: #fff
}

    .rz-paginator-last:hover, .rz-paginator-next:hover {
        color: #fff
    }

.rz-spinner {
    position: relative;
    padding: 0
}

    .rz-spinner input[type=number], .rz-spinner input[type=text] {
        -moz-appearance: textfield;
        width: 100%;
        height: 100%;
        border: none;
        background-color: transparent;
        line-height: 1.5rem;
        text-align: inherit;
        padding: 1px 12px 1px .5rem
    }

        .rz-spinner input[type=number]::-webkit-inner-spin-button, .rz-spinner input[type=number]::-webkit-outer-spin-button, .rz-spinner input[type=text]::-webkit-inner-spin-button, .rz-spinner input[type=text]::-webkit-outer-spin-button {
            -webkit-appearance: none;
            margin: 0
        }

    .rz-spinner.rz-state-disabled .rz-spinner-button {
        background-color: #4ac5d9 !important;
        color: #88989b
    }

        .rz-spinner.rz-state-disabled .rz-spinner-button:active, .rz-spinner.rz-state-disabled .rz-spinner-button:hover {
            -webkit-box-shadow: none;
            box-shadow: none
        }

.rz-spinner-button {
    position: absolute;
    right: 3px;
    padding: 0;
    width: .875rem;
    height: .875rem;
    border-radius: 2px;
    color: #fff
}

    .rz-datepicker-calendar td .rz-state-active, .rz-spinner-button:hover {
        background-color: #4ac5d9 !important
    }

    .rz-datatable .rz-spinner-button .rzi-chevron-circle-down, .rz-datatable .rz-spinner-button .rzi-chevron-circle-right, .rz-datatable-header .rz-spinner-button .rzi-plus, .rz-datatable-loading-content .rz-spinner-button .rzi-circle-o-notch, .rz-fileupload-row .rz-button .rz-spinner-button .rz-icon-trash, .rz-fileupload-row .rz-button .rz-spinner-button .rzi-close, .rz-fileupload-row .rz-button .rz-spinner-button .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rzi-close, .rz-fileupload-row .rz-paginator-element .rz-spinner-button .rzi-times, .rz-menuitem .rz-spinner-button .rz-menuitem-icon, .rz-sortable-column .rz-spinner-button .rzi-grid-sort, .rz-spinner-button .rz-datatable .rzi-chevron-circle-down, .rz-spinner-button .rz-datatable .rzi-chevron-circle-right, .rz-spinner-button .rz-datatable-header .rzi-plus, .rz-spinner-button .rz-datatable-loading-content .rzi-circle-o-notch, .rz-spinner-button .rz-fileupload-row .rz-button .rz-icon-trash, .rz-spinner-button .rz-fileupload-row .rz-button .rzi-close, .rz-spinner-button .rz-fileupload-row .rz-button .rzi-times, .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-spinner-button .rz-fileupload-row .rz-paginator-element .rzi-times, .rz-spinner-button .rz-menuitem .rz-menuitem-icon, .rz-spinner-button .rz-sortable-column .rzi-grid-sort, .rz-spinner-button .rzi {
        font-size: .875rem;
        vertical-align: top
    }

.rz-autocomplete-items li.rz-state-highlight, .rz-chkbox-box.rz-state-active, .rz-chkbox-box.rz-state-active:hover, .rz-dialog-confirm-buttons .rz-primary, .rz-dropdown-item.rz-state-highlight, .rz-dropdown-items li.rz-state-highlight, .rz-multiselect-items li.rz-state-highlight, .rz-state-highlight.rz-autocomplete-list-item, .rz-state-highlight.rz-menuitem, .rz-state-highlight.rz-multiselect-item, button[type=submit] {
    background-color: #ff3175 !important
}

.rz-chkbox modified valid form-control {
    border: 0 !important
}

.rz-switch.rz-switch-checked .rz-switch-circle {
    background: #ef2970 !important;
    background-image: linear-gradient(179deg,#ef297000,#f18cb0) !important
}

.rz-fileupload-choose {
    position: relative;
    display: inline-block;
    overflow: hidden;
    vertical-align: middle;
    background-color: #4ac5d9 !important
}

    .rz-fileupload-choose input[type=file] {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        min-height: 100%
    }

.rz-fileupload-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .rz-fileupload-row > div {
        margin: 0 .75rem
    }

    .rz-fileupload-row .rz-button, .rz-fileupload-row .rz-paginator-element {
        background-color: #dadfe2;
        color: #fff !important
    }

        .rz-fileupload-row .rz-button .rz-icon-trash, .rz-fileupload-row .rz-button .rzi-close, .rz-fileupload-row .rz-button .rzi-times, .rz-fileupload-row .rz-paginator-element .rz-icon-trash, .rz-fileupload-row .rz-paginator-element .rzi-close, .rz-fileupload-row .rz-paginator-element .rzi-times {
            display: block
        }

            .rz-fileupload-row .rz-button .rz-icon-trash:before, .rz-fileupload-row .rz-button .rzi-close:before, .rz-fileupload-row .rz-button .rzi-times:before, .rz-fileupload-row .rz-paginator-element .rz-icon-trash:before, .rz-fileupload-row .rz-paginator-element .rzi-close:before, .rz-fileupload-row .rz-paginator-element .rzi-times:before {
                content: 'close'
            }

.rz-fileupload-buttonbar {
    position: relative;
    padding: .75rem;
    color: #4ac5d9 !important
}

    .rz-fileupload-buttonbar .rz-button:nth-child(3), .rz-fileupload-buttonbar .rz-paginator-element:nth-child(3) {
        float: right;
        background-color: #4ac5d9 !important;
        color: #4ac5d9 !important
    }

.rz-autocomplete-items li, .rz-autocomplete-list-item, .rz-dropdown-item, .rz-dropdown-items li, .rz-menuitem, .rz-multiselect-item, .rz-multiselect-items li {
    padding: 7px !important
}

legend.scheduler-border {
    width: inherit;
    padding: 0 10px;
    border-bottom: none;
    font-size: 1em !important
}

.rz-splitbutton button {
    background-color: #005679 !important;
    border-right: 1px solid #ccc
}

button.btn-light {
    background-color: #f94444 !important
}

.dataBatrol_button {
    background-color: #005679 !important;
    margin: 0 !important;
    max-width: 380px !important;
    min-width: 120px !important
}

.dataBatrol_buttonContainer, .rz-paginator rz-unselectable-text rz-helper-clearfix rz-align-left rz-density-compact {
    margin-bottom: 15px !important
}

.dataBatrol_buttonClose {
    min-width: 140px !important;
    box-shadow: 0 6px 5px 0 #c9c9c9 !important
}

.dataBatrol_buttonContainer, .rz-tabview-panels {
    box-shadow: -1px 3px 5px 0 #e2e2e2 !important
}

.dataBatrol_buttonContainer {
    display: flex;
    align-items: center;
    background-color: #fff;
    height: 50px;
    padding: 10px;
    border: 1px solid #cccccc94;
    border-radius: 7px;
    border-left: 5px solid #ee286e
}

.rz-data-grid-data, .rz-sortable-column {
    z-index: 0 !important
}

.rz-datepicker-calendar tr td {
    text-align: left;
    background-color: #fff;
    color: #000;
    border: 1px solid #ccc !important
}

.rz-selectable .rz-datatable-even.rz-state-highlight > td, .rz-selectable .rz-datatable-odd.rz-state-highlight > td {
    background-color: #e9e9e9 !important;
    font-weight: 700 !important
}

.rz-tabview-nav .rz-tabview-selected a {
    color: #3a474d !important
}

.btn-secondary.rz-paginator-element, .rz-button.btn-secondary, .rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before {
    background-color: #FF3175 !important;
}

.rz-panel-menu .rz-navigation-item-active:before, .rz-panel-menu .rz-navigation-item-wrapper-active:before {
    border-radius: 53px !important;
}

.flex {
    display: flex;
}

.justify-between {
    justify-content: space-between
}

.sidebar {
    position: fixed !important
}

.deleteButton, .deleteRow {
    background-color: #ef286e !important
}

.packages, .sidebar[b-gi8mz755w8] {
    background-color: #28245c !important
}

.refrechButton {
    background-color: #efefef !important;
    border: 1px solid #c5b9b5 !important;
    color: #333 !important;
    text-align: center !important;
    margin: 0 !important;
    min-width: 140px !important;
    border-radius: 5px !important;
    box-shadow: 0 6px 5px 0 #c9c9c9 !important
}

.rz-spinner-button {
    background-color: #479cc8 !important
}

.rz-datepicker-title .rz-dropdown {
    height: 33px !important;
    margin: 3px !important
}

.clsAccountInformation {
    vertical-align: sub;
    opacity: .1;
    position: absolute;
    right: 19px;
    bottom: 0;
    font-size: 122px !important
}

.LicenseInfoDone, .LicenseInfoError, .LicenseInfoWarning {
    vertical-align: sub !important
}

.dir {
    float: right !important;
    text-align: right !important;
    width: 100% !important
}

.WatermarkTextBlockModelViewComponent_Top {
    background-color: #efefef;
    margin-right: 10px;
    margin-left: 30px;
    width: 500px;
    padding: 20px 20px 0;
    margin-bottom: 20px;
    border-radius: 9px;
    border: 1px solid #cecece
}

.rz-button-sm, .rz-fileupload .rz-button, .rz-fileupload .rz-paginator-element {
    line-height: 2.25rem !important
}

.DetailsDateTime {
    border: 1px dashed #ccc;
    padding-top: 8px;
    background-color: #f5f5f5;
    padding-left: 11px;
    margin-bottom: 10px;
    height: 40px
}

.buttonDirection {
    float: left;
    text-align: left
}

.rz-paginator-last, .rz-paginator-next {
    background-color: var(--rz-paginator-next-button-background-color) !important
}

.rz-button-md, .rz-date-filter-buttons .rz-button, .rz-date-filter-buttons .rz-paginator-element, .rz-fileupload-choose, .rz-paginator-element, .rz-scheduler-nav-views .rz-button.rz-primary, .rz-scheduler-nav-views .rz-primary.rz-paginator-element, .rz-selectbutton .rz-button, .rz-selectbutton .rz-paginator-element, .rz-splitbutton .rz-button-text-icon-left, .rz-splitbutton .rz-button-text-only, .rz-splitbutton-menubutton {
    padding: .5rem 1rem !important
}

    .rz-button-icon-only.rz-fileupload-choose, .rz-button-icon-only.rz-splitbutton-menubutton, .rz-button-md.rz-button-icon-only, .rz-date-filter-buttons .rz-button-icon-only.rz-button, .rz-date-filter-buttons .rz-button.rz-paginator-element, .rz-paginator-element, .rz-scheduler-nav-views .rz-button-icon-only.rz-button.rz-primary, .rz-scheduler-nav-views .rz-button-icon-only.rz-primary.rz-paginator-element, .rz-selectbutton .rz-button-icon-only.rz-button, .rz-selectbutton .rz-button.rz-paginator-element, .rz-splitbutton .rz-button-icon-only.rz-button-text-icon-left, .rz-splitbutton .rz-button-icon-only.rz-button-text-only, .rz-splitbutton .rz-button-text-icon-left.rz-paginator-element, .rz-splitbutton .rz-button-text-only.rz-paginator-element {
        padding: .5rem !important
    }

.MetadataDescription {
    padding: 10px;
    margin: 12px 0 9px 7px;
    background-color: snow;
    border: 1px solid #ccc
}

.PropertyAlias {
    flex-basis: 300px;
    margin-left: 8px
}

.PropertyAliasTitle {
    font-size: 13px;
    background-color: #ff572214;
    padding: 5px;
    line-height: 29px;
    border: 1px solid #ff57222e;
    text-align: left !important;
    border-bottom: 0
}

.rz-colorpicker {
    border-left: 1px solid #ccc !important
}

.rz-message-popup {
    z-index: 100 !important
}

.packageButtonAlgin {
    height: 50px !important
}

.rz-datatable-loading {
    opacity: .5 !important;
    background-color: #efefef !important
}

.gridRowCount {
    font-size: 15px;
    font-weight: 600;
    text-align: right;
    float: right;
    padding-right: 40px;
    line-height: 40px
}

.rz-group-header {
    background-color: #fbfbfb !important;
    border-top: 1px solid #dfdfdf91 !important
}

.DashboardShortcut {
    width: 100%;
    padding: 0 0 28px 60px
}

.dashboardSysteLog_1 {
    text-align: left;
    height: 30px
}

.dashboardSysteLog_2 {
    font-size: 13px;
    text-align: right
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight > td {
    background-color: #fff !important;
    font-weight: 700 !important
}

.rz-selectable tbody tr.rz-data-row.rz-state-highlight .rz-cell-data {
    color: #642323 !important
}

.rz-grid-table-striped tbody > tr:hover > td {
    background-color: rgba(53,160,215,.2) !important
}

.padding-5 {
    padding-left: 5px
}

.userImage {
    width: 35px;
    height: 35px;
    margin-top: -2px;
    border-radius: 50px
}

.logLevel_text_icon {
    font-weight: bolder;
    left: 5px
}

.logLevel_icon {
    font-size: 20px !important;
    font-weight: 700 !important;
    vertical-align: text-top;
}

.sidebar[b-gi8mz755w8] {
    background-image: linear-gradient(88deg,#052767 0,#110414 100%) !important
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-item-wrapper:hover {
    background-color: rgb(139 148 179 / 40%) !important;
    color: #fff !important
}

.rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active {
    background-color: #ececec !important
}

@keyframes spin {
    0% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(360deg)
    }
}

.searchControl .rz-dropdown-trigger, div.rz-multiselect-header div.rz-chkbox {
    display: none !important
}

textarea {
    min-height: 120px !important
}

.ProcessMonitorPolicyConfigurations {
    padding-bottom: 10px;
    padding-top: 10px
}

.processMonitorPolicycheckboxExtraInfo {
    color: var(--rz-text-disabled-color);
    padding: 0 0 0 35px;
    font-size: 14px;
    width: 79%
}

.LicenseInfoDone {
    font-size: 25px !important;
    color: #0a9d3f !important
}

.LicenseInfoWarning {
    font-size: 25px !important;
    color: #ecee14 !important
}

.LicenseInfoError {
    font-size: 25px !important;
    color: red !important
}

.div_recent {
    float: left;
    width: 31%;
    font-size: 15px
}

.switchPolicyDescription {
    font-size: 14px;
    font-weight: 600;
    color: #9b9b9b
}

.PrintWatermarkAddDynamic {
    background-color: #ffffff2e;
    margin-bottom: 30px;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 0 6px 1px #d5bfbf
}

.PrintWatermarkAddButtonDynamic {
    border: 1px dashed #dfdfdf;
    height: 45px;
    margin-bottom: 10px;
    background-color: #c7afaf1f;
    border-radius: 5px;
    text-align: right;
    padding: 3px;
}

.summaryNumber, .summaryTitle, td.textCenter span {
    text-align: center !important
}

.rz-form-field.rz-variant-filled .rz-form-field-end, .rz-form-field.rz-variant-flat .rz-form-field-end, .rz-form-field.rz-variant-outlined .rz-form-field-end {
    padding-left: 0 !important
}

.rz-form-field-content {
    margin-top: 2px !important
}

.rz-accordion-content {
    border: 1px solid #f3e2e2;
    padding: 10px 10px 0 !important
}

/*.rz-accordion-HeaderItem {
    background-color: #f1f1f163 !important;
    height: 40px;
    line-height: 50px;
    border: 1px solid #d9d9d9
}*/

.rz-accordion-toggle-icon.rzi-chevron-right:before {
    content: "arrow_right";
}


.rz-tabview-top > .rz-tabview-nav {
    padding: 0 !important;
    border: 0;
    box-shadow: none !important
}

.summaryNumber {
    font-size: 20px;
    font-weight: 700;
    padding: 0 !important;
    margin: 0 !important
}

.summaryTitle {
    font-size: 16px;
    padding: 10px 0 0 !important;
    margin: 2px !important
}

.rz-menu:not(.rz-profile-menu) {
    background-color: #fbfbfb !important;
    border-radius: 6px 6px 0 0;
    border: 1px solid #d5d5d575;
    height: 40px;
    line-height: 24px
}
.rz-grid-table-striped tbody > tr > td {
    background-color: #fff !important;
    border-bottom: 1px solid #cccccc61;
}
.rz-menu:not(.rz-profile-menu) .rz-navigation-item-link:hover {
    background-color: #e7e9ef !important;
    color: #000 !important;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5.3px);
    transition: .5s;
}

.div_Controls ul, .rz-group-header {
    padding: 0 !important
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-item-wrapper .rz-navigation-item-link {
    font-size: 15px !important;
    font-weight: 600 !important
}

.rz-button.rz-variant-text.rz-primary.rz-shade-default {
    color: #071f54 !important
}

.loading-section {
    text-align: center;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center
}

    .loading-section h2 {
        color: #00b5dc
    }

.loader-dot {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    background-color: #FF3175 !important;
    display: inline-block;
    -webkit-animation: 2.1s ease-in-out infinite both grow;
    animation: 2.1s ease-in-out infinite both grow
}

    .loader-dot.dot1 {
        -webkit-animation-delay: -.96s;
        animation-delay: -.96s
    }

    .loader-dot.dot2 {
        -webkit-animation-delay: -.48s;
        animation-delay: -.48s
    }

@-webkit-keyframes grow {
    0%,100%,80% {
        -webkit-transform: scale(0)
    }

    40% {
        -webkit-transform: scale(1)
    }
}

.customDropdownlistStyle {
    float: left;
    height: 35px;
    width: 5%;
    text-align: center;
    background-color: #f7f7f7;
    line-height: 42px;
    cursor: pointer;
    border: 1px solid #f1e7e7
}

.customMainDropdownlistStyle {
    float: left;
    width: 90%
}

.customDropdownlistStyle:hover {
    background-color: #f2eded;
    color: #9797d9
}

.rz-paginator .rz-dropdown {
    border: 1px solid #b57d7d !important;
    height: 35px !important;
    line-height: 20px !important;
    width: 65px !important
}

.rz-align-left .rz-paginator-summary {
    padding-top: 10px !important
}

.rz-tabview-nav li a[role=tab] {
    cursor: pointer
}

/*.rz-accordion-header a[role=tab] {
    font-size: 15px !important;
    font-weight: 700 !important;
    cursor: pointer !important;
    height: 40px !important;
    line-height: 40px !important
}*/

.rz-accordion-header {
    background-color: #efefef !important;
    /*    height: 38px !important;
    line-height: 30px !important*/
}

.rz-html-editor-content a {
    color: #544bd9 !important
}

.rz-accordion > div {
    border-radius: var(--rz-accordion-border-radius) var(--rz-accordion-border-radius) 0 0;
    border-bottom: 1px solid #dbcbcb
}

.rz-navigation-menu {
    max-height: 160px !important;
    overflow-y: auto !important
}

.truncate, .truncate-multiline {
    overflow: hidden;
    text-overflow: ellipsis
}

.nav-item a.active {
    padding-left: 16px !important
}

.alert {
    display: flex;
    flex-direction: row
}

    .alert .warningIcon1 {
        margin-right: 8px;
        align-self: center
    }

.tooltipHelp {
    cursor: pointer !important;
    color: #ef2970 !important;
    vertical-align: middle !important;
    font-weight: 400 !important;
}

.rz-tooltip-content {
    white-space: normal !important;
    background-color: #4a5d6e !important;
    color: #fff !important;
    max-width: 600px !important;
    padding: 14px !important
}

.activeGridSummaryBox, .deactivateGridSummaryBox {
    float: right;
    min-width: 200px;
    height: 35px;
    line-height: 31px;
    padding: 2px 10px;
    font-size: 15px;
    font-weight: 600;
    box-shadow: 0 2px 4px 1px #efdedebd;
    cursor: pointer
}

.smartMenu {
    flex-wrap: wrap !important
}

.rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover {
    background-color: #f1f1f1c2 !important;
    color: #333
}

    .rz-menu:not(.rz-profile-menu) .rz-navigation-menu .rz-navigation-item-wrapper:hover .rz-navigation-item-link .rzi:not(.rz-navigation-item-icon-children) {
        color: #4f2929 !important
    }

.rz-tabview-left > .rz-tabview-nav li {
    margin-top: 3px !important;
    border-bottom: 1px solid #ccc !important
}

.rz-panel-menu .rz-navigation-item {
    border-bottom: 0 !important
}

.rz-sidebar, .searchControl {
    background-color: #fff !important
}

.rz-panel-menu .rz-navigation-item-active, .rz-panel-menu .rz-navigation-item-wrapper-active {
    color: #0b0b0b !important;
    font-weight: 700 !important
}

.rz-panel-menu .rz-navigation-item-wrapper:hover {
    background-color: rgb(187 187 187 / 30%) !important;
    color: #333 !important
}

.rz-panel-menu .rz-navigation-menu .rz-navigation-menu .rz-navigation-item-wrapper {
    background-color: rgb(236 236 236) !important
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1 !important
}

::-webkit-scrollbar-thumb {
    background-color: #888 !important;
    border-radius: 10px !important
}

    ::-webkit-scrollbar-thumb:hover {
        background-color: #555 !important
    }

.deactivateGridSummaryBox {
    background-color: #f6f7fa;
    border-radius: 10px;
    border: 1px solid #b6525352;
    color: #b65253
}

.activeGridSummaryBox:hover {
    background-color: #00800012 !important;
    color: green !important;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5.3px);
    transition: .5s
}

.deactivateGridSummaryBox:hover {
    background-color: #cb454714 !important;
    color: #cb4547 !important;
    box-shadow: 0 0 3px 0 rgba(0,0,0,.1);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(5.3px);
    transition: .5s
}

.deactivateGridSummaryBoxIcon {
    vertical-align: sub;
    background-color: #ff0000b3;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: #fff;
    cursor: pointer
}

.activeGridSummaryBox {
    background-color: #f6f7fa;
    border-radius: 10px;
    border: 1px solid #00800042;
    color: #008000c2
}

.rz-dialog-confirm-buttons, .rz-growl-icon-close {
    float: right !important
}

.activeGridSummaryBoxIcon {
    vertical-align: sub;
    background-color: #008000a8;
    border: 1px solid #ccc;
    border-radius: 50px;
    color: #fff;
    cursor: pointer
}

.rz-sidebar {
    border-right: 0px !important
}

.rowMachineLogOffline td {
    background-color: rgb(252 74 75 / 9%) !important
}

.selectedDeactivate {
    background-color: #b6525329 !important;
    border: 1px solid #b6525380 !important
}

.selectedActive {
    background-color: #00800021 !important;
    border: 1px solid #0080005e !important
}

.popUpHighlighted {
    background-color: #ff572214;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ff572221;
    font-size: 15px !important;
    height: auto !important;
}

.disabledStatus, .enabledStatus {
    font-weight: 600;
    height: 23px;
    line-height: 15px;
    padding: 4px;
    max-width: 100px;
    min-width: 100px;
    text-align: center
}

.disabledStatus {
    background-color: #f4cdce9c;
    color: #bb0429;
    border-radius: 10px;
    border: 1px solid #ddd4d4
}

.enabledStatus {
    background-color: #e6f7d2;
    color: #363932;
    border-radius: 10px;
    border: 1px solid #e1e5dd
}

.actionButton {
    background-color: #ff3175 !important;
    min-width: 130px !important
}

.notActionButton {
    background-color: #a5a1a1 !important;
    color: #fff !important;
    border-radius: 5px !important;
    border: unset !important;
    min-width: 130px !important
}

.rz-dialog-mask {
    backdrop-filter: brightness(.10) blur(10px) !important;
    -webkit-backdrop-filter: brightness(.5) blur(4px) !important;
    opacity: .6 !important;
    background: rgb(255 255 255) !important
}

.linkWithoutStyle:hover {
    text-decoration: none !important;
    color: #fff !important
}

.rz-state-highlight a {
    color: #fff !important;
}

    .rz-state-highlight a i {
        color: #fff !important;
    }

.microsoftEntraLoginButton {
    border-radius: 5px;
    text-decoration: none;
    font-size: 15px;
    text-align: center;
    padding-right: 25px;
    width: 290px;
    background-color: #fff;
    color: #280000 !important;
    height: 35px;
    line-height: 34px;
    border: 1px solid #ccc;
    cursor: pointer !important
}

    .microsoftEntraLoginButton:hover {
        background-color: #f4f2ee;
        cursor: pointer !important
    }

.rz-chkbox-box {
    border-width: thin !important
}

.rz-colorpicker {
    border: 1px solid #ccc !important
}

.rz-growl-message-error .rz-growl-item {
    background: linear-gradient(to right,#ffe4e1,#fff);
    background-color: #fff !important;
    min-width: 380px !important;
    border-radius: 0 !important;
    border-left: 5px solid #f9461c !important;
    box-shadow: 0 0 6px 1px #ccc !important;
    float: left !important;
    position: relative;
    right: 82px;
    top: -47px;
    color: #ff1a00 !important
}

.rz-notification-warn .rz-notification-item {
    background: linear-gradient(to right,#fff7e6,#fff) !important;
    box-shadow: 0 2px 4px rgba(0,0,0,.1) !important;
    min-width: 380px !important;
    border-radius: 0 !important;
    border-left: 5px solid #ffb545 !important;
    float: left !important;
    position: relative !important;
    right: 75px !important;
    top: -53px !important;
    color: #4f452e !important
}

.rz-notification-error .rz-notification-item, .rz-notification-success .rz-notification-item {
    min-width: 380px !important;
    border-radius: 0 !important;
    box-shadow: 0 0 6px 1px #ccc !important;
    float: left !important;
    position: relative;
    right: 82px;
    top: -47px;
    color: #4f452e !important
}

.rz-notification-success .rz-notification-item {
    background: linear-gradient(to right,#47d76421,#fff);
    background-color: #fff !important;
    border-left: 5px solid #47d764 !important
}

.rz-notification-error .rz-notification-item {
    background: linear-gradient(to right,#ffe4e1,#fff);
    background-color: #fff !important;
    border-left: 5px solid #f9461c !important
}

.rz-growl-image.rzi-times, .rz-notification-icon.rzi-check {
    width: 35px !important;
    border-radius: 30px !important;
    font-size: 30px;
    height: 35px !important
}

.rz-notification-icon.rzi-check {
    color: #fff !important;
    background-color: #47d764 !important;
    line-height: 33px !important;
    text-align: center !important;
    padding: 2px !important;
    font-weight: 500 !important;
    float: left !important
}

.rz-growl-image.rzi-times, .rz-notification-icon.rzi-exclamation-triangle {
    line-height: 29px !important;
    float: left !important;
    text-align: center !important;
    padding: 2px !important;
    font-weight: 500 !important
}

.rz-growl-image.rzi-times {
    color: #ff0000b3 !important
}

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

.rz-notification-icon.rzi-exclamation-triangle {
    font-size: 40px;
    color: rgb(255 181 69) !important;
    border-radius: 20px !important
}

.rz-notification-icon.rzi-times {
    color: var(--rz-notification-error-icon-color) !important;
    background-color: #f9461c !important;
    width: 44px !important;
    height: 35px !important;
    border-radius: 30px !important;
    line-height: 31px !important;
    text-align: center !important;
    padding: 2px !important;
    font-weight: 500 !important
}

.rz-growl-message p {
    margin-bottom: 0 !important;
    color: #646060 !important;
    margin-top: 5px !important
}

.rz-growl-title {
    color: #333 !important;
    font-size: 18px !important;
    margin-top: 18px !important;
    left: -3px !important
}

.rz-growl-icon-close {
    color: #646060 !important
}

.rz-dialog-confirm-buttons .rz-secondary {
    background-color: #c4c4c4 !important
}

.rz-fileupload .rz-button {
    vertical-align: middle;
    -webkit-appearance: none !important;
    background-color: #ff3175 !important
}

.rz-switch .rz-switch-circle:before {
    background: #c0c7c7 !important;
    width: 1.26rem !important;
    height: 21px !important;
    left: .3rem !important;
    margin-top: -.66rem !important;
    border-radius: calc(5* var(--rz-border-radius) - 3px) !important;
    transition: transform .2s linear !important;
    box-shadow: 0 0 4px 0 #6e6b6b !important;
    background-image: linear-gradient(177deg,#efefef,#fff) !important
}

.rz-switch .rz-switch-circle {
    border-radius: calc(5* var(--rz-border-radius)) !important;
    background-image: linear-gradient(177deg,#efefef,#fff) !important;
    border: 1px solid #ccc !important
}

.rz-steps .rz-state-highlight .rz-steps-number {
    background: #ef2970 !important;
    line-height: 19px
}

.rz-steps .rz-state-highlight .rz-steps-title {
    color: #241f5c !important
}

.rz-steps-number {
    color: #741313 !important;
    background-color: #fff2ee !important;
    border: 1px solid #ccc;
    line-height: 17px !important
}

li.rz-steps-item.rz-state-highlight.rz-steps-current .rz-steps-number {
    font-weight: 700;
    color: #fff !important
}

li.rz-steps-item.rz-state-highlight.rz-steps-current .rz-steps-title {
    color: red;
    font-weight: 700
}

.rz-form-field-content > input {
    width: 100%;
    border: 0px !important;
}

.mainTab .rz-tabview-nav {
    border: 0 !important;
    box-shadow: none !important
}

.rz-dialog-side-titlebar, .rz-dialog-titlebar {
    height: 48px !important;
    line-height: 30px !important
}

.rz-dialog-confirm-buttons .rz-button {
    flex: 0 !important
}

.popupBottom {
    position: absolute;
    bottom: 0;
    background-color: #f4f2ee91;
    width: 100%;
    left: 0;
    height: 56px;
    padding: 15px;
    border-top: 1px solid #e1d9d9;
    right: 0;
    flex-direction: row-reverse !important;
    width: 100%;
}

.changeStatusButton, .editButton {
    text-align: center;
    height: 30px;
    min-height: 30px;
    font-size: 13px !important;
    padding: 0 !important;
    font-weight: 600;
    border-radius: 8px
}

.rz-flex-row {
    flex-direction: row-reverse !important
}

label[required]::after {
    content: "*";
    color: red
}

.truncate {
    white-space: nowrap
}

.truncate-multiline {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    line-height: 1.5;
    max-height: calc(1.5em * 3)
}

.editButton {
    width: 50px;
    min-width: 50px;
    max-width: 50px;
    background-color: #ff3175 !important;
    color: #fff !important
}

.changeStatusButton {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    color: #333 !important
}

.notifcationBox {
    min-width: 435px !important;
    max-width: 435px !important;
    height: 223px !important;
    background-color: #f7f6fa !important;
    float: left !important;
    padding: 10px 5px !important;
    margin-left: 0 !important;
    margin-top: 5px !important;
    cursor: pointer !important;
    border: 2px solid #ebebeb !important;
    border-radius: 0px !important;
}

.healthCheck_error_top, .healthCheck_sucess_top {
    height: 30px !important;
    margin-top: 1px !important;
    font-size: 28px !important
}

.disabledNotification {
    border-left: 2px solid #ff0000ef !important;
}

.enabledNotification {
    border-left: 2px solid green !important;
}

.rz-link {
    white-space: nowrap !important
}

.healthCheck_sucess_top {
    color: green !important
}

.healthCheck_error_top {
    color: red !important
}

.healthCheck_error_2, .healthCheck_sucess_2 {
    margin-top: 1px !important;
    left: 30px !important;
    font-size: 30px !important;
    top: 21px !important;
    height: 30px !important
}

.healthCheck_sucess_2 {
    color: green !important
}

.healthCheck_error_2 {
    color: red !important
}

.emailFailure, .emailProcessing, .emailSent, .emailUnsent {
    text-align: center;
    font-size: 23px !important;
    vertical-align: middle;
    font-weight: 700
}

.emailSent {
    color: #2c8310
}

.emailUnsent {
    color: #ddb313
}

.emailFailure {
    color: red
}

.emailProcessing {
    color: #1955cb
}

.rz-autocomplete-input {
    height: 30px !important;
    padding: 10px !important
}

.rz-form-field-start {
    padding-top: 0 !important
}

.rz-autocomplete-items li:hover, .rz-autocomplete-list-item:hover, .rz-dropdown-item:hover :hover, .rz-dropdown-items li:hover, .rz-menuitem:hover, .rz-multiselect-item:hover, .rz-multiselect-items li:hover {
    transition: background 80ms linear !important;
    background-color: #f5f5f5 !important
}

.textRightSide {
    color: #b52964;
    font-size: 14px;
    font-weight: 600
}


@media (max-width: 768px) {
    .rz-header, .rz-footer, .rz-body {
        width: 100% !important;
    }
}


footer {
    width: 247px !important;
    position: absolute;
    bottom: 0;
    height: 35px;
    line-height: 35px;
}

.summaryBox {
    background-color: #fff;
    border-radius: 10px;
    padding: 10px;
    float: left;
    margin-top: 5px;
    border: 1px solid #cccccc40;
    margin-bottom: 5px;
}

.iconSummaryBoxDiv {
    float: left;
    position: relative;
    top: 9px;
}

.summaryBoxTop {
    width: 13.5rem;
    height: 66px;
    padding-top: 7px;
}

.boxTitle {
    font-size: 14px;
    font-weight: 600
}

p {
    padding: 0;
    margin: 0
}

.summaryBox a {
    font-size: 19px;
    color: #2b3674;
    font-weight: 700;
    text-decoration: none
}

.rz-body {
    background-color: #F4F7FE !important;
}

.circle {
    background-color: #f4f7fe;
    width: 36px !important;
    height: 35px !important;
    border-radius: 50px;
    border: 1px solid #cccccc2b;
    font-size: 17px !important;
    font-weight: bold !important;
}

.summaryBoxBigBox {
    width: 100%;
    height: 275px;
    position: relative
}

.warningCircle {
    background-color: #feefee;
    width: 56px;
    height: 56px;
    border-radius: 50px;
    border: 1px solid #ee5d5017;
    color: #ee5d50;
    font-size: 25px
}

.fontColor {
    color: #2b3674 !important;
    font-weight: 700;
    font-size: 18px
}

.fontColor_desc {
    color: #2b3674 !important;
    font-weight: 500;
    font-size: 14px
}

.shortcutIconText, table thead tr th {
    font-size: 15px;
    font-weight: 600
}

.table tbody tr td {
    font-size: 14px;
    font-weight: 600;
    height: 26px;
    color: #2b3674
}

b, strong {
    font-weight: 600
}

.title, .total {
    font-weight: 700
}

.title {
    font-size: 24px;
    margin-bottom: 10px
}

.total {
    font-size: 25px;
    margin: 20px 0
}

.chart {
    display: flex;
    height: 30px !important;
    margin-bottom: 20px
}

    .chart div {
        height: 100%;
        box-shadow: 4px 4px 5px 2px #cfc4c478
    }

.textWatermark {
    background-color: rgb(255 49 117)
}

.anticopy {
    background-color: rgb(253 97 148)
}

.printScreen {
    background-color: rgb(250 156 187)
}

.printWatermark {
    background-color: rgb(212 47 102)
}

.printWatermarkserver {
    background-color: rgb(212, 47, 135)
}

.slidingText {
    background-color: rgb(141 34 70)
}

.imageWatermark {
    background-color: rgb(43 54 116)
}

.processMonitor {
    background-color: rgb(57 183 254)
}

.screenDefender {
    background-color: rgb(197 223 255)
}

.qrCode {
    background-color: #ffcb2f
}


.textMark {
    background-color: rgb(148 189 127);
}

.imageMark {
    background-color: rgb(255 117 99);
}

.downloadMark {
    background-color: rgb(255 0 0);
}


.chart .colorData:first-of-type {
    border-radius: 5px 0 0 5px !important
}

.chart .colorData:last-of-type {
    border-radius: 0 5px 5px 0 !important
}

.legend {
    justify-content: space-around;
}

    .legend div {
        display: flex;
        align-items: center;
        font-size: 14px;
        float: left;
        padding-right: 0px;
        min-width: 200px;
    }

    .legend span {
        width: 15px;
        height: 15px;
        display: inline-block;
        margin-right: 5px
    }


.scroll-arrow, .scroll-arrow_2 {
    position: sticky;
    top: 35%;
    transform: translateY(-5%);
    background-color: #fff;
    color: #ef2970;
    z-index: 1;
    font-size: 24px;
    font-weight: 800;
    cursor: pointer;
    width: 40px !important;
    text-align: center
}

.scroll-arrow {
    border-radius: 50px;
    height: 32px;
    border: 1px solid #ccc;
    padding: 19px 12px 19px 19px
}

.scroll-arrow_2 {
    border-radius: 50px;
    height: 41px;
    border: 1px solid #ccc;
    padding: 19px
}

.scroll-arrow-left {
    left: 0;
    user-select: none;
}

.scroll-arrow-right {
    user-select: none;
    right: 0
}

.refrechButtonTop {
    position: absolute;
    cursor: pointer;
    float: right;
    right: 12px;
    top: 15px
}

.shortcutsIcons {
    width: 35px;
    height: 35px
}

.shortcutsContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    height: 90px
}

.shortcutsInner {
    flex: 1;
    text-align: center;
    margin: 10px
}

.cardTopSilder {
    float: left;
    margin-left: 5px
}

.chartContainer {
    font-size: 15px;
    padding-bottom: 0
}


.ActivityStreamContainer {
    width: 100%;
    overflow-y: scroll;
    min-height: 100px;
    max-height: 207px;
    overflow-x: hidden
}

.viewMoreDiv {
    text-align: center;
    width: 100%;
    position: relative;
    bottom: 5px
}

.viewMoreUrl {
    font-size: 15px !important;
    color: #020000 !important;
    font-weight: 300 !important
}

    .viewMoreUrl:hover {
        text-decoration: underline !important
    }

.viewMoreButtonTop {
    position: absolute;
    right: 40px;
    top: 15px;
    cursor: pointer !important
}

.disabled {
    color: #d3d3d366 !important;
}


.table > :not(caption) > * > * {
    padding: .3rem .3rem !important;
    border-bottom-width: 0px !important;
}

table thead tr th {
    color: rgb(163, 174, 208) !important;
}

.mb-3 {
    margin-bottom: 0.8rem !important;
}

.rz-fieldset-legend i:first-child {
    vertical-align: sub !important;
    font-size: 17px !important;
}

.rz-fieldset-legend > span {
    font-size: 15px !important;
    position: relative;
    left: 4px;
}



.containerDashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .containerDashboard div {
    }


@media screen and (max-width: 1400px) {
    .containerDashboard div {
        flex: 1 1 100%;
    }
}

@media screen and (max-width: 1295px) {
    .containerDashboard div {
        flex: 0 0 33%;
        column-gap: 1px;
        row-gap: 3px !important;
    }

    .rz-row {
        row-gap: 3px !important;
        column-gap: 9px !important;
    }
}

@media (max-width: 480px) {
    .containerDashboard div {
        flex: 1 1 100%;
    }

    .rz-row {
        box-sizing: border-box;
        flex-wrap: wrap;
        gap: 0px !important;
        row-gap: 0px !important;
    }
}

.summaryBoxTopWithoutLic {
    width: 24.5% !important;
}


@media only screen and (max-width: 1600px) {
    .containerDashboard div {
        flex: 20%;
        margin-left: 2px !important;
        margin-right: 2px !important;
    }

    .rz-row > .rz-col-lg-3 {
        max-width: calc(6*(100% - 11* var(--rz-gap)) / 12 + 5* var(--rz-gap)) !important;
        flex-basis: calc(6*(100% - 11* var(--rz-gap)) / 12 + 2* var(--rz-gap)) !important;
    }

    .rz-row > [class*=rz-col-] {
        flex: auto !important;
        width: 100%;
    }
}

.licenseActive {
    height: 35px;
    color: #01B574;
    font-size: 25px;
    vertical-align: top;
}

.licenseInactive {
    height: 35px;
    color: #EE2D6E !important;
    font-size: 25px;
    vertical-align: top;
}







/* Full Height Sidebar */
.radzen-sidebar {
    display: flex;
    flex-direction: column;
    height: 100vh; /* Full height */
}

/* Sidebar Container (Holds Menu & Footer) */
.sidebar-container {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    overflow: hidden; /* Prevents footer overlap */
}

/* Scrollable Sidebar Menu */
.sidebar-menu {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding-bottom: 32px;
}

/* Fixed Footer at Bottom */
.sidebar-footer {
    color: white;
    padding: 10px;
    text-align: center;
    width: 100%;
    padding-left: 0px;
    position: relative;
    bottom: 40px;
    z-index: 1000;
}


.rz-tabview-top:not(:first-child) {
    min-height: 500px;
}













.rz-color-box:last-child {
    display: none !important;
}

.rz-hue-and-alpha > .rz-alpha-picker {
    display: none !important;
}

.rz-hue-and-alpha {
    margin-top: auto !important;
    margin-bottom: auto !important;
}

.rz-colorpicker-popup {
    user-select: none !important;
}

.policyHover:hover {
    text-decoration: underline !important;
}

/*Password Masking*/
@font-face {
    font-family: 'password';
    font-style: normal;
    font-weight: 400;
    src: url(../font/password.ttf);
}

input.key {
    font-family: 'password';
    width: 100px;
    height: 16px;
}

.rz-tabview-nav li a, .rz-tabview-nav li a:not([href]):not([class]), .rz-tabview-nav li button {
    color: #333 !important;
    font-weight: 500 !important;
}



.rz-grid-table-striped tbody > tr.rz-datatable-emptymessage-row > td {
    background-color: transparent !important;
}



/* User Code Boxes - Start */

.signal-container {
    display: grid;
    grid-template-columns: repeat(6, 78px);
    gap: 14px;
}

.box {
    width: 60px;
    height: 60px;
    border: 2px solid #976777;
    background: #f9f9f9;
    position: relative;
    cursor: pointer;
    border-radius: 6px;
    transition: background 0.3s ease, transform 0.2s ease, height 0.3s ease, width 0.3s ease;
}
    /* Hover effect */
    .box:hover {
        transform: scale(1.05);
    }
    /* full */
    .box.full {
        background: #241f5c;
    }

    /* fill from bottom */
    .box.bottom::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: #241f5c;
    }
    /* Optional: click animation */
    .box:active {
        transform: scale(0.95);
    }

    /* fill from right */
    .box.right::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        height: 100%;
        background: #241f5c;
        /* Smooth fill animation */
        transition: width 0.3s ease, height 0.3s ease;
    }

/* User Code Boxes - End */