html, body {
    height: 100%;
}

app {
    display: block;
    height: 100%;
}

.header-logo {
    flex-shrink: 0;
    background-color: white;
    -webkit-mask: url('../images/AcurGymLogo.svg');
    mask: url('../images/AcurGymLogo.svg');
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    width: 180px;
    height: 24px;
}
.dxbl-grid.height600 {
    height: 800px;
    /*max-height: 600px;*/
}
#blazor-error-ui {
    background: inherit;
    bottom: 0;
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 100001;
}

.static-image-container {
    /* text-align: center; */
    height: 20px;
    /* width: 120px !important; */
    /* display: block; */
    top: -196px;
    position: relative;
    margin: auto;
}

.loading-image {
    width: 100px;
}

.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb),var(--bs-bg-opacity)) !important;
}

.caption-container {
    display: flex;
    top: 8px;
    margin-left: 8px;
    position: relative;
}

.filterbyglobalschoolyear {
    border-radius: 0.75rem;
    background: #F9F9FF;
    color: #0071BC;
    font-family: 'ClashDisplaySB';
    /* text-align: center; */
    border: none;
    /*width: 130px;*/
}

.btn-icon {
    border-radius: 50%
}

:root {
    --bs-blue: rgb(90, 121, 237);
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #e81123;
    --bs-orange: rgb(90, 121, 237);
    --bs-yellow: #ff9c00;
    --bs-green: #10893e;
    --bs-teal: #20c997;
    --bs-cyan: #0078d7;
    --bs-white: #ffffff;
    --bs-gray: rgb(90, 121, 237);
    --bs-gray-dark: #222222;
    --bs-gray-100: #f7f8f9;
    --bs-gray-200: #f2f2f2;
    --bs-gray-300: #e5e5e5;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #a1a1a1;
    --bs-gray-700: #495057;
    --bs-gray-800: #222222;
    --bs-gray-900: #212529;
    --bs-primary: rgb(90, 121, 237);
    --bs-secondary: #ffffff;
    --bs-success: #10893e;
    --bs-info: #0078d7;
    --bs-warning: #ff9c00;
    --bs-danger: #e81123;
    --bs-light: #f7f8f9;
    --bs-dark: #212529;
    --bs-primary-rgb: white;
    --bs-secondary-rgb: 255,255,255;
    --bs-success-rgb: 16,137,62;
    --bs-info-rgb: 0,120,215;
    --bs-warning-rgb: 255,156,0;
    --bs-danger-rgb: 232,17,35;
    --bs-light-rgb: 247,248,249;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: "Segoe UI","Roboto","Helvetica Neue","-apple-system","BlinkMacSystemFont","Arial","Noto Sans","sans-serif","Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 0.88rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #ffffff;
}

/*.dxbl-fl .dxbl-fl-cpt {
    font-weight: 600;
    font-size: 15px;
    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: var(--dxbl-fl-caption-font-weight); */
/*color: var(--dxbl-fl-caption-color);
    margin: 0;
    padding-left: 0;
}*/

/*.dxbl-fl .dxbl-fl-item > .dxbl-fl-ctrl {
    height: 50px;
    width: 100%;*/
/* -webkit-box-flex: 1; */
/* -webkit-flex: 1 1 auto; */
/*-ms-flex: 1 1 auto;*/
/* flex: 1 1 auto; */
/* min-width: 0; */
/*}*/
.logon-viewsite {
    /*margin-top:10%;*/
}

.logon-template-header {
    display: none !important;
}

.card-header:first-child {
    border-radius: 1px 1px 0 0;
    border: none;
}

.loading-items-center > .bg-primary {
    background-color: white !important;
}

.loading-caption {
    font-size: 1.5rem;
    font-family: clashdisplay;
    font-weight: 600;
}

.loading-items-center {
    background: white;
    align-items: center;
    justify-content: center;
    display: flex;
}

.loading-image {
    width: unset;
    height: unset;
}

.loading-items-center > .border-primary {
    border-color: #0071BC !important;
    border-left-color: #FFA800;
    border-right-color: #FFA800;
}

.logon-main .ActionLogOn {
    border-raduis: 8px !important;
    background-image: linear-gradient(180deg, #0071BC 50%, rgb(90, 121, 237) 100%) !important;
    border: none !important;
}

.logon-main {
    /* height: 430px; */
    border: none;
    padding: 15px;
    /* border-radius: 15px; */
    /* max-height: 610px; */
    /* max-width: 610px; */
    /* width: 400px; */
    box-shadow: unset;
    background: transparent;
    /* box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1); */
    /* backdrop-filter: blur(5px); */
    -webkit-backdrop-filter: blur(5px);
    /* border: 3px solid rgba(255, 255, 255, 0.3); */
    /* border-image: conic-gradient(from var(--angle), var(--c2), var(--c1) 0.1turn, var(--c1) 0.15turn, var(--c2) 0.25turn) 30; */
    /* animation: borderRotate var(--d) linear infinite forwards; */
}

.logon-toolbar {
    margin-top: 20px;
}

.logon-viewsite .dxbl-text-edit {
    border: none !important;
    background: rgba(0,0,0,0) !important;
    color: white !important;
}

    .logon-viewsite .dxbl-text-edit .dxbl-text-edit-input {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        border-radius: 8px !important;
        background: #F6F5FF;
        color: black;
    }

.logon-viewsite label, .logon-viewsite .dxbl-fl:not(.dxbl-fl-calc) .dxbl-fl-item > .dxbl-fl-cpt {
    color: white;
    font-family: 'ClashDisplaySB';
    font-size: 0.9rem;
}

.xaf-language-switcher-text-container {
    color: #FFA800 !important;
}

.logon-main.card .card-header, .logon-template-header {
    color: #F2C32F;
    font-size: 1.8rem;
    background: transparent;
    border-radius: 15px;
    font-family: 'ClashDisplaySB';
    /* border-radius: 15px 15px 0px 0px; */
    /* height: 60px; */
    /* font-size: 1.1rem; */
    font-weight: 600;
}
.dxbl-grid.height600 {
    height: 800px;
    /*max-height: 600px;*/
}
    .logon-template-header .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary > svg.dxbl-image, .logon-template-header .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn.dxbl-btn-text-secondary > :not(.dxbl-image) {
        color: white !important;
    }

/*.dxbl-fl-ctrl {
    height: 150px
}*/

.loading-border {
    border-width: 4px;
    border-style: solid;
}

.loading-floated-circle {
    color: #0071BC !important;
    transform: translateZ(0);
    border-left-color: #FFA800 !important;
    border-right-color: #FFA800 !important;
    animation: loading 1s infinite linear;
}

.border-primary {
    border-color: #0071BC !important;
}

/*.dxbl-fl .dxbl-fl-item {
    color: rgb(90, 121, 237);
    font-size: 20px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    font-weight: 500;
}
*/
/*.dxbl-fl-ctrl {
    border-radius: 50px
}*/

/*.dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div, .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn, .dxbl-toolbar.dxbl-toolbar-adaptive > .dxbl-btn-toolbar > div > .dxbl-btn-group {
    font-weight: 400;
    font-size: 20px;
    border-radius: 10px;
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-align-self: stretch;
    -ms-flex-item-align: stretch;
    align-self: stretch;
}*/

/*.logon-toolbar .dxbl-btn-toolbar, .logon-toolbar .dxbl-btn-toolbar > .dxbl-btn-group, .logon-toolbar .dxbl-btn-toolbar > .dxbl-btn-group > .dxbl-btn {
    width: 100%;
    height: 50px;
}*/

. /*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: rgb(90, 121, 237);
    --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-border-color: transparent;
    --dxbl-fl-tab-group-tab-selected-bg: unset;
    --dxbl-fl-tab-group-tab-selected-color: #fe7109;
    --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);
}*/
/*.d-flex {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: -ms-flexbox !important;
    display: flex !important;
    background-color: #f7f7f7;
}*/
/*.dxbl-text-edit > input {
    height: 45px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}*/
.dxbl-text-edit /* {
    --dxbl-text-edit-font-size: 0.875rem;
    --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: #ced4da;
    --dxbl-text-edit-border-style: solid;
    --dxbl-text-edit-border-width: 1px;
    --dxbl-text-edit-border-radius: 0.425rem;
    --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;
    --dxbl-text-edit-preloader-padding-x: 0.375rem;
    --dxbl-text-edit-preloader-padding-y: 0.25003125rem;
    --dxbl-text-edit-preloader-image-size: 1rem;
    --dxbl-text-edit-preloader-image-margin-y: 0.12496875rem;
    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: rgb(90, 121, 237);
}*/
.dxbl-btn-primary /* {
    --dxbl-btn-bg: rgb(90, 121, 237);
    --dxbl-btn-border-color: rgb(90, 121, 237);
    --dxbl-btn-color: #fff;
    --dxbl-btn-active-bg: rgb(90, 121, 237);
    --dxbl-btn-active-color: #fff;
    --dxbl-btn-active-border-color: #rgb(90, 121, 237);
    --dxbl-btn-hover-bg: rgb(90, 121, 237);
    --dxbl-btn-hover-color: #fff;
    --dxbl-btn-hover-border-color: rgb(90, 121, 237);
    --dxbl-btn-disabled-bg: rgb(90, 121, 237);
    --dxbl-btn-disabled-color: #fff;
    --dxbl-btn-disabled-border-color: rgb(90, 121, 237);
    --dxbl-btn-disabled-opacity: 1;
    --dxbl-btn-focus-shadow-color: #212529;
    --dxbl-btn-focus-shadow-spread: 0.125rem;
    --dxbl-btn-focus-shadow-blur: 0rem;
}*/