/**
 * Base
 */

html {
    overflow-y: scroll !important;
    min-width: 300px;
    height: 100%;
}

html.pdf {
    font-size: 1rem;
    line-height: 3;
}

html.pdf body {
    line-height: 2;
    background-color: #FFFFFF;
}

body {
    font-family: 'Source Sans 3', sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 0.95rem;
    padding-right: 0 !important;
    padding-left: 0 !important;
    background-color: #F4F6F8;
    color: #4C5667;
}

.header-wrapper {
    width: 100%;
}

.content-wrapper {
    padding-top: 20px;
    padding-bottom: 40px;
}

/**
 * Content
 */

.container-limited {
    max-width: 1140px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.container-limited-sm {
    max-width: 570px;
}

.title-box,
.content-box,
.table-box {
    padding: 1rem;
    margin-bottom: 1.5rem;
    background: #FFFFFF;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(69, 79, 91, 0.05), 0 1px 3px 0 rgba(69, 79, 91, 0.15);
}

.tabbed-content-box {
    padding: 0;
}

.tabbed-content-box .nav {
    padding: 0.5rem;
}

.tabbed-content-box .nav-item {
    padding: 0.5rem;
}

.tabbed-content-box .nav-link {
    padding: 0.5rem 0;
    border: none;
}

.tabbed-content-box .nav-link > span {
    font-size: 1rem;
    padding: 0.35rem 0.5rem;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    color: #555;
    border-radius: 8px;
}

.tabbed-content-box .nav-link:hover > span {
    background-color: #f5f5f5;
}

.tabbed-content-box .nav-link > span > span {
    background-color: #999;
    color: #fff;
    border-radius: 8px;
    font-size: 0.85rem;
    padding: 0.1rem 0.35rem;
    margin-left: 0.15rem;
}

.tabbed-content-box .nav-link.active > span {
    border: 2px solid #f26f27;
    background-color: #fff;
}

.tabbed-content-box .nav-link.active:hover > span {
    background-color: #FFF7EB;
}

.tabbed-content-box .nav-link.active > span > span {
    background-color: #f26f27;
}

.tabbed-content-box .tab-content {
    padding: 1.5rem;
    background-color: #f7f8f9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
}

.tabbed-content-box .content-box:last-child {
    margin-bottom: 0;
}

.table-box {
    padding: 0;
}

.title-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0.5rem 0.75rem;
}

.title-box-main {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}

.title-box-side > .btn,
.title-box-side > .btn-group,
.title-box-side > form {
    margin: 0.5rem 0.25rem;
}

.title-box-side .table-header {
    padding: 0;
    margin: -0.5rem;
}

.page-title {
    display: inline-block;
    margin: 0.5rem 0.5rem 0.5rem 0.25rem;
    line-height: 1.375;
}

.header-title {
    font-size: 0.9rem;
    font-weight: 500;
    margin-bottom: 1.5rem;
}

.content-box h4 {
    font-size: 1.25rem;
}

.content-box h5 {
    font-size: 0.8rem;
    color: #6c757d;
}

.content-box hr {
    margin-left: -1rem;
    margin-right: -1rem;
}

.content-box .content-box-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: -0.5rem;
    margin-bottom: -0.75rem;
}

.content-box .content-box-header h5 {
    margin: 0;
}

.content-box .content-box-header .btn {
    margin-top: -0.35rem;
}

.section-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.section-box-content {
    flex: 1;
}

.section-box-action .btn {
    min-width: 8rem;
}

.page-breadcrumb {
    display: inline-block;
    font-size: 0.8rem;
    padding: 0.25rem 0.125rem;
}

.page-breadcrumb-filter {
    vertical-align: 0.25rem;
}

.page-breadcrumb span {
    display: inline-block;
    background-color: #FCFCFC;
    color: #555;
    font-weight: 500;
    vertical-align: 0.2rem;
    padding: 0.2rem 0.4rem;
    margin: 0.25rem 0.125rem 0 0.125rem;
    border-radius: 8px;
    border: 1px solid #F1F1F1;
}

.page-breadcrumb span.text-truncate {
    max-width: 15rem;
    vertical-align: -0.85rem;
    padding: 0.135rem 0.4rem;
    margin-left: 0.5rem;
    margin-right: 0;
}

.page-loader {
    z-index: 9999999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: none;
}

.message-box {
    margin: 120px 50px;
}

.message-box h1 {
    font-size: 72px;
    font-weight: 700;
    line-height: 72px;
    color: #252932;
}

.emphasis {
    font-weight: 500;
    border-bottom: 1px dashed #DDD;
}

.font-size-07 {
    font-size: 0.7rem;
}

.font-size-08 {
    font-size: 0.8rem;
}

.font-size-09 {
    font-size: 0.9rem;
}

.font-size-10 {
    font-size: 1rem;
}

.font-size-11 {
    font-size: 1.1rem;
}

.font-size-12 {
    font-size: 1.2rem;
}

.font-size-20 {
    font-size: 2rem;
}

.font-weight-500 {
    font-weight: 500;
}

.line-height-08 {
    line-height: 0.8;
}

.line-height-15 {
    line-height: 1.5;
}

.text-promo {
    color: #FF0000;
}

.text-obsolete {
    text-decoration: line-through;
}

.text-tight {
    line-height: 1.65;
}

.min-width-18 {
    min-width: 18rem !important;
}

.min-height-200 {
    min-height: 200px;
}

.border-rounded {
    border-radius: 8px;
}

.border-top-rounded {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.spinner-border-sm {
    vertical-align: middle;
}

.overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
    opacity: 0.9;
}

.color-value {
    width: 30px;
    height: 30px;
    background-color: #AAA;
    border-radius: 50%;
    display: inline-block;
}

.dot-indicator {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    vertical-align: 0.1rem;
    border-radius: 50%;
}

.sortable-handle {
    cursor: grab;
    font-size: 1.25rem;
    color: #888;
}

.required-field:after {
    content: "*";
    color: #FF0000;
    margin-left: 5px;
}

.clickable {
    cursor: pointer;
}

.clickable-highlight:hover {
    background-color: #EEE;
}

.redirect-anchor {
    scroll-margin-top: 50px;
}

.redirect-anchor:target,
.highlighted-container {
    box-shadow: 0 0 8px 0 rgba(255, 60, 32, 0.5);
}

.js-hide {
    display: none;
}

.js-link {
    cursor: pointer;
}

.js-no-hover:hover {
    background-color: inherit !important;
    cursor: default !important;
}

.js-hide-scrollbar body::-webkit-scrollbar {
    width: 0 !important;
}

@media print {
    @page {
        size: auto;
    }

    body,
    .container {
        min-width: auto !important;
        background-color: #FFFFFF;
    }

    .page-title-box,
    .content-box {
        border: 1px solid #E9EAEB;
    }

    .page-breadcrumb {
        font-size: 1.1rem;
    }

    .badge {
        border: none !important;
    }
}

/**
 * Icons
 */

.bi {
    display: inline-block;
    width: 1em;
    height: 1em;
    fill: currentColor;
    vertical-align: -0.1em;
}

.bi-start {
    margin-right: 3px;
}

.bi-center {
    margin-right: 3px;
    margin-left: 3px;
}

.bi-end {
    margin-left: 3px;
}

.bi-link {
    text-decoration: none !important;
}

.bi-link-full {
    font-size: 1rem;
}

.bi-flag {
    height: 1em;
    vertical-align: -0.15em;
}

.bi-flag-full {
    height: 0.95rem;
    vertical-align: -0.15rem;
}

/**
 * Badges
 */

.badge {
    padding: 2px 5px 3px 5px;
    cursor: default;
}

.badge-secondary-subtle {
    background-color: #F2F2F2;
    color: #666;
}

.badge-primary-subtle {
    background-color: #E3F2FD;
    color: #1565C0;
}

.badge-success-subtle {
    background-color: #def0de;
    color: #2e5c2e;
}

.badge-warning-subtle {
    background-color: #fceedb;
    color: #86602b;
}

.badge-danger-subtle {
    background-color: #f7dcdb;
    color: #ad423f;
}

/**
 * Alerts
 */

.alert {
    line-height: 2;
}

.alert ul {
    margin: 0;
    padding-left: 1rem;
}

.alert {
    width: 100%;
    margin-bottom: 1rem;
    padding: 1rem 1.5rem;
    border: 2px dashed #637381;
    border-radius: 8px;
    background-color: #f4f6f8;
}

.alert-embedded {
    margin: 0;
    border: none !important;
    border-radius: 0 !important;
}

.alert-success {
    background-color: #e3f1df;
    border-color: #50b83c;
}

.alert-warning {
    background-color: #fcf1cd;
    border-color: #eec200;
}

.alert-danger {
    background-color: #fbeae5;
    border-color: #de3618;
}

.alert-info {
    background-color: #e0f5f5;
    border-color: #47c1bf;
}

.alert-primary {
    background-color: #E3F2FD;
    border-color: #1565C0;
    color: #1565C0;
}

.alert-neutral {
    background-color: #ffeadb;
    border-color: #FF850A;
    color: #e8741d;
}

.content-box .alert,
.modal-body .alert,
.alert .alert {
    padding: 0.5rem 1rem;
    border: 1px dashed #637381;
    border-radius: 0.35rem;
    box-shadow: none;
}

.content-box .alert-success,
.modal-body .alert-success,
.alert .alert-success {
    border-color: #50b83c;
}

.content-box .alert-warning,
.modal-body .alert-warning,
.alert .alert-warning {
    border-color: #eec200;
}

.content-box .alert-danger,
.modal-body .alert-danger,
.alert .alert-danger {
    border-color: #de3618;
}

.content-box .alert-info,
.modal-body .alert-info,
.alert .alert-info {
    border-color: #47c1bf;
}

.alert-dismissible .close {
    top: 0.45rem;
}

.alert-wrapper {
    display: flex;
    flex-wrap: wrap;
}

.alert-content {
    flex: 1;
}

.alert-action {
    text-align: right;
    padding-left: 0.5rem;
}

@media (max-width: 720px) {
    .alert-wrapper {
        flex-direction: column;
    }

    .alert-action {
        text-align: left;
        padding-left: 0;
        padding-top: 0.5rem;
    }
}

/**
 * Pagination
 */

.pagination li a {
    min-width: 2.5rem;
    text-align: center;
}

.page-link {
    color: #4C5667;
    background: linear-gradient(180deg, #fff, #f9fafb);
    border: 1px solid #c4cdd5;
}

.page-link:hover {
    color: #4C5667;
    background: linear-gradient(180deg, #f9fafb, #f4f6f8);
    border-color: #c4cdd5;
}

.page-link:focus {
    border-color: #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4;
}

.page-item.active .page-link {
    color: #4C5667;
    background: linear-gradient(180deg, #f4f6f8, #f4f6f8);
    border-color: #c4cdd5;
    box-shadow: 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99, 115, 129, .1), inset 0 1px 4px 0 rgba(99, 115, 129, .2);
}

.page-item.disabled .page-link {
    background: linear-gradient(180deg, #f4f6f8, #f4f6f8);
    color: #919eab;
    border-color: #c4cdd5;
}

.page-item:first-child .page-link {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.page-item:last-child .page-link {
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

/**
 * Forms
 */

label.col-form-label {
    font-weight: 500;
}

label.col-form-label-compact {
    font-size: 0.7rem;
    margin: 0;
}

.form-control,
.custom-select,
.custom-file-label,
.input-group-text {
    border-radius: 8px;
}

.form-group .form-check-inline {
    line-height: 2.4rem;
    padding: 0;
}

.form-group .form-check-inline .form-check-input {
    position: static;
}

.form-check-label,
.form-check-input {
    cursor: pointer;
}

.form-check-input[readonly],
.form-check-input[readonly] + .form-check-label {
    pointer-events: none;
}

.form-check-label {
    padding-left: 0.25rem;
}

.form-check-label-small {
    font-size: 0.8rem;
}

.form-check-input {
    margin-top: 0.30rem;
}

.form-check-label ~ small.form-text {
    padding-left: 0.25rem;
}

.form-check-group {
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 0.425rem 0.75rem 0.425rem 2rem;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    min-height: calc(1.5em + .75rem + 2px);
}

select[readonly] {
    pointer-events: none;
}

select[readonly] option,
select[readonly] optgroup {
    display: none;
}

.custom-control-label,
.custom-select,
.custom-file-input,
.custom-file-label {
    cursor: pointer;
}

.form-upload-input-handle {
    height: 5rem;
}

.form-upload-input-handle svg {
    display: none;
}

.form-upload-input-handle .uppy-DragDrop-label {
    font-size: 1rem;
    margin: 0;
}

.form-upload-input-handle .uppy-DragDrop-container {
    box-shadow: none !important;
}

.form-upload-input-handle .uppy-DragDrop-inner {
    padding-top: 0;
    padding-bottom: 0;
}

.form-upload-input-progress {
    margin: 0.5rem 0;
    min-height: 3px !important;
}

.form-upload-input-progress .uppy-ProgressBar-inner {
    background-color: #ff3c20;
    box-shadow: none;
    border-radius: 8px;
}

.form-combined-row {
    display: flex;
    flex-wrap: wrap;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.form-combined-row > .form-group {
    margin: 0.5rem;
}

.form-combined-row > .form-control {
    text-align: center;
}

.form-combined-row > .form-group-separator {
    display: flex;
    align-items: end;
    padding-bottom: 0.15rem;
    font-size: 1.35rem;
}

.input-group.flex-nowrap .form-control {
    min-width: 2.5rem;
}

.form-buttons {
    text-align: center;
    position: relative;
}

.form-buttons h5 {
    position: absolute;
    top: 1rem;
    left: 1rem;
}

@media (max-width: 575.98px) {
    .form-buttons h5 {
        position: static;
        text-align: left;
    }
}

.form-definition .col-form-label {
    padding-bottom: 0.25rem;
    font-size: 0.8rem;
}

.form-definition.form-definition-horizontal .col-form-label {
    font-size: 0.9rem;
}

.form-definition .form-control {
    display: flex;
    justify-content: space-between;
    height: auto;
    min-height: calc(1.5em + .75rem + 2px);
    background-color: #FCFCFC;
    font-size: 0.9rem;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
}

.form-definition .form-control.text-right {
    justify-content: flex-end;
}

.input-group > .form-control:not(:last-child),
.input-group > .custom-select:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .form-control:not(:first-child),
.input-group > .custom-select:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group > .custom-file:not(:last-child) .custom-file-label,
.input-group > .custom-file:not(:last-child) .custom-file-label::after {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .custom-file:not(:first-child) .custom-file-label {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.input-group-text {
    border-radius: 8px;
}

.input-group-lg > .form-control,
.input-group-lg > .custom-select,
.input-group-lg > .input-group-prepend > .input-group-text,
.input-group-lg > .input-group-append > .input-group-text,
.input-group-lg > .input-group-prepend > .btn,
.input-group-lg > .input-group-append > .btn {
    border-radius: 8px;
}

.input-group-sm > .form-control,
.input-group-sm > .custom-select,
.input-group-sm > .input-group-prepend > .input-group-text,
.input-group-sm > .input-group-append > .input-group-text,
.input-group-sm > .input-group-prepend > .btn,
.input-group-sm > .input-group-append > .btn {
    border-radius: 8px;
}

.input-group > .input-group-prepend > .btn,
.input-group > .input-group-prepend > .input-group-text,
.input-group > .input-group-append:not(:last-child) > .btn,
.input-group > .input-group-append:not(:last-child) > .input-group-text,
.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.input-group > .input-group-append > .btn,
.input-group > .input-group-append > .input-group-text,
.input-group > .input-group-prepend:not(:first-child) > .btn,
.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

@media (max-width: 575.98px) {
    label.col-form-label {
        text-align: left;
    }

    label small {
        float: right;
        margin: 0;
    }
}

.detail-form h4 {
    margin-top: 0.5rem;
    margin-left: 0.5rem;
}

.detail-form .row > .col-md-3 {
    border-left: 1px dotted #AAA;
    margin-bottom: 1rem;
    padding-top: 0.5rem;
    font-size: 0.9rem;
    color: #666;
}

.form-dropzone {
    height: 400px;
    width: 100%;
    box-shadow: inset 0 0 10px rgba(69, 79, 91, 0.25);
    background-color: #FAFAFA;
    border: 1px solid #ced4da;
    border-radius: 8px;
    overflow: auto;
}

.form-dropzone .dz-default.dz-message {
    font-size: 2rem;
    color: #DDD;
    padding-top: 5rem;
}

.form-dropzone-sm {
    height: 250px;
}

.form-dropzone-sm .dz-default.dz-message {
    padding-top: 1.75rem;
}

.form-dropzone-xs {
    height: 175px;
    padding: 0;
}

.form-dropzone-xs .dz-default.dz-message {
    padding-top: 0;
}

/**
 * Buttons
 */

.btn,
.btn .badge {
    border-radius: 8px;
    white-space: nowrap;
    cursor: pointer;
}

.btn-xs {
    padding-top: 0.1rem;
    padding-bottom: 0.1rem;
}

.btn-outline-secondary {
    color: #4C5667;
}

.btn-group-subtle .btn.active {
    box-shadow: none !important;
}

.btn-lg, .btn-group-lg > .btn,
.btn-sm, .btn-group-sm > .btn {
    border-radius: 8px;
}

.btn-group-emphasis .btn {
    min-height: 3.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 1.25rem;
}

.btn-group-emphasis .btn.active, .btn-group-highlight .btn.active {
    background: linear-gradient(180deg, #6371c7, #5563c1) !important;
    color: #fff !important;
    border: 1px solid #3f4eae !important;
    box-shadow: inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

.btn-custom-default {
    background: linear-gradient(180deg, #fff, #f9fafb);
    color: #4C5667;
    border: 1px solid #c4cdd5;
    border-radius: 8px;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, .05);
}

.btn-custom-default:hover {
    background: linear-gradient(180deg, #f9fafb, #f4f6f8);
    color: #4C5667;
    border: 1px solid #c4cdd5;
    box-shadow: 0 1px 0 0 rgba(22, 29, 37, .05);
}

.btn-custom-default:focus,
.btn-custom-default.focus {
    background: linear-gradient(180deg, #fff, #f9fafb);
    color: #4C5667;
    border: 1px solid #5c6ac4;
    box-shadow: 0 0 0 1px #5c6ac4;
    outline: 0;
}

.btn-custom-default.disabled,
.btn-custom-default:disabled {
    background: linear-gradient(180deg, #f4f6f8, #f4f6f8);
    color: #919eab;
}

.btn-custom-default:not(:disabled):not(.disabled):active,
.btn-custom-default:not(:disabled):not(.disabled).active,
.show > .btn-custom-default.dropdown-toggle {
    background: linear-gradient(180deg, #f4f6f8, #f4f6f8);
    color: #4C5667;
    border: 1px solid #c4cdd5;
    box-shadow: 0 0 0 0 transparent, inset 0 1px 1px 0 rgba(99, 115, 129, .1), inset 0 1px 4px 0 rgba(99, 115, 129, .2);
}

.btn-custom-primary {
    background: linear-gradient(180deg, #6371c7, #5563c1);
    color: #fff;
    border: 1px solid #3f4eae;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent;
}

.btn-custom-primary:hover {
    background: linear-gradient(180deg, #5c6ac4, #4959bd);
    color: #fff;
    border: 1px solid #3f4eae;
    box-shadow: inset 0 1px 0 0 #6774c8, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent;
}

.btn-custom-primary:focus,
.btn-custom-primary.focus {
    background: linear-gradient(180deg, #6371c7, #5563c1);
    color: #fff;
    border: 1px solid #202e78;
    box-shadow: inset 0 1px 0 0 #6f7bcb, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 1px #202e78;
    outline: 0;
}

.btn-custom-default.disabled,
.btn-custom-primary:disabled {
    background: linear-gradient(180deg, #bac0e6, #bac0e6);
    border: 1px solid #a7aedf;
    box-shadow: none;
    color: #fff;
}

.btn-custom-primary:not(:disabled):not(.disabled):active,
.btn-custom-primary:not(:disabled):not(.disabled).active,
.show > .btn-custom-primary.dropdown-toggle {
    background: linear-gradient(180deg, #3f4eae, #3f4eae);
    color: #fff;
    border: 1px solid #38469b;
    box-shadow: inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 1px 0 #38469b;
}

.btn-custom-success {
    background: linear-gradient(180deg, #439834, #3C892F);
    color: #fff;
    border: 1px solid #367A2A;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 0 #50B63E, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent;
}

.btn-custom-success:hover {
    background: linear-gradient(180deg, #3C892F, #367A2A);
    color: #fff;
    border: 1px solid #367A2A;
    box-shadow: inset 0 1px 0 0 #50B63E, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent;
}

.btn-custom-success:focus,
.btn-custom-success.focus {
    background: linear-gradient(180deg, #439834, #3C892F);
    color: #fff;
    border: 1px solid #2F6A24;
    box-shadow: inset 0 1px 0 0 #439834, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 1px #2F6A24;
    outline: 0;
}

.btn-custom-default.disabled,
.btn-custom-success:disabled {
    background: linear-gradient(180deg, #C9EAC2, #AFE0A4);
    border: 1px solid #94D585;
    box-shadow: none;
    color: #fff;
}

.btn-custom-success:not(:disabled):not(.disabled):active,
.btn-custom-success:not(:disabled):not(.disabled).active,
.show > .btn-custom-success.dropdown-toggle {
    background: linear-gradient(180deg, #367A2A, #367A2A);
    color: #fff;
    border: 1px solid #224C1A;
    box-shadow: inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 1px 0 #224C1A;
}

.btn-custom-danger {
    background: linear-gradient(180deg, #e6391a, #d53417);
    color: #fff;
    border: 1px solid #b02b13;
    border-radius: 8px;
    box-shadow: inset 0 1px 0 0 #e73d1f, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent;
}

.btn-custom-danger:hover {
    background: linear-gradient(180deg, #de3618, #c73016);
    color: #fff;
    border: 1px solid #b02b13;
    box-shadow: inset 0 1px 0 0 #e73d1f, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent;
}

.btn-custom-danger:focus,
.btn-custom-danger.focus {
    background: linear-gradient(180deg, #e6391a, #d53417);
    color: #fff;
    border: 1px solid #bf0711;
    box-shadow: inset 0 1px 0 0 #e84528, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 1px #bf0711;
    outline: 0;
}

.btn-custom-default.disabled,
.btn-custom-danger:disabled {
    background: linear-gradient(180deg, #f29484, #f29484);
    border: 1px solid #ef816d;
    box-shadow: none;
    color: #fff;
}

.btn-custom-danger:not(:disabled):not(.disabled):active,
.btn-custom-danger:not(:disabled):not(.disabled).active,
.show > .btn-custom-danger.dropdown-toggle {
    background: linear-gradient(180deg, #b02b13, #b02b13);
    color: #fff;
    border: 1px solid #992511;
    box-shadow: inset 0 0 0 0 transparent, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 1px 0 #992511;
}

.btn-active-override-success.active {
    background: linear-gradient(180deg, #439834, #3C892F) !important;
    color: #fff !important;
    border: 1px solid #367A2A !important;
    box-shadow: inset 0 1px 0 0 #50B63E, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

.btn-active-override-primary.active {
    background: linear-gradient(180deg, #1AA5EF, #109AE5) !important;
    color: #fff !important;
    border: 1px solid #0D81BF !important;
    box-shadow: inset 0 1px 0 0 #40B4F2, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

.btn-active-override-info.active {
    background: linear-gradient(180deg, #F5C800, #E0B700) !important;
    color: #fff !important;
    border: 1px solid #CCA700 !important;
    box-shadow: inset 0 1px 0 0 #FFDD47, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

.btn-active-override-warning.active {
    background: linear-gradient(180deg, #FF850A, #F57A00) !important;
    color: #fff !important;
    border: 1px solid #CC6600 !important;
    box-shadow: inset 0 1px 0 0 #FF9933, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

.btn-active-override-danger.active {
    background: linear-gradient(180deg, #FD390D, #F22E02) !important;
    color: #fff !important;
    border: 1px solid #CA2702 !important;
    box-shadow: inset 0 1px 0 0 #FD5A35, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

.btn-active-override-default.active {
    background: linear-gradient(180deg, #8997A9, #718298) !important;
    color: #fff !important;
    border: 1px solid #67788E !important;
    box-shadow: inset 0 1px 0 0 #A0ACBA, 0 1px 0 0 rgba(22, 29, 37, .05), 0 0 0 0 transparent !important;
}

/**
 * Modals
 */

.modal-content {
    border-radius: 8px;
}

.modal-header {
    position: relative;
}

.modal-title {
    line-height: 1.2;
}

.modal-header .close {
    outline: none;
}

.modal-header .close span {
    padding: 0 0.65rem;
    background-color: #f1f1f1;
    border-radius: 50%;
}

.modal-header .close:hover span {
    background-color: #dfdfdf;
}

.modal-header .modal-loading {
    height: 1.2em;
    margin-left: 0.5em;
}

.modal-header .modal-sub-title {
    max-width: 15rem;
    vertical-align: -0.2rem;
}

.modal-header .btn {
    margin-top: -0.15rem;
}

.modal-body {
    padding: 1rem;
}

.modal-body h5 {
    font-size: 0.8rem;
    color: #6c757d;
}

.modal-body hr {
    margin-left: -1rem;
    margin-right: -1rem;
}

.modal-overflow {
    overflow-y: scroll !important;
    overflow-x: hidden;
    height: 60vh;
}

.modal-overflow-dynamic {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 60vh;
}

.modal .modal-dialog .modal-content .modal-header + .modal-header {
    border-bottom-width: 1px;
}

@media (min-width: 576px) {
    .modal-dialog {
        max-width: 560px;
    }

    .modal-md {
        max-width: 460px;
    }

    .modal-sm {
        max-width: 360px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        max-width: 800px;
    }
}

.modal-open {
    overflow: visible;
}

/**
 * Pre
 */

pre {
    max-height: 20rem;
    min-height: 2rem;
    padding: 0.5rem;
    border-radius: 8px;
    background-color: #F4F8FB;
    direction: ltr;
    text-align: left;
}

/**
 * List
 */

.list-unstyled {
    margin-bottom: 0;
}

.list-loose {
    padding-left: 2rem;
    line-height: 1.8;
}

/**
 * Dropdown
 */

.dropdown-menu {
    box-shadow: 0 0 0 1px rgba(6, 44, 82, .1), 0 2px 16px rgba(33, 43, 54, .08);
    border: none;
    border-radius: 8px;
}

.dropdown-item {
    padding: 0.35rem 1.5rem 0.35rem 1rem;
}

.dropdown-item:hover {
    background: linear-gradient(rgba(223, 227, 232, .3), rgba(223, 227, 232, .3));
    color: #212529;
}

.dropdown-item:focus,
.dropdown-item.focus {
    box-shadow: inset 0.2rem 0 0 #5c6ac4;
    background: linear-gradient(rgba(223, 227, 232, .3), rgba(223, 227, 232, .3));
    color: #212529;
    outline: 0;
}

.dropdown-item:active,
.dropdown-item.active {
    background: linear-gradient(rgba(179, 188, 245, .1), rgba(179, 188, 245, .1));
    color: #212529;
}

/**
 * Tooltip
 */

.tooltip {
    pointer-events: none;
}

.tooltip-inner {
    border-radius: 8px;
}

.tooltip-inner > div {
    text-align: left;
}

.tooltip-inner > ul {
    text-align: left;
    margin: 0;
    padding: 0 0 0 1rem;
}

.tooltip-inner > ul > li {
    white-space: nowrap;
}

.tooltip-expand .tooltip-inner {
    max-width: none;
}

/**
 * Tables
 */

tfoot th,
tfoot td {
    border-top: 2px solid #dee2e6 !important;
}

th,
td {
    text-align: center;
    vertical-align: middle !important;
}

.table {
    color: #4C5667;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 0;
}

.table-responsive > .table {
    min-width: 600px;
}

.table-header {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
}

.table-header-sm {
    padding: 0.75rem;
}

.table-header-search {
    flex: 1 1 auto;
}

.table-header-search,
.table-header-filter,
.table-header-sort,
.table-header-export {
    padding: 0.5rem;
}

.table-options {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
    margin-top: -1rem;
}

.table-options .custom-pill {
    margin: 0.5rem;
}

.table-footer {
    padding: 1rem;
}

.table-footer .pagination {
    margin-bottom: 0;
}

.table-sm {
    font-size: 0.8rem;
}

.table-sm td {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.table > tbody > tr.highlighted-row {
    background-color: rgba(255, 60, 32, 0.05);
}

.table-hover > tbody > tr:hover.highlighted-row:hover {
    background-color: rgba(255, 60, 32, 0.15);
}

.table-hover > tbody > tr:hover:hover .badge-secondary-subtle {
    background-color: #FFF;
}

.table .btn {
    font-size: 0.95rem;
}

.table-col-truncate {
    max-width: 1px;
}

.table-row-nested {
    background-color: #F4F6F8 !important;
}

.table-row-nested .table-responsive {
    padding: 1rem 1rem 1.5rem 3.5rem;
}

.table-row-nested .table {
    border-left: 1px solid #dee2e6;
    border-right: 1px solid #dee2e6;
    background-color: #fff !important;
}

.table-row-nested > td {
    padding: 0;
    border-top: none;
    box-shadow: inset 0 11px 8px -10px #ccc, inset 0 -11px 8px -10px #ccc;
}

.table-row-nested .table .btn {
    font-size: 0.8rem;
}

.table-row-nested .table .custom-badge {
    font-size: 0.7rem;
}

.table-row-nested .table .dropdown {
    margin-left: -0.15rem;
    margin-right: -0.15rem;
}

.table-col-1 {
    width: 4.166667%;
}

.table-col-2 {
    width: 8.333333%;
}

.table-col-3 {
    width: 12.5%;
}

.table-col-4 {
    width: 16.666667%;
}

.table-col-5 {
    width: 20.833333%;
}

.table-col-6 {
    width: 25%;
}

.table-col-7 {
    width: 29.166667%;
}

.table-col-8 {
    width: 33.333333%;
}

.table-col-9 {
    width: 37.5%;
}

.table-col-10 {
    width: 41.666667%;
}

.table-col-11 {
    width: 45.833333%;
}

.table-col-12 {
    width: 50%;
}

.table-col-13 {
    width: 54.166667%;
}

.table-col-14 {
    width: 58.333333%;
}

.table-col-15 {
    width: 62.5%;
}

.table-col-16 {
    width: 66.666667%;
}

.table-col-17 {
    width: 70.833333%;
}

.table-col-18 {
    width: 75%;
}

.table-col-19 {
    width: 79.166667%;
}

.table-col-20 {
    width: 83.33333%;
}

.table-col-21 {
    width: 87.5%;
}

.table-col-22 {
    width: 91.666667%;
}

.table-col-23 {
    width: 95.833333%;
}

.table-col-24 {
    width: 100%;
}

.embedded-timeline {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
    margin: -1rem 1rem;
    padding: 1rem 0;
}

.embedded-timeline-header {
    padding: 0.5rem 1.5rem;
    color: #777;
    font-size: 0.9rem;
    font-weight: 500;
}

.embedded-timeline-item {
    position: relative;
    padding-left: 0.5rem;
}

.embedded-timeline-item-wrapper {
    display: flex;
    padding: 1rem 0.5rem;
    margin: 0 0.5rem;
}

.embedded-timeline-item-wrapper.js-toggler-handle:hover {
    background-color: #f1f1f1;
    border-radius: 8px;
    cursor: pointer;
}

.embedded-timeline-item-time {
    padding-right: 0.5rem;
    min-width: 5.5rem;
    color: #777;
}

.embedded-timeline-item-status {
    padding-right: 1rem;
    min-width: 6rem;
}

.embedded-timeline-item-status + .embedded-timeline-item-content {
    margin-top: -0.15rem;
}

.embedded-timeline-item-content {
    flex: 1;
}

.embedded-timeline-item-point {
    position: absolute;
    top: calc(1rem + 2px);
    left: calc(-0.6rem - 0.5px);
    height: 1.2rem;
    width: 1.2rem;
    background-color: #777;
    border: 2px solid #fff;
    border-radius: 100%;
}

.embedded-timeline-item-point-error {
    background-color: #FD6A49;
}

.embedded-timeline-item-detail {
    padding: 0.5rem 1rem 2rem 1rem;
}

/**
 * Avatar
 */

.avatar img, .avatar div {
    border-radius: 50%;
}

.avatar img {
    box-shadow: 0 0 3px 0 rgba(31, 45, 61, .5);
}

.avatar div {
    text-align: center;
    margin: 0 auto;
    color: #FFF;
    font-weight: 500;
}

.avatar a {
    text-decoration: none;
}

.avatar-16 img, .avatar-16 div {
    width: 16px;
    height: 16px;
}

.avatar-16 div {
    line-height: 16px;
    font-size: 5px;
}

.avatar-24 img, .avatar-24 div {
    width: 24px;
    height: 24px;
}

.avatar-24 div {
    line-height: 24px;
    font-size: 8px;
}

.avatar-32 img, .avatar-32 div {
    width: 32px;
    height: 32px;
}

.avatar-32 div {
    line-height: 32px;
    font-size: 11px;
}

.avatar-40 img, .avatar-40 div {
    width: 40px;
    height: 40px;
}

.avatar-40 div {
    line-height: 40px;
    font-size: 14px;
}

.avatar-48 img, .avatar-48 div {
    width: 48px;
    height: 48px;
}

.avatar-48 div {
    line-height: 48px;
    font-size: 17px;
}

.avatar-72 img, .avatar-72 div {
    width: 72px;
    height: 72px;
}

.avatar-72 div {
    line-height: 72px;
    font-size: 25px;
}

.avatar-96 img, .avatar-96 div {
    width: 96px;
    height: 96px;
}

.avatar-96 div {
    line-height: 96px;
    font-size: 34px;
}

.avatar-placeholder .bi {
    font-size: 5rem;
    color: #DDD;
}

.avatar-placeholder-sm .bi {
    font-size: 3.5rem;
    color: #DDD;
}

.avatar-placeholder-xs .bi {
    font-size: 2rem;
    color: #DDD;
}

.avatar-image img {
    width: 100%;
    max-width: 10rem;
    border-radius: 8px;
}

.avatar-image-xs img {
    width: 100%;
    max-width: 2rem;
    border-radius: 8px;
}

.avatar-image-sm img {
    width: 100%;
    max-width: 5rem;
    border-radius: 8px;
}

.avatar-image-md img {
    width: 100%;
    max-width: 7rem;
    border-radius: 8px;
}

.avatar-image-lg img {
    width: 100%;
    max-width: 13rem;
    border-radius: 8px;
}

.avatar-image-invoice img {
    max-height: 8rem;
    width: auto;
    max-width: 17rem;
}

.brand-image {
    height: 100%;
    padding: 4px;
    transition: box-shadow 0.25s;
}

.brand-image > img {
    width: 100%;
}

.brand-image > div {
    width: 100%;
    height: 100%;
    background-color: #DDD;
}

.brand-image:hover {
    box-shadow: 0 2px 12px rgba(31, 45, 61, 0.25);
}

/**
 * Object Image
 */

.object-image img {
    width: 5rem;
    height: 5rem;
    object-fit: contain;
    background-color: #fff;
    box-shadow: 0 2px 8px rgba(31, 45, 61, 0.15);
    border-radius: 8px;
}

.object-image-sm img {
    width: 3rem;
    height: 3rem;
}

.object-image-xs img {
    width: 2rem;
    height: 2rem;
}

.object-image-placeholder {
    width: 5rem;
    height: 5rem;
    box-shadow: 0 2px 8px rgba(31, 45, 61, 0.15);
    border-radius: 8px;
    background-color: #fafafa;
}

.object-image-placeholder-sm {
    width: 3rem;
    height: 3rem;
}

.object-image-placeholder-xs {
    width: 2rem;
    height: 2rem;
}

.object-image-container {
    min-width: 7rem;
}

.object-image-container-sm {
    min-width: 5rem;
}

/**
 * Embedded Media
 */

.embedded-media-grid {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.embedded-media-grid .col {
    margin-bottom: 1rem;
}

.embedded-media-grid .card {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    border-radius: 8px;
}

.embedded-media-grid .card-body {
    flex: none;
    padding: 0.5rem;
}

.embedded-media-grid .card-img-custom,
.embedded-media-grid .card-video-custom {
    flex: 1;
    padding: 0.5rem 0.5rem 0 0.5rem;
}

.embedded-media-grid .card-img-custom img,
.embedded-media-grid .card-video-custom video,
.embedded-media-grid .card-video-custom .plyr {
    width: 100%;
    border-radius: 8px;
    box-shadow: 0 2px 8px rgba(31, 45, 61, 0.15);
}

/**
 * Pills and Badges
 */

.custom-pill {
    display: inline-flex;
    font-size: 0.8rem;
    white-space: nowrap;
}

.custom-pill-button {
    font-weight: 500;
    background-color: #d0d3d8;
    border-radius: 8px;
    padding: 0.1rem 0.75rem;
    color: inherit !important;
    text-decoration: none !important;
}

.custom-pill-label {
    font-weight: 500;
    display: inline-block;
    background-color: #dfe3e8;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 0.1rem 0.5rem;
}

.custom-pill-value {
    display: inline-block;
    background-color: #eaedf1;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 0.1rem 0.5rem;
}

.custom-pill a {
    color: inherit !important;
}

.custom-pill .bi {
    font-size: 1.2rem;
    vertical-align: -0.35rem;
    cursor: pointer;
    margin: 0 -0.25rem 0 0;
}

.custom-badge {
    color: #4C5667;
    font-size: 0.8rem;
    background-color: #dfe3e8;
    border: 2px solid #fff;
    border-radius: 2rem;
    padding: 0.1rem 0.5rem;
    white-space: nowrap;
    box-shadow: 0 0 0 1px rgba(69, 79, 91, 0.05), 0 1px 3px 0 rgba(69, 79, 91, 0.05);
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.custom-tag {
    font-size: 0.7rem;
    display: inline-block;
    background-color: #dfe3e8;
    border-radius: 8px;
    padding: 0 0.25rem;
}

.custom-tag-md {
    font-size: 0.75rem;
    padding: 0 0.5rem;
}

.custom-tag-lg {
    font-size: 0.8rem;
    padding: 0 0.5rem;
}

.custom-label {
    padding: 0.35rem 0.25rem;
    text-align: center;
    font-size: 0.85rem;
    border-radius: 8px;
}

/**
 * Static Colors
 */

.static-color-0 {
    background-color: #16a085;

}

.static-color-1 {
    background-color: #2980b9;
}

.static-color-2 {
    background-color: #e67e22;
}

.static-color-3 {
    background-color: #8e44ad;
}

.static-color-4 {
    background-color: #f1c40f;
}

.static-color-5 {
    background-color: #27ae60;
}

.static-color-6 {
    background-color: #e74c3c;
}

.static-color-7 {
    background-color: #c0392b;
}

.static-color-8 {
    background-color: #d35400;
}

.static-color-9 {
    background-color: #f39c12;
}

/**
 * Filter Options
 */

.filter-options > .dropdown-menu,
.filter-options > .btn-group > .dropdown-menu {
    min-width: 13rem;
}

.filter-options > .dropdown-menu .dropdown-menu {
    min-width: 8.5rem;
    max-height: 22rem;
    overflow: auto;
}

.filter-options .dropdown-header {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
}

.filter-options .dropdown-item {
    padding: 0;
    background: #fff !important;
    color: inherit !important;
}

.filter-options .dropdown-item:hover {
    background: #eee !important;
}

.filter-options .dropdown-buttons {
    padding: 0 0.5rem;
    background: #fff !important;
}

.filter-options .dropdown-buttons:hover {
    background: #fff !important;
}

.filter-options .form-group {
    margin: 0;
}

.filter-options .form-check {
    padding: 0.35rem 1rem 0.35rem 2rem;
}

.filter-options .form-check-label {
    display: block;
}

.filter-options .filter-options-options {
    padding-bottom: 0.5rem;
    max-height: 20rem;
    overflow-y: auto;
}

.filter-options .filter-options-options + .dropdown-divider {
    margin-top: 0 !important;
}

.filter-options .filter-options-range {
    display: flex;
    justify-content: space-between;
    min-width: 18.5rem;
}

.filter-options .filter-options-range .form-control:nth-child(1) {
    max-width: 11.5rem;
}

.filter-options .filter-options-range .form-control:nth-child(2) {
    max-width: 7.5rem;
}

.filter-options-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem;
    margin-top: -1.5rem;
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.filter-options-list .custom-pill {
    margin: 0.25rem;
}

/**
 * Sort Options
 */

.sort-options .dropdown-menu {
    min-width: 13rem;
}

.sort-options .dropdown-header {
    padding: 0.25rem 0.75rem;
    font-size: 0.75rem;
}

.sort-options .dropdown-item {
    padding: 0;
    background: #fff !important;
    color: inherit !important;
}

.sort-options .dropdown-item:hover {
    background: #eee !important;
}

.sort-options .dropdown-buttons {
    padding: 0 0.5rem;
    background: #fff !important;
}

.sort-options .dropdown-buttons:hover {
    background: #fff !important;
}

.sort-options .form-group {
    margin: 0;
}

.sort-options .form-check {
    padding: 0.35rem 1rem 0.35rem 2rem;
}

.sort-options .form-check-label {
    display: block;
}

/**
 * Tree Select
 */

.tree-select {
    border: 1px solid #ced4da;
    border-radius: 8px;
    padding: 0.25rem 0;
    max-height: 26.5rem;
    overflow: auto;
}

.tree-select .jstree-node {
    position: relative;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.tree-select .jstree-wholerow {
    height: 39px;
    top: 0;
    bottom: 0;
}

.tree-select .jstree-checkbox,
.jstree-default .jstree-icon {
    font-family: "Font Awesome 5 Free";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    background: none;
}

.single-select .jstree-open > a > .jstree-checkbox,
.single-select .jstree-closed > a > .jstree-checkbox {
    display: none;
}

.single-select .jstree-leaf > .jstree-ocl {
    display: none !important;
}

.jstree-default .jstree-icon {
    font-weight: 900;
    font-size: 0.8rem;
}

.tree-select .jstree-checkbox {
    font-weight: 400;
    font-size: 1.1rem;
}

.tree-select .jstree-checkbox:before {
    content: "\f0c8";
}

.jstree-default.jstree-checkbox-selection .jstree-clicked > .jstree-checkbox:before,
.jstree-default .jstree-checked > .jstree-checkbox:before {
    content: "\f14a";
}

.jstree-default .jstree-anchor > .jstree-undetermined:before {
    content: "\f146";
}

.jstree-default .jstree-closed > .jstree-ocl:before {
    content: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    vertical-align: -4px;
}

.jstree-default > .jstree-no-dots .jstree-open > .jstree-ocl:before {
    content: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E");
    vertical-align: -4px;
}

.jstree-node {
    padding-left: 0.5rem;
}

.single-select .jstree-leaf > .jstree-anchor > .jstree-checkbox:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3C/svg%3E");
    vertical-align: -2px;
}

.single-select .jstree-leaf > .jstree-clicked > .jstree-checkbox:before {
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-record-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3C/svg%3E");    font-size: 16px;
    vertical-align: -2px;
}

/**
 * Maps
 */

.map-selection-wrapper {
    width: 100%;
    height: 24rem;
    border: 1px solid #ced4da;
    border-radius: 0.35rem;
}

.map-view-wrapper {
    width: 100%;
    height: 16rem;
    border: 1px solid #ced4da;
    border-radius: 0.35rem;
}

/**
 * Auth
 */

.auth-form {
    max-width: 30rem;
    margin: 0 auto;
    padding: 2rem;
}

.auth-form .content-box {
    padding: 1.5rem;
}

.auth-form .content-box h3 {
    font-size: 1.5rem;
    margin-bottom: 1.5rem;
}

.auth-form .form-buttons {
    padding-top: 0.5rem;
}

/**
 * Payment Slip
 */

.payment-slip {
    width: 100%;
    max-width: 760px;
    display: flex;
    border: 1px solid #000;
    padding: 10px;
    color: #000 !important;
    font-size: 12px;
    line-height: 18px;
}

.payment-slip .payment-slip-wrapper {
    width: 100%;
    table-layout: fixed;
}

.payment-slip .payment-slip-wrapper-side {
    width: 40%;
    vertical-align: top !important;
}

.payment-slip .payment-slip-wrapper-main {
    width: 60%;
    vertical-align: top !important;
}

.payment-slip .payment-slip-content {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

.payment-slip .payment-slip-content td {
    padding: 0 6px;
    text-align: left;
    border: 1px solid #000;
}

.payment-slip .payment-slip-content .payment-slip-label {
    border: none;
    padding: 0;
    font-size: 10px;
}

.payment-slip .payment-slip-content .payment-slip-subtitle {
    font-size: 11px;
    border-bottom: 0;
}

.payment-slip .payment-slip-content .payment-slip-label-horizontal {
    width: 1px;
    padding-right: 5px;
}

.payment-slip .payment-slip-content .payment-slip-divider {
    border: none;
    padding-top: 10px;
}

.payment-slip .payment-slip-divider-horizontal {
    padding-left: 20px;
}

.payment-slip .payment-slip-divider-vertical {
    margin-top: 15px;
}

/**
 * Pickup List
 */

.pickup-list {
    width: 100%;
    height: 100%;
    line-height: 1.25;
}

.pickup-list td {
    text-align: left;
    vertical-align: top !important;
    padding: 0.5rem;
}

.pickup-list-checklist div {
    position: relative;
    padding-left: 1.25rem;
}

.pickup-list-checklist div:before {
    position: absolute;
    display: block;
    content: "\2713";
    line-height: 1;
    left: 0;
    width: 1rem;
    height: 1rem;
    border: 1px solid;
    border-radius: 2px;
}

.pickup-list-signature-box {
    width: 100%;
    height: 4rem;
    border: 1px solid;
}

.pickup-list hr {
    border-color: #000;
}

/**
 * Product Item
 */

.product-item {
    padding: 1rem;
    border-bottom: 1px solid #eee;
}

.product-item > img {
    width: 100%;
    box-shadow: 0 2px 8px rgba(31, 45, 61, 0.15);
    border-radius: 8px;
    margin-bottom: 1rem;
}

.product-item .input-group .form-control {
    max-width: 5rem;
}


/**
 * Registry Colors
 */

.status-active {
    background-color: #bbe5b3 !important;
}

.status-valid {
    background-color: #bbe5b3 !important;
}

.status-suspended {
    background-color: #fead9a !important;
}

.status-disabled {
    background-color: #fead9a !important;
}

.status-invalid {
    background-color: #fead9a !important;
}

.product-status-active {
    background-color: #bbe5b3 !important;
}

.product-status-archived {
    background-color: #fead9a !important;
}

.product-status-unlisted {
    background-color: #ffea8a !important;
}

.product-status-out_of_stock {
    background-color: #DDCEF3 !important;
}

.product-status-text-active {
    color: #459834 !important;
}

.product-status-text-archived {
    color: #F26987 !important;
}

.product-status-text-unlisted {
    color: #F5C800 !important;
}

.product-status-text-out_of_stock {
    color: #5563C1 !important;
}

.product-condition-new {
    background-color: #b4e1fa !important;
}

.product-condition-used {
    background-color: #ffc58b !important;
}

.payment-method-wire_transfer {
    background-color: #DDCEF3 !important;
}

.payment-method-cash_on_delivery {
    background-color: #ffea8a !important;
}

.payment-method-card_payment {
    background-color: #FAC7D2 !important;
}

.payment-status-pending {
    background-color: #ffea8a !important;
}

.payment-status-unpaid {
    background-color: #b4e1fa !important;
}

.payment-status-paid {
    background-color: #bbe5b3 !important;
}

.payment-status-sent {
    background-color: #b4e1fa !important;
}

.payment-status-received {
    background-color: #bbe5b3 !important;
}

.payment-status-none {
    background-color: #DDCEF3 !important;
}

.payment-status-canceled {
    background-color: #fead9a !important;
}

.shipping-method-manual {
    background-color: #ffc58b !important;
}

.shipping-method-integrated {
    background-color: #b4e1fa !important;
}

.shipping-method-pickup {
    background-color: #DDCEF3 !important;
}

.shipping-status-pending {
    background-color: #ffea8a !important;
}

.shipping-status-accepted {
    background-color: #b4e1fa !important;
}

.shipping-status-processing {
    background-color: #b4e1fa !important;
}

.shipping-status-ready_for_pickup {
    background-color: #BDEFEA !important;
}

.shipping-status-shipped {
    background-color: #BDEFEA !important;
}

.shipping-status-in_transit {
    background-color: #DDCEF3 !important;
}

.shipping-status-out_for_delivery {
    background-color: #FAC7D2 !important;
}

.shipping-status-delivered {
    background-color: #bbe5b3 !important;
}

.shipping-status-canceled {
    background-color: #fead9a !important;
}

.shipping-status-complaint {
    background-color: #ffc58b !important;
}

.return-status-pending {
    background-color: #ffea8a !important;
}

.return-status-accepted {
    background-color: #b4e1fa !important;
}

.return-status-processing {
    background-color: #DDCEF3 !important;
}

.return-status-completed {
    background-color: #bbe5b3 !important;
}

.return-status-rejected {
    background-color: #fead9a !important;
}

.return-status-canceled {
    background-color: #FAC7D2 !important;
}

.appointment-status-pending {
    background-color: #ffea8a !important;
}

.appointment-status-scheduled {
    background-color: #b4e1fa !important;
}

.appointment-status-completed {
    background-color: #bbe5b3 !important;
}

.appointment-status-canceled {
    background-color: #fead9a !important;
}

.user-role-admin {
    background-color: #ffc58b;
}

.user-role-user {
    background-color: #ffea8a;
}

.user-type-personal {
    background-color: #b4e1fa;
}

.user-type-business {
    background-color: #DDCEF3;
}

/**
 * Typeahead
 */

.typeahead-resource {
    width: 100%;
}

.typeahead-resource-image {
    width: 1px;
    padding: 0.15rem 0;
}

.typeahead-resource-detail {
    text-align: left;
    padding-left: 0.5rem;
    line-height: 1.35;
    vertical-align: top !important;
}

/**
 * Autocomplete
 */

.autocomplete-selector,
.select2-container--bootstrap4 .select2-selection--single,
.select2-container--bootstrap4 .select2-selection--multiple {
    min-height: calc(1.5rem + 0.75rem + 2px) !important;
}

.select2-container--bootstrap4 .select2-selection--single .select2-selection__rendered {
    line-height: calc(1.5rem + 0.75rem) !important;
}

.select2-container--bootstrap4 .select2-selection,
.select2-search--dropdown .select2-search__field {
    border-radius: 8px;
}

.select2-container--bootstrap4.select2-container--open .select2-selection {
    border-radius: 8px !important;
    border-bottom: 1px solid #ced4da !important;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
    border-color: #80bdff !important;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--above {
    margin-top: -0.35rem;
}

.select2-container--bootstrap4 .select2-dropdown.select2-dropdown--below {
    margin-top: 0.35rem;
}

.select2-container--bootstrap4 .select2-dropdown {
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 0 0 1px rgb(6, 44, 82, 0.1), 0 2px 16px rgb(33, 43, 54, 0.08);
}

.select2-results {
    padding: 0 6px;
}

.select2-results__option {
    margin: 6px 0;
    padding-top: 4px;
    padding-bottom: 4px;
    border-radius: 8px;
    font-size: 0.9rem;
}

.select2-container--bootstrap4 .select2-selection__clear {
    width: 1rem;
    height: 1rem;
    line-height: 1rem;
    padding-left: 0.05rem;
    text-align: center;
}

.select2-selection__choice {
    line-height: 22px;
    border-radius: 8px !important;
    margin-top: 0.3rem !important;
}

.select2-selection__rendered {
    padding: 0 6px !important;
}

.autocomplete-list .select2-selection__rendered {
    padding: 0 !important;
}

.autocomplete-list .select2-selection--single .select2-selection__rendered {
    padding-left: 0.75rem !important;
}

.autocomplete-list .select2-selection--single .select2-selection__clear {
    margin-right: 1.75rem;
}

.autocomplete-list .select2-selection__choice {
    float: none !important;
    margin: 0 !important;
    padding: 0.5rem 0.35rem !important;
    border: none !important;
    border-bottom: 1px solid #bdc6d0 !important;
    border-radius: 0 !important;
    font-size: 0.85rem;
    line-height: inherit;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.autocomplete-list .select2-selection__choice__remove {
    padding: 0 8px 0 5px !important;
    margin: 0 !important;
}

.autocomplete-list .select2-search--inline {
    float: none !important;
    padding: 0 8px;
}

.form-group:not(.autocomplete-list) .select2-selection__choice {
    font-size: 0.9rem;
    line-height: 1.45rem;
    margin-top: 6px !important;
    padding-right: 8px;
    color: #495057;
    background-color: #dfe3e8;
    border: none;
}

.form-group:not(.autocomplete-list) .select2-selection__choice__remove {
    color: #495057;
}

.form-group:not(.autocomplete-list) .select2-search--inline {
    margin-top: 1px;
}

.form-control-sm.autocomplete-selector,
.form-control-sm + .select2-container--bootstrap4 .select2-selection {
    min-height: calc(1.5em + 0.5rem + 2px) !important;
    height: calc(1.5em + 0.5rem + 2px) !important;
    font-size: 0.875rem;
}

.form-control-sm + .select2-container--bootstrap4 .select2-selection__rendered {
    margin-top: -0.2em !important;
    padding-left: 0.5rem !important;
}

/**
 * Date Time Picker
 */

.bootstrap-datetimepicker-widget {
    list-style: none;
}

.bootstrap-datetimepicker-widget.dropdown-menu {
    display: block;
    margin: 2px 0;
    padding: 4px;
    width: 19em;
}

@media (min-width: 768px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 992px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

@media (min-width: 1200px) {
    .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
        width: 38em;
    }
}

.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
    content: '';
    display: inline-block;
    position: absolute;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #ccc;
    border-bottom-color: rgba(0, 0, 0, 0.2);
    top: -7px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid white;
    top: -6px;
    left: 8px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    border-top-color: rgba(0, 0, 0, 0.2);
    bottom: -7px;
    left: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    bottom: -6px;
    left: 7px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
    left: auto;
    right: 6px;
}

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
    left: auto;
    right: 7px;
}

.bootstrap-datetimepicker-widget .list-unstyled {
    margin: 0;
}

.bootstrap-datetimepicker-widget a[data-action] {
    padding: 6px 0;
}

.bootstrap-datetimepicker-widget a[data-action]:active {
    box-shadow: none;
}

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
    width: 54px;
    font-weight: bold;
    font-size: 1.2em;
    margin: 0;
}

.bootstrap-datetimepicker-widget button[data-action] {
    padding: 6px;
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Increment Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Decrement Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Hours";
}

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Show Minutes";
}

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle AM/PM";
}

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Clear the picker";
}

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Set the date to today";
}

.bootstrap-datetimepicker-widget .picker-switch {
    text-align: center;
}

.bootstrap-datetimepicker-widget .picker-switch::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Toggle Date and Time Screens";
}

.bootstrap-datetimepicker-widget .picker-switch td {
    padding: 0;
    margin: 0;
    height: auto;
    width: auto;
    line-height: inherit;
}

.bootstrap-datetimepicker-widget .picker-switch td span {
    line-height: 2.5;
    height: 2.5em;
    width: 100%;
}

.bootstrap-datetimepicker-widget table {
    width: 100%;
    margin: 0;
}

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
    text-align: center;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table th {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.bootstrap-datetimepicker-widget table th.picker-switch {
    width: 145px;
}

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table th.prev::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Previous Month";
}

.bootstrap-datetimepicker-widget table th.next::after {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
    content: "Next Month";
}

.bootstrap-datetimepicker-widget table thead tr:first-child th {
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td {
    height: 54px;
    line-height: 54px;
    width: 54px;
}

.bootstrap-datetimepicker-widget table td.cw {
    font-size: .8em;
    height: 20px;
    line-height: 30px;
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.day {
    height: 30px;
    line-height: 30px;
    width: 30px;
}

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
    background: #eeeeee;
    cursor: pointer;
}

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td.today {
    position: relative;
}

.bootstrap-datetimepicker-widget table td.today:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 4px;
    right: 4px;
}

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td.active.today:before {
    border-bottom-color: #fff;
}

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget table td span {
    display: inline-block;
    width: 54px;
    height: 54px;
    line-height: 54px;
    margin: 2px 1.5px;
    cursor: pointer;
    border-radius: 4px;
}

.bootstrap-datetimepicker-widget table td span:hover {
    background: #eeeeee;
}

.bootstrap-datetimepicker-widget table td span.active {
    background-color: #337ab7;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.bootstrap-datetimepicker-widget table td span.old {
    color: #777777;
}

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
    background: none;
    color: #777777;
    cursor: not-allowed;
}

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
    height: 27px;
    line-height: 27px;
}

.bootstrap-datetimepicker-widget.wider {
    width: 21em;
}

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
    line-height: 1.8em !important;
}

.input-group.date .input-group-addon {
    cursor: pointer;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.bootstrap-datetimepicker-widget {
    font-size: 0.9rem;
}

.bootstrap-datetimepicker-widget .datepicker-years thead .picker-switch {
    cursor: default;
    pointer-events: none;
}

.bootstrap-datetimepicker-widget .glyphicon {
    display: block;
    height: 30px;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-up {
    background: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-up' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M7.646 4.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1-.708.708L8 5.707l-5.646 5.647a.5.5 0 0 1-.708-.708l6-6z'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-down {
    background: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-down' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-right {
    background: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-right' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.bootstrap-datetimepicker-widget .glyphicon-chevron-left {
    background: url("data:image/svg+xml,%3Csvg width='1em' height='1em' viewBox='0 0 16 16' class='bi bi-chevron-left' fill='currentColor' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3E%3C/svg%3E") 50% 50% no-repeat;
}

.datetimepicker-dynamic .table-condensed {
    border-collapse: separate;
    border-spacing: 1px;
}

.datetimepicker-dynamic .datepicker-days .active {
    box-shadow: 0 0 1px 1px #238FCF inset;
    background-color: transparent !important;
    color: #212529 !important;
}

.datetimepicker-dynamic .datepicker-days .active:before {
    border-bottom-color: #238FCF !important;
}

.datetimepicker-dynamic .datepicker-days .red, .datetimepicker-dynamic .datepicker-days .orange, .datetimepicker-dynamic .datepicker-days .green {
    transition: background-color 500ms;
}

.datetimepicker-dynamic .datepicker-days .red, .datetimepicker-dynamic .datepicker-days .red:hover {
    background-color: #FFCDD2 !important;
}

.datetimepicker-dynamic .datepicker-days .orange, .datetimepicker-dynamic .datepicker-days .orange:hover {
    background-color: #FFE0B2 !important;
}

.datetimepicker-dynamic .datepicker-days .green, .datetimepicker-dynamic .datepicker-days .green:hover {
    background-color: #E8F5E9 !important;
}

.date-selector > div {
    min-width: 270px;
    padding: 0.5em;
}

/**
 * Notification
 */

.notifyjs-bootstrap-base {
    padding: 1rem 1.5rem;
    color: #fff;
    background-color: #454f5b;
    box-shadow: 0 0 0 1px rgba(63, 63, 68, 0.05), 0 1px 3px 0 rgba(63, 63, 68, 0.15);
    border-radius: 8px;
    background-repeat: no-repeat;
    background-position: 3px 7px;
    text-align: center;
}

.notifyjs-bootstrap-error {
    background-color: #de3618;
}

.notifyjs-bootstrap-success {
    background-color: #50b83c;
}

.notifyjs-bootstrap-info {
    background-color: #47c1bf;
}

.notifyjs-bootstrap-warn {
    background-color: #eec200;
}

.notifyjs-corner {
    position: fixed;
    margin: 5px;
    z-index: 1050;
    bottom: 0;
    left: 0 !important;
    right: 0 !important;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.notifyjs-corner .notifyjs-wrapper,
.notifyjs-corner .notifyjs-container {
    position: relative;
    display: block;
    height: inherit;
    width: inherit;
    margin: 3px;
}

.notifyjs-wrapper {
    z-index: 1;
    position: absolute;
    display: inline-block;
    height: 0;
    width: 0;
}

.notifyjs-container {
    display: none;
    z-index: 1;
    position: absolute;
}

.notifyjs-hidable {
    cursor: pointer;
}

[data-notify-text],
[data-notify-html] {
    position: relative;
}

.notifyjs-arrow {
    position: absolute;
    z-index: 2;
    width: 0;
    height: 0;
}