.tag-dropdown-style {
    padding-left: 0.5em;
    border-radius: 0.3em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    color: #fff !important;
}
.tourCoachTabContainer {
    margin-top: 20px;
}
.dxbs-sc-resources-scroll-area{
    width:250px !important;
}
.dxbs-sc-empty-cell{
    width:250px !important;
}
.scheduler-appointment {
    overflow: hidden;
    border-radius: 5px;
    margin-top: 5px;
    border: 1px black solid;
    font-family: Verdana;
    text-align: center;
    color: white;
    font-size: 15px;
    text-overflow:clip;
    height:30px !important;
}
.scheduler-button {
    margin: 15px;
    border: 1px solid black;
    padding: 5px;
    border-radius: 10px;
    font-weight: bold;
}
/*Scheduler Styling*/
.scheduler-resnavigator-container{

}
.resnavigator-container{
    display: inline-block;
    width: 100%;
}
.resnavigator-title{
    width:100%;
float:left;
margin-bottom:15px;
}
.resnavigator-tree {
    width:60%;
    float: left;
}
.scheduler-container{

}

.shaded-cell {
    background: repeating-linear-gradient(330deg, #a0a0a0, #a0a0a0 5px, #cbcbcb 5px, #cbcbcb 10px);
}

.resnavigator-datefilter-container {
    float: left;
    width:40%;
}
.dxsc-v-resource-header{
    font-size: 10px;
    font-family: Verdana;
    text-wrap: nowrap;
}
.scheduler-top-node{
    list-style-type: disc;
    -webkit-columns: 4;
    -moz-columns: 4;
    columns: 4;
    margin-bottom:50px;
}
.scheduler-group-text {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #000; /* Black text */
    background-color: #ff3333; /* Red background */
    border: none;
    border-radius: 5px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: background-color 0.3s ease;
}
.scheduler-group-text:hover {
    background-color: #cc0000; /* Darker red on hover */
}

dxbl-scheduler .dxbs-sc-timeline .dxbs-sc-horizontal-view > tbody > tr:not(:first-child) > td, dxbl-scheduler .dxbs-sc-timeline .dxbs-sc-resource-headers > tbody > tr > td 
{
    min-height: 50px;
    height: auto;
}

dxbs-sc-apt dxbs-sc-horizontal-apt {
   margin: 5px;
}

@media (min-width: 1001px) {
    .dxbl-grid .dxbl-grid-edit-form .dxbl-row {
        width: min(100%, calc(100vw - 372px));
    }
}

@media (max-width: 1000px) {
    .dxbl-grid .dxbl-grid-edit-form .dxbl-row {
        width: min(100%, calc(100vw - 116px));
    }
}

.main {
    overflow-x: unset
}

.card {
    border-radius: .25rem;
    box-shadow: none !important;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    overflow-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
    border: 1px solid var(--bs-border-color, var(--bs-gray-400, #ced4da));
}


dxbl-scheduler .dxsc-main-container {
    overflow: clip;
}

.dxbs-sc-timeline > div:first-child {
    position: sticky;
    top: 56px;
    background: white;
    z-index: 200;
}

.zoom35 .dxbs-sc-timeline > div:first-child {
    position: sticky;
    top: 160px;
    background: white;
    z-index: 200;
}

.zoom50 .dxbs-sc-timeline > div:first-child {
    position: sticky;
    top: 111px;
    background: white;
    z-index: 200;
}

.zoom75 .dxbs-sc-timeline > div:first-child {
    position: sticky;
    top: 74px;
    background: white;
    z-index: 200;
}

dxbl-scheduler .dxbs-sc-month, dxbl-scheduler .dxbs-sc-timeline {
    overflow: clip;
}

.zoom35 .dxbl-arrow 
{
    display: none !important;
}

.zoom35 {
    zoom: 35%;
    font-size: 20px;
}

.zoom35 .scheduler-appointment {
    font-size: 20px;
    width: 285.71%; /*remove if zoom rendering ever gets fixed*/
    margin-left: 7.8px; /*remove if zoom rendering ever gets fixed*/
}

.zoom35 .dxsc-v-resource-header {
    font-size: 24px;
}

.zoom50 {
    zoom: 50%;
    font-size:20px;
}

.zoom50 .scheduler-appointment {
    font-size: 20px;
    width: 200%; /*remove if zoom rendering ever gets fixed*/
    margin-left: 4px; /*remove if zoom rendering ever gets fixed*/
}

.zoom35 .dxbs-sc-tb-wrapper 
{
   zoom: 285%;
}

.zoom35 .scheduler-appointment {
    font-size: 28px;
    height: 38px !important;
}

dxbl-scheduler .table-bordered th, .table-bordered td {
    border-color: black;
}


.zoom50 .dxbs-sc-tb-wrapper {
    zoom: 200%;
}

.zoom75 .dxbs-sc-tb-wrapper {
    zoom: 133.33%;
}

.zoom50 .dxsc-v-resource-header {
    font-size: 20px;
}


.zoom75 {
    zoom: 75%;
    font-size: 16px;
}

.zoom75 .scheduler-appointment {
    font-size: 16px;
    width: 133.33%; /*remove if zoom rendering ever gets fixed*/
    margin-left: 1.3px; /*remove if zoom rendering ever gets fixed*/
}

.zoom75 .dxsc-v-resource-header {
    font-size: 15px;
}


.zoom100 {
    zoom: 100%;
    font-size: 14px;
}

.zoom100 .scheduler-appointment {
    font-size: 15px;
}

.zoom100 .dxsc-v-resource-header {
    font-size: 10px;
}

.card .card {
    padding: .5rem .5rem;
}

.helptext {
    font-weight: 900;
    color: #459745;
    font-size:16px;
}

dxbl-scheduler .dxbl-scroll-viewer > .dxbl-scroll-viewer-content {
    overflow-y: hidden;
}

dxbl-scheduler .dxbl-scroll-viewer > .dxbl-scroll-viewer-vert-scroll-bar {
    display: none !important;
}

/*DEMO BANNER CSS for MainLayout*/
.demo-banner {
    font-size: 24px;
    background-color: #000000;
    color: #ff0000;
    width: 300px;
    text-align: center;
    border-radius: 15px;
    font-weight: BOLD;
}

.pre-wrap {
    white-space: pre-wrap;
}

.loadpanel-200{
    height:200px;
}

.grid-modified-cell {
    background-color: var(--success) !important;
}

.top-row {
    border-bottom: 1px solid var(--bs-border-color, var(--bs-gray-400, #ced4da));
}

.title {
    font-size: var(--dxbl-toolbar-title-font-size);
    line-height: var(--dxbl-toolbar-title-line-height);
    font-weight: var(--dxbl-toolbar-title-font-weight);
    margin: auto 0;
}

.dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    padding: .5rem;
    flex-wrap: nowrap;
}

.dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable {
    border-radius: .25rem .25rem 0 0;
    border: 1px solid var(--dxbl-tabs-tab-border-color);
    background: var(--background-color,var(--bs-body-bg, var(--dxbl-body-bg, inherit)));
}

.main {
    background: var(--light);
    min-height: 100vh;
}

.toolbar {
    padding: .5rem .5rem;
    margin-bottom: 1rem;
}

.toolbarGrid {
    padding: .5rem .5rem;
    margin-bottom: 1rem;
}

.dxbl-toolbar > .dxbl-btn-toolbar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    --dxbl-btn-toolbar-separator-width: var(--dxbl-toolbar-separator-width);
    --dxbl-btn-toolbar-separator-color: var(--dxbl-toolbar-separator-color);
    --dxbl-btn-toolbar-spacing: var(--dxbl-toolbar-group-spacing);
}

.dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn-split:not(.dxbl-btn-last), .dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn:not(.dxbl-btn-last), .dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn-split:not(.dxbl-btn-last), .dxbl-btn-toolbar:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn:not(.dxbl-btn-last), .dxbl-btn-toolbar > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn-split:not(.dxbl-btn-last), .dxbl-btn-toolbar > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn:not(.dxbl-btn-last), .dxbl-btn-toolbar > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn-split:not(.dxbl-btn-last), .dxbl-btn-toolbar > .dxbl-adaptive-container-content:not(.dxbl-btn-plain-toolbar) > .dxbl-btn-group > .dxbl-toolbar-item:not(:last-child) > .dxbl-btn:not(.dxbl-btn-last) {
margin-right: 5px;
}


.gridTitle {
    color: var(--dxbl-toolbar-title-color);
    font-size: var(--dxbl-toolbar-title-font-size);
    line-height: var(--dxbl-toolbar-title-line-height);
    font-weight: var(--dxbl-toolbar-title-font-weight);
    padding: 0 var(--dxbl-toolbar-title-padding-x);
}

.dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator {
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0;
    background-color: var(--dxbl-btn-toolbar-separator-color);
    margin-right: var(--dxbl-btn-toolbar-spacing);
}

.dxbl-fl .dxbl-fl-cpt:not(.dxbl-fl-caption-tmpl) 
{
        padding: var(--dxbl-fl-caption-padding-top) var(--dxbl-fl-caption-padding-x) var(--dxbl-fl-caption-padding-bottom) var(--dxbl-fl-caption-padding-left);
        font-weight: bold;
}

.dxbl-tabs-content > .card:first-of-type 
{
    border-top: none;
    border-radius: 0 0 .25rem 0;
}

.dxbl-tabs > .dxbl-tabs-tablist.dxbl-tabs-tablist-scrollable > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul {
    border-bottom: none;
    border-radius: .25rem .25rem 0 0;
}

.dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl), .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl) 
{
    border-left: none;
    border-right: none;
    border-top: none;
}

.dxbl-tabs.dxbl-tabs-top > .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, .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active 
{
    border-bottom: 2px solid var(--dxbl-tabs-tab-selected-color);
    font-weight: bold;
}

.dxbl-tabs.dxbl-tabs-top > .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:not(.dxbl-disabled):not(:disabled):hover, .dxbl-tabs.dxbl-tabs-top > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-disabled):not(:disabled).dxbl-active:not(.dxbl-disabled):not(:disabled):hover {
    border-bottom: 2px solid var(--dxbl-tabs-tab-selected-color);
    font-weight: bold;
}

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

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover {
    border-bottom: 2px solid var(--dxbl-tabs-tab-border-color);
    position: relative;
    font-weight: bold;
}

.dxbl-tabs > .dxbl-tabs-tablist > .dxbl-scroll-viewer > .dxbl-scroll-viewer-content > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover::before, .dxbl-tabs > .dxbl-tabs-tablist > ul > li > .dxbl-tabs-item:not(.dxbl-tabs-tmpl):not(.dxbl-active):not(.dxbl-disabled):not(:disabled):not(.dxbl-disabled):not(:disabled):hover::before {
    background: var(--background-color) !important;
}

.dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator, .dxbl-btn-toolbar > .dxbl-adaptive-container-content.dxbl-btn-plain-toolbar > .dxbl-btn-group > .dxbl-btn-group:not(.dxbl-btn-group-first) > .dxbl-toolbar-group-separator {
    height: var(--dxbl-btn-toolbar-separator-height);
    width: var(--dxbl-btn-toolbar-separator-width);
    margin: var(--dxbl-btn-toolbar-separator-margin-y) 0;
    background-color: var(--dxbl-btn-toolbar-separator-color);
    margin-right: var(--dxbl-btn-toolbar-spacing);
}

.dxbl-drawer-body {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.sidebar {
    width: 100%;
    height: 100%;
    min-height: unset;
    box-shadow: none;
}

.dxbl-drawer {
    background: var(--light);
}

input 
{
    color: inherit !important;
}


@media (min-width: 576px) {
    .dxbl-modal > .dxbl-modal-root > .dxbl-popup:not(.dxbl-popup-resized):not(.dxbl-popup-fixed-width) {
        width: fit-content;
        max-width: 60vw;
    }
}

.globalListBox 
{
    height: unset;
    min-height: 200px !important;
    max-height: 500px !important;
}

.ssGlobalGroupHeader {

}

.dxbl-list-box-group-item {
    background: #566573;
    color: white;
    width: 100%;
    margin: auto;
}

.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div > .dxbl-btn,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div > .dxbl-btn-group,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div > .dxbl-toolbar-item,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div > .dxbl-toolbar-item > .dxbl-btn,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive .dxbl-virtual-toolbar > div > .dxbl-toolbar-item > .dxbl-btn-group,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn-group,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-toolbar-item,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-toolbar-item > .dxbl-btn,
.fixed-top .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-toolbar-item > .dxbl-btn-group {
    margin: auto 0;
}

@media (min-width: 100px) {
    app {
        
    }

    .sidebar {
        width: 240px;
        min-height: unset;
        height: unset;
        padding-bottom: 100px;
        position: sticky;
        display: flex;
        flex-flow: column nowrap;
    }

        .sidebar .footer, .sidebar-right .footer {
            display: block !important;
        }

    .main .footer {
        display: none;
    }

    .sidebar > div {
        flex: 1 1 auto;
    }

    #settingsbar {
        height: 100vh;
        position: fixed;
    }

    .main > div {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    .sidebar > .logo-container {
        justify-content: flex-start !important;
    }
}

.dxbl-grid 
{
    min-width: unset !important;
}

.sidebar-right {
    box-shadow: unset;
    right: unset;
    padding: unset;
    top:37px;
    background-color: unset;
}

.horizonal-logo 
{
    height: 56px;
}

@media (max-width: 992px) {
    .main {
        min-height: calc(100vh - 56px);
    }

}

.ticker {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    height: auto;
    position: relative;
    min-width: 0;
    overflow-wrap: break-word;
    background-clip: border-box;
    border-radius: 0.25rem;
}

.ticker .icon-wrapper {
        border-radius: 50%;
        display: flex;
        flex: 0 0 3rem;
        height: 3rem;
        justify-content: center;
        align-items: center;
    }

.ticker .title {
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-bottom: 0.5rem;
}

.ticker .middle
{
  flex: 1 1;
}

.ticker .total 
{
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 600;
}

.ticker .percentage {
    align-items: center;
    align-self: flex-start;
    border-radius: 999px;
    display: flex;
    font-size: 0.8rem;
    font-weight: 600;
    line-height: 1.2rem;
    padding: 0.25rem 0.5rem 0.25rem 0.125rem;
}

.ticker .icon-wrapper {
    border-radius: 50%;
    display: flex;
    flex: 0 0 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
}

.ticker .negative {
    color: var(--danger);
}

.ticker .positive {
    color: var(--success);
}

.ticker .info {
    color: var(--info);
}

.ticker .tone-bg {
    background-color: color-mix(in sRGB, currentColor 12%, transparent);
}

.sidebar-right .footer 
{
    bottom:20px;
}

@media (max-width: 999.98px) {
    .top-row {
         position: sticky !important; 
    }
}

.dxbl-adaptive-ellipsis-state-default {
    margin: auto;
}

_:-webkit-full-screen, _::-webkit-full-page-media, _:future, :root .main {
    margin-left: 0 !important;
}

/* Neutralize the Safari-only CSS hack overrides */
@supports (-webkit-touch-callout: none) {
    @media (min-width: 1000px) {
        :root .main {
            margin-left: 0 !important;
        }

            :root .main .top-row {
                position: static !important;
            }

        :root .sidebar {
            position: static !important;
        }
    }
}