@font-face {
    font-family: 'ClashDisplay';
    src: url("fonts/ClashDisplay-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay';
    src: url("fonts/ClashDisplay-Regular.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplaySB';
    src: url("fonts/ClashDisplay-Semibold.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-status {
    width: .4em;
    height: 100%;
    display: block;
    position: relative;
     background: linear-gradient(92.97deg, #F2C32F 1.73%, #FFE467 93.12%) !important;
    padding: 0;
    margin: 0;
    border-radius: var(--dxbl-scheduler-border-radius);
    border: var(--dxbl-scheduler-border-width) var(--dxbl-scheduler-border-style) rgba(34, 34, 34, .125);
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-content {
    position: relative;
    overflow: hidden;
    height: 100%;
    border-radius: 5px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.dxbl-scheduler .dxbl-sc-apt .dxbl-apt-bg {
    opacity: .7;
    padding: 0;
    margin: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: unset !important;
    border-radius: var(--dxbl-scheduler-border-radius);
    border-width: var(--dxbl-scheduler-border-width);
    border-style: unset;
}
.dxbl-scheduler .dxbl-sc-apt-time {
    font-size: .6rem;
    font-weight: 300;
    opacity: .8;
}
.dxbl-scheduler .dxbl-sc-apt {
    position: absolute;
    font-size: .8em;
    z-index: 8;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.dxbl-scheduler .dxbl-sc-dayview {
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    overflow: hidden;
    border-radius: 8px;
}
.dxbl-scheduler {
    --dxbl-scheduler-font-family: clashdisplay;
    --dxbl-scheduler-font-size: 0.8rem;
    --dxbl-scheduler-background-color: unset;
    --dxbl-scheduler-border-color: rgb(50, 50, 50);
    --dxbl-scheduler-border-style: solid;
    --dxbl-scheduler-border-width: 1px;
    --dxbl-scheduler-border-radius: 0.125rem;
    --dxbl-scheduler-hour-cell-width: 3.5em;
    --dxbl-scheduler-minute-cell-font-size-ratio: 0.75;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: var(--dxbl-scheduler-background-color);
    border-radius: var(--dxbl-scheduler-border-radius);
    border: none;
    font-family: var(--dxbl-scheduler-font-family);
    font-size: var(--dxbl-scheduler-font-size);
}
    .dxbl-scheduler .dxbl-sc-apt .dxbl-sc-content-wrapper {
        padding: .2em .5em;
        width: 100%;
        background: linear-gradient(92.97deg, #F2C32F 1.73%, #FFE467 93.12%);
        color: black;
        font-family: 'ClashDisplaySB';
    }
.dxbl-scheduler .dxbl-sc-dayview .dxbl-sc-date-hr {
    padding-left: .4725rem;
    font-family: 'ClashDisplaySB';
    color: white;
}
.dxbl-scheduler .dxbl-sc-dayview .dxbl-sc-headers-scroll-area .dxbl-sc-headers-container .dxbl-sc-table.dxbl-sc-horizontal-view {
    border-top: var(--dxbl-scheduler-border-width) var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    border-bottom: var(--dxbl-scheduler-border-width) var(--dxbl-scheduler-border-style) var(--dxbl-scheduler-border-color);
    background: linear-gradient(180deg, #090926 0%, #0F0F0F 100%);
}
@font-face {
    font-family: 'ethnocentricRG';
    src: url("fonts/ethnocentric rg.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'ClashDisplay';
    src: url("fonts/ClashDisplay.ttf") format('truetype');
    font-weight: 400;
    font-style: normal;
}
.dx-tile:nth-child(3):last-child {
    grid-column: span 2;
}

xaf-navigation-click-helper {
    display: block;
    height: 100%;
    background: #090926 !important;
}
/* 4 players: make the fourth element in the second column */
.dx-tile:nth-child(4) {
    grid-column: 2;
}

xaf-navigation-click-helper.editor-button {
    position: absolute;
    left: calc(-1.0* var(--dxbl-btn-border-width, 1px));
    height: 100%;
    width: calc(100% + var(--dxbl-btn-border-width, 1px));
    margin: 0 !important;
    background: transparent !important;
}
/*body {
    font-family: "News Cycle","Arial Narrow Bold",sans-serif;*/
/*	font-family: 'ClashDisplay', sans-serif !important;
    font-weight: 300;*/
/*}*/
.xaf-toolbar-item-icon {
    /*filter: brightness(0) invert(1);*/
    /*fill:red;*/
}
/* Start Adnen modification*/
body {
    background: rgb(240, 242, 245);
}

.dx-toolbar {
    border-radius: 0.75rem;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.0625rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.0625rem;*/
    padding: 5px 15px 5px 10px;
}

.dxbl-grid {
    border-radius: 0.75rem;
    box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.0625rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.0625rem;
}
.header-left-side {
    min-width: 280px;
    width: 270px;
}
.dx-blazor-reporting .dxrd-preview.dxrd-designer-wrapper .dxrd-preview-parameters-wrapper .dxrd-preview-parameter-action {
    font-family: Helvetica, Arial, DejaVu Sans, Liberation Sans, Freesans, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 10px;
    height: 30px;
    vertical-align: middle;
    background: #0071BC;
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled).dxbl-active > .dxbl-accordion-item-content {
    /* background-color: #FFA800; */
    width: 260px;
    margin: auto;
    border-radius: 12px;
    position: relative;
    /* background-color: var(--dxbl-accordion-group-item-selection-bg, unset); */
    color: var(--dxbl-accordion-group-item-selection-color);
}
.dxbl-accordion .dxbl-accordion-group > .dxbl-accordion-group-body .dxbl-accordion-item-content .dxbl-accordion-group-expand-btn-container > .dxbl-btn > svg.dxbl-image {
    color: white;
    opacity: unset;
    width: 14px !important;
}
.accordion-first-item {
    /*background: linear-gradient(90deg, #F2C32F, #FFE467);*/
    border-radius: 16px !important;
    color: white !important;
    width: 260px;
    padding-left: 3px !important;
    margin: auto;
    height: 50px;
    /* left: 15px; */
}
.dxbl-accordion .dxbl-accordion-group > .dxbl-accordion-group-body .dxbl-accordion-item-content .dxbl-accordion-group-expand-btn-container > .dxbl-btn {
    position: relative;
    left: 200px;
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-color: unset;
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-border-hover-color: transparent;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-hover-background: transparent;
    --dxbl-btn-hover-color: $btn-hover-color;
}
.dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn {
    position: relative;
    left: 220px;
    margin: 0 calc(var(--dxbl-btn-padding-x)* -1);
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-color: var(--dxbl-group-header-btn-color);
    --dxbl-btn-bg: transparent;
    --dxbl-btn-border-color: transparent;
    --dxbl-btn-border-hover-color: transparent;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-border-radius: 50%;
    color:white;
}
.sidebar {
    min-width: 280px;
    width: 289px;
    /* border-radius: 0.75rem; */
    margin: 0px 0px 0px 0px;
    /* margin-left: 10px; */
    /* box-shadow: 0px 2px 8px 0px rgb(0 0 0 / 16%); */
    /* background: linear-gradient(195deg, #0F2027, #2C5364); */
    /* background: linear-gradient(192deg, #0F2027, rgb(90, 121, 237)); */
    background: #090926;
}
.chartItem {
    background: #F9F9FF;
    border-radius: 0.75rem;
    margin: 12px;
    /* padding-left: 10px; */
    /* padding-right: 10px; */
    /* padding: 10px; */
    padding-top: 10px;
}

.dx-accordion {
    padding: 2px;
    /*box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.0625rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.0625rem;*/
   /* border-radius: 0.75rem;
    background: #F9F9FF;*/
}

.text-muted {
    --bs-text-opacity: 1;
    color: white !important
}

.dx-accordion-item, .dx-accordion-item:last-child {
    border: none;
}
/* End Adnen modifiction*/

.about-info {
    font-size: 0.7rem;
    line-height: 0.9rem;
    color: white;
    /* opacity: .5; */
    /* color: white; */
}

.ActionRefreshDashboard {
    border: none;
    color: white;
    background-color: #0093E9;
    opacity: unset !important;
}


.dxbl-text-edit > .dxbl-btn > svg.dxbl-image {
    /*color: white;*/
}

.dxbl-text-edit > .dxbl-btn-group-vertical > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn-group > .dxbl-btn.dxbl-btn-icon + input[type=text], .dxbl-text-edit > .dxbl-btn.dxbl-btn-icon + input[type=text] {
    padding-left: 0;
    color: #0071BC;
}

.dxbl-accordion-group.dxbl-accordion-filter > .dxbl-accordion-group-header .dxbl-navigation-filter.dxbl-text-edit > .dxbl-btn-icon {
    padding-left: 0;
    color: rgb(21,21,21);
}

.dxbl-accordion-group:not(:first-child):not(:last-child), .dxbl-accordion-group:not(:first-child):not(:last-child) > .dxbl-accordion-group-header {
    border-radius: 0;
    background-color: #090926;
    border: none;
}

.dxbl-accordion-group:not(:first-child):last-child, .dxbl-accordion-group:not(:first-child):last-child > .dxbl-accordion-group-header {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    background-color: #090926;
    border: none;
}

.dxbl-accordion-items-container .dxbl-group-expand-btn, .xaf-tree-view .xaf-nav-item .btn-link {
    z-index: 5;
    /*color: #152A48;*/
    /*color: white;*/
}
.xaf-flex-auto {
    flex: auto;
    background-color :white ;
    width: 100%;
}
.logon-template-body .xaf-flex-auto {
    flex: auto;
    background: linear-gradient(90deg, #090926, #0F0F0F);
    width: 100%;
}
.dxbl-text-edit {
    --dxbl-text-edit-font-size: 0.8rem;
    --dxbl-text-edit-line-height: 1.4285;
    --dxbl-text-edit-bg: #fff;
    --dxbl-text-edit-color: #212529;
    --dxbl-text-edit-padding-x: 0.375rem;
    --dxbl-text-edit-padding-y: 0.25003125rem;
    --dxbl-text-edit-border-color: #EDEBFF;
    --dxbl-text-edit-border-style: solid;
    --dxbl-text-edit-border-width: 1px;
    --dxbl-text-edit-border-radius: 0.125rem;
    --dxbl-text-edit-box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
    --dxbl-text-edit-readonly-bg: unset;
    --dxbl-text-edit-readonly-color: #212529;
    --dxbl-text-edit-disabled-bg: unset;
    --dxbl-text-edit-disabled-color: #212529;
    --dxbl-text-edit-disabled-opacity: 60%;
    --dxbl-text-edit-btn-bg: transparent;
    --dxbl-text-edit-btn-color: #212529;
    --dxbl-text-edit-btn-image-color: unset;
    --dxbl-text-edit-btn-hover-bg: rgba(0, 0, 0, 0.05);
    --dxbl-text-edit-btn-hover-color: #212529;
    --dxbl-text-edit-btn-hover-image-color: unset;
    --dxbl-text-edit-btn-disabled-bg: unset;
    --dxbl-text-edit-btn-disabled-color: #212529;
    --dxbl-text-edit-btn-disabled-image-color: unset;
    --dxbl-text-edit-btn-padding-x: 0.375rem;
    --dxbl-text-edit-btn-padding-y: 0.25003125rem;
    --dxbl-text-edit-clear-btn-bg: unset;
    --dxbl-text-edit-clear-btn-color: unset;
    --dxbl-text-edit-clear-btn-hover-bg: unset;
    --dxbl-text-edit-clear-btn-hover-color: unset;
    --dxbl-text-edit-validation-valid-color: #10893e;
    --dxbl-text-edit-validation-invalid-color: #e81123;
    --dxbl-text-edit-validation-status-padding-x: 0.375rem;
    --dxbl-text-edit-validation-status-padding-y: 0.25003125rem;
    --dxbl-text-edit-validation-status-spacing: 0.125rem;
    background-color: var(--dxbl-text-edit-bg);
    border-radius: var(--dxbl-text-edit-border-radius);
    border: var(--dxbl-text-edit-border-width) var(--dxbl-text-edit-border-style) var(--dxbl-text-edit-border-color);
    -webkit-box-shadow: var(--dxbl-text-edit-box-shadow);
    box-shadow: var(--dxbl-text-edit-box-shadow);
    color: var(--dxbl-text-edit-color);
    font-size: var(--dxbl-text-edit-font-size);
    line-height: var(--dxbl-text-edit-line-height);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    padding: 0;
    position: relative;
    z-index: 0;
    --dxbl-text-edit-focus-shadow-color: rgba(254, 113, 9, 0.25);
    --dxbl-text-edit-focus-shadow-spread: 0px;
    --dxbl-text-edit-focus-shadow-blur: 0rem;
    --dxbl-text-edit-focus-border-color: #ffb884;
}
.dx-datagrid-nowrap, .dx-datagrid-nowrap .dx-header-row > td > .dx-datagrid-text-content {
    white-space: nowrap;
    font-family: 'ClashDisplaySB';
    font-size: 0.75rem;
    color: black;
}
.dx-datagrid-rowsview .dx-row {
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    font-family: 'ClashDisplay';
}
.header-right-side {
    background-color: white;
    margin-top: 15px;
    border-radius: 25px 0px 0px;
    border-bottom: solid 2px;
    border-color: #EDEBFF;
}
.dxbl-accordion-items-container .dxbl-group {
    border-radius: 0;
    border: none;
    background: unset;
}

.dxbl-btn-split > .dxbl-btn-tool.dxbl-btn-text-secondary > svg.dxbl-image, .dxbl-btn-tool.dxbl-btn-text-secondary > svg.dxbl-image {
    color: rgb(255,255,255);
    /* color: var(--dxbl-btn-image-color,var(--dxbl-image-color,currentcolor)); */
    opacity: var(--dxbl-btn-image-color,var(--dxbl-image-color,70%));
}

.dxbl-accordion-group:first-child:not(:last-child), .dxbl-accordion-group:first-child:not(:last-child) > .dxbl-accordion-group-header {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #090926;
}

#Vertical_navigation {
    transition-delay: 50ms !important;
}

.ActionLogOn {
    border-radius: 10px;
    font-size: 1.2rem;
    background: linear-gradient(90deg, #0071BC, #0705B2);
    font-family: ClashDisplaySB;
}

.dash-div-item {
    z-index: 999;
    cursor: pointer;
    color: #d7d7d7;
}

.header {
    z-index: 1030;
    /* margin: 10px 10px 0px 10px; */
    /* border-radius: 0.75rem; */
    min-height: 4.5rem;
    word-wrap: inherit;
    /* background-color: rgb(21, 21, 21); */
    font-family: ClashDisplay;
    /* background: linear-gradient(to right, #0F2027, #203A43, #2C5364); */
    /* background: linear-gradient(to right, #0F2027, rgb(90, 121, 237), #0F2027); */
    background-color: #090926;
}
.shadow-sm {
     -webkit-box-shadow: none !important; 
     box-shadow: none !important ; 
}
.dx-dashboard-container:not(.dx-dashboard-item-container) {
    text-align: left;
    margin-top: -20px;
}

.dx-accordion-item-opened {
    border-color: #ddd;
    border-left: none;
    border-right: none;
}

.dx-accordion-item-body {
    overflow: hidden;
    padding: 2px 1px 2px;
    font-size: 14px;
}

dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    display: inline;
    vertical-align: middle;
    text-overflow: ellipsis;
    font-size: 0.8rem;
    font-weight: 500;
    white-space: nowrap;
}

.dash-div-item:hover {
    /*  opacity: 0.7;*/
}

.dx-accordion-item-title {
    padding: 4px 12px;
    /* font-weight: 600; */
    font-size: 0.8rem;
    display: block;
    font-family: 'ethnocentricRG';
    color: #152A48;
}

.dash-div {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*.dx-datagrid-headers {
    color: inherit !important;
}*/

.dx-datagrid-rowsview .dx-row.dx-group-row:not(.dx-row-focused) {
    color: #0071BC !important;
    background-color: white;
    font-family: 'ClashDisplaySB';
}



.dx-widget {
    font-family: "News Cycle","Arial Narrow Bold",sans-serif !important;
}


.dash-div i {
    font-size: 26px;
}

.dash-caption {
    font-size: 14px;
    padding: 6px 0;
}

.DashboardsViewMainGroup .CardGroupContent, .dx-dashboard-item-container, .dx-dashboard-control, .DashboardsViewMainGroup .dx-dashboard-widget-container > .dx-dashboard-surface {
    background-color: transparent !important;
}

.dx-dashboard-item-container {
    box-shadow: none !important;
}

.dx-dashboard-property-grid .dx-accordion-item-title .dx-dashboard-accordion-title-content h5, .dx-overlay-wrapper, .dx-accordion-item-title, .dx-texteditor-input {
    /*color: unset !important;*/
}

.dx-button .dx-popup-wrapper > .dx-overlay-content {
    background-color: white !important;
}

.dx-gallery-indicator-item-active, .dx-gallery-indicator-item-selected {
    background: #F2C32F;
}

.dx-accordion-item.dx-state-hover > .dx-accordion-item-title {
    background-color: white;
}

.dx-gallery-indicator-item {
    border: 1px solid #F2C32F;
}

.dx-gallery-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* padding: 10px; */
    background: white;
    /* box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.0625rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.0625rem; */
    /* border-radius: 0.75rem; */
    /* white-space: unset; */
}

.MenuSectionClass {
    padding: 10px;
    box-shadow: rgba(0, 0, 0, 0.1) 0rem 0.25rem 0.375rem -0.0625rem, rgba(0, 0, 0, 0.06) 0rem 0.125rem 0.25rem -0.0625rem;
    border-radius: 0.75rem;
    background: white;
    width: 49.5%;
}

.dx-gallery-item-content {
    width: 100%;
    height: 100%;
    /*padding: 10px;*/
    display: -webkit-box;
    display: -ms-flexbox;
    display: block;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.dx-gallery-indicator {
    text-align: left;
}

.dx-gallery-item {
    display: inline-block;
    overflow: hidden;
    width: 100%;
    height: 100%;
    /* background: linear-gradient(90deg, #0071BC, #0705B2); */
    text-align: left;
    color: white;
    /* border-radius: 0.75rem; */
    /* font-family: 'ClashDisplaySB'; */
}
/*.dx-tile-content {
    height: 100%;
    padding: 0;
    position: relative;
    border-radius: 0px;
    padding: 10px 0;
}*/

.img-content {
    height: 50%;
}

.dx-tile-content .image {
    text-align: center;
    height: 100%;
}

.image2 {
    width: 50%;
    float: left;
}

.dx-tile {
    /* border-radius: 15px;*/
    float: left;
    border: none;
    margin-right: 2px;
    */ position: initial;
    /*margin-bottom: 10px;*/
    /*text-transform: uppercase;*/
}

.xaf-dashboard-container {
    width: 100%;
    border: none !important;
    height: 800px;
}

.dx-tile.dx-state-hover {
    opacity: 0.7;
    cursor: pointer;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content {
    white-space: nowrap;
    height: 100%;
    width: 100%;
    font-size: 0.75rem;
}

.nav-link {
    text-transform: uppercase;
    font-size: 0.75rem;
    font-weight: 500;
}

.dx-menu-base .dx-menu-item-content {
    padding: 2px 2px 2px;
}
/*.dx-menu .dx-menu-item-has-text.dx-menu-item-has-submenu .dx-menu-item-text {
    padding: 3px 19px 5px 5px;
    text-transform: uppercase;
    color: rgb(95,54,141);
    font-weight: 700;
    font-family: ClashDisplay;
}*/
/*.dx-tile-content .caption {
    font-family: ClashDisplay;
    font-weight: 700;
    color: white;
    text-align: center;
    width: 100%;*/
/*height: 0%;*/
/*position: absolute;*/
/*bottom: 10px;
}*/
.clickable-xaf-nav-item > a .xaf-nav-link, .clickable-xaf-nav-item > div > a .xaf-nav-link {
    text-decoration: none;
    /*font-family: 'ClashDisplay';*/
    font-family: 'ClashDisplay';
    size: 0.7rem;  
    /*color: white;*/
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item-content .dxbl-accordion-item-text-container.dxbl-accordion-item-text-tmpl > .dxbl-text {
    --dxbl-text-padding-x: 0;
    font-size: inherit;
    line-height: inherit;
    /*color: white;*/
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
}
.dxbl-accordion > nav > .dxbl-accordion-group .dxbl-accordion-item-text-container > .dxbl-image {
    /*visibility: hidden;*/
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled):not(.dxbl-active) {
    cursor: pointer;
    color: white;
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group):not(.dxbl-disabled):not(:disabled).dxbl-active > .dxbl-accordion-item-content {
    position: relative;
    background: linear-gradient(92.97deg, #F2C32F 1.73%, #FFE467 93.12%);
    color: black;
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group) > .dxbl-accordion-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    margin-left: 8px;
    /* font-family: 'ClashDisplay' !important; */
    color: #0071BC ;
    color: inherit;
}

.dxbl-accordion-group-header .xaf-nav-link {
    font-weight: 700;
    margin: 2px;
    text-transform: capitalize;
    font-size: 0.9rem;
    font-family: 'ClashDisplaySB';
}
.app .main > div.main-content:first-child {
    padding-top: 1rem;
    background-color: white;
}
.dxbl-group > .dxbl-group-header > .dxbl-btn.dxbl-group-expand-btn > svg.dxbl-image {
    width: 14px !important;
}
.dxbl-accordion .dxbl-accordion-group .dxbl-accordion-group-header > .dxbl-accordion-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
    position: relative;
    right: 27px;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    color: white;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.navigate-back-icon-container {
    color: white !important;
}

.btn-header {
    min-width: 2.25rem;
    min-height: 2.25rem;
    border: none;
    background-color: transparent;
    background-image: none;
    color: white;
    box-shadow: none;
}
/*.counter {
    width: 100%;
    float: left;
    font-weight: 300;
    color: white;
    text-align: center;
    font-size: xxx-large;
}*/
.xaf-image {
    color: #0071BC;
    flex-shrink: 0;
}
.progress-bar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
    color: var(--bs-progress-bar-color);
    text-align: center;
    white-space: nowrap;
    background-color: #0071BC;
    -webkit-transition: var(--bs-progress-bar-transition);
    -o-transition: var(--bs-progress-bar-transition);
    transition: var(--bs-progress-bar-transition);
}
.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header, .dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-footer {
    min-height: 48px;
    background-color: white;
}

.xaf-view-caption-lg {
    font-size: 0.9rem;
    font-weight: unset;
    font-family: ethnocentricRG;
    padding-bottom: 0.125rem;
    min-width: 150px;
    color: #1C1018;
}

.xaf-view-caption-sm {
    font-size: 0.9rem;
    line-height: 1.1rem;
    font-family: 'ClashDisplay';
    color: black;
}

.dxbl-text {
    --dxbl-text-font-family: ClashDisplay;
    font-weight: 800;
    /*color :white ;*/
    /*--dxbl-text-font-size: 0.9rem;*/
    --dxbl-text-line-height: inherit;
    --dxbl-text-padding-x: 0.375rem;
    --dxbl-text-padding-y: 0.25003125rem;
    --dxbl-text-border-color: transparent;
    --dxbl-text-border-style: solid;
    --dxbl-text-border-width: 1px;
    border: var(--dxbl-text-border-width) var(--dxbl-text-border-style) var(--dxbl-text-border-color);
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: var(--dxbl-text-font-family);
    font-size: var(--dxbl-text-font-size);
    line-height: var(--dxbl-text-line-height);
    padding: var(--dxbl-text-padding-y) var(--dxbl-text-padding-x);
    margin: 0;
}

.dx-menu-base .dx-menu-item .dx-menu-item-content .dx-menu-item-text {
    display: inline;
    font-family: ClashDisplaySB;
    vertical-align: middle;
    overflow: ellipsis;
    font-weight: 700;
    font-size: 0.7rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.theme-button {
    background-color: #F9F9FF;
    /* width: 50px; */
    /* color: red; */
    /* margin: 10px; */
    border-radius: 50%;
}
.account-button {
    background-color: #F9F9FF;
    /*width: 50px;*/
    /* color: red; */
    margin: 10px;
    border-radius: 50%;
}
.dxbl-btn.dxbl-btn-link, .dxbl-btn.dxbl-btn-outline-link, .dxbl-btn.dxbl-btn-text-link {
    --dxbl-btn-hover-color: var(--dxbl-btn-link-hover-color);
    --dxbl-btn-box-shadow: none;
    font-size: unset;
}
.grp-content {
    text-transform: uppercase;
    /*font-family: ClashDisplay;*/
    font-weight: 700;
    font-size: 0.875rem;
    padding: 5px;
    /*color: rgb(95,54,141);*/
}

.xaf-object-caption {
    font-size: 0.8rem;
    line-height: 1.3rem;
    font-family: 'ClashDisplaySB';
    color: black;
}
.dxbl-toolbar-dropdown.dxbl-dropdown-dialog .dxbl-toolbar-dropdown-item .dxbl-toolbar-menu-item .dxbl-dropdown-item.dxbl-btn, .dxbl-toolbar-dropdown.dxbl-dropdown-dialog .dxbl-toolbar-dropdown-item .dxbl-toolbar-menu-item .dxbl-dropdown-item.dxbl-btn-split > .dxbl-btn {
    --dxbl-btn-border-radius: 0;
    font-family: 'ClashDisplay';
    background: white;
    /* color: blueviolet; */
}
.dx-toolbar-button .dx-menu .dx-menu-item .dx-menu-item-content {
    padding-top: 7px;
    padding-bottom: 8px;
    line-height: 0;
    /*color: rgb(120, 120, 120);*/
    font-size: 0.8rem;
    font-family: ClashDisplay;
    /*text-transform: uppercase;*/
    font-weight: 800;
}

.toolbar-label {
    font-size: 0.9rem;
    font-weight: 900;
    font-family: ClashDisplay;
    color: rgb(21, 21, 21);
}

.back-trsp {
}

.dx-tile-content svg {
    -webkit-filter: brightness(100);
    -moz-filter: brightness(100);
    -o-filter: brightness(100);
    -ms-filter: brightness(100);
    filter: brightness(100);
    height: 100%;
}

.clear {
    display: block;
    clear: both;
    content: "";
}

h1 {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 18px;
    font-weight: 500;
}

.CardGroupContent {
    padding: 15px 30px !important;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    background-color: #0093E9 !important;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    content: "";
    position: absolute;
    z-index: 0;
    background-color: #0093E9;
    height: 2px;
    margin-bottom: -1px;
    bottom: 0;
    left: -1px;
    right: -1px;
}

element.style {
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: var(--dxbl-tabs-tab-selected-color);
    background-color: var(--dxbl-tabs-tab-selected-bg);
    border-color: var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-bg) var(--dxbl-tabs-tab-border-color);
    position: relative;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active {
    color: var(--dxbl-tabs-tab-selected-color);
    background-color: var(--dxbl-tabs-tab-selected-bg);
    border-color: var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-tab-border-color) var(--dxbl-tabs-bg) var(--dxbl-tabs-tab-border-color);
    position: relative;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-disabled):not(:disabled).dxbl-active {
    cursor: default;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-disabled):not(:disabled).dxbl-active, .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-disabled):not(:disabled).dxbl-active {
    cursor: default;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl), .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) {
    border-style: var(--dxbl-tabs-tab-border-style);
    border-color: transparent;
    border-width: var(--dxbl-tabs-tab-border-width);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-tabs-tab-padding-y) var(--dxbl-tabs-tab-padding-x);
    text-decoration: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl), .dxbl-tabs > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) {
    border-style: var(--dxbl-tabs-tab-border-style);
    border-color: transparent;
    border-width: var(--dxbl-tabs-tab-border-width);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: var(--dxbl-tabs-tab-padding-y) var(--dxbl-tabs-tab-padding-x);
    text-decoration: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.dxbl-scheduler .dxbl-sc-dayview .dxbl-sc-date-hr {
    padding-left: .4725rem;
    font-family: 'ClashDisplaySB';
 }
.dxbl-scheduler .dxbl-sc-table tr > td.dxbl-sc-hour-cell {
    font-family: 'ClashDisplaySB';
    color: white;
    border-right: 0;
    width: var(--dxbl-scheduler-hour-cell-width);
    text-align: right;
    white-space: nowrap;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    background-color: var(--dxbl-scheduler-background-color);
    z-index: 16;
}
.dxbl-scheduler .dxbl-sc-apt.dxbl-sc-horizontal-apt, .dxbl-scheduler .dxbl-sc-apt.dxbl-sc-vertical-apt {
    padding: 1px;
}
.dxbl-scheduler .dxbl-sc-vertical-view > tbody > tr > td {
    border-top: 0;
    /* background: white; */
    border-color: rgb(120, 120, 120);
    background: linear-gradient(180deg, #090926 0%, #0F0F0F 100%);
}
xaf-navigation-click-helper.editor-button, xaf-navigation-click-helper.editor-link {
    position: absolute;
    margin: 0 !important;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: unset !important;
}
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit, .dxbl-grid .dxbl-grid-table > tfoot > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit, .dxbl-grid .dxbl-grid-table > thead > tr.dxbl-grid-editor-inplace-container > td:not(.dxbl-grid-command-cell):not(.dxbl-grid-selection-cell) > .dxbl-text-edit {
    --dxbl-text-edit-border-radius: 0;
    --dxbl-text-edit-box-shadow: none;
    border-top: 0;
    border-bottom: 0;
    border-right: none;
    border-left: none;
    margin: calc(var(--dxbl-grid-editor-cell-padding-y)* -1) calc(var(--dxbl-grid-editor-cell-padding-x)* -1);
    position: relative;
    --dxbl-text-edit-bg: transparent;
}
.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item, .dxbl-tabs > ul > li > .dxbl-tabs-item {
    z-index: 0;
    color: inherit;
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn > .dxbl-image {
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    fill: rgb(101, 110, 125);
}
.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item, .dxbl-tabs > ul > li > .dxbl-tabs-item {
    z-index: 0;
    color: inherit;
}

a {
    color: #ff6c00;
    text-decoration: underline;
}

/*a {
    color: #ff6c00;
    text-decoration: underline;
}*/

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

*, ::after, ::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li, .dxbl-tabs > ul > li {
    list-style: none;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li, .dxbl-tabs > ul > li {
    list-style: none;
}

user agent stylesheet
li {
    text-align: -webkit-match-parent;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul, .dxbl-tabs > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    white-space: nowrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.dxbl-tabs > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul, .dxbl-tabs > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    white-space: nowrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

user agent stylesheet
ul {
    list-style-type: disc;
}

.dxbl-fl .dxbl-fl-gt .dxbl-tabs {
    --dxbl-tabs-color: var(--dxbl-fl-tab-group-color);
    --dxbl-tabs-bg: var(--dxbl-fl-tab-group-bg);
    --dxbl-tabs-font-size: var(--dxbl-fl-tab-group-font-size);
    --dxbl-tabs-line-height: var(--dxbl-fl-tab-group-line-height);
    --dxbl-tabs-padding-top: var(--dxbl-fl-tab-group-padding-top);
    --dxbl-tabs-padding-x: var(--dxbl-fl-tab-group-padding-x);
    --dxbl-tabs-bottom-border-color: var(--dxbl-fl-tab-group-bottom-border-color);
    --dxbl-tabs-bottom-border-style: var(--dxbl-fl-tab-group-bottom-border-style);
    --dxbl-tabs-bottom-border-width: var(--dxbl-fl-tab-group-bottom-border-width);
    --dxbl-tabs-tab-padding-x: var(--dxbl-fl-tab-group-tab-padding-x);
    --dxbl-tabs-tab-padding-y: var(--dxbl-fl-tab-group-tab-padding-y);
    --dxbl-tabs-tab-border-style: var(--dxbl-fl-tab-group-tab-border-style);
    --dxbl-tabs-tab-border-color: var(--dxbl-fl-tab-group-tab-border-color);
    --dxbl-tabs-tab-selected-bg: var(--dxbl-fl-tab-group-tab-selected-bg);
    --dxbl-tabs-tab-selected-color: var(--dxbl-fl-tab-group-tab-selected-color);
    --dxbl-tabs-tab-hover-color: var(--dxbl-fl-tab-group-tab-hover-color);
    --dxbl-tabs-tab-hover-bg: var(--dxbl-fl-tab-group-tab-hover-bg);
    --dxbl-tabs-image-spacing: var(--dxbl-fl-tab-group-image-spacing);
}

.dxbl-fl .dxbl-fl-gt .dxbl-tabs {
    --dxbl-tabs-color: var(--dxbl-fl-tab-group-color);
    --dxbl-tabs-bg: var(--dxbl-fl-tab-group-bg);
    --dxbl-tabs-font-size: var(--dxbl-fl-tab-group-font-size);
    --dxbl-tabs-line-height: var(--dxbl-fl-tab-group-line-height);
    --dxbl-tabs-padding-top: var(--dxbl-fl-tab-group-padding-top);
    --dxbl-tabs-padding-x: var(--dxbl-fl-tab-group-padding-x);
    --dxbl-tabs-bottom-border-color: var(--dxbl-fl-tab-group-bottom-border-color);
    --dxbl-tabs-bottom-border-style: var(--dxbl-fl-tab-group-bottom-border-style);
    --dxbl-tabs-bottom-border-width: var(--dxbl-fl-tab-group-bottom-border-width);
    --dxbl-tabs-tab-padding-x: var(--dxbl-fl-tab-group-tab-padding-x);
    --dxbl-tabs-tab-padding-y: var(--dxbl-fl-tab-group-tab-padding-y);
    --dxbl-tabs-tab-border-style: var(--dxbl-fl-tab-group-tab-border-style);
    --dxbl-tabs-tab-border-color: var(--dxbl-fl-tab-group-tab-border-color);
    --dxbl-tabs-tab-selected-bg: var(--dxbl-fl-tab-group-tab-selected-bg);
    --dxbl-tabs-tab-selected-color: var(--dxbl-fl-tab-group-tab-selected-color);
    --dxbl-tabs-tab-hover-color: var(--dxbl-fl-tab-group-tab-hover-color);
    --dxbl-tabs-tab-hover-bg: var(--dxbl-fl-tab-group-tab-hover-bg);
    --dxbl-tabs-image-spacing: var(--dxbl-fl-tab-group-image-spacing);
}

.dxbl-tabs {
    --dxbl-tabs-color: #212529;
    --dxbl-tabs-bg: #fff;
    --dxbl-tabs-font-family: inherit;
    --dxbl-tabs-font-size: 0.875rem;
    --dxbl-tabs-line-height: 1.4285;
    --dxbl-tabs-padding-top: 0;
    --dxbl-tabs-padding-x: 0;
    --dxbl-tabs-bottom-border-color: #ced4da;
    --dxbl-tabs-bottom-border-style: solid;
    --dxbl-tabs-bottom-border-width: 2px;
    --dxbl-tabs-tab-padding-x: 1rem;
    --dxbl-tabs-tab-padding-y: 0.25rem;
    --dxbl-tabs-tab-border-style: solid;
    --dxbl-tabs-tab-border-color: transparent;
    --dxbl-tabs-tab-border-width: 1px;
    --dxbl-tabs-tab-selected-bg: unset;
    --dxbl-tabs-tab-selected-color: #00cd98;
    --dxbl-tabs-tab-hover-color: inherit;
    --dxbl-tabs-tab-hover-bg: unset;
    --dxbl-tabs-image-spacing: 0.375rem;
    --dxbl-tabs-scroll-btn-color: unset;
    --dxbl-tabs-scroll-btn-hover-color: unset;
    --dxbl-tabs-scroll-btn-disabled-color: unset;
    color: var(--dxbl-tabs-color);
    font-family: var(--dxbl-tabs-font-family);
    font-size: var(--dxbl-tabs-font-size);
    line-height: var(--dxbl-tabs-line-height);
    background-color: var(--dxbl-tabs-bg);
    padding: var(--dxbl-tabs-padding-top) var(--dxbl-tabs-padding-x) 0 var(--dxbl-tabs-padding-x);
    border-bottom: var(--dxbl-tabs-bottom-border-width) var(--dxbl-tabs-bottom-border-style) var(--dxbl-tabs-bottom-border-color);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dxbl-tabs {
    --dxbl-tabs-color: #212529;
    --dxbl-tabs-bg: #fff;
    --dxbl-tabs-font-family: inherit;
    --dxbl-tabs-font-size: 0.875rem;
    --dxbl-tabs-line-height: 1.4285;
    --dxbl-tabs-padding-top: 0;
    --dxbl-tabs-padding-x: 0;
    --dxbl-tabs-bottom-border-color: #ced4da;
    --dxbl-tabs-bottom-border-style: solid;
    --dxbl-tabs-bottom-border-width: 2px;
    --dxbl-tabs-tab-padding-x: 1rem;
    --dxbl-tabs-tab-padding-y: 0.25rem;
    --dxbl-tabs-tab-border-style: solid;
    --dxbl-tabs-tab-border-color: transparent;
    --dxbl-tabs-tab-border-width: 1px;
    --dxbl-tabs-tab-selected-bg: unset;
    --dxbl-tabs-tab-selected-color: #00cd98;
    --dxbl-tabs-tab-hover-color: inherit;
    --dxbl-tabs-tab-hover-bg: unset;
    --dxbl-tabs-image-spacing: 0.375rem;
    --dxbl-tabs-scroll-btn-color: unset;
    --dxbl-tabs-scroll-btn-hover-color: unset;
    --dxbl-tabs-scroll-btn-disabled-color: unset;
    color: var(--dxbl-tabs-color);
    font-family: var(--dxbl-tabs-font-family);
    font-size: var(--dxbl-tabs-font-size);
    line-height: var(--dxbl-tabs-line-height);
    background-color: var(--dxbl-tabs-bg);
    padding: var(--dxbl-tabs-padding-top) var(--dxbl-tabs-padding-x) 0 var(--dxbl-tabs-padding-x);
    border-bottom: var(--dxbl-tabs-bottom-border-width) var(--dxbl-tabs-bottom-border-style) var(--dxbl-tabs-bottom-border-color);
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: var(--dxbl-fl-item-spacing-x);
    --dxbl-row-item-spacing-y: var(--dxbl-fl-item-spacing-y);
}

.dxbl-fl .dxbl-row {
    --dxbl-row-item-spacing-x: var(--dxbl-fl-item-spacing-x);
    --dxbl-row-item-spacing-y: var(--dxbl-fl-item-spacing-y);
}
.dx-menu .dx-menu-horizontal .dx-menu-item-popout {
    font: 30px / 12px DXIcons;
    text-align: center;
}
.dxbl-row {
    --dxbl-row-item-spacing-x: 1.5rem;
    --dxbl-row-item-spacing-y: 0.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--dxbl-row-item-spacing-y));
    margin-right: calc(-.5 * var(--dxbl-row-item-spacing-x));
    margin-left: calc(-.5 * var(--dxbl-row-item-spacing-x));
}

.dxbl-row {
    --dxbl-row-item-spacing-x: 1.5rem;
    --dxbl-row-item-spacing-y: 0.75rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--dxbl-row-item-spacing-y));
    margin-right: calc(-.5 * var(--dxbl-row-item-spacing-x));
    margin-left: calc(-.5 * var(--dxbl-row-item-spacing-x));
}

.dxbl-fl {
    --dxbl-fl-font-family: inherit;
    --dxbl-fl-font-size: 0.875rem;
    --dxbl-fl-line-height: 1.4285;
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
    --dxbl-fl-caption-font-weight: 400;
    --dxbl-fl-caption-color: rgba(33, 37, 41, 0.75);
    --dxbl-fl-item-spacing-x: 1.5rem;
    --dxbl-fl-item-spacing-y: 0.75rem;
    --dxbl-fl-group-border-radius: 6px;
    --dxbl-fl-group-color: #212529;
    --dxbl-fl-group-bg: #fff;
    --dxbl-fl-group-font-size: 0.875rem;
    --dxbl-fl-group-line-height: 1.4285;
    --dxbl-fl-group-spacing-y: 1.5rem;
    --dxbl-fl-group-header-bg: unset;
    --dxbl-fl-group-header-color: inherit;
    --dxbl-fl-group-header-padding-x: 0.75rem;
    --dxbl-fl-group-header-padding-y: 0.3125rem;
    --dxbl-fl-group-header-border-radius: 5px;
    --dxbl-fl-group-header-font-size: 1.14286em;
    --dxbl-fl-group-header-line-height: 1.2499343752;
    --dxbl-fl-group-header-font-weight: 400;
    --dxbl-fl-group-header-image-spacing: 0.5rem;
    --dxbl-fl-group-header-btn-bg: transparent;
    --dxbl-fl-group-header-btn-color: unset;
    --dxbl-fl-group-header-btn-hover-bg: unset;
    --dxbl-fl-group-header-btn-hover-color: unset;
    --dxbl-fl-group-header-spacing: 0.625rem;
    --dxbl-fl-group-content-padding-x: 0.75rem;
    --dxbl-fl-group-content-padding-y: 0.75rem;
    --dxbl-fl-tab-group-bg: #fff;
    --dxbl-fl-tab-group-color: #212529;
    --dxbl-fl-tab-group-padding-top: 0;
    --dxbl-fl-tab-group-padding-x: 0;
    --dxbl-fl-tab-group-font-size: 0.875rem;
    --dxbl-fl-tab-group-line-height: 1.4285;
    --dxbl-fl-tab-group-image-spacing: 0.375rem;
    --dxbl-fl-tab-group-bottom-border-color: #ced4da;
    --dxbl-fl-tab-group-bottom-border-style: solid;
    --dxbl-fl-tab-group-bottom-border-width: 2px;
    --dxbl-fl-tab-group-content-color: #212529;
    --dxbl-fl-tab-group-content-font-size: 0.875rem;
    --dxbl-fl-tab-group-content-line-height: 1.4285;
    --dxbl-fl-tab-group-content-padding-x: 0.75rem;
    --dxbl-fl-tab-group-content-padding-y: 0.75rem;
    --dxbl-fl-tab-group-tab-padding-x: 1rem;
    --dxbl-fl-tab-group-tab-padding-y: 0.25rem;
    --dxbl-fl-tab-group-tab-border-style: solid;
    --dxbl-fl-tab-group-tab-selected-color: #0093E9;
    --dxbl-fl-tab-group-tab-border-color: transparent;
}

.dxbl-modal > .dxbl-modal-root > .dxbl-popup > .dxbl-modal-content > .dxbl-modal-header {
    cursor: default;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    /*background: linear-gradient(to right, #0F2027, rgb(90, 121, 237), #0F2027);*/
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: var(--dxbl-popup-header-font-size);
    line-height: var(--dxbl-popup-header-line-height);
    font-weight: var(--dxbl-popup-header-font-weight);
    border-bottom: var(--dxbl-popup-border-width) var(--dxbl-popup-border-style) var(--dxbl-popup-border-color);
    padding: var(--dxbl-popup-header-padding-y) var(--dxbl-popup-header-padding-x);
    position: relative;
    background-color: white;
    color: var(--dxbl-popup-header-color);
}

.dxbl-grid-header-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    font-family: 'ClashDisplay';
    display: flex;
    -webkit-box-align: center;
    /* opacity: .7 !important; */
    font-size: 0.7rem;
    /* text-transform: uppercase; */
    color: rgb(101,111,125);
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    font-weight: var(--dxbl-grid-header-font-weight);
}
.dxbl-grid .dxbl-grid-table > tbody > tr > td, .dxbl-grid .dxbl-grid-table > tbody > tr > th, .dxbl-grid .dxbl-grid-table > tfoot > tr > td, .dxbl-grid .dxbl-grid-table > tfoot > tr > th, .dxbl-grid .dxbl-grid-table > thead > tr > td, .dxbl-grid .dxbl-grid-table > thead > tr > th {
    font-family: var(--dxbl-grid-font-family);
    font-size: var(--dxbl-grid-font-size);
    line-height: var(--dxbl-grid-line-height);
    border-color: inherit;
    border-style: inherit;
    border-width: 0;
    border-top-width: var(--dxbl-grid-border-width);
    border-left-width: 0px;
    vertical-align: middle;
}
.dxbl-grid {
    --dxbl-grid-font-family: ClashDisplaySB;
    --dxbl-grid-font-size: 0.7rem;
    --dxbl-grid-line-height: 1.4285;
    --dxbl-grid-min-width: 240px;
    --dxbl-grid-bg: #fff;
    --dxbl-grid-color: #212529;
    --dxbl-grid-border-color: #EDEBFF;
    --dxbl-grid-border-style: solid;
    --dxbl-grid-border-width: 1px;
    --dxbl-grid-border-radius: 0.125rem;
    --dxbl-grid-highlighted-text-bg: yellow;
    --dxbl-grid-highlighted-text-color: #212529;
    --dxbl-grid-empty-data-container-padding-x: 1.5rem;
    --dxbl-grid-empty-data-container-padding-y: 3rem;
    --dxbl-grid-text-cell-padding-x: 0.375rem;
    --dxbl-grid-text-cell-padding-y: 0.25003125rem;
    --dxbl-grid-editor-cell-padding-x: 0.375rem;
    --dxbl-grid-editor-cell-padding-y: 0.25003125rem;
    --dxbl-grid-group-panel-container-padding-x: 1rem;
    --dxbl-grid-group-panel-container-padding-y: 0.75rem;
    --dxbl-grid-group-panel-container-spacing: 0.5rem;
    --dxbl-grid-group-panel-header-padding-x: 0.75rem;
    --dxbl-grid-group-panel-header-padding-y: 0.25003125rem;
    --dxbl-grid-group-panel-header-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.12);
    --dxbl-grid-group-indent-cell-width: 1.875rem;
    --dxbl-grid-search-box-container-width: 17rem;
    --dxbl-grid-search-box-container-padding-x: 1rem;
    --dxbl-grid-search-box-container-padding-y: 0.75rem;
    --dxbl-grid-empty-header-panel-padding-x: 1rem;
    --dxbl-grid-empty-header-panel-padding-y: 0.5rem;
    --dxbl-grid-edit-form-padding-x: 1rem;
    --dxbl-grid-edit-form-padding-y: 1rem;
    --dxbl-grid-inplace-edit-border-width: 2px;
    --dxbl-grid-detail-cell-padding-x: 1.75rem;
    --dxbl-grid-detail-cell-padding-y: 1.75rem;
    --dxbl-grid-expand-btn-bg: transparent;
    --dxbl-grid-expand-btn-color: unset;
    --dxbl-grid-expand-btn-hover-bg: unset;
    --dxbl-grid-expand-btn-hover-color: unset;
    --dxbl-grid-expand-btn-padding-x: 0.25003125rem;
    --dxbl-grid-expand-btn-padding-y: 0.25003125rem;
    --dxbl-grid-header-font-weight: 600;
    --dxbl-grid-header-bg: white;
    --dxbl-grid-header-spacing: 0.375rem;
    --dxbl-grid-footer-font-weight: 700;
    --dxbl-grid-footer-bg: unset;
    --dxbl-grid-footer-color: inherit;
    --dxbl-grid-group-footer-font-weight: 600;
    --dxbl-grid-group-footer-bg: unset;
    --dxbl-grid-group-footer-color: inherit;
    --dxbl-grid-selection-bg: unset;
    --dxbl-grid-selection-color: inherit;
    --dxbl-grid-focus-bg: unset;
    --dxbl-grid-focus-color: #fff;
    --dxbl-grid-selection-focus-bg: unset;
    --dxbl-grid-selection-focus-color: #fff;
    --dxbl-grid-touch-bg: unset;
    --dxbl-grid-touch-color: inherit;
    background-color: var(--dxbl-grid-bg);
    border-radius: var(--dxbl-grid-border-radius);
    border: var(--dxbl-grid-border-width) var(--dxbl-grid-border-style) var(--dxbl-grid-border-color);
    color: var(--dxbl-grid-color);
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    font-family: var(--dxbl-grid-font-family);
    font-size: var(--dxbl-grid-font-size);
    line-height: var(--dxbl-grid-line-height);
    min-width: var(--dxbl-grid-min-width);
    width: 100%;
}

.dxbl-toolbar {
    --dxbl-toolbar-font-family: ClashDisplaySB;
    --dxbl-toolbar-font-size: 0.75rem;
    --dxbl-toolbar-line-height: 1.4285;
    --dxbl-toolbar-bg: transparent;
    --dxbl-toolbar-color: #212529;
    --dxbl-toolbar-separator-width: 1px;
    --dxbl-toolbar-separator-color: #ced4da;
    --dxbl-toolbar-title-color: inherit;
    --dxbl-toolbar-title-font-size: 1.14286em;
    --dxbl-toolbar-title-line-height: 1.2499343752;
    --dxbl-toolbar-title-font-weight: 600;
    --dxbl-toolbar-title-padding-x: 0.375rem;
    --dxbl-toolbar-title-padding-y: 0;
    --dxbl-toolbar-group-spacing: 0.5rem;
    --dxbl-toolbar-item-spacing: 0.1875rem;
    --dxbl-toolbar-group-large-spacing: calc(0.5rem* 2);
    --dxbl-toolbar-item-large-spacing: calc(0.1875rem* 2);
    --dxbl-toolbar-btn-bg: white;
    --dxbl-toolbar-btn-color: #0071BC;
    --dxbl-toolbar-btn-image-color: unset;
    --dxbl-toolbar-btn-border-color: #0071BC;
    --dxbl-toolbar-btn-border-style: solid;
    --dxbl-toolbar-btn-border-width: 1px;
    --dxbl-toolbar-btn-border-radius: 0.5rem;
    --dxbl-toolbar-btn-hover-bg: unset;
    --dxbl-toolbar-btn-hover-color: inherit;
    --dxbl-toolbar-btn-hover-image-color: unset;
    --dxbl-toolbar-btn-active-bg: unset;
    --dxbl-toolbar-btn-active-color: inherit;
    --dxbl-toolbar-btn-active-image-color: unset;
    --dxbl-toolbar-btn-active-hover-bg: unset;
    --dxbl-toolbar-btn-active-hover-color: inherit;
    --dxbl-toolbar-btn-active-hover-image-color: unset;
    --dxbl-toolbar-btn-disabled-bg: #F9F9FF;
    --dxbl-toolbar-btn-disabled-color: #0071BC;
    --dxbl-toolbar-btn-disabled-image-color: unset;
    --dxbl-toolbar-btn-padding-x: 0.375rem;
    --dxbl-toolbar-btn-padding-y: 0.25003125rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--dxbl-toolbar-bg);
    color: var(--dxbl-toolbar-color);
    font-family: var(--dxbl-toolbar-font-family);
    font-size: var(--dxbl-toolbar-font-size);
    line-height: var(--dxbl-toolbar-line-height);
}
.dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group.dxbl-toolbar-btn-ellipsis > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary, .dxbl-btn-toolbar > .dxbl-toolbar-item > .dxbl-btn.dxbl-btn-secondary > .dxbl-btn.dxbl-btn-secondary {
    --dxbl-btn-bg: #fff;
    --dxbl-btn-disabled-bg: #fff;
    --dxbl-btn-border-color: #0071BC;
    --dxbl-btn-disabled-border-color: #0071BC;
    --dxbl-btn-disabled-background: none;
    --dxbl-btn-color: #212529;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-root-bg: #fff;
    --dxbl-btn-hover-color: #212529;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-hover-background: none;
    --dxbl-btn-active-color: #212529;
    --dxbl-btn-active-bg: transparent;
    --dxbl-btn-active-background: none;
    --dxbl-btn-disabled-color: #212529;
    --dxbl-btn-focus-shadow-color: rgba(254, 113, 9, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
    --dxbl-btn-hover-border-color: #ced4da;
    --dxbl-btn-active-border-color: #ced4da;
    /*border-radius: 50%;*/
    color: #0071BC;
    border: none;
     /*margin: 10px;*/ 
    background: #EDEBFF;
}
    .dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn.dxbl-btn.dxbl-btn-secondary, .dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn > .dxbl-btn-split > .dxbl-btn.dxbl-btn-secondary, .dxbl-toolbar > .dxbl-btn-toolbar .dxbl-toolbar-btn > .dxbl-btn.dxbl-btn-secondary {
        --dxbl-btn-bg: var(--dxbl-toolbar-btn-bg);
        --dxbl-btn-color: var(--dxbl-toolbar-btn-color);
        --dxbl-btn-image-color: var(--dxbl-toolbar-btn-image-color);
        --dxbl-btn-disabled-bg: var(--dxbl-toolbar-btn-disabled-bg);
        --dxbl-btn-disabled-color: var(--dxbl-toolbar-btn-disabled-color);
        --dxbl-btn-disabled-image-color: var(--dxbl-toolbar-btn-disabled-image-color);
        --dxbl-btn-disabled-background: none;
        --dxbl-btn-disabled-opacity: 1;
        font-weight: 800;
    }
.dxbl-btn dxbl-btn-secondary dxbl-btn-last
{
    border-radius:50%
}

.dxbl-fl .dxbl-fl-cpt {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-weight: 700;
    color: var(--dxbl-fl-caption-color);
    margin: 0;
    padding-left: 0;
}

.dxbl-text-edit > input, .dxbl-text-edit > textarea {
    background-color: transparent;
    border: 0;
    border-radius: var(--dxbl-text-edit-border-radius);
    color: inherit;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    /* font-size: 0.75rem; */
    flex-grow: 1;
    font-weight: 600;
    font-size: 0.75rem;
    line-height: inherit;
    padding: var(--dxbl-text-edit-padding-y) var(--dxbl-text-edit-padding-x);
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
}

.dxbl-fl .dxbl-fl-cpt {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    font-weight: 600;
    font-size: 0.75rem;
    color: var(--dxbl-fl-caption-color);
    margin: 0;
    padding-left: 0;
}

.badgeScheduler {
    top: 6px;
    z-index: 10;
    position: initial;
    display: block;
    padding: 0.5em 0.5em;
    font-size: .75em;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    right: 285px;
}
.view-caption-root {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
}
.parametrized-action-wrapper {
    border-radius: 0.75rem;
    border-color: #0071BC;
    /*width: unset;*/
}
.parametrized-action-wrapper {
    /*width: 100px;*/
}
.dx-accordion-item-title .dx-icon {
    width: 16px;
    height: 16px;
    background-position: 0 0;
    background-size: 16px 16px;
    padding: 0;
    font-size: 16px;
    text-align: center;
    line-height: 16px;
    display: inline-block;
    /* color: rgb(90, 121, 237); */
}

.dxbl-fl {
    --dxbl-fl-font-family: inherit;
    --dxbl-fl-font-size: 0.875rem;
    --dxbl-fl-line-height: 1.4285;
    --dxbl-fl-padding-x: 0;
    --dxbl-fl-padding-y: 0;
    --dxbl-fl-caption-font-weight: 400;
    --dxbl-fl-caption-color: rgba(33, 37, 41, 0.75);
    --dxbl-fl-item-spacing-x: 1.5rem;
    --dxbl-fl-item-spacing-y: 0.75rem;
    --dxbl-fl-group-border-radius: 6px;
    --dxbl-fl-group-color: #212529;
    --dxbl-fl-group-bg: #fff;
    --dxbl-fl-group-font-size: 0.875rem;
    --dxbl-fl-group-line-height: 1.4285;
    --dxbl-fl-group-spacing-y: 1.5rem;
    --dxbl-fl-group-header-bg: unset;
    --dxbl-fl-group-header-color: inherit;
    --dxbl-fl-group-header-padding-x: 0.75rem;
    --dxbl-fl-group-header-padding-y: 0.3125rem;
    --dxbl-fl-group-header-border-radius: 5px;
    --dxbl-fl-group-header-font-size: 1.14286em;
    --dxbl-fl-group-header-line-height: 1.2499343752;
    --dxbl-fl-group-header-font-weight: 400;
    --dxbl-fl-group-header-image-spacing: 0.5rem;
    --dxbl-fl-group-header-btn-bg: transparent;
    --dxbl-fl-group-header-btn-color: unset;
    --dxbl-fl-group-header-btn-hover-bg: unset;
    --dxbl-fl-group-header-btn-hover-color: unset;
    --dxbl-fl-group-header-spacing: 0.625rem;
    --dxbl-fl-group-content-padding-x: 0.75rem;
    --dxbl-fl-group-content-padding-y: 0.75rem;
    --dxbl-fl-tab-group-bg: #fff;
    --dxbl-fl-tab-group-color: #212529;
    --dxbl-fl-tab-group-padding-top: 0;
    --dxbl-fl-tab-group-padding-x: 0;
    --dxbl-fl-tab-group-font-size: 0.875rem;
    --dxbl-fl-tab-group-line-height: 1.4285;
    --dxbl-fl-tab-group-image-spacing: 0.375rem;
    --dxbl-fl-tab-group-bottom-border-color: white;
    --dxbl-fl-tab-group-bottom-border-style: solid;
    --dxbl-fl-tab-group-bottom-border-width: 2px;
    --dxbl-fl-tab-group-content-color: #212529;
    --dxbl-fl-tab-group-content-font-size: 0.875rem;
    --dxbl-fl-tab-group-content-line-height: 1.4285;
    --dxbl-fl-tab-group-content-padding-x: 0.75rem;
    --dxbl-fl-tab-group-content-padding-y: 0.75rem;
    --dxbl-fl-tab-group-tab-padding-x: 1rem;
    --dxbl-fl-tab-group-tab-padding-y: 0.25rem;
    --dxbl-fl-tab-group-tab-border-style: solid;
    --dxbl-fl-tab-group-tab-border-color: transparent;
    --dxbl-fl-tab-group-tab-selected-bg: unset;
    --dxbl-fl-tab-group-tab-selected-color: rgb(90, 121, 237);
    --dxbl-fl-tab-group-tab-hover-bg: unset;
    --dxbl-fl-tab-group-tab-hover-color: inherit;
    font-family: var(--dxbl-fl-font-family);
    font-size: var(--dxbl-fl-font-size);
    line-height: var(--dxbl-fl-line-height);
    padding: var(--dxbl-fl-padding-y) var(--dxbl-fl-padding-x);
}
.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active::after {
    content: "";
    position: absolute;
    z-index: 0;
    background-color: rgb(90, 121, 237);
}
.xaf-caption-icon-container {
     background: rgba(var(--bs-body-color-rgb), 5%); 
     width: unset; 
     height: unset; 
    display: flex;
    /* justify-content: center; */
    align-items: center;
    border-radius: 18px;
    margin-right: unset;
    visibility: hidden;
}
.dx-datagrid-headers {
    color: #959595;
    font-weight: 800;
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom;
    border-bottom: 1px solid #ddd;
    display: flex;
    -webkit-box-align: center;
    opacity: .7 !important;
    font-size: 0.6rem;
    /*text-transform: uppercase;*/
    color: #67748e;
}
.dx-datagrid .dx-column-indicators .dx-header-filter.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-header-filter.dx-sort, .dx-datagrid .dx-column-indicators .dx-sort.dx-header-filter, .dx-datagrid .dx-column-indicators .dx-sort.dx-sort {
    display: inline-block;
    font-size: 0.6rem;
}
.dx-widget {
    /*display: block;*/
    -ms-content-zooming: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: none;
    -webkit-touch-callout: none;
    /*padding: 0;*/
    outline: 0;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color: #333;
    font-weight: 400;
    font-size: 0.65rem;
    font-family: ClashDisplay;
    line-height: 1.35715;
}
.dx-list-item-content {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: table-cell;
    width: 100%;
    color: black;
    font-family: 'ClashDisplay';
    background: white;
    font-size: 0.8rem;
}
.dx-button-mode-outlined {
    background-color: transparent;
    border-color: transparent;
    color: #333;
}
.dx-datagrid {
    color: #333;
    background-color: #fff;
    line-height: inherit;
    font-weight: 600;
    font-size: 0.8rem;
}
.cell-selected {
    opacity: 0.5;
    background-color: rgb(90, 121, 237)!important
}
.dx-button-has-icon .dx-icon {
    width: 12px;
    height: 12px;
    font-size: 0.7rem;
    margin-right: 0;
    margin-left: 0;
}
.dxEditCue .dx-icon {
    color: white;
}
.dx-menu .dx-menu-horizontal .dx-menu-item-popout::before {
    content: "\f001";
    position: absolute;
    display: block;
    width: 18px;
    top: 50%;
    margin-top: -5px;
    left: 50%;
    margin-left: -9px;
    color: #FFA800;
}
.dxbl-btn-primary {
    --dxbl-btn-bg: #00cd98;
    --dxbl-btn-border-color: #00cd98;
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: #00cd98;
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #00cd98;
    --dxbl-btn-hover-bg: #00cd98;
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: #00cd98;
    --dxbl-btn-disabled-bg: #00cd98;
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: #00cd98;
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: #00cd98;
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}
.dxbl-checkbox {
    --dxbl-checkbox-font-family: inherit;
    --dxbl-checkbox-font-size: 0.875rem;
    --dxbl-checkbox-line-height: 1.4285;
    --dxbl-checkbox-border-width: 1px;
    --dxbl-checkbox-border-style: solid;
    --dxbl-checkbox-border-color: transparent;
    --dxbl-checkbox-spacing: 0.5rem;
    --dxbl-checkbox-disabled-opacity: 60%;
    --dxbl-checkbox-check-element-size: 1.25rem;
    --dxbl-checkbox-check-element-checked-color: #fff;
    --dxbl-checkbox-check-element-checked-bg: #00cd98;
    --dxbl-checkbox-indeterminate-element-disabled-bg: #fff;
    --dxbl-checkbox-check-element-disabled-color: #fff;
    --dxbl-checkbox-check-element-disabled-bg: unset;
    --dxbl-checkbox-check-element-unchecked-bg: #fff;
    --dxbl-checkbox-check-element-unchecked-hover-bg: #fff;
    --dxbl-checkbox-check-element-unchecked-border-color: unset;
    --dxbl-checkbox-check-element-unchecked-hover-border-color: unset;
    --dxbl-checkbox-check-element-unchecked-border-width: 2px;
    --dxbl-checkbox-switch-checked-bg: #00cd98;
    --dxbl-checkbox-switch-unchecked-bg: unset;
    --dxbl-checkbox-switch-unchecked-hover-bg: unset;
    --dxbl-checkbox-switch-element-bg: #fff;
    --dxbl-checkbox-switch-element-unchecked-bg: #fff;
    --dxbl-checkbox-switch-element-disabled-bg: #fff;
    --dxbl-checkbox-switch-width: 2.125rem;
    --dxbl-checkbox-switch-height: 1rem;
    --dxbl-checkbox-radio-bg: #fff;
    --dxbl-checkbox-radio-hover-bg: #fff;
    --dxbl-checkbox-radio-border-width: 2px;
    --dxbl-checkbox-radio-checked-border-color: #00cd98;
    --dxbl-checkbox-radio-unchecked-border-color: unset;
    --dxbl-checkbox-radio-unchecked-hover-border-color: unset;
    --dxbl-checkbox-radio-unchecked-check-bg: #fff;
    --dxbl-checkbox-radio-size: 1.25rem;
    --dxbl-checkbox-radio-check-bg: #00cd98;
    --dxbl-checkbox-radio-check-size: 0.625rem;
    --dxbl-checkbox-radio-check-readonly-bg: #fff;
    --dxbl-checkbox-radio-readonly-alhpa: 60%;
    --dxbl-checkbox-validation-valid-color: #10893e;
    --dxbl-checkbox-validation-invalid-color: #e81123;
    --dxbl-checkbox-check-element-readonly-bg: #fff;
    --dxbl-checkbox-check-element-readonly-border-color: unset;
    --dxbl-checkbox-check-element-readonly-border-width: 2px;
    --dxbl-checkbox-check-element-checked-hover-bg: #cb5a07;
    --dxbl-checkbox-switch-checked-hover-bg: #cb5a07;
    --dxbl-checkbox-radio-checked-hover-bg: #cb5a07;
    --dxbl-checkbox-radio-checked-hover-border-color: #cb5a07;
    --dxbl-checkbox-checked-focus-shadow-color: rgba(254, 113, 9, 0.5);
    --dxbl-checkbox-checked-focus-shadow-spread: 0.125rem;
    --dxbl-checkbox-checked-focus-shadow-blur: 0rem;
    --dxbl-checkbox-unchecked-focus-shadow-color: rgba(254, 113, 9, 0.5);
    --dxbl-checkbox-unchecked-focus-shadow-spread: 0.125rem;
    --dxbl-checkbox-unchecked-focus-shadow-blur: 0rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: var(--dxbl-checkbox-font-family);
    font-size: var(--dxbl-checkbox-font-size);
    line-height: var(--dxbl-checkbox-line-height);
    border: var(--dxbl-checkbox-border-width) solid var(--dxbl-checkbox-border-color);
}
.dxbl-btn.dxbl-grid-filter-menu-funnel-btn.dxbl-grid-filter-menu-funnel-btn-filled {
    --dxbl-btn-hover-color: #00cd98;
    --dxbl-btn-color: #00cd98;
}
.dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn-split > .dxbl-btn.dxbl-btn-text-secondary, .dxbl-btn-toolbar > .dxbl-btn.dxbl-btn-text-secondary {
    /* --dxbl-btn-color: white; */
    --dxbl-btn-disabled-opacity: 1;
    font-family: 'ClashDisplay';
    --dxbl-btn-box-shadow: none;
    --dxbl-btn-hover-color: #212529;
    --dxbl-btn-hover-bg: transparent;
    --dxbl-btn-hover-background: none;
    --dxbl-btn-active-color: #212529;
    --dxbl-btn-active-bg: transparent;
    --dxbl-btn-active-background: none;
    --dxbl-btn-disabled-color: #212529;
    --dxbl-btn-focus-shadow-color: rgba(254, 113, 9, 0.5);
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
    --dxbl-btn-hover-border-color: transparent;
    --dxbl-btn-active-border-color: transparent;
}
.dxbl-accordion {
    --dxbl-accordion-group-font-size: 0.875rem;
    --dxbl-accordion-group-line-height: 1.4285;
    --dxbl-accordion-group-border-radius: 4px;
    --dxbl-accordion-group-border-width: 1px;
    --dxbl-accordion-group-border-color: #d2d2d2;
    --dxbl-accordion-group-header-font-size: 1rem;
    --dxbl-accordion-group-header-line-height: 1.25;
    --dxbl-accordion-group-header-padding-x: 0.75rem;
    --dxbl-accordion-group-header-padding-y: 0.3125rem;
    --dxbl-accordion-group-header-text-padding-y: 0.25rem;
    --dxbl-accordion-group-header-border-radius: 3px;
    --dxbl-accordion-group-header-bg: unset;
    --dxbl-accordion-group-header-color: inherit;
    --dxbl-accordion-group-header-hover-bg: unset;
    --dxbl-accordion-group-header-hover-color: inherit;
    --dxbl-accordion-group-header-selected-bg: unset;
    --dxbl-accordion-group-header-selected-color: inherit;
    --dxbl-accordion-group-item-font-size: 0.875rem;
    --dxbl-accordion-group-item-line-height: 1.4285;
    --dxbl-accordion-group-item-spacing: 0.375rem;
    --dxbl-accordion-group-item-content-padding-x: 0.75rem;
    --dxbl-accordion-group-item-text-padding-y: 0.25003125rem;
    --dxbl-accordion-group-item-content-indent: 1.875rem;
    --dxbl-accordion-group-item-btn-color: unset;
    --dxbl-accordion-group-item-btn-bg: transparent;
    --dxbl-accordion-group-item-btn-hover-color: inherit;
    --dxbl-accordion-group-item-btn-hover-bg: unset;
    --dxbl-accordion-group-item-hover-bg: unset;
    --dxbl-accordion-group-item-hover-color: inherit;
    --dxbl-accordion-group-item-selection-bg: #0071BC;
    --dxbl-accordion-group-item-selection-color: white;
    --dxbl-accordion-filter-content-bg-color: yellow;
    --dxbl-accordion-filter-content-color: #212529;
}
accordion-group .dxbl-accordion-item:not(.dxbl-accordion-group) > .dxbl-accordion-item-content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
    position: relative;
    color: inherit;
    margin-left: 8px;
    color: #0071BC;
    /* margin-left: 5px; */
    /* font-family: 'ClashDisplay' !important; */
    /* opacity: 0.7; */
    /* color: red !important; */
}
.dxbl-scroll-viewer .dxbl-scroll-viewer-hor-scroll-bar > .dxbl-scroll-viewer-scroll-thumb, .dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar > .dxbl-scroll-viewer-scroll-thumb {
    background-color: #edce5a;
    opacity: .5;
    border-radius: 0.1rem;
    cursor: default;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font-family: 'ClashDisplay';
    font-size: inherit;
    line-height: inherit;
}
.dx-dropdownlist-popup-wrapper .dx-empty-message, .dx-dropdownlist-popup-wrapper .dx-list-item {
    border-top: 0;
    font-size: 0.7rem;
    font-weight: 700;
}
.dxbl-group {
    --dxbl-group-border-width: 1px;
    --dxbl-group-border-color: #EDEBFF;
    --dxbl-group-border-radius: 6px;
    --dxbl-group-color: #212529;
    --dxbl-group-bg: #fff;
    --dxbl-group-font-family: inherit;
    --dxbl-group-font-size: 0.875rem;
    --dxbl-group-line-height: 1.4285;
    --dxbl-group-header-line-height: 1.2499343752;
    --dxbl-group-header-font-size: 1.14286em;
    --dxbl-group-header-padding-x: 0.75rem;
    --dxbl-group-header-padding-y: 0.3125rem;
    --dxbl-group-header-spacing: 0.625rem;
    --dxbl-group-header-bg: white;
    --dxbl-group-header-color: inherit;
    --dxbl-group-header-font-weight: 400;
    --dxbl-group-header-border-radius: 5px;
    --dxbl-group-header-btn-bg: transparent;
    --dxbl-group-header-btn-color: unset;
    --dxbl-group-header-btn-hover-bg: unset;
    --dxbl-group-header-btn-hover-color: unset;
    position: relative;
    z-index: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    word-wrap: break-word;
    background-color: var(--dxbl-group-bg);
    color: var(--dxbl-group-color);
    border: var(--dxbl-group-border-width) solid var(--dxbl-group-border-color);
    border-radius: var(--dxbl-group-border-radius);
    font-family: var(--dxbl-group-font-family);
    font-size: var(--dxbl-group-font-size);
    line-height: var(--dxbl-group-line-height);
}
.dx-toast-custom {
    /*background-color: #F05B41;*/
    color: white;
    border-radius: 10px;
    padding: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dxbl-progress-bar {
    --dxbl-progress-bar-thickness: 0.25rem;
    --dxbl-progress-bar-indicator-color: #0071BC;
    --dxbl-progress-bar-track-height: 100%;
    --dxbl-progress-bar-track-width: 100%;
    --dxbl-progress-bar-border-radius: 0.125rem;
    --dxbl-progress-bar-label-space: 0.75em;
    --dxbl-progress-bar-label-gap: 0.375rem;
    --dxbl-progress-bar-label-line-height: 1.25rem;
    --dxbl-progress-bar-label-font-size: 0.875rem;
    --dxbl-progress-bar-indeterminate-animation-length: 2s;
    --dxbl-progress-bar-icon-width: 1rem;
    --dxbl-progress-bar-track-color: #0071BC;
    --dxbl-progress-bar-track-opacity: 0.3;
    --dxbl-progress-bar-indeterminate-animation: unset;
    --dxbl-progress-bar-indeterminate-height: unset;
    --dxbl-progress-bar-indeterminate-width: unset;
    --dxbl-progress-bar-indeterminate-transform-origin: unset;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    visibility: hidden;
}
.labelprogress {
    margin: auto;
    font-family: ClashDisplay;
    display: flex;
    width: 100%;
}
.webcam-maindiv {
    font-family: ClashDisplay
}
.webcam-image {
    padding: 5px;
    margin: 2px;
    display: flex;
    font-family: ClashDisplay;
}
.webcam-mainBtn {
    margin: 5px;
    font-family: ClashDisplay;
    display: grid;
    width: 100%;
}
@media (max-width: 575.98px) {
    .header-left-side {
        width: auto;
        min-width: auto;
        background: white;
        min-width: unset !important;
        width: unset !important;
    }
    .header {
        z-index: 1030;
        /* margin: 10px 10px 0px 10px; */
        /* border-radius: 0.75rem; */
        min-height: 4.5rem;
        word-wrap: inherit;
        /* background-color: rgb(21, 21, 21); */
        font-family: ClashDisplay;
        /* background: linear-gradient(to right, #0F2027, #203A43, #2C5364); */
        /* background: linear-gradient(to right, #0F2027, rgb(90, 121, 237), #0F2027); */
        background-color: white;
    }
    .gallery_image {
        position: absolute;
        top: 50%;
        /* bottom: 0; */
        right: -4px;
        margin: auto;
        transform: translateY(-50%);
        /* padding-right: 0; */
        /* margin-top: 15px; */
        /* position: relative; */
        /* height: 162px !important; */
        /* width: 78px; */
        /* font-family: 'ClashDisplaySB'; */
        /* font-weight: 600; */
        /* top: 6px; */
        /* color: #2C5364; */
    }
}
.dxbl-accordion .dxbl-accordion-filter > .dxbl-accordion-group-header .dxbl-navigation-filter.dxbl-text-edit > input {
    margin-left: var(--dxbl-accordion-group-item-spacing);
    color: #0078d7;
}
.xaf-tab-header-button {
    align-items: center;
    background-color: transparent;
    border: none;
    box-shadow: none !important;
    color: var(--dxbl-tabs-color);
    display: flex;
    outline-color: var(--dxbl-btn-focus-outline-color);
    outline-offset: var(--dxbl-btn-focus-outline-size);
    outline-width: var(--dxbl-btn-focus-outline-size);
    padding: 0;
    -webkit-box-shadow: none !important;
    font-family: 'ethnocentricRG';
    font-size: 0.7rem;
}