body, .container-fluid, .container-xl {
    font-family: 'Kanit', serif;
    max-width: 100% !important;
}

body, .container-fluid {
    overflow-x: hidden;
}

.result-slip-verify .control-label {
    width: 100%;
}

#submit-modal-promoCreditModal {
    display: none;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--bs-gray-500);
    height: 8px;
}

.bootstrap-tagsinput, .chosen-choices, .chosen-single, .form-control, .form-range {
    max-width: unset;
}

.btn-default:not([disabled]):not(.disabled).active:has(.Profile-work-status-btn[value='5'], .Profile-work-status-btn[value='6']),
.btn-default:not([disabled]):not(.disabled).active:has(.live-mode-btn[value='always']),
.btn-default:not([disabled]):not(.disabled).active:has(.defect-priority-btn[value='HIGH']) {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    box-shadow: inset 0 3px 5px rgba(var(--bs-link-hover-color-rgb), .125) !important;
    color: var(--bs-white) !important;
}

.btn-default:not([disabled]):not(.disabled).active:has(.Profile-work-status-btn[value='1']),
.btn-default:not([disabled]):not(.disabled).active:has(.live-mode-btn[value='schedule']),
.btn-default:not([disabled]):not(.disabled).active:has(.defect-priority-btn[value='MID']) {
    background-color: var(--bs-warning) !important;
    border-color: var(--bs-warning) !important;
    box-shadow: inset 0 3px 5px rgba(var(--bs-link-hover-color-rgb), .125) !important;
    color: var(--bs-black) !important;
}

.btn-default:not([disabled]):not(.disabled).active:has(.Profile-work-status-btn[value='3']),
.btn-default:not([disabled]):not(.disabled).active:has(.defect-priority-btn[value='LOW']) {
    background-color: var(--bs-success) !important;
    border-color: var(--bs-success) !important;
    box-shadow: inset 0 3px 5px rgba(var(--bs-link-hover-color-rgb), .125) !important;
    color: var(--bs-white) !important;
}

.btn-default:not([disabled]):not(.disabled).active:has(.Profile-work-status-btn[value='2']) {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    box-shadow: inset 0 3px 5px rgba(var(--bs-link-hover-color-rgb), .125) !important;
    color: var(--bs-white) !important;
}

.btn-default:not([disabled]):not(.disabled).active:has(.Profile-work-status-btn[value='4']) {
    background-color: var(--bs-secondary) !important;
    border-color: var(--bs-secondary) !important;
    box-shadow: inset 0 3px 5px rgba(var(--bs-link-hover-color-rgb), .125) !important;
    color: var(--bs-white) !important;
}

body.page-platform-profile form fieldset nav .bg-body-tertiary {
    background-color: transparent !important;
}

.event-new-users > .d-flex.flex-column > .form-group.mb-0 {
    float: left;
}

.graph-svg-tip ul.data-point-list li {
    /*max-width: 100px !important;*/
    min-width: unset !important;
    white-space: pre-line !important;
    font-size: .925em !important;
}

g.pie-chart.chart-draw-area {
    transform: translate(8%, 0px) !important;
}

.chart-container:has(g.pie-chart.chart-draw-area) g.chart-legend {
    transform: translate(10%, 77.5%) !important;
}

.ql-align-center {
    text-align: center !important;
}

div.toast, .toast-wrapper {
    z-index: 99;
}

.command-bar .btn {
    border-radius: .25rem;
}

.form-group .form-label,
.workspace .nav .nav-item .nav-link,
.workspace legend small.d-block {
    font-weight: bold;
}

.form-group:has(table.matrix.table .matrix-textarea) {
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
}

.form-group table.matrix.table .matrix-textarea {
    min-width: 300px;
    min-height: 100px;
}

.form-group table.matrix.table .form-switch {
    padding: 0 25%;
}

#screen-modal-form-addCreditModal #addCreditModal > fieldset {
    margin-bottom: 0 !important;
}

#screen-modal-form-addCreditModal #addCreditModal > fieldset:not(:first-child) > div {
    padding-top: 0 !important;
}

.divider {
    border-bottom: 1px solid rgb(233 236 239 / 50%);
}

a.badge.bg-light.border.d-inline-flex.align-items-center {
    color: var(--bs-body-color);
}

.page-register form.m-t-md > .form-group {
    margin-bottom: 1rem !important;
}

.sortable-dropzone .attach-file-uploader {
    height: 25vh;
    max-height: 240px;
    width: 100%;
}

.sortable-dropzone .attach-file-uploader:has(input[name*="credit"]) {
    height: auto;
    max-height: unset !important;
}

.page-item.active .page-link {
    color: var(--bs-primary) !important;
}

#screen-modal-form-showEvent button[type='submit']#submit-modal-showEvent {
    background-color: var(--bs-danger) !important;
    border-color: var(--bs-danger) !important;
    color: var(--bs-white) !important;
}

#screen-modal-form-createEvent button[type='submit']#submit-modal-createEvent,
#screen-modal-form-updateEvent button[type='submit']#submit-modal-updateEvent {
    background-color: var(--bs-primary) !important;
    border-color: var(--bs-primary) !important;
    color: var(--bs-white) !important;
}

.form-control[disabled],
.form-control[readonly],
[disabled].bootstrap-tagsinput,
[disabled].chosen-choices,
[disabled].chosen-single,
[readonly].bootstrap-tagsinput,
[readonly].chosen-choices,
[readonly].chosen-single,
fieldset[disabled] .bootstrap-tagsinput,
fieldset[disabled] .chosen-choices,
fieldset[disabled] .chosen-single,
fieldset[disabled] .form-control {
    color: var(--bs-gray-900);
}

.form-check-input.form-check-primary:checked,
.form-check-input.form-check-primary:indeterminate {
    background-color: var(--bs-primary);
    border-color: var(--bs-primary-bg-subtle);
}

.form-check-input.form-check-primary:focus {
    border-color: var(--bs-primary);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-primary-rgb), .25);
}

.form-check-input.form-check-secondary:checked,
.form-check-input.form-check-secondary:indeterminate {
    background-color: var(--bs-secondary);
    border-color: var(--bs-secondary-bg-subtle);
}

.form-check-input.form-check-secondary:focus {
    border-color: var(--bs-secondary-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-secondary-rgb), .25);
}

.form-check-input.form-check-success:checked,
.form-check-input.form-check-success:indeterminate {
    background-color: var(--bs-success);
    border-color: var(--bs-success-bg-subtle);
}

.form-check-input.form-check-success:focus {
    border-color: var(--bs-success-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}

.form-check-input.form-check-danger:checked,
.form-check-input.form-check-danger:indeterminate {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger-bg-subtle);
}

.form-check-input.form-check-danger:focus {
    border-color: var(--bs-danger-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}

.form-check-input.form-check-warning:checked,
.form-check-input.form-check-warning:indeterminate {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning-bg-subtle);
}

.form-check-input.form-check-warning:focus {
    border-color: var(--bs-warning-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-warning-rgb), .25);
}

.form-check-input.form-check-info:checked,
.form-check-input.form-check-info:indeterminate {
    background-color: var(--bs-info);
    border-color: var(--bs-info-bg-subtle);
}

.form-check-input.form-check-info:focus {
    border-color: var(--bs-info-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-info-rgb), .25);
}

.form-check-input.form-check-light:checked,
.form-check-input.form-check-light:indeterminate {
    background-color: var(--bs-light);
    border-color: var(--bs-light-bg-subtle);
}

.form-check-input.form-check-light:focus {
    border-color: var(--bs-light-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-light-rgb), .25);
}

.form-check-input.form-check-dark:checked,
.form-check-input.form-check-dark:indeterminate {
    background-color: var(--bs-dark);
    border-color: var(--bs-dark-bg-subtle);
}

.form-check-input.form-check-dark:focus {
    border-color: var(--bs-dark-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-dark-rgb), .25);
}

.form-check-input.form-check-default:checked,
.form-check-input.form-check-default:indeterminate {
    background-color: var(--bs-white);
    border-color: var(--bs-gray);
}

.form-check-input.form-check-default:focus {
    border-color: var(--bs-white);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-white-rgb), .4);
}

.form-check-input.form-check-primary:focus,
.form-check-input.form-check-secondary:focus,
.form-check-input.form-check-success:focus,
.form-check-input.form-check-danger:focus,
.form-check-input.form-check-warning:focus,
.form-check-input.form-check-info:focus,
.form-check-input.form-check-light:focus,
.form-check-input.form-check-dark:focus,
.form-check-input.form-check-default:focus {
    --bs-form-switch-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5mdWxsLWFjY2Vzcw==]']) label.form-check-label {
    color: var(--bs-danger);
    font-weight: bold;
    text-decoration: underline;
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5yb2xlcw==]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy51c2Vycw==]']) label.form-check-label {
    color: var(--bs-warning);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uaW5kZXg=]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5hdHRhY2htZW50]']) label.form-check-label {
    color: var(--bs-success);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5mdWxsLWFjY2Vzcw==]']) input.form-check-input:focus {
    border-color: var(--bs-danger-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-danger-rgb), .25);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5yb2xlcw==]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy51c2Vycw==]']) input.form-check-input:focus {
    border-color: var(--bs-warning-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-warning-rgb), .25);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uaW5kZXg=]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5hdHRhY2htZW50]']) input.form-check-input:focus {
    border-color: var(--bs-success-border-subtle);
    box-shadow: 0 0 0 .25rem rgba(var(--bs-success-rgb), .25);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5mdWxsLWFjY2Vzcw==]']) input.form-check-input:checked,
form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5mdWxsLWFjY2Vzcw==]']) input.form-check-input:indeterminate {
    background-color: var(--bs-danger);
    border-color: var(--bs-danger-bg-subtle);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5yb2xlcw==]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy51c2Vycw==]']) input.form-check-input:checked,
form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5yb2xlcw==]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy51c2Vycw==]']) input.form-check-input:indeterminate {
    background-color: var(--bs-warning);
    border-color: var(--bs-warning-bg-subtle);
}

form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uaW5kZXg=]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5hdHRhY2htZW50]']) input.form-check-input:checked,
form#post-form .form-check:has(input[name='permissions[cGxhdGZvcm0uaW5kZXg=]'], input[name='permissions[cGxhdGZvcm0uc3lzdGVtcy5hdHRhY2htZW50]']) input.form-check-input:indeterminate {
    background-color: var(--bs-success);
    border-color: var(--bs-success-bg-subtle);
}

@media (max-width: 1199.98px) {
    body, body > * {
        max-width: 100% !important;
    }

    body:not(.menu-open) .aside-collapse * {
        height: 0 !important;
    }

    body:not(.menu-open) .aside-collapse {
        height: 100vh;
        z-index: -1;
    }
}


@media (max-width: 1199.98px) {
    .workspace-limit {
        min-height: calc(100vh - calc(1.325rem + .9vw + 2em));
        max-width: 100%;
    }
}

@media (max-width: 767.98px) {
    .workspace-limit {
        min-height: calc(100vh - calc(4.3em + 1.1em));
        padding-bottom: calc(4.3em + 1.7em);
    }

    .command-bar-wrapper {
        position: fixed;
    }

    .command-bar-wrapper .layout {
        margin-left: .6em !important;
        margin-right: .6em !important;
    }

    .modal-fullscreen-md-down .modal-content {
        border-radius: unset !important;
    }
}