html {
    font-family: "Noto Sans", sans-serif !important;
    font-variation-settings: "wdth" 100;
}

@media (min-width: 1024px) {
    .demo1 .sidebar .sidebar-header {
        height: var(--tw-header-height);
    }
}

#formContainer {
    opacity: 0;
    transform: translateY(-20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

#formContainer.show {
    opacity: 1;
    transform: translateY(0);
}

.dx-layout-manager .dx-field-item:not(.dx-first-col) {
    padding-left: 0 !important;
}


.dx-theme-icon{ position: fixed !important; }
@media (min-width: 1920px) { .dx-theme-icon{ top: 30px; right: 30px; } }
@media (max-width: 1919px) and (min-width: 1440px) { .dx-theme-icon{ top: 30px; right: 30px; } }
@media (max-width: 1439px) and (min-width: 1024px) { .dx-theme-icon{ top: 30px; right: 30px; } }
@media (max-width: 1023px) and (min-width: 768px) { .dx-theme-icon{ top: 30px; right: 30px; } }
@media (max-width: 767px) { .dx-theme-icon{ top: 10px; right: 10px; } }

#theme-button .dx-icon {
    color: var(--tw-gray-600);
}

.step-item {
    opacity: 0;
}

.account-card {
    border: none !important;
    box-shadow: none !important;
}

.account-card .logo-container {
    margin: 40px 0 40px 0;
}

.account-header {
    margin-top: 0;
}

.culture-container {
    width: 100%;
}

.links-container{
    width: 100%;
    padding: 25px 0;
}

.account-card .card-header {
    border-bottom: none !important;
}

.account-card .card-footer {
    min-height: 100px !important;
    border-top: none !important;
}


#qrCode img {
  width: 200px;
  height: auto;
  padding: 20px 0;
}

.authenticator-code {
    margin-top: 10px;
    padding: 8px 15px;
    background-color: var(--tw-coal-100);
    border: 1px solid var(--tw-gray-400);
    color: var(--tw-gray-100-light);
}


.list-disc {
    list-style-type: disc;
    padding-left: 20px;
}

.alert {
  padding: 20px;
  background-color: var(--tw-danger);
  color: var(--tw-light);
}

.alert.success {background-color: var(--tw-success); }
.alert.info {background-color: var(--tw-info); }
.alert.warning {background-color: var(--tw-warning); }



.dx-widget input,
.dx-widget textarea {
    font-family: "Noto Sans", sans-serif;
    line-height: 1.2857;
}

.menu-dropdown,
.card,
.btn,
.dx-button,
.dx-texteditor-input,
.dx-texteditor.dx-editor-outlined,
.dx-texteditor.dx-editor-filled {
    border-radius: 2px !important;
}


.dx-button-mode-contained.dx-button-default,
.dx-button-mode-contained.dx-button-danger,
.dx-button-mode-contained.dx-button-success,
.dx-button-mode-contained.dx-button-warning {
    color: #f1f1f4;
}

.dx-inbound-input.dx-texteditor-input {
    padding: 14px 9px 5px 2px !important;
}

.dx-texteditor .dx-texteditor-label {
    font-weight: 600 !important;
    color: var(--tw-primary) !important;
    text-decoration: underline !important;
}

.dx-lookup-empty .dx-texteditor-label, 
.dx-texteditor-empty .dx-texteditor-label {
    font-weight: 600 !important;
    color: var(--tw-gray-600) !important;
    text-decoration: none !important;
}

html.dark .dx-texteditor .dx-texteditor-label {
    color: #b5b7c8 !important;
}

.dx-texteditor.dx-state-hover .dx-texteditor-label {
    color: var(--tw-primary) !important;
}

html.dark .dx-texteditor.dx-state-hover .dx-texteditor-label {
    color: var(--tw-primary) !important;
}

.dx-texteditor.dx-state-focused .dx-texteditor-label {
    font-weight: 600 !important;
    color: var(--tw-primary) !important;
}

html.dark .dx-texteditor.dx-state-focused .dx-texteditor-label {
    font-weight: 600 !important;
    color: var(--tw-primary) !important;
}

.dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label {
    font-weight: 600 !important;
    color: var(--tw-danger) !important;
}

html.dark .dx-texteditor.dx-state-focused.dx-invalid .dx-texteditor-label {
    font-weight: 600 !important;
    color: var(--tw-danger) !important;
}

.dx-layout-manager .dx-field-item {
    padding-bottom: 0;
    font-size: 12px;
}

.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) {
    padding-top: 0;
}

.dx-list-item-content {
    font-size: 13px;
    padding: 2px 11px 2px;
}

.dx-layout-manager.dx-layout-manager-one-col .dx-box-item:not(:first-child) .dx-single-column-item-content > .dx-field-item {
    padding-top: 0;
}

.dx-button-text {
    text-transform: none !important;
}

h1, h2, h3, h4, h5, h6, hr {
    font-variation-settings: "wdth" 100 !important;
}

.card-title {
    font-variation-settings: "wdth" 100 !important;
}

.dx-texteditor.dx-validation-pending.dx-editor-filled .dx-texteditor-input-container .dx-pending-indicator, .dx-texteditor.dx-validation-pending.dx-editor-outlined .dx-texteditor-input-container .dx-pending-indicator {
    display: none !important;
}

.dx-valid.dx-texteditor .dx-texteditor-input-container::after {
    font-size: 12px !important;
}

.validation-summary-errors {
    min-height: 60px !important;
    margin-top: 20px !important;
}

.dx-texteditor.dx-editor-filled.dx-state-disabled .dx-inbound-input.dx-texteditor-input, 
.dx-texteditor.dx-editor-filled.dx-state-readonly .dx-inbound-input.dx-texteditor-input, 
.dx-texteditor.dx-editor-filled.dx-state-readonly.dx-state-hover .dx-inbound-input.dx-texteditor-input {
    color: var(--tw-gray-700) !important;
    padding: 7px 11px 3px 3px;
}

.dx-form-validation-summary {
    min-height: 60px;
}

#dxLogoutForm .dx-form-validation-summary {
    min-height: 5px;
}

.border-none {
    border: none !important;
}


.dx-overlay-content.dx-invalid-message-content {
    display: none !important;
}

.dx-invalid.dx-texteditor.dx-editor-filled.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-outlined.dx-show-invalid-badge .dx-texteditor-input-container::after,
.dx-invalid.dx-texteditor.dx-editor-underlined.dx-show-invalid-badge .dx-texteditor-input-container::after {
    font-family: 'Material Design Icons', serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    background-color: transparent !important;
    color: var(--tw-danger) !important;
    content: "\F0205" !important;
}

.validation-summary-errors ul {
    padding-left: 0 !important;
}

.validation-summary-errors ul li {
    font-size: 0.8125rem;
    line-height: 1.125rem;
    border-bottom: 1px dashed !important;
    display: inline-block !important;
    line-height: normal !important;
    color: var(--tw-danger) !important;
    cursor: pointer !important;
}