/*@import url("reset.css");*/
@import url("../animista.css");
@import url("../pretty-checkbox.min.css");
@import url('../font-source-sans-pro.css');
@import url("../../fonts/Roboto/roboto.css");

:root {
    /* Components > k-Form */
    --kform-avatarbtn-bg-color: rgba(var(--theme-color-primary), 1);

    /* Components > lb-List */
    --lblist-detbodycard-border-color: rgba(var(--theme-color-primary), 1);
    --lblist-card-bg-color_: var(--theme-color-background);
    --lblist-card-overlay-bg-color: rgba(var(--theme-color-primary), .85);
    --lblist-cardname-txt-color: rgba(var(--theme-color-primary), 1);
    --lblist-category-bd-color: rgba(var(--theme-color-primary), 1);
}


html,
body {
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: rgb(var(--theme-color));
    line-height: 1.42857;
    overflow-y: auto;
    height: 100%;
    text-rendering: geometricPrecision;
}

body.noscroll {
    overflow-y: hidden;
    height: 100vh;
}

/* Override Bootstrap */
.text-primary {
    color: rgb(var(--bootstrap-color-prim)) !important;
}

.text-secondary {
    color: rgb(var(--bootstrap-color-seco)) !important;
}

.text-success {
    color: rgb(var(--bootstrap-color-succ)) !important;
}

.text-danger {
    color: rgb(var(--bootstrap-color-dang)) !important;
}

.text-warning {
    color: rgb(var(--bootstrap-color-warn)) !important;
}

.text-info {
    color: rgb(var(--bootstrap-color-info)) !important;
}

.text-light {
    color: rgb(var(--bootstrap-color-ligh)) !important;
}

.text-dark {
    color: rgb(var(--bootstrap-color-dark)) !important;
}

.text-muted {
    color: rgb(var(--bootstrap-color-mute)) !important;
}

.text-white {
    color: rgb(var(--bootstrap-color-whit)) !important;
}

.text-blue {
    color: rgb(var(--bootstrap-color-blue)) !important;
}

.text-blue-dark {
    color: rgb(var(--bootstrap-color-blue-darker1)) !important;
}

.text-green-dark {
    color: rgb(var(--bootstrap-color-gree-darker1)) !important;
}

.text-orange-dark {
    color: rgb(var(--bootstrap-color-oran-darker1)) !important;
}

.text-purple-dark {
    color: rgb(var(--bootstrap-color-purp-darker1)) !important;
}

.text-hover-primary:hover {
    color: rgb(var(--bootstrap-color-prim)) !important;
}

.text-hover-secondary:hover {
    color: rgb(var(--bootstrap-color-seco)) !important;
}

.text-hover-success:hover {
    color: rgb(var(--bootstrap-color-succ)) !important;
}

.text-hover-danger:hover {
    color: rgb(var(--bootstrap-color-dang)) !important;
}

.text-hover-warning:hover {
    color: rgb(var(--bootstrap-color-warn)) !important;
}

.text-hover-info:hover {
    color: rgb(var(--bootstrap-color-info)) !important;
}

.text-hover-light:hover {
    color: rgb(var(--bootstrap-color-ligh)) !important;
}

.text-hover-dark:hover {
    color: rgb(var(--bootstrap-color-dark)) !important;
}

.text-hover-muted:hover {
    color: rgb(var(--bootstrap-color-mute)) !important;
}

.text-hover-white:hover {
    color: rgb(var(--bootstrap-color-whit)) !important;
}

.bg-primary {
    background-color: rgb(var(--bootstrap-color-prim)) !important;
}

.bg-blue {
    background-color: rgb(var(--bootstrap-color-blue)) !important;
}

.bg-secondary {
    background-color: rgb(var(--bootstrap-color-seco)) !important;
}

.bg-success {
    background-color: rgb(var(--bootstrap-color-succ)) !important;
}

.bg-danger {
    background-color: rgb(var(--bootstrap-color-dang)) !important;
}

.bg-warning {
    background-color: rgb(var(--bootstrap-color-warn)) !important;
}

.bg-info {
    background-color: rgb(var(--bootstrap-color-info)) !important;
}

.bg-light {
    background-color: rgb(var(--bootstrap-color-ligh)) !important;
}

.bg-dark {
    background-color: rgb(var(--bootstrap-color-dark)) !important;
}

.bg-muted {
    background-color: rgb(var(--bootstrap-color-mute)) !important;
}

.bg-white {
    background-color: rgb(var(--bootstrap-color-whit)) !important;
}

.bg-bluegray {
    background-color: rgb(var(--theme-color-background-shadow));
}

.alert-primary {
    background-color: rgba(var(--bootstrap-color-prim), .3) !important;
    border-color: transparent !important;
}

.alert-secondary {
    background-color: rgba(var(--bootstrap-color-seco), .3) !important;
    border-color: transparent !important;
}

.alert-success {
    background-color: rgba(var(--bootstrap-color-succ), .3) !important;
    border-color: transparent !important;
}

.alert-danger {
    background-color: rgba(var(--bootstrap-color-dang), .3) !important;
    border-color: transparent !important;
}

.alert-warning {
    background-color: rgba(var(--bootstrap-color-warn), .3) !important;
    border-color: transparent !important;
}

.alert-info {
    background-color: rgba(var(--bootstrap-color-info), .3) !important;
    border-color: transparent !important;
}

.alert-light {
    background-color: rgba(var(--bootstrap-color-ligh), .7) !important;
    border-color: transparent !important;
}

.alert-dark {
    background-color: rgba(var(--bootstrap-color-dark), .3) !important;
    border-color: transparent !important;
}

.alert-muted {
    background-color: rgba(var(--bootstrap-color-mute), .3) !important;
    border-color: transparent !important;
}

.alert-white {
    background-color: rgba(var(--bootstrap-color-whit), .3) !important;
    border-color: transparent !important;
}

/*.mark-primary      { background-color:rgb(var(--bootstrap-color-prim))!important; }*/
.mark-secondary {
    background-color: rgb(var(--bootstrap-color-seco)) !important;
}

.mark-success {
    background-color: rgb(var(--highligh-color-succ)) !important;
}

.mark-danger {
    background-color: rgb(var(--bootstrap-color-dang)) !important;
}

.mark-warning {
    background-color: rgb(var(--bootstrap-color-warn)) !important;
}

.mark-info {
    background-color: rgb(var(--bootstrap-color-info)) !important;
}

.mark-light {
    background-color: rgb(var(--bootstrap-color-ligh)) !important;
}

.mark-dark {
    background-color: rgb(var(--bootstrap-color-dark)) !important;
}

.mark-muted {
    background-color: rgb(var(--bootstrap-color-mute)) !important;
}

.mark-white {
    background-color: rgb(var(--bootstrap-color-whit)) !important;
}

.hover-bg-primary:hover {
    background-color: rgb(var(--bootstrap-color-prim)) !important;
}

.hover-bg-secondary:hover {
    background-color: rgb(var(--bootstrap-color-seco)) !important;
}

.hover-bg-success:hover {
    background-color: rgb(var(--bootstrap-color-succ)) !important;
}

.hover-bg-danger:hover {
    background-color: rgb(var(--bootstrap-color-dang)) !important;
}

.hover-bg-warning:hover {
    background-color: rgb(var(--bootstrap-color-warn)) !important;
}

.hover-bg-info:hover {
    background-color: rgb(var(--bootstrap-color-info)) !important;
}

.hover-bg-light:hover {
    background-color: rgb(var(--bootstrap-color-ligh)) !important;
}

.hover-bg-dark:hover {
    background-color: rgb(var(--bootstrap-color-dark)) !important;
}

.hover-bg-muted:hover {
    background-color: rgb(var(--bootstrap-color-mute)) !important;
}

.hover-bg-white:hover {
    background-color: rgb(var(--bootstrap-color-whit)) !important;
}

.bg-hover-primary:hover {
    background-color: rgb(var(--bootstrap-color-prim)) !important;
}

.bg-hover-secondary:hover {
    background-color: rgb(var(--bootstrap-color-seco)) !important;
}

.bg-hover-success:hover {
    background-color: rgb(var(--bootstrap-color-succ)) !important;
}

.bg-hover-danger:hover {
    background-color: rgb(var(--bootstrap-color-dang)) !important;
}

.bg-hover-warning:hover {
    background-color: rgb(var(--bootstrap-color-warn)) !important;
}

.bg-hover-info:hover {
    background-color: rgb(var(--bootstrap-color-info)) !important;
}

.bg-hover-light:hover {
    background-color: rgb(var(--bootstrap-color-ligh)) !important;
}

.bg-hover-dark:hover {
    background-color: rgb(var(--bootstrap-color-dark)) !important;
}

.bg-hover-muted:hover {
    background-color: rgb(var(--bootstrap-color-mute)) !important;
}

.bg-hover-white:hover {
    background-color: rgb(var(--bootstrap-color-whit)) !important;
}

.btn-secondary {
    background-color: rgb(var(--bootstrap-color-seco));
    border-color: rgb(var(--bootstrap-color-seco));
}

.btn-info {
    background-color: rgb(var(--bootstrap-color-info));
    border-color: rgb(var(--bootstrap-color-info));
}

.btn-light {
    background-color: rgb(var(--bootstrap-color-ligh));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-dark {
    background-color: rgb(var(--bootstrap-color-dark));
    border-color: rgb(var(--bootstrap-color-dark));
}

.btn-muted {
    background-color: rgb(var(--bootstrap-color-mute));
    border-color: rgb(var(--bootstrap-color-mute));
}

.btn-bluegray {
    background-color: rgb(var(--theme-color-background-shadow));
    border-color: rgb(var(--theme-color-background-shadow));
}

.btn-primary {
    --bs-btn-color: rgb(var(--bootstrap-color-prim-contrast));
    --bs-btn-bg: rgb(var(--bootstrap-color-prim));
    --bs-btn-border-color: rgb(var(--bootstrap-color-prim));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-prim-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-prim-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-prim-darker1));
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: rgb(var(--bootstrap-color-prim-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-prim-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-prim-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-prim-contrast));
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-prim));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-prim));
}

.btn-outline-primary {
    --bs-btn-color: rgb(var(--bootstrap-color-prim));
    --bs-btn-border-color: rgb(var(--bootstrap-color-prim));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-prim-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-prim));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-prim));
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: rgb(var(--bootstrap-color-prim-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-prim));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-prim));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-prim));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-prim));
    --bs-gradient: none;
}

.text-bg-primary {
    color: rgb(var(--bootstrap-color-prim-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-prim)) !important;
}

.btn-blue {
    --bs-btn-color: rgb(var(--bootstrap-color-blue-contrast));
    --bs-btn-bg: rgb(var(--bootstrap-color-blue));
    --bs-btn-border-color: rgb(var(--bootstrap-color-blue));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-blue-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-blue-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-blue-darker1));
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: rgb(var(--bootstrap-color-blue-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-blue-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-blue-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-blue-contrast));
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-blue));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-blue));
}

.btn-outline-blue {
    --bs-btn-color: rgb(var(--bootstrap-color-blue));
    --bs-btn-border-color: rgb(var(--bootstrap-color-blue));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-blue-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-blue));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-blue));
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: rgb(var(--bootstrap-color-blue-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-blue));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-blue));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-blue));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-blue));
    --bs-gradient: none;
}

.text-bg-blue {
    color: rgb(var(--bootstrap-color-blue-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-blue)) !important;
}

.btn-success {
    --bs-btn-color: rgb(var(--bootstrap-color-succ-contrast));
    --bs-btn-bg: rgb(var(--bootstrap-color-succ));
    --bs-btn-border-color: rgb(var(--bootstrap-color-succ));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-succ-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-succ-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-succ-darker1));
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: rgb(var(--bootstrap-color-succ-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-succ-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-succ-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-succ-contrast));
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-succ));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-succ));
}

.btn-outline-success {
    --bs-btn-color: rgb(var(--bootstrap-color-succ));
    --bs-btn-border-color: rgb(var(--bootstrap-color-succ));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-succ-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-succ));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-succ));
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: rgb(var(--bootstrap-color-succ-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-succ));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-succ));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-succ));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-succ));
    --bs-gradient: none;
}

.text-bg-success {
    color: rgb(var(--bootstrap-color-succ-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-succ)) !important;
}

.btn-danger {
    --bs-btn-color: #fff;
    --bs-btn-bg: rgb(var(--bootstrap-color-dang));
    --bs-btn-border-color: rgb(var(--bootstrap-color-dang));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-dang-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-dang-darker1));
    --bs-btn-focus-shadow-rgb: 60, 153, 110;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--bootstrap-color-dang-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-dang-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-dang));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-dang));
}

.btn-outline-danger {
    --bs-btn-color: rgb(var(--bootstrap-color-dang));
    --bs-btn-border-color: rgb(var(--bootstrap-color-dang));
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-dang));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-dang));
    --bs-btn-focus-shadow-rgb: 225, 83, 97;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: rgb(var(--bootstrap-color-dang));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-dang));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-dang));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-dang));
    --bs-gradient: none;
}

.text-bg-danger {
    color: rgb(var(--bootstrap-color-dang-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-dang)) !important;
}

.btn-warning {
    --bs-btn-color: rgb(var(--bootstrap-color-warn-contrast));
    --bs-btn-bg: rgb(var(--bootstrap-color-warn));
    --bs-btn-border-color: rgb(var(--bootstrap-color-warn));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-warn-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-warn-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-warn-darker1));
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: rgb(var(--bootstrap-color-warn-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-warn-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-warn-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-warn-contrast));
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-warn));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-warn));
}

.btn-outline-warning {
    --bs-btn-color: rgb(var(--bootstrap-color-warn));
    --bs-btn-border-color: rgb(var(--bootstrap-color-warn));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-warn-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-warn));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-warn));
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: rgb(var(--bootstrap-color-warn-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-warn));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-warn));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-warn));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-warn));
    --bs-gradient: none;
}

.text-bg-warning {
    color: rgb(var(--bootstrap-color-warn-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-warn)) !important;
}

.btn-white {
    --bs-btn-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-btn-bg: rgb(var(--bootstrap-color-whit));
    --bs-btn-border-color: rgb(var(--bootstrap-color-whit));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-whit-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-whit-darker1));
    --bs-btn-focus-shadow-rgb: 217, 164, 6;
    --bs-btn-active-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-whit-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-whit-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-whit));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-whit));
}

.btn-outline-white {
    --bs-btn-color: rgb(var(--bootstrap-color-whit));
    --bs-btn-border-color: rgb(var(--bootstrap-color-whit));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-whit));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-whit));
    --bs-btn-focus-shadow-rgb: 255, 193, 7;
    --bs-btn-active-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-whit));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-whit));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-whit));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-whit));
    --bs-gradient: none;
}

.text-bg-white {
    color: rgb(var(--bootstrap-color-whit-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-whit)) !important;
}

.btn-light {
    --bs-btn-color: rgb(var(--bootstrap-color-ligh-contrast));
    --bs-btn-bg: rgb(var(--bootstrap-color-ligh));
    --bs-btn-border-color: rgb(var(--bootstrap-color-ligh));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-ligh-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-ligh-darker1));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-ligh-darker1));
    --bs-btn-focus-shadow-rgb: 211, 212, 213;
    --bs-btn-active-color: rgb(var(--bootstrap-color-ligh-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-ligh-darker1));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-ligh-darker1));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-ligh-contrast));
    --bs-btn-disabled-bg: rgb(var(--bootstrap-color-ligh));
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-outline-light {
    --bs-btn-color: rgb(var(--bootstrap-color-ligh));
    --bs-btn-border-color: rgb(var(--bootstrap-color-ligh));
    --bs-btn-hover-color: rgb(var(--bootstrap-color-ligh-contrast));
    --bs-btn-hover-bg: rgb(var(--bootstrap-color-ligh));
    --bs-btn-hover-border-color: rgb(var(--bootstrap-color-ligh));
    --bs-btn-focus-shadow-rgb: 248, 249, 250;
    --bs-btn-active-color: rgb(var(--bootstrap-color-ligh-contrast));
    --bs-btn-active-bg: rgb(var(--bootstrap-color-ligh));
    --bs-btn-active-border-color: rgb(var(--bootstrap-color-ligh));
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: rgb(var(--bootstrap-color-ligh));
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgb(var(--bootstrap-color-ligh));
    --bs-gradient: none;
}

.text-bg-light {
    color: rgb(var(--bootstrap-color-ligh-contrast)) !important;
    background-color: rgb(var(--bootstrap-color-ligh)) !important;
}

.table-light {
    --bs-table-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-table-bg: rgb(var(--color-neutral-grayscale-200));
    --bs-table-border-color: rgb(var(--bootstrap-color-ligh-darker1));
    --bs-table-striped-bg: rgb(var(--bootstrap-color-whit-darker1));
    --bs-table-striped-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-table-active-bg: rgb(var(--bootstrap-color-ligh-darker1));
    --bs-table-active-color: rgb(var(--bootstrap-color-whit-contrast));
    --bs-table-hover-bg: rgb(var(--bootstrap-color-whit-darker1));
    --bs-table-hover-color: rgb(var(--bootstrap-color-whit-contrast));
    color: rgb(var(--bootstrap-color-whit-contrast));
    border-color: rgb(var(--bootstrap-color-ligh-darker1));
}

.modal-header {
    justify-content: space-between;
}

.dropdown-toggle.caret-off::before {
    display: none;
}

.dropdown-toggle.caret-off::after {
    display: none;
}

.btn-secondary:hover {
    background-color: rgb(var(--bootstrap-color-seco-darker1));
    border-color: rgb(var(--bootstrap-color-seco-darker1));
}

.btn-info:hover {
    background-color: rgb(var(--bootstrap-color-info-darker1));
    border-color: rgb(var(--bootstrap-color-info-darker1));
}

.btn-light:hover {
    background-color: rgb(var(--bootstrap-color-ligh-darker1));
    border-color: rgb(var(--bootstrap-color-ligh-darker1));
}

.btn-dark:hover {
    background-color: rgb(var(--bootstrap-color-dark-darker1));
    border-color: rgb(var(--bootstrap-color-dark-darker1));
}

.btn-muted:hover {
    background-color: rgb(var(--bootstrap-color-mute-darker1));
    border-color: rgb(var(--bootstrap-color-mute-darker1));
}

.btn-bluegray:hover {
    background-color: rgb(var(--bootstrap-color-ligh));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-secondary:focus {
    background-color: rgb(var(--bootstrap-color-seco-darker1));
    border-color: rgb(var(--bootstrap-color-seco-darker1));
}

.btn-info:focus {
    background-color: rgb(var(--bootstrap-color-info-darker1));
    border-color: rgb(var(--bootstrap-color-info-darker1));
}

.btn-light:focus {
    background-color: rgb(var(--bootstrap-color-ligh-darker1));
    border-color: rgb(var(--bootstrap-color-ligh-darker1));
}

.btn-dark:focus {
    background-color: rgb(var(--bootstrap-color-dark-darker1));
    border-color: rgb(var(--bootstrap-color-dark-darker1));
}

.btn-muted:focus {
    background-color: rgb(var(--bootstrap-color-mute-darker1));
    border-color: rgb(var(--bootstrap-color-mute-darker1));
}

.btn-secondary:not(:disabled):not(.disabled).active {
    background-color: rgb(var(--bootstrap-color-seco));
    border-color: rgb(var(--bootstrap-color-seco));
}

.btn-info:not(:disabled):not(.disabled).active {
    background-color: rgb(var(--bootstrap-color-info));
    border-color: rgb(var(--bootstrap-color-info));
}

.btn-light:not(:disabled):not(.disabled).active {
    background-color: rgb(var(--bootstrap-color-ligh));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-dark:not(:disabled):not(.disabled).active {
    background-color: rgb(var(--bootstrap-color-dark));
    border-color: rgb(var(--bootstrap-color-dark));
}

.btn-muted:not(:disabled):not(.disabled).active {
    background-color: rgb(var(--bootstrap-color-mute));
    border-color: rgb(var(--bootstrap-color-mute));
}

.btn-secondary:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--bootstrap-color-seco));
    border-color: rgb(var(--bootstrap-color-seco));
}

.btn-info:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--bootstrap-color-info));
    border-color: rgb(var(--bootstrap-color-info));
}

.btn-light:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--bootstrap-color-ligh));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-dark:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--bootstrap-color-dark));
    border-color: rgb(var(--bootstrap-color-dark));
}

.btn-muted:not(:disabled):not(.disabled):active {
    background-color: rgb(var(--bootstrap-color-mute));
    border-color: rgb(var(--bootstrap-color-mute));
}

.btn-secondary.disabled,
.btn-secondary:disabled {
    background-color: rgba(var(--bootstrap-color-seco), .6);
    border-color: rgba(var(--bootstrap-color-seco), 0);
    filter: grayscale(50%);
}

.btn-info.disabled,
.btn-info:disabled {
    background-color: rgba(var(--bootstrap-color-info), .6);
    border-color: rgba(var(--bootstrap-color-info), 0);
    filter: grayscale(50%);
}

.btn-light.disabled,
.btn-light:disabled {
    background-color: rgba(var(--bootstrap-color-ligh), .6);
    border-color: rgba(var(--bootstrap-color-ligh), 0);
    filter: grayscale(50%);
}

.btn-dark.disabled,
.btn-dark:disabled {
    background-color: rgba(var(--bootstrap-color-dark), .6);
    border-color: rgba(var(--bootstrap-color-dark), 0);
    filter: grayscale(50%);
}

.btn-muted.disabled,
.btn-muted:disabled {
    background-color: rgba(var(--bootstrap-color-mute), .6);
    border-color: rgba(var(--bootstrap-color-mute), 0);
    filter: grayscale(50%);
}

.btn-primary.disabled,
.btn-primary:disabled {}

.show>.btn-secondary.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-seco), 1);
    border-color: rgba(var(--bootstrap-color-seco), 1);
}

.show>.btn-info.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-info), 1);
    border-color: rgba(var(--bootstrap-color-info), 1);
}

.show>.btn-light.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-ligh), 1);
    border-color: rgba(var(--bootstrap-color-ligh), 1);
}

.show>.btn-dark.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-dark), 1);
    border-color: rgba(var(--bootstrap-color-dark), 1);
}

.show>.btn-muted.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-mute), 1);
    border-color: rgba(var(--bootstrap-color-mute), 1);
}

.btn-outline-secondary {
    color: rgb(var(--bootstrap-color-seco));
    border-color: rgb(var(--bootstrap-color-seco));
}

.btn-outline-info {
    color: rgb(var(--bootstrap-color-info));
    border-color: rgb(var(--bootstrap-color-info));
}

.btn-outline-light {
    color: rgb(var(--bootstrap-color-seco));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-outline-dark {
    color: rgb(var(--bootstrap-color-dark));
    border-color: rgb(var(--bootstrap-color-dark));
}

.btn-outline-muted {
    color: rgb(var(--bootstrap-color-mute));
    border-color: rgb(var(--bootstrap-color-mute));
}

.btn-outline-secondary:hover {
    background-color: rgb(var(--bootstrap-color-seco-darker1));
    border-color: rgb(var(--bootstrap-color-seco-darker1));
}

.btn-outline-info:hover {
    background-color: rgb(var(--bootstrap-color-info-darker1));
    border-color: rgb(var(--bootstrap-color-info-darker1));
}

.btn-outline-light:hover {
    background-color: rgb(var(--bootstrap-color-ligh-darker1));
    border-color: rgb(var(--bootstrap-color-ligh-darker1));
}

.btn-outline-dark:hover {
    background-color: rgb(var(--bootstrap-color-dark-darker1));
    border-color: rgb(var(--bootstrap-color-dark-darker1));
}

.btn-outline-muted:hover {
    background-color: rgb(var(--bootstrap-color-mute-darker1));
    border-color: rgb(var(--bootstrap-color-mute-darker1));
}

.btn-outline-secondary:not(:disabled):not(.disabled).active {
    background-color: rgba(var(--bootstrap-color-seco), 1);
    border-color: rgba(var(--bootstrap-color-seco), 1);
}

.btn-outline-info:not(:disabled):not(.disabled).active {
    background-color: rgba(var(--bootstrap-color-info), 1);
    border-color: rgba(var(--bootstrap-color-info), 1);
}

.btn-outline-light:not(:disabled):not(.disabled).active {
    background-color: rgba(var(--bootstrap-color-ligh), 1);
    border-color: rgba(var(--bootstrap-color-ligh), 1);
}

.btn-outline-dark:not(:disabled):not(.disabled).active {
    background-color: rgba(var(--bootstrap-color-dark), 1);
    border-color: rgba(var(--bootstrap-color-dark), 1);
}

.btn-outline-muted:not(:disabled):not(.disabled).active {
    background-color: rgba(var(--bootstrap-color-mute), 1);
    border-color: rgba(var(--bootstrap-color-mute), 1);
}

.btn--outline-secondary:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--bootstrap-color-seco), 1);
    border-color: rgba(var(--bootstrap-color-seco), 1);
}

.btn--outline-info:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--bootstrap-color-info), 1);
    border-color: rgba(var(--bootstrap-color-info), 1);
}

.btn--outline-light:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--bootstrap-color-ligh), 1);
    border-color: rgba(var(--bootstrap-color-ligh), 1);
}

.btn--outline-dark:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--bootstrap-color-dark), 1);
    border-color: rgba(var(--bootstrap-color-dark), 1);
}

.btn--outline-muted:not(:disabled):not(.disabled):active {
    background-color: rgba(var(--bootstrap-color-mute), 1);
    border-color: rgba(var(--bootstrap-color-mute), 1);
}

.show>.btn-outline-secondary.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-seco), 1);
    border-color: rgba(var(--bootstrap-color-seco), 1);
}

.show>.btn-outline-info.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-info), 1);
    border-color: rgba(var(--bootstrap-color-info), 1);
}

.show>.btn-outline-light.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-ligh), 1);
    border-color: rgba(var(--bootstrap-color-ligh), 1);
}

.show>.btn-outline-dark.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-dark), 1);
    border-color: rgba(var(--bootstrap-color-dark), 1);
}

.show>.btn-outline-muted.dropdown-toggle {
    background-color: rgba(var(--bootstrap-color-mute), 1);
    border-color: rgba(var(--bootstrap-color-mute), 1);
}

.btn {
    box-sizing: border-box !important;
}

.btn.btn-sm.btn-rounded {
    border-radius: 37px;
    padding: 0 20px;
    height: 32px;
}

.btn.sim-disabled {
    opacity: .4;
    filter: grayscale(50%);
    color: #000;
    pointer-events: none;
}

/* Override Pretty */
.pretty input:checked~.state.p-primary label:after,
.pretty.p-toggle .state.p-primary label:after {
    background-color: rgba(var(--bootstrap-color-prim), 1) !important;
}

.pretty input:checked~.state.p-secondary label:after,
.pretty.p-toggle .state.p-secondary label:after {
    background-color: rgba(var(--bootstrap-color-seco), 1) !important;
}

.pretty input:checked~.state.p-success label:after,
.pretty.p-toggle .state.p-success label:after {
    background-color: rgba(var(--bootstrap-color-succ), 1) !important;
}

.pretty input:checked~.state.p-danger label:after,
.pretty.p-toggle .state.p-danger label:after {
    background-color: rgba(var(--bootstrap-color-dang), 1) !important;
}

.pretty input:checked~.state.p-warning label:after,
.pretty.p-toggle .state.p-warning label:after {
    background-color: rgba(var(--bootstrap-color-warn), 1) !important;
}

.pretty input:checked~.state.p-info label:after,
.pretty.p-toggle .state.p-info label:after {
    background-color: rgba(var(--bootstrap-color-info), 1) !important;
}

.pretty input:checked~.state.p-light label:after,
.pretty.p-toggle .state.p-light label:after {
    background-color: rgba(var(--bootstrap-color-ligh), 1) !important;
}

.pretty input:checked~.state.p-dark label:after,
.pretty.p-toggle .state.p-dark label:after {
    background-color: rgba(var(--bootstrap-color-dark), 1) !important;
}

.pretty input:checked~.state.p-muted label:after,
.pretty.p-toggle .state.p-muted label:after {
    background-color: rgba(var(--bootstrap-color-mute), 1) !important;
}

.pretty input:checked~.state.p-white label:after,
.pretty.p-toggle .state.p-white label:after {
    background-color: rgba(var(--bootstrap-color-whit), 1) !important;
}

.sim-transparent-scroll::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.sim-scroll-slim::-webkit-scrollbar {
    width: 3px;
    height: 3px;
}

.sim-scroll-slim::-webkit-scrollbar-track {
    -webkit-box-shadow: none;
    -webkit-border-radius: 0;
    border-radius: 0
}

.sim-scroll-slim::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 0;
    background: var(--layout-scrollbar-bg-color);
    -webkit-box-shadow: none;
    border-right: none
}

::-webkit-scrollbar-thumb:window-inactive {
    background: #999
}

.sim-scroll-mini::-webkit-scrollbar {
    background: transparent;
    height: 8px;
    width: 8px;
}

.sim-scroll-mini::-webkit-scrollbar-thumb {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #dadce0;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    min-height: 40px;
}

.table-light.darker-1 {
    --bs-table-accent-bg: rgb(var(--color-neutral-grayscale-300));
}

.table-light.darker-2 {
    --bs-table-accent-bg: rgb(var(--color-neutral-grayscale-400));
}

.table-light.darker-3 {
    --bs-table-accent-bg: rgb(var(--color-neutral-grayscale-500));
}

.sim-section .sim-inner .sim-title-tag {
    position: absolute;
    width: 200px;
    margin-left: -100px;
    left: 50%;
    top: -10px;
    background-color: rgb(var(--bootstrap-color-ligh));
    padding: .5rem 1rem;
    border-radius: .5rem;
}

/* Form */
.form-select,
.form-check-input,
.form-control {
    transition: border-color .2s ease;
}

.form-select:focus,
.form-check-input:focus,
.form-control:focus {
    border-color: rgba(var(--theme-color-primary), 1);
    outline: 0;
    box-shadow: none;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-justify {
    text-align: justify;
}

*[role="tab"],
*[role="menuitem"] {
    cursor: pointer;
}

.btn>.spinner-border {
    display: none;
}

.btn.sim-loading>.spinner-border {
    display: inline-block;
}

.btn.btn-lg>.spinner-border {
    width: 0.9rem;
    height: 0.9rem;
    border-width: .1em;
    vertical-align: text-top;
    margin-top: 4px;
}

.btn-cornershape {
    position: relative;
}

.btn-cornershape .btn-badge {
    position: absolute;
    z-index: 2;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 8px;
    color: white;
    text-align: center;
    top: 1px;
    left: 22px;
    background-color: red;
    border-radius: 50%;
}

.accordion-button:focus {
    outline: none;
    box-shadow: none;
    border-color: transparent;
}

.dropdown-menu>.dropdown-item {
    box-sizing: border-box;
}

.dropdown-item.sim-selected {
    background-color: rgba(var(--theme-color-primary), .2);
}

@keyframes tableLightAnimationUpdate {
    0% {
        background-color: #cfe2ff;
    }

    5% {
        background-color: rgb(var(--color-neutral-grayscale-200));
    }

    10% {
        background-color: #cfe2ff;
    }

    15% {
        background-color: rgb(var(--color-neutral-grayscale-200));
    }

    20% {
        background-color: #cfe2ff;
    }

    100% {
        background-color: rgb(var(--color-neutral-grayscale-200));
    }
}

tr.table-light.table-animation-updated>td {
    animation-name: tableLightAnimationUpdate;
    animation-duration: 3s;
    animation-fill-mode: forwards;
}

/* Padding and Margin */
.ml-0 {
    margin-left: 0.00rem;
}

.mr-0 {
    margin-right: 0.00rem;
}

.mt-0 {
    margin-top: 0.00rem;
}

.mb-0 {
    margin-bottom: 0.00rem;
}

.pl-0 {
    padding-left: 0.00rem;
}

.pr-0 {
    padding-right: 0.00rem;
}

.pt-0 {
    padding-top: 0.00rem;
}

.pb-0 {
    padding-bottom: 0.00rem;
}

.ml-1 {
    margin-left: 0.25rem;
}

.mr-1 {
    margin-right: 0.25rem;
}

.mt-1 {
    margin-top: 0.25rem;
}

.mb-1 {
    margin-bottom: 0.25rem;
}

.pl-1 {
    padding-left: 0.25rem;
}

.pr-1 {
    padding-right: 0.25rem;
}

.pt-1 {
    padding-top: 0.25rem;
}

.pb-1 {
    padding-bottom: 0.25rem;
}

.ml-2 {
    margin-left: 0.50rem;
}

.mr-2 {
    margin-right: 0.50rem;
}

.mt-2 {
    margin-top: 0.50rem;
}

.mb-2 {
    margin-bottom: 0.50rem;
}

.pl-2 {
    padding-left: 0.50rem;
}

.pr-2 {
    padding-right: 0.50rem;
}

.pt-2 {
    padding-top: 0.50rem;
}

.pb-2 {
    padding-bottom: 0.50rem;
}

.ml-3 {
    margin-left: 1.00rem;
}

.mr-3 {
    margin-right: 1.00rem;
}

.mt-3 {
    margin-top: 1.00rem;
}

.mb-3 {
    margin-bottom: 1.00rem;
}

.pl-3 {
    padding-left: 1.00rem;
}

.pr-3 {
    padding-right: 1.00rem;
}

.pt-3 {
    padding-top: 1.00rem;
}

.pb-3 {
    padding-bottom: 1.00rem;
}

.ml-4 {
    margin-left: 1.50rem;
}

.mr-4 {
    margin-right: 1.50rem;
}

.mt-4 {
    margin-top: 1.50rem;
}

.mb-4 {
    margin-bottom: 1.50rem;
}

.pl-4 {
    padding-left: 1.50rem;
}

.pr-4 {
    padding-right: 1.50rem;
}

.pt-4 {
    padding-top: 1.50rem;
}

.pb-4 {
    padding-bottom: 1.50rem;
}

.ml-5 {
    margin-left: 3.00rem;
}

.mr-5 {
    margin-right: 3.00rem;
}

.mt-5 {
    margin-top: 3.00rem;
}

.mb-5 {
    margin-bottom: 3.00rem;
}

.pl-5 {
    padding-left: 3.00rem;
}

.pr-5 {
    padding-right: 3.00rem;
}

.pt-5 {
    padding-top: 3.00rem;
}

.pb-5 {
    padding-bottom: 3.00rem;
}

.ml-6 {
    margin-left: 4.00rem;
}

.mr-6 {
    margin-right: 4.00rem;
}

.mt-6 {
    margin-top: 4.00rem;
}

.mb-6 {
    margin-bottom: 4.00rem;
}

.pl-6 {
    padding-left: 4.00rem;
}

.pr-6 {
    padding-right: 4.00rem;
}

.pt-6 {
    padding-top: 4.00rem;
}

.pb-6 {
    padding-bottom: 4.00rem;
}

@media (min-width: 992px) {
    .ml-lg-0 {
        margin-left: 0.00rem !important;
    }

    .ml-lg-1 {
        margin-left: 0.25rem !important;
    }

    .ml-lg-2 {
        margin-left: 0.50rem !important;
    }

    .ml-lg-3 {
        margin-left: 1.00rem !important;
    }

    .ml-lg-4 {
        margin-left: 1.50rem !important;
    }

    .ml-lg-5 {
        margin-left: 3.00rem !important;
    }
}

.font-size-rem01 {
    font-size: 0.1rem !important;
}

.font-size-rem02 {
    font-size: 0.2rem !important;
}

.font-size-rem03 {
    font-size: 0.3rem !important;
}

.font-size-rem04 {
    font-size: 0.4rem !important;
}

.font-size-rem05 {
    font-size: 0.5rem !important;
}

.font-size-rem06 {
    font-size: 0.6rem !important;
}

.font-size-rem07 {
    font-size: 0.7rem !important;
}

.font-size-rem08 {
    font-size: 0.8rem !important;
}

.font-size-rem09 {
    font-size: 0.9rem !important;
}

.font-size-rem10 {
    font-size: 1.0rem !important;
}

.font-size-rem11 {
    font-size: 1.1rem !important;
}

.font-size-rem12 {
    font-size: 1.2rem !important;
}

.font-size-rem13 {
    font-size: 1.3rem !important;
}

.font-size-rem14 {
    font-size: 1.4rem !important;
}

.font-size-rem15 {
    font-size: 1.5rem !important;
}

.font-size-rem16 {
    font-size: 1.6rem !important;
}

.font-size-rem17 {
    font-size: 1.7rem !important;
}

.font-size-rem18 {
    font-size: 1.8rem !important;
}

.font-size-rem19 {
    font-size: 1.9rem !important;
}

.font-size-rem20 {
    font-size: 2.0rem !important;
}

.font-size-rem21 {
    font-size: 2.1rem !important;
}

.font-size-rem22 {
    font-size: 2.2rem !important;
}

.font-size-rem23 {
    font-size: 2.3rem !important;
}

.font-size-rem24 {
    font-size: 2.4rem !important;
}

.font-size-rem25 {
    font-size: 2.5rem !important;
}

.font-size-rem26 {
    font-size: 2.6rem !important;
}

.font-size-rem27 {
    font-size: 2.7rem !important;
}

.font-size-rem28 {
    font-size: 2.8rem !important;
}

.font-size-rem29 {
    font-size: 2.9rem !important;
}

.font-size-rem30 {
    font-size: 3.0rem !important;
}

.font-size-px09 {
    font-size: 09px;
}

.font-size-px10 {
    font-size: 10px;
}

.font-size-px11 {
    font-size: 11px;
}

.font-size-px12 {
    font-size: 12px;
}

.font-size-px13 {
    font-size: 13px;
}

.font-size-px14 {
    font-size: 14px;
}

.font-size-px15 {
    font-size: 15px;
}

.font-size-px16 {
    font-size: 16px;
}

.font-size-px17 {
    font-size: 17px;
}

.font-size-px18 {
    font-size: 18px;
}

.font-size-px19 {
    font-size: 19px;
}

.font-size-px20 {
    font-size: 20px;
}

.font-size-px21 {
    font-size: 21px;
}

.font-size-px22 {
    font-size: 22px;
}

.font-size-px23 {
    font-size: 23px;
}

.font-size-px24 {
    font-size: 24px;
}

.font-size-px25 {
    font-size: 25px;
}

.font-size-px26 {
    font-size: 26px;
}

.font-size-px27 {
    font-size: 27px;
}

.font-size-px28 {
    font-size: 28px;
}

.sim-font-roboto {
    font-family: 'Roboto', sans-serif;
}

.sim-font-roboto.fw-bold {
    font-weight: 500 !important;
}

.sim-font-title-sm {}

.sim-font-title-lg {}

.sim-font-note {}

.sim-hide {
    display: none !important;
}

.sim-show {
    display: block !important;
}

.sim-invisible {
    visibility: hidden !important;
}

.sim-visible {
    visibility: visible !important;
}

.w-25 {
    width: 25%;
}

.w-33 {
    width: 33.33%;
}

.w-50 {
    width: 50%;
}

.w-100 {
    width: 100%;
}

.cursor-default {
    cursor: default !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.list-group-item {
    color: var(--bootstrap-color-dark);
    background-color: var(--theme-color-background);
    border: var(--bs-list-group-border-width) solid rgb(var(--bootstrap-color-ligh-darker1));
}

.list-group-item-action:focus,
.list-group-item-action:hover {
    color: rgb(var(--bootstrap-color-mute-darker1));
    background-color: rgb(var(--theme-color-background-shadow));
}

.sim-color-picker {
    width: 20px;
    height: 20px;
    cursor: pointer;
    -webkit-transition: all linear .2s;
    -moz-transition: all linear .2s;
    -ms-transition: all linear .2s;
    -o-transition: all linear .2s;
    transition: all linear .2s;
}

:root {
    --space-0: calc(12px * 0);
    --space-1: calc(12px * 0.125);
    --space-2: calc(12px * 0.25);
    --space-3: calc(12px * 0.5);
    --space-4: calc(12px * 0.75);
    --space-5: calc(12px * 1);
    --space-6: calc(12px * 1.25);
    --space-7: calc(12px * 1.5);
    --space-8: calc(12px * 1.75);
    --space-9: calc(12px * 2);
    --space-10: calc(12px * 3);
    --space-11: calc(12px * 4);
    --space-12: calc(12px * 5);
    --space-13: calc(12px * 6);
}

@media (min-width: 768px) {
    :root {
        --space-0: calc(14px * 0);
        --space-1: calc(14px * 0.125);
        --space-2: calc(14px * 0.25);
        --space-3: calc(14px * 0.5);
        --space-4: calc(14px * 0.75);
        --space-5: calc(14px * 1);
        --space-6: calc(14px * 1.25);
        --space-7: calc(14px * 1.5);
        --space-8: calc(14px * 1.75);
        --space-9: calc(14px * 2);
        --space-10: calc(14px * 3);
        --space-11: calc(14px * 4);
        --space-12: calc(14px * 5);
        --space-13: calc(14px * 6);
    }
}

@media (min-width: 992px) {
    :root {
        --space-0: calc(16px * 0);
        --space-1: calc(16px * 0.125);
        --space-2: calc(16px * 0.25);
        --space-3: calc(16px * 0.5);
        --space-4: calc(16px * 0.75);
        --space-5: calc(16px * 1);
        --space-6: calc(16px * 1.25);
        --space-7: calc(16px * 1.5);
        --space-8: calc(16px * 1.75);
        --space-9: calc(16px * 2);
        --space-10: calc(16px * 3);
        --space-11: calc(16px * 4);
        --space-12: calc(16px * 5);
        --space-13: calc(16px * 6);
    }
}

@media (min-width: 1200px) {
    :root {
        --space-0: calc(16px * 0);
        --space-1: calc(16px * 0.125);
        --space-2: calc(16px * 0.25);
        --space-3: calc(16px * 0.5);
        --space-4: calc(16px * 0.75);
        --space-5: calc(16px * 1);
        --space-6: calc(16px * 1.25);
        --space-7: calc(16px * 1.5);
        --space-8: calc(16px * 1.75);
        --space-9: calc(16px * 2);
        --space-10: calc(16px * 3);
        --space-11: calc(16px * 4);
        --space-12: calc(16px * 5);
        --space-13: calc(16px * 6);
    }
}

.sim-placeholder {
    display: none;
}

.sim-placeholding .sim-placeholder {
    display: block;
}


.sim-link:hover {
    text-decoration: underline;
}

a {
    text-decoration: none;
}

.btn-close {}

.btn-close:focus {
    outline: none !important;
    box-shadow: none;
    text-shadow: none;
}

.grecaptcha-badge {
    visibility: hidden !important;
}

.sim-recaptcha-badge {
    width: 260px;
    overflow: hidden;
    position: relative;
    height: 60px;
    margin-top: 20px;
}

.sim-recaptcha-badge>.grecaptcha-badge {
    display: block !important;
    box-shadow: none !important;
    position: relative !important;
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 0 !important;
    bottom: 0 !important;
}

.sim-recaptcha-badge>.grecaptcha-badge:hover {
    width: 256px !important;
}

.sim-recaptcha-badge-alt {
    font-style: italic;
}

.cursor-pointer {
    cursor: pointer;
}

.sim-header-main--logo {
    width: 100px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url(http://lux.adry.ro/assets/img/arhispace-design-logo.png);
    background-size: 100px 13px;
    transition: filter 150ms ease-in-out;
    text-indent: -999em;
}

.sim-toggler-button {
    border: none;
    padding: 0;
    margin-right: .7rem;
}

.modal-content.sim-disabled:before {
    content: "";
    position: absolute;
    z-index: 20;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .4);
    border-radius: 6px;
}

.border-box-child * {
    box-sizing: border-box !important;
}

.sim-cookie-consent {
    padding: 20px;
    display: block;
    border: 1px solid #dddfed;
    text-align: center;
    background-color: #fff;
    box-sizing: border-box;
    align-items: center;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1900;
    box-shadow: 0 5px 15px 0 rgba(37, 44, 97, .15), 0 2px 4px 0 rgba(93, 100, 148, .2);
}

.sim-cookie-consent-text {
    line-height: 1.78;
    font-weight: 400;
    font-size: 14px;
    font-family: Hind, Arial, sans-serif;
    color: #5d6494;
    padding: 0 16px;
    margin: 0;
}

.sim-cookie-consent-text a {
    color: #5468ff;
    text-decoration: none;
}

.sim-cookie-consent .btn-circle {
    display: block;
    border-radius: 50%;
    width: 48px;
    height: 48px;
}

@media (min-width:768px) {
    .sim-cookie-consent {
        display: flex;
        width: 500px;
        margin: 20px;
        border-radius: 9999px;
        text-align: left;
    }
}

#sim-messenger-container {
    position: absolute;
    z-index: 1200;
    border-radius: .5rem;
    top: 50px;
    right: 10px;
    max-height: calc(100vh - 70px);
    width: 100%;
    max-width: 360px;
    background-color: rgb(var(--theme-color-background));
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
}

#sim-messenger-container-list {
    max-height: calc(100vh - 130px);
    overflow-y: scroll;
}

#sim-messenger-container .sim-loading-container {
    display: none;
}

#sim-messenger-container.sim-loading .sim-loading-container {
    display: flex;
}

.sim-messenger-list-item {}

.sim-messenger-list-item:hover {
    background-color: rgba(var(--theme-color-third), .5);
}

#sim-notifications-container {
    position: absolute;
    z-index: 1200;
    border-radius: .5rem;
    top: 50px;
    right: 10px;
    max-height: calc(100vh - 70px);
    width: 100%;
    max-width: 360px;
    background-color: rgb(var(--theme-color-background));
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
}

#sim-notifications-container-list {
    max-height: calc(100vh - 130px);
    overflow-y: scroll;
}

#sim-notifications-container .sim-loading-container {
    display: none;
}

#sim-notifications-container.sim-loading .sim-loading-container {
    display: flex;
}

.sim-notifications-list-item {}

.sim-notifications-list-item:hover {
    background-color: rgba(var(--theme-color-third), .5);
}

#sim-pendo-guide-container {
    position: absolute;
    z-index: 1200;
    border-radius: .5rem;
    bottom: 20px;
    right: 10px;
    max-height: calc(100vh - 70px);
    width: 100%;
    max-width: 360px;
    background-color: rgb(var(--theme-color-background));
    -webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
    box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, .15);
}

#sim-pendo-guide-container-list {
    max-height: calc(100vh - 130px);
    overflow-y: scroll;
}

#sim-pendo-guide-container .sim-loading-container {
    display: none;
}

#sim-pendo-guide-container.sim-loading .sim-loading-container {
    display: flex;
}

.sim-pendo-guide-list-item {}

.sim-pendo-guide-list-item:hover {
    background-color: rgba(var(--theme-color-third), .5);
}

#sim-app-status-msg {
    position: absolute;
    z-index: 2000;
    bottom: 10px;
    right: 10px;
}

#sim-app-status-msg .sim-app-status-loading,
#sim-app-status-msg .sim-app-status-success,
#sim-app-status-msg .sim-app-status-error {
    display: none;
    border-radius: .125rem;
    padding: .5rem 1rem;
    background-color: rgba(var(--bootstrap-color-dark), .8);
    color: rgb(var(--bootstrap-color-whit));
    -webkit-box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 3px 1px rgba(0, 0, 0, 0.3);
}

#sim-app-status-msg .sim-label {
    font-size: .8rem;
    letter-spacing: 1px;
}

#sim-app-status-msg .sim-app-status-loading {
    background-color: rgba(var(--bootstrap-color-dark), .8);
    color: rgba(var(--bootstrap-color-whit), .8);
}

#sim-app-status-msg .sim-app-status-loading .spinner-border {
    width: 1rem;
    height: 1rem;
    margin-right: .5rem;
}

#sim-app-status-msg .sim-app-status-success {
    background-color: rgba(var(--bootstrap-color-succ), .8);
    color: rgba(var(--bootstrap-color-whit), .8);
}

#sim-app-status-msg .sim-app-status-success .sim-checkmark {
    width: 20px;
    height: 20px;
    animation: scale .3s ease-in-out .9s both;
    stroke: rgb(var(--bootstrap-color-whit));
    margin-right: .5rem;
    top: 0;
    right: 0;
}

#sim-app-status-msg .sim-app-status-success .sim-checkmark .sim-checkmark__circle {
    fill: none;
    stroke: rgb(var(--bootstrap-color-whit));
}

#sim-app-status-msg .sim-app-status-error {
    background-color: rgba(var(--bootstrap-color-dang), .8);
    color: rgba(var(--bootstrap-color-whit), .8);
}

#sim-app-status-msg.sim-loading .sim-app-status-loading,
#sim-app-status-msg.sim-success .sim-app-status-success,
#sim-app-status-msg.sim-error .sim-app-status-error {
    display: flex;
}

#sim-auth-by-cookie {
    box-sizing: content-box;
    overflow: hidden;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(var(--theme-color-background));
    color: rgb(var(--theme-color-background-contrast));
    z-index: 2000;
}

#sim-auth-by-cookie {
    animation: authbycookie1 1s ease-in-out forwards;
    animation-delay: 5.6s;
}

#sim-auth-by-cookie>.sim-auth-by-cookie-inner {
    transform: translate(0, -40%);
    animation: authbycookie2 4.4s ease-in-out forwards;
    animation-delay: 1.8s;
}

@keyframes authbycookie0 {
    0% {
        opacity: 0;
        transform: scale(0.8);
    }

    100% {
        opacity: 1;
        transform: scale(1);
    }
}

@keyframes authbycookie1 {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

@keyframes authbycookie2 {
    0% {
        transform: translate(0, -40%);
    }

    30% {
        transform: translate(0, 0%);
    }

    80% {
        opacity: 1;
        transform: scale(1);
    }

    100% {
        opacity: 0;
        transform: scale(1.5);
    }
}

#sim-mobile-bottom-menu {
    position: fixed;
    background: white;
    bottom: -1px;
    height: 50px;
    left: 0;
    right: 0;
    z-index: 1999;
    grid-gap: 8%;
    box-shadow: rgba(0, 0, 0, 0.06) -2px 0 4px 0px;
}

.sim-fileupload-popup {
    position: absolute;
    max-width: calc(100% - 48px);
    width: 360px;
    opacity: 1;
    -webkit-transition: opacity 0.2s;
    transition: opacity 0.2s;
    left: auto;
    z-index: 1101;
    max-height: 323px;
    overflow: visible;
    bottom: 24px;
    right: 24px;
    border-radius: .125rem;
    -webkit-box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 8px 0 rgb(0 0 0 / 20%);
}

.sim-fileupload-popup.sim-hide {
    opacity: 0;
}

.sim-fileupload-popup-header {
    border-top-left-radius: .125rem;
    border-top-right-radius: .125rem;
    font-size: 14px;
    height: 52px;
    line-height: normal;
    border: 1px transparent solid;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}

.sim-fileupload-popup-loader {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.sim-fileupload-popup-loader-inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    background-color: #f5f5f5;
    border-bottom: solid 1px #eee;
    height: 30px;
    line-height: 30px;
}

.sim-fileupload-popup-loader-inner .sim-label-status {
    padding: 0 18px;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
}

.sim-fileupload-popup-loader-inner .sim-label-options {
    text-transform: uppercase;
    -webkit-flex: none;
    flex: none;
    display: inline;
    padding-right: 13px;
    text-align: right;
}

.sim-fileupload-popup-body {
    background-color: #fff;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    max-height: 240px;
    overflow: auto;
    position: relative;
}

.sim-fileupload-popup-body-items {
    display: block;
}

.sim-fileupload-popup-body-item {
    padding-left: 2px;
    color: #222;
    border-bottom: solid 1px #eee;
    padding-bottom: 6px;
    position: relative;
}

.sim-fileupload-popup-body-item-cell {
    height: 25px;
    line-height: 25px;
}

.form-group .form-group-status {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: none;
}

.form-group .form-group-status .sim-pending-icon {
    display: none;
}

.form-group .form-group-status .sim-success-icon {
    display: none;
}

.form-group.sim-processing .form-group-status,
.form-group.sim-success .form-group-status {
    display: block;
}

.form-group.sim-processing .form-group-status .sim-pending-icon {
    display: block;
}

.form-group.sim-success .form-group-status .sim-success-icon {
    display: block;
}

/* Components > k-Form */
.k-form,
.k-form-inline {
    font-size: 1rem;
    line-height: 1.5;
    padding: 2rem;
}

.k-form .sim-detbodycard {
    border-left: 1px solid var(--lblist-detbodycard-border-color);
    padding-left: .835em;
}

.k-form-field {
    position: relative;
}

.k-form .k-form-field,
.k-form-inline .k-form-field {
    display: block;
    text-align: left;
    margin-bottom: 1.5rem;
}

.k-form .k-form-field,
.k-form .k-form-field:last-child,
.k-form-inline .k-form-field,
.k-form-inline .k-form-field:last-child {
    margin-bottom: 1rem;
}

.k-textbox,
.k-input.k-textbox,
.k-textarea,
.k-form .k-select,
.k-form .k-find {
    z-index: 2;
    border-radius: 0;
    padding: .375rem .75rem;
    width: 12.4em;
    box-sizing: border-box;
    border: none;
    border-bottom: 1px solid #cecece;
    outline: 0;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    display: inline-flex;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none;
}

.k-textbox:hover,
.k-textbox.k-state-hover,
.k-textarea:hover,
.k-textarea.k-state-hover,
.k-input.k-textbox:hover,
.k-input.k-textbox.k-state-hover,
.k-form .k-select:hover,
.k-form .k-find:hover {
    border-color: #454545;
}

.k-textbox:focus,
.k-textbox.k-state-focus,
.k-textarea:focus,
.k-textarea.k-state-focus,
.k-input.k-textbox:focus,
.k-input.k-textbox.k-state-focus,
.k-form .k-select:focus,
.k-form .k-find:focus {
    border-color: var(--kform-avatarbtn-bg-color);
}

.k-form .k-form-field input,
.k-form .floating-label:not(.k-checkbox-label):not(.k-radio-label),
.k-form .k-widget:not(.k-calendar) {
    display: block;
}

.floating-label {
    font-size: .85rem;
    letter-spacing: 1px;
    color: #aaaaaa;
    position: absolute;
    transform-origin: top left;
    transform: translate(0, 8px) scale(1);
    transition: all .1s ease-in-out;
}

.floating-label-active {
    transform: translate(0, -14px) scale(1);
    z-index: 1;
    left: 0;
}

.modalDialogWindow input {
    color: #808080 !important;
}

.k-form-field input {
    background: transparent;
}

.k-form-field .k-field-required {
    color: red;
}

.k-textbox,
.k-input.k-textbox,
.k-form .k-find {
    height: calc(2px + .75rem + 1.5em);
}

.k-textbox,
.k-textarea,
.k-input.k-textbox,
.k-form .k-find {
    transition: color .2s ease, background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.k-preview {
    padding: .375rem .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    height: 36px;
}

.k-preview.k-rows2 {
    height: 88px;
    white-space: normal;
}

.k-choice {
    transition: color .4s ease, background-color .4s ease, border-color .4s ease, box-shadow .4s ease;
    border-radius: 5px;
    box-sizing: content-box;
    background: #f3f4f5;
    margin-top: .375rem;
    padding: 0 .75rem;
    display: block;
    vertical-align: middle;
    position: relative;
    -webkit-appearance: none;
}

.k-choice .k-inner {
    height: 25px;
    box-sizing: content-box;
    padding-bottom: .375rem;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.k-choice .k-inner .k-inner-label {
    padding-top: .29rem;
    padding-right: .75rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.k-choice .k-inner .k-inner-icon {
    padding-top: .29rem;
}

.k-choice:hover {
    background-color: var(--kform-avatarbtn-bg-color);
    color: white;
}

.k-form .k-select {
    width: 100%;
    display: block;
    cursor: pointer;
    background: transparent;
    padding-right: 2rem;
}

.k-form-field.k-combobox:before {
    color: #cecece;
    position: absolute;
    z-index: 1;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    width: 16px;
    height: 16px;
    background-size: cover;
    bottom: .8rem;
    right: 0;
}

.k-form-field.k-checkbox {}

.k-form-field.k-checkbox .k-form-option {
    margin-top: 8px;
}

.k-btn-popup {
    position: absolute;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 0;
    right: 0;
    height: calc(2px + .75rem + 1.5em);
    padding-left: .3rem;
}

.k-btn-popup:before {
    transition: color .4s ease;
    color: #cecece;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35d";
    font-size: 16px;
    width: 16px;
    height: 16px;
    background-size: cover;
}

.k-btn-popup:hover:before {
    color: var(--kform-avatarbtn-bg-color);
}

.k-master-row {
    padding: .75rem .75rem;
}

.k-master-row .k-accounts-col-1 {
    width: 200px;
    border-right: 1px solid #cecece;
}

.k-master-row .k-accounts-col-2 {
    flex-grow: 2;
    padding-left: 1rem;
}

.k-master-row .k-accounts-name {
    color: #777;
    font-size: 1rem;
}

.k-master-row .k-accounts-role {
    color: var(--lblist-detbodycard-border-color);
    font-size: .8rem;
}

.k-master-row .k-accounts-info {}

.k-master-row.sim-disabled .k-accounts-name,
.k-master-row.sim-disabled .k-accounts-role,
.k-master-row.sim-disabled .k-accounts-info {
    color: #cecece !important;
    cursor: default;
}

.k-master-row.sim-disabled .k-accounts-col-3 {
    display: none;
}

.k-master-row:hover {
    background-color: #fafafa;
}

.k-form .k-form-avatar-wrapper {
    position: relative;
    width: 120px;
}

.k-form .k-form-avatar-wrapper .sim-avatar.sim-profile {
    width: 120px;
    height: 120px;
    opacity: 1;
    object-fit: cover;
}

.k-form .k-form-avatar-wrapper .sim-profile-image-upload-button {
    background-color: var(--kform-avatarbtn-bg-color);
    position: absolute;
    z-index: 3;
    width: 24px;
    height: 24px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    bottom: 30%;
    right: -7%;
    border-radius: 50%;
    color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 100;
    opacity: .8;
}

.k-form .k-form-avatar-wrapper .sim-profile-image-delete-button {
    background-color: rgba(var(--bootstrap-color-dang), 1);
    position: absolute;
    z-index: 3;
    width: 24px;
    height: 24px;
    font-size: 12px;
    text-align: center;
    line-height: 24px;
    bottom: -7%;
    right: 31%;
    border-radius: 50%;
    color: rgba(255, 255, 255, 1);
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    z-index: 100;
    opacity: .8;
}

.k-form .k-form-avatar-wrapper .sim-profile-image-upload-button:hover,
.k-form .k-form-avatar-wrapper .sim-profile-image-delete-button:hover {
    opacity: 1;
}

.k-form .k-form-avatar-wrapper .sim-image-loading {
    display: none;
    opacity: .5;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    mask-image: url(../../img/profile-image-upload-loading-black.svg);
    -webkit-mask-image: url(../../img/profile-image-upload-loading-black.svg);
    background-repeat: no-repeat;
    background-color: rgba(var(--theme-color-primary), 1);
}

.k-form .k-form-avatar-wrapper.sim-processing .sim-image-loading {
    display: block;
}

.k-form .k-form-avatar-wrapper.sim-processing .sim-profile-image-upload-button {
    display: none;
}

.k-form-field.sim-field-changed .floating-label {
    color: rgb(var(--bootstrap-color-prim));
}

.k-form-field.sim-field-changed .k-textbox {
    border-bottom-color: rgb(var(--bootstrap-color-prim));
    color: rgb(var(--bootstrap-color-prim));
}

.form-floating.sim-field-changed .form-select {
    border-color: rgb(var(--bootstrap-color-prim));
    color: rgb(var(--bootstrap-color-prim));
}

.form-floating.sim-field-changed label {
    color: rgb(var(--bootstrap-color-prim));
}

/* MODAL */


/* RMCARD */
.sim-rmcard-frame-eventcounter {
    overflow: hidden;
    height: 450px;
    border-radius: .125rem;
}

.sim-rmcard-frame-eventcounter .sim-dash-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-size: cover;
    background-position: center;
    transition: transform 1.15s ease-in-out 0s;
}

.sim-rmcard-frame-eventcounter:hover .sim-dash-img {
    transform: scale(1.1);
}

.sim-rmcard-frame-groupevents {
    overflow: hidden;
    height: 450px;
    border-radius: .125rem;
}

.sim-rmcard-frame-groupevents .sim-dash-selected-frame {
    display: block;
    position: absolute;
    z-index: 2;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 3px solid rgba(255, 255, 255, .8);
}

.sim-rmcard-frame-groupevents .sim-dash-selected-badge {
    display: none;
    color: #fff;
    text-shadow: 0px 0px 3px rgba(255, 255, 255, 0.7);
    position: absolute;
    height: 40px;
    line-height: 40px;
    z-index: 2;
    top: 5px;
    left: 5px;
    right: 5px;
    text-align: center;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    background-color: rgba(255, 255, 255, .5);
}

/*.sim-rmcard-frame-groupevents.sim-selected .sim-dash-selected-badge {display:block;}*/
.sim-rmcard-frame-groupevents .sim-dash-img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: inset 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0px 0px 40px 0px rgba(0, 0, 0, 0.5);
    background-size: cover;
    background-position: center;
    transition: transform 1.15s ease-in-out 0s;
}

.sim-rmcard-frame-groupevents .sim-dash-img.sim-dash-img1 {
    right: 50%;
    bottom: 50%;
}

.sim-rmcard-frame-groupevents .sim-dash-img.sim-dash-img2 {
    left: 50%;
    bottom: 50%;
}

.sim-rmcard-frame-groupevents .sim-dash-img.sim-dash-img3 {
    right: 50%;
    top: 50%;
}

.sim-rmcard-frame-groupevents .sim-dash-img.sim-dash-img4 {
    left: 50%;
    top: 50%;
}

.sim-dash-cover-info {
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
    background: rgba(0, 0, 0, .8);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .8) 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(0, 0, 0, .8) 100%);
}

.sim-dash-cover-info .sim-quote {
    color: white;
    text-align: center;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-weight: 600;
}

.sim-timer {
    color: white;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    position: relative;
}

.sim-timer .sim-timer-count {
    font-size: 24px;
    line-height: 38.83281576px;
    margin: 0 10px;
}

.sim-timer .sim-timer-count small {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    text-align: center;
    display: block;
}

.sim-timer .sim-timer-space {
    font-size: 20px;
    line-height: 32.3606798px;
    color: #8c8c8c;
    font-weight: 600;
}

#sim-navbar-toggler {
    background-color: transparent;
}

#sim-navbar-toggler ul>li {}

::-webkit-calendar-picker-indicator {
    outline: none;
    box-shadow: none;
}

.sim-select2 .sim-form-select {
    display: block;
    width: 100%;
    padding: 0.75rem 3rem 0.75rem 1rem;
    -moz-padding-start: calc(1rem - 3px);
    font-size: 1.1rem;
    font-weight: 500;
    line-height: 1.5;
    color: #5e6278;
    background-color: #fff;
    background-image: url("data:image/svg xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#7E8299' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
    background-repeat: no-repeat;
    background-position: right 1rem center;
    background-size: 16px 12px;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075);
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    appearance: none
}

@media (prefers-reduced-motion: reduce) {
    .sim-form-select {
        transition: none
    }
}

.sim-select2 .sim-form-select:focus {
    border-color: #b5b5c3;
    outline: 0;
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(0, 163, 255, 0.25)
}

.sim-select2 .sim-form-select[multiple],
.sim-select2 .sim-form-select[size]:not([size="1"]) {
    padding-right: 1rem;
    background-image: none
}

.sim-select2 .sim-form-select:disabled {
    background-color: #eff2f5
}

.form-select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #5e6278
}

.sim-select2 .sim-form-select-sm {
    padding-top: 0.55rem;
    padding-bottom: 0.55rem;
    padding-left: 0.75rem;
    font-size: 0.925rem;
    border-radius: 0.475rem
}

.sim-select2 .sim-form-select-lg {
    padding-top: 0.825rem;
    padding-bottom: 0.825rem;
    padding-left: 1.5rem;
    font-size: 1.15rem;
    border-radius: 0.475rem
}

.sim-select2 .sim-form-select.sim-form-select-transparent {
    background-color: transparent;
    border-color: transparent;
    color: #5e6278;
}

.sim-select2 {}

.sim-select2 .sim-form-label {
    margin-bottom: 0.5rem;
    font-size: 1.05rem;
    font-weight: 500;
    color: #3f4254;
}

.sim-select2 .sim-select2-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap;
}

.sim-select2 .sim-select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}

.sim-select2 .sim-select2-selection-wp {
    position: relative;
}

.sim-select2 .sim-select2-selection {
    user-select: none;
    -webkit-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    border-color: #b5b5c3;
    display: flex;
    align-items: center;
    box-shadow: none !important;
    height: auto;
    outline: 0 !important;
}

.sim-select2 .sim-select2-selection:before {
    color: #cecece;
    position: absolute;
    z-index: 1;
    display: block;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f078";
    width: 16px;
    height: 16px;
    background-size: cover;
    top: 50%;
    margin-top: -11px;
    right: 0;
}

.sim-select2 .sim-select2-selection__rendered {
    display: block;
    padding-left: 0;
    padding-right: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #a1a5b7;
}

.sim-select2 .sim-form-select.sim-form-select-transparent .sim-select2-selection__rendered {
    color: #3f4254;
}

.sim-select2 .sim-select2-container-dd {
    display: none;
    left: 0;
    right: 0;
}

.sim-select2 .sim-select2-container-dd.sim-select2-container--open {
    display: block;
}

.sim-select2 .sim-select2-dropdown {
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 4px;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1051;
}

.sim-select2 .sim-select2-dropdown {
    border: 0;
    box-shadow: 0 0 50px 0 rgb(82 63 105 / 15%);
    border-radius: 0.475rem;
    padding: 1rem 0;
    background-color: #fff;
}

.sim-select2 .sim-select2-search {
    display: block;
    padding: 0.5rem 1.25rem;
    margin: 0 0 0.5rem 0;
}

.sim-select2 .sim-select2-search__field {
    background-color: #fff;
    padding: 0.55rem 0.75rem;
    color: #5e6278;
    font-size: .925rem;
    border: 1px solid #e4e6ef;
    border-radius: 0.475rem;
    outline: 0;
    width: 100%;
    box-sizing: border-box;
    outline-offset: -2px;
    -webkit-appearance: textfield;
}

.sim-select2 .sim-select2-results {
    display: block;
}

.sim-select2 .sim-select2-results__options {
    list-style: none;
    margin: 0;
    padding: 0;
    max-height: 250px;
    overflow-y: auto;
}

.sim-select2 .sim-select2-results__option {
    user-select: none;
    -webkit-user-select: none;
    cursor: pointer;
    color: #5e6278;
    transition: color .2s ease, background-color .2s ease;
    padding: 0;
    margin: 0 0;
}

.sim-select2 .sim-select2-results__option:hover {
    background-color: rgba(var(--bootstrap-color-prim), .1);
    color: rgb(var(--bootstrap-color-prim));
    transition: color .2s ease, background-color .2s ease;
}

.sim-select2 .sim-select2-results__option .select2-results__option--selectable {
    padding: 0.75rem 1.25rem;
}

.sim-select2 .sim-select2-results__option .select2-results__option--inserable {
    padding: 0.75rem 1.25rem;
    color: rgb(var(--bootstrap-color-mute)) !important;
}

.sim-select2 .sim-select2-results__option .select2-results__option--action {
    transition: color 0.2s ease;
    padding: 0.75rem 1.25rem;
    color: rgb(var(--bootstrap-color-mute)) !important;
}

.sim-select2 .sim-select2-results__option .select2-results__option--action:hover {
    color: rgb(var(--bootstrap-color-dark)) !important;
}

.sim-select2 .sim-selected {
    cursor: default;
    background-repeat: no-repeat;
    background-position: center;
    background-color: transparent;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 14 11'%3e%3cpath fill='%23FFFFFF' d='M4.89557 6.49823L2.79487 4.26513C2.26967 3.70683 1.38251 3.70683 0.857309 4.26513C0.375593 4.77721 0.375593 5.57574 0.857309 6.08781L4.74989 10.2257C5.14476 10.6455 5.81176 10.6455 6.20663 10.2257L13.1427 2.85252C13.6244 2.34044 13.6244 1.54191 13.1427 1.02984C12.6175 0.471537 11.7303 0.471536 11.2051 1.02984L6.06096 6.49823C5.74506 6.83403 5.21146 6.83403 4.89557 6.49823Z'/%3e%3c/svg%3e);
    background-size: 0.8rem;
    background-position: center right 1.25rem;
    background-color: rgb(var(--bootstrap-color-prim)) !important;
    color: #fff !important;
    transition: color .2s ease, background-color .2s ease;
}

.sim-select2 .sim-selected .select2-results__option--action {
    color: rgb(var(--bootstrap-color-dark)) !important
}

.sim-select2 .sim-selected .select2-results__option--action:hover {
    color: rgb(var(--bootstrap-color-whit)) !important
}

.sim-select2 .sim-select2-results__loading {
    text-align: center;
    background: #FFF;
    animation: select2loading 3s infinite;
}

@keyframes select2loading {
    0% {
        background-color: #FFF;
    }

    50% {
        background-color: rgba(var(--bootstrap-color-prim), .1);
    }

    100% {
        background-color: #FFF;
    }
}

/* Global */
.btn-circle {
    position: relative;
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
}

.btn-circle i {
    position: relative;
}

.btn-circle-xs {
    width: 25px;
    height: 25px;
    line-height: 25px;
    font-size: 0.7rem;
}

.btn-circle-sm {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 0.9rem;
}

.btn-circle-lg {
    width: 55px;
    height: 55px;
    line-height: 55px;
    font-size: 1.1rem;
}

.btn-circle-xl {
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 1.3rem;
}

.btn-circle-badge {
    position: absolute;
    bottom: 5%;
    right: 5%;
    z-index: 20;
}

.btn-circle-badge.pos-bottom-center {
    bottom: 0;
    right: 50%;
    margin-right: -5px;
}

.btn-circle-badge.btn-circle-badge-bullet-half {
    width: 12px;
    height: 6px;
    padding: 0;
    border-radius: 6px;
}

.btn-circle-badge.badge-color-success {
    background-color: rgb(var(--bootstrap-color-green))
}

.btn-circle-badge.badge-color-info {
    background-color: rgb(var(--bootstrap-color-info))
}

.btn-circle-badge.badge-color-danger {
    background-color: rgb(var(--bootstrap-color-red))
}

.btn-circle-badge.badge-color-warning {
    background-color: rgb(var(--bootstrap-color-yellow))
}

.btn {
    white-space: nowrap;
}

/* PH-POPUP */
.sim-dropdown-wp {
    position: relative;
}

.sim-dropdown-wp.sim-disabled {
    opacity: .4;
}

.sim-dropdown-wp .sim-dropdown-selected {}

.sim-dropdown-wp .sim-ph-popup.sim-ph-dropdown-popup.sim-ph-popup-bottom .sim-ph-dropdown-inner:before {
    left: auto;
    right: 10px;
}

.sim-dropdown-wp .sim-ph-popup {
    display: block;
    position: absolute;
    left: -10000px;
    top: -10000px;
    outline: none;
    z-index: 1010;
    min-width: 100px;
    opacity: 0;
    transform: translate3d(0, -10px, 0);
    transition-property: transform, -webkit-transform, opacity;
    -webkit-transition-property: transform, -webkit-transform, opacity;
    transition-duration: 0.33s, 0.33s, 0.15s;
    -webkit-transition-duration: 0.33s, 0.33s, 0.15s;
    transition-timing-function: ease-in-out;
    -webkit-transition-timing-function: ease-in-out;
}

.sim-ph-dropdown-popup {
    box-sizing: border-box;
    font-size: 1rem;
    line-height: 1.42857;
}

.sim-ph-popup.sim-ph-dropdown-popup {
    display: inline-block;
    transform: translate(0, 10px);
    min-width: 200px;
    max-width: 280px;
}

.sim-ph-popup.sim-listrm-dd-menu.sim-visible {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    top: 42px;
    right: -15px;
    left: auto;
}

.sim-ph-popup.sim-secx-dd-menu.sim-visible {
    opacity: 1;
    transform: translate3d(0, 0px, 0);
    top: 22px;
    right: -17px;
    left: auto;
}

.sim-ph-popup.sim-ph-dropdown-popup.sim-ph-popup-bottom {
    margin-top: 12px;
}

.sim-ph-popup * {
    box-sizing: border-box;
}

.sim-ph-dropdown-popup * {
    box-sizing: inherit;
}

.sim-ph-popup.sim-ph-dropdown-popup .sim-ph-dropdown-inner {
    padding: 5px 15px;
    position: relative;
    color: #222;
    background: rgb(var(--theme-color-background));
    border: 1px solid rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 20px 0px rgba(0, 0, 0, 0.15);
}

.sim-ph-popup.sim-ph-dropdown-popup .sim-ph-dropdown-inner:before {
    content: " ";
    position: absolute;
    pointer-events: none;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.sim-ph-popup.sim-ph-dropdown-popup.sim-ph-popup-bottom .sim-ph-dropdown-inner:before {
    left: 50%;
    margin-left: -10px;
    bottom: 100%;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScxMDAnIGhlaWdodD0nMTAwJz4KICA8cG9seWxpbmUgcG9pbnRzPScwLDEwMCA1MCw1MCAxMDAsMTAwJwogICAgICAgICAgICBmaWxsPScjZmZmJyBzdHJva2U9J3JnYmEoMCwgMCwgMCwgMC4wNSknCiAgICAgICAgICAgIHN0cm9rZS13aWR0aD0nMScgc3Ryb2tlLWxpbmVqb2luPSdtaXRlcicgLz4KPC9zdmc+);
}

.sim-ph-dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    text-align: left;
    list-style: none;
    background-color: rgb(var(--theme-color-background));
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid rgb(var(--theme-color-background-shadow));
    border: 1px solid rgba(var(--bootstrap-color-dark), 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(var(--bootstrap-color-dark), 0.175);
    box-shadow: 0 6px 12px rgba(var(--bootstrap-color-dark), 0.175);
}

.sim-ph-popup .sim-ph-dropdown-menu {
    font-size: 0.9rem;
    position: static;
    display: block;
    float: none;
    min-width: auto;
    padding: 0;
    border: 0;
    box-shadow: none;
    border-radius: 0;
    margin: 0 -15px;
}

.sim-ph-dropdown-menu>li {
    display: flex;
    padding: 0.6rem 1rem;
    align-items: center;
}

.sim-ph-dropdown-menu>li>i {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sim-ph-dropdown-menu>li:last-child {
    border-bottom: none;
}

.sim-ph-dropdown-menu>li>.sim-ph-dropdown-item {
    flex-grow: 1;
    text-align: left;
    display: block;
    clear: both;
    font-weight: normal;
    line-height: 1.42857;
    color: rgb(var(--theme-color-background-contrast));
    white-space: nowrap;
    text-decoration: none;
}

.sim-ph-dropdown-menu>li:hover,
.sim-ph-dropdown-menu>li:focus {
    text-decoration: none;
    color: rgb(var(--bootstrap-color-dark));
    background-color: rgb(var(--theme-color-background-shadow));
}

.sim-ph-dropdown-menu>li.sim-disabled,
.sim-ph-dropdown-menu>li.sim-disabled .sim-ph-dropdown-item {
    cursor: default;
    color: rgba(var(--bootstrap-color-dark), .3);
}


.pretty.icon-right .state .svg {
    right: 0;
    left: auto;
}

.pretty.icon-right .state label:after,
.pretty.icon-right .state label:before {
    right: 0;
    left: auto;
}

.pretty.icon-right .state label {
    padding-right: 1.8em;
}

.sim-icon.teeth-surface {
    display: inline-block;
    width: 1rem;
    height: 1rem;
    background-color: #000;
    -webkit-mask-image: url(/assets/img/sim-teeth-surface-icon.svg);
    mask-image: url(/assets/img/sim-teeth-surface-icon.svg);
    background-size: cover;
}

/* Fullscreen Wrappers */
.sim-fullscreen-slidebar-wrapper,
.sim-fullscreen-menu-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
    -webkit-backdrop-filter: blur(5px);
    transition: .3s opacity, .3s visibility;
    backdrop-filter: blur(5px);
    visibility: hidden;
    opacity: 0;
}

.sim-fullscreen-slidebar-wrapper.show,
.sim-fullscreen-menu-wrapper.show {
    visibility: visible;
    opacity: 1;
}

.sim-fullscreen-slidebar-wrapper {
    z-index: 2000;
}

.sim-fullscreen-menu-wrapper {
    z-index: 1050;
}

.sim-ui-select-surface {
    width: 200px;
    height: 200px;
    margin: 0 auto;
    position: relative;
    transform: rotate(45deg)
}

.sim-ui-select-surface .txt {
    transform: rotate(-45deg);
    margin: 0;
    padding: 0;
}

.sim-ui-select-surface a {
    text-decoration: none;
    font-size: 20px;
    color: #000
}

.sim-ui-select-surface a div {
    display: flex;
    justify-content: center;
    align-items: center
}

.sim-ui-select-surface a {
    position: absolute;
    left: 0;
    top: 0;
    width: 95px;
    height: 95px;
    overflow: hidden;
    background-color: #fff
}

.sim-ui-select-surface a div {
    height: 100%;
    background-size: cover;
    border-radius: inherit
}

.sim-ui-select-surface a:nth-child(1) {
    border-radius: 100% 0 0 0
}

.sim-ui-select-surface a:nth-child(1) div {
    background-color: var(--layout-page-bg-color)
}

.sim-ui-select-surface a:nth-child(2) {
    border-radius: 0 100% 0 0;
    left: 105px;
    transform-origin: -10% 110%;
    transition: transform .4s .2s
}

.sim-ui-select-surface a:nth-child(2) div {
    background-color: var(--layout-page-bg-color)
}

.sim-ui-select-surface a:nth-child(3) {
    border-radius: 0 0 0 100%;
    top: 105px;
    transform-origin: 110% -10%;
    transition: transform .4s .25s
}

.sim-ui-select-surface a:nth-child(3) div {
    background-color: var(--layout-page-bg-color)
}

.sim-ui-select-surface a:nth-child(4) {
    border-radius: 0 0 100% 0;
    top: 105px;
    left: 105px;
    transform-origin: -10% -10%;
    transition: transform .4s .3s
}

.sim-ui-select-surface a:nth-child(4) div {
    background-color: var(--layout-page-bg-color)
}

.sim-ui-select-surface a:nth-child(5) {
    width: 100px;
    height: 100px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 100%;
    box-shadow: 0 0 0 10px #fff
}

.sim-ui-select-surface a:nth-child(5) div {
    background-color: var(--layout-page-bg-color)
}

.sim-ui-select-surface a:hover div {
    background-color: rgba(var(--theme-color-primary), .4);
}

.sim-ui-select-surface a.sim-selected div {
    background-color: rgb(var(--theme-color-primary));
    color: rgb(var(--theme-color-primary-contrast));
}

/* Context menu */
.sim-context-menu {
    text-rendering: geometricPrecision;
    position: absolute;
    display: none;
    z-index: 2000;
    min-width: 120px;
    max-width: 100%;
    margin-top: 8px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: max-width .2s cubic-bezier(0, 0, .2, 1), max-height .2s cubic-bezier(0, 0, .2, 1), opacity .1s linear;
    transition: max-width .2s cubic-bezier(0, 0, .2, 1), max-height .2s cubic-bezier(0, 0, .2, 1), opacity .1s linear;
    background: #fff;
    border: 0;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, .14), 0 3px 14px 2px rgba(0, 0, 0, .12), 0 5px 5px -3px rgba(0, 0, 0, .2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-height: 100%;
    opacity: 1;
    outline: 1px solid transparent;
}

.sim-context-menu .sim-ctm-ul {
    margin: 0;
    padding: 8px 0;
    list-style: none;
}

.sim-context-menu .sim-ctm-ul .sim-ctm-li {
    color: #222;
    cursor: pointer;
    display: block;
    outline: none;
    overflow: hidden;
    position: relative;
    padding: 0 16px 0 46px;
    transition: background-color .2s ease;
}

.sim-context-menu .sim-ctm-ul .sim-ctm-li:hover {
    background-color: #f1f3f4;
}

.sim-context-menu .sim-ctm-ul .sim-ctm-sep {
    margin: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.12);
}

.sim-context-menu .sim-ctm-ul .sim-ctm-li .sim-ctm-icon {
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-justify-content: center;
    justify-content: center;
    background-repeat: no-repeat;
    height: 30px;
    left: 16px;
    opacity: .54;
    position: absolute
}

.sim-context-menu .sim-ctm-ul .sim-ctm-li .sim-ctm-label {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    font-size: 12px;
    font-weight: 400;
    line-height: 30px;
    height: 30px;
    position: relative;
    white-space: nowrap
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets {
    padding: 13px;
    overflow: auto;
    min-width: 120px;
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row {
    white-space: nowrap;
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row .sim-ctm-bullets-item {
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    outline: 0;
    width: 18px;
    height: 18px;
    margin: 3px;
    cursor: pointer;
    position: relative;
    background-color: #e8eaed
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row .sim-ctm-bullets-item .sim-ctm-bullets-check {
    opacity: 0;
    transition: opacity .1s linear;
    color: #fff;
    display: block;
    line-height: 18px;
    font-size: 14px;
    text-align: center
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row .sim-ctm-bullets-item.sim-selected .sim-ctm-bullets-check {
    opacity: 1;
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row .sim-ctm-bullets-item:hover,
.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row .sim-ctm-bullets-item:focus {
    -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12), 0 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.sim-context-menu .sim-ctm-ul .sim-ctm-bullets .sim-ctm-bullets-row .sim-ctm-bullets-item:focus .sim-ctm-bullets-check {
    line-height: 20px;
}

.sim-header-nav--list_link {
    font-family: Gotham Medium, "M Hei PRC W45", "M Hei HK W42", "M Hei HK W40", "HelveticaNeue-Regular", "Helvetica Neue Regular", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    display: block;
    height: 100%;
    cursor: pointer;
    transition: color 0.15s ease-in-out;
    text-transform: uppercase;
    color: rgba(255, 255, 255, .9) !important;
}

.sim-header-nav--list_link.collapsed {
    color: rgba(255, 255, 255, .5) !important;
}

.ui-widget.ui-widget-content {
    z-index: 2010;
    background-color: white !important;
    border: none !important;
    padding: 20px !important;
    -webkit-border-radius: 8px !important;
    border-radius: 8px !important;
}

.ui-dialog .ui-dialog-titlebar {
    padding: 0 !important;
    margin-bottom: 20px !important;
}

.ui-dialog .ui-dialog-content {
    padding: 0 !important;
}

.ui-widget-header {
    background-color: transparent !important;
    border: none !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    letter-spacing: .1px !important;
    line-height: 24px !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none !important;
}

.ui-dialog .ui-dialog-buttonpane {
    padding: 0 !important;
    border: none !important;
}

.ui-dialog .ui-dialog-buttonpane button {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.gplans {
    text-size-adjust: 100%;
    max-width: 1164px;
}

.gplans .gplans-box {
    box-shadow: 0 1px 6px rgb(60 64 67 / 30%);
    margin: 12px 8px 24px 8px;
}

.gplans .gplans-box.sim-selected {
    background: rgb(36, 143, 160);
    background: linear-gradient(180deg, rgba(48, 180, 201, 1) 0%, rgba(25, 111, 124, 1) 100%);
}

.gplans .gplans-box .gplans-box-inner {
    background-color: rgb(var(--theme-color-background));
    display: inline-block;
    flex: 1 0 auto;
    overflow: hidden;
    width: 320px;
}

.gplans .gplans-box.sim-selected .gplans-box-inner {
    margin: 4px;
}

.gplans .gplans-box .gplans-box-head {
    min-height: 226px;
    padding: 0 20px;
    word-break: break-word;
    position: relative;
}

.gplans .gplans-box .gplans-box-abslabel {
    position: absolute;
    left: 9px;
    top: 7px;
    font-size: 0.8rem;
}

.gplans .gplans-box .gplans-box-absbadge {
    position: absolute;
    right: 12px;
    top: 7px;
    font-size: 0.8rem;
}

.gplans .gplans-box .gplans-box-footer {
    border-top: 1px solid rgba(0, 0, 0, .12);
    margin: 0 20px;
    padding: 17px 0 32px 0;
}

.gplans .gplans-box .gplans-box-highlighted {
    border-radius: 10px;
    background: rgb(255, 186, 250);
    background: linear-gradient(25deg, rgba(255, 186, 250, 1) 0%, rgba(205, 255, 208, 1) 50%, rgba(158, 196, 255, 1) 100%);
}

.gplans .gplans-box .gplans-box-highlighted-inner {
    border-radius: 8px;
    background-color: rgb(var(--bootstrap-color-whit));
    margin: 2px;
}

@media screen and (min-width: 841px) {
    .gplans .gplans-box {
        margin: 12px;
    }

    .gplans .gplans-box .gplans-box-inner {
        width: 264px;
    }

    .gplans .gplans-box .gplans-box-head {
        min-height: 226px;
    }

    .gplans .gplans-box .gplans-box-footer {
        margin: 0 10px;
        padding: 20px 0 24px 0;
    }
}

#sim-profile-icon {
    font-size: 22px;
    padding: 0 4px;
    text-align: center;
}

#sim-navbar-toggler {}

.navbar-collapse.slide-left {}

.navbar-collapse.slide-left.collapsing {
    height: auto;
    -webkit-transition: left 0.3s ease;
    -o-transition: left 0.3s ease;
    -moz-transition: left 0.3s ease;
    transition: left 0.3s ease;
    left: -100%;
}

.navbar-collapse.slide-left.show {
    left: 0;
    -webkit-transition: left 0.3s ease-in;
    -o-transition: left 0.3s ease-in;
    -moz-transition: left 0.3s ease-in;
    transition: left 0.3s ease-in;
}

.navbar-collapse.slide-right {
    padding: 1rem 2rem 2rem 2rem;
    z-index: 2100;
    position: fixed;
    bottom: 0;
    overflow-y: auto;
    top: 0;
    left: 100%;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: 15px;
    width: 100%;
    transition: all 0.3s ease;
    display: none;
}

.navbar-collapse.slide-right.collapsing {
    height: auto !important;
    margin-left: 50%;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    left: 50%;
    display: block;
}

.navbar-collapse.slide-right.show {
    left: 0;
    display: block;
}

.navbar-collapse.slide-right form {
    margin-top: 3rem;
}

.sim-avatar {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    height: 60px;
    width: 60px;
    text-align: center;
    vertical-align: middle;
    margin: auto;
    border: 1px solid rgb(var(--bootstrap-color-ligh));
    border-radius: 50em;
}

.sim-avatar>img {
    flex-shrink: 1;
    min-width: 100%;
    min-height: 100%
}

.sim-avatar.sim-upload-file-btn {
    cursor: pointer;
}

.sim-avatar.sim-upload-file-btn .sim-btn {
    transition: background-color .2s ease;
    border: none;
    outline: none;
    padding: 0;
    margin: 0;
    justify-content: center;
    align-items: center;
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20;
    background-color: transparent;
}

.sim-avatar.sim-upload-file-btn:hover .sim-btn {
    backdrop-filter: blur(2px);
    display: flex;
    background-color: rgba(255, 255, 255, .5);
    color: #000;
}

.navbar-collapse.slide-right .sim-avatar-wrapper {}

.navbar-collapse.slide-right .sim-avatar-wrapper .sim-avatar {
    width: 64px;
    height: 64px;
}

.sim-modal-gog {}

.sim-modal-gog .modal-content {
    border: none;
    -webkit-box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    box-shadow: 0 24px 38px 3px rgba(0, 0, 0, 0.14), 0 9px 46px 8px rgba(0, 0, 0, 0.12), 0 11px 15px -7px rgba(0, 0, 0, 0.2);
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.sim-modal-gog .modal-header {
    border: none;
    height: 36px;
    padding: 0;
    background-color: #f1f3f4;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    -webkit-box-shadow: inset 0 1px 0 #fff;
    box-shadow: inset 0 1px 0 #fff;
}

/* GoG Style */
.btn-circle.btn-gog {
    background-color: transparent;
    border-color: transparent;
}

.btn-circle.btn-gog:hover {
    background-color: rgb(var(--bootstrap-color-ligh));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-circle.btn-gog.btn-white {
    background-color: rgb(var(--bootstrap-color-ligh));
    border-color: rgb(var(--bootstrap-color-ligh));
}

.btn-circle.btn-gog.btn-white:hover {
    background-color: rgb(var(--bootstrap-color-whit));
    border-color: rgb(var(--bootstrap-color-whit));
}

.btn-circle.btn-gog.btn-dark {
    background-color: rgb(var(--bootstrap-color-dark));
    border-color: rgb(var(--bootstrap-color-dark));
    color: rgb(var(--bootstrap-color-whit));
}

.btn-circle.btn-gog.btn-dark:hover {
    background-color: rgb(var(--bootstrap-color-seco));
    border-color: rgb(var(--bootstrap-color-seco));
}

.btn-circle.btn-gog.btn-primary {
    background-color: rgb(var(--bootstrap-color-prim));
    border-color: rgb(var(--bootstrap-color-prim));
    color: rgb(var(--bootstrap-color-whit));
}

.btn-circle.btn-gog.btn-primary:hover {
    background-color: rgb(var(--bootstrap-color-dark));
    border-color: rgb(var(--bootstrap-color-dark));
    color: rgb(var(--bootstrap-color-whit));
}

.btn-circle.btn-gog.sim-selected {
    background-color: rgba(var(--theme-color-primary), .1);
    border-color: rgba(var(--theme-color-primary), .1);
    color: rgb(var(--theme-color-primary)) !important;
}

.btn-circle.btn-gog:disabled {
    opacity: .4;
}

.btn-circle.btn-circle-dashed {
    border-style: dashed;
}

.btn-circle.btn-gog.sim-loading::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px solid rgba(var(--theme-color-primary), 1);
    border-color: rgba(var(--theme-color-primary), 1) transparent rgba(var(--theme-color-primary), 1) transparent;
    animation: lds-dual-ring 1.4s linear infinite;
}

/* UDIX */
.sim-udix {
    width: 100%;
    display: flex;
    text-rendering: geometricPrecision;
}

.sim-udix .sim-udix-workspace-title {
    text-align: center;
}

.sim-udix .sim-udix-workspace-title h1 {
    font-size: 24px;
}

.sim-udix-area {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sim-udix-header {
    display: flex;
}

.sim-udix-header .sim-udix-nav-wp {
    flex-grow: 1;
    border-bottom: 1px solid #ddd;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.sim-udix-header .sim-udix-nav-wp .sim-udix-cnav {
    font-size: .9rem;
    width: 900px;
    margin: 10px auto 0 auto;
    margin-bottom: -1px;
    height: auto;
}

.sim-udix-header .sim-udix-nav-wp .sim-udix-cnav .nav-link {
    color: rgba(0, 0, 0, .5);
}

.sim-udix-header .sim-udix-nav-wp .sim-udix-cnav .nav-link:hover {
    color: rgba(0, 0, 0, .9);
}

.sim-udix-header .sim-udix-nav-wp .sim-udix-cnav .nav-link.active {
    color: rgba(var(--theme-color-primary), 1);
}

.sim-udix-header .sim-udix-nav-wp .sim-udix-cnav .nav-link:focus {
    outline: none;
    box-shadow: none;
}

.sim-udix-profile {
    padding-bottom: .8rem;
}

.sim-udix-profile .sim-avatar-wp {
    padding: .4rem;
}

.sim-udix-profile .sim-avatar-wp .sim-avatar {
    width: 64px;
    height: 64px;
    line-height: 1;
}

.sim-udix-profile .sim-avatar-wp .sim-avatar img {
    width: 66px;
    height: 66px;
}

.sim-udix-profile .sim-profile-title {
    text-align: center;
    font-size: 1rem;
}

.sim-udix-profile .sim-profile-title .sim-profile-t1 {
    font-size: 1rem;
    font-weight: bold;
}

.sim-udix-profile .sim-profile-title .sim-profile-t2 {
    font-size: .8rem;
}

.sim-udix-profile .sim-udix-pmenu {
    padding: 0;
    margin: 0;
    list-style: none;
}

.sim-udix-profile .sim-udix-pmenu .sim-udix-pitem {
    border-bottom: 1px solid #ddd;
    padding: 4px 10px;
    text-align: center;
}

.sim-udix-content {
    flex-grow: 1;
    display: flex;
}

.sim-udix-sidebar {
    height: 372.5px;
}

.sim-udix-sidebar .sim-udix-img-list {
    position: relative;
    padding: 5px 0 5px 4px;
    height: 372.5px;
    overflow-y: scroll;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-label {
    text-align: right;
    color: #999;
    font-style: italic;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group {
    padding: 3px;
}

.sim-udix-img-list-item.sim-draggable.sim-dragging,
.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item {
    display: inline-block;
    width: calc(50% - 8px);
    height: 60px;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: opacity .2s ease;
    position: relative;
    border: 1px solid #666;
    margin: 2px;
    opacity: .8;
}

.sim-udix-img-list-item.sim-draggable.sim-dragging {
    position: absolute;
    z-index: 3000;
}

.sim-udix-img-list-item.sim-draggable.sim-dragging .sim-udix-img-list-item-inner,
.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item .sim-udix-img-list-item-inner {
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-box-shadow: inset 0px 0px 15px 5px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 15px 5px rgba(0, 0, 0, 0.7);
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item::before {
    content: "";
    display: none;
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 50%;
    margin-left: -0.5rem;
    margin-top: -0.5rem;
    width: 1rem;
    height: 1rem;
    vertical-align: -.125em;
    border: .25em solid rgb(var(--bootstrap-color-info));
    border-right-color: transparent;
    border-radius: 50%;
    -webkit-animation: .75s linear infinite spinner-border;
    animation: .75s linear infinite spinner-border;
    -webkit-box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5), inset 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.5), inset 0px 0px 5px 5px rgba(0, 0, 0, 0.3);
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading::before {
    display: block;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading::after {
    content: "";
    position: absolute;
    z-index: 3;
    width: 0%;
    left: 0;
    bottom: 0;
    height: 2px;
    background-color: rgb(var(--bootstrap-color-info));
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading.sim-loading-0::after {
    width: 0%;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading.sim-loading-25::after {
    width: 25%;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading.sim-loading-50::after {
    width: 50%;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading.sim-loading-75::after {
    width: 75%;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading.sim-loading-100::after {
    width: 100%;
    background-color: rgb(var(--bootstrap-color-succ));
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item.sim-loading.sim-loading-100::before {
    display: none;
}

.sim-udix-sidebar .sim-udix-img-list .sim-udix-img-list-group .sim-udix-img-list-item:hover {
    opacity: 1;
}

.sim-udix-sidebar .sim-udix-img-list.sim-draggable {
    overflow-y: hidden;
    border-radius: 5px;
}

/*.sim-udix-sidebar .sim-udix-img-list.sim-draggable * { display:none; }*/
.sim-udix-sidebar .sim-udix-img-list.sim-draggable:before {
    border-radius: 5px;
    content: "";
    position: absolute;
    z-index: 20;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border: 1px dashed rgb(var(--theme-color-primary));
    background-color: white;
}

.sim-udix-sidebar .sim-udix-img-list.sim-draggable:after {
    content: "\f302";
    font-size: 64px;
    opacity: .3;
    font-family: 'Font Awesome 5 Free';
    color: white;
    display: flex;
    align-items: center;
    background-color: rgba(var(--theme-color-primary), 1);
    align-content: center;
    justify-content: center;
    font-weight: 400;
    position: absolute;
    z-index: 21;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

.sim-udix-txlist-wr {
    display: flex;
}

.sim-udix-txlist-table {
    width: 100%;
}

.sim-udix-txlist-table * {
    box-sizing: border-box !important;
}

.sim-udix-txlist-table>thead,
.sim-udix-txlist-table>tbody,
.sim-udix-txlist-table>thead>tr,
.sim-udix-txlist-table>tbody>tr,
.sim-udix-txlist-table>thead>tr>th,
.sim-udix-txlist-table>tbody>tr>td {
    display: block;
    text-overflow: ellipsis;
    overflow-x: hidden;
    white-space: nowrap;
}

.sim-udix-txlist-table>tbody>tr:after,
.sim-udix-txlist-table>thead>tr:after {
    content: ' ';
    display: block;
    visibility: hidden;
    clear: both;
}

.sim-udix-txlist-table>tbody {
    overflow-y: auto;
    height: 200px;
}

.sim-udix-txlist-table>tbody>tr>td,
.sim-udix-txlist-table>thead>tr>th {
    width: 10%;
    float: left;
}

.sim-udix-txlist-table>tbody>tr:hover {
    background-color: rgba(var(--theme-color-primary), .1);
}

.sim-udix-txlist-table>tbody>tr.sim-selected td {
    background-color: rgba(var(--theme-color-primary), .8);
    color: rgba(var(--theme-color-primary-contrast), 1) !important;
}

.table-striped>tbody>tr.sim-selected:nth-of-type(odd)>* {
    background-color: rgba(var(--theme-color-primary), 1);
    color: rgba(var(--theme-color-primary-contrast), 1) !important;
}

.sim-udix-txlist-table>tbody>tr.sim-selected .pretty input:checked~.state.p-success label:after,
.sim-udix-txlist-table>tbody>tr.sim-selected .pretty.p-toggle .state.p-success label:after {
    background-color: rgba(var(--theme-color-primary), 1) !important;
}

.sim-udix-txlist-table>tbody>tr.sim-selected .text-muted {
    color: rgba(var(--theme-color-primary-contrast), .8) !important;
}

.sim-udix-txlist-options {
    margin-top: 38px;
}

.sim-udix-txlist-options-menu {
    background-color: #eee;
}

.sim-active-table-list {
    margin-bottom: 0rem;
}

.sim-drive-file-move-nav-item {}

.sim-drive-file-move-nav-item.sim-selected {
    background-color: rgb(var(--bootstrap-color-prim)) !important;
    color: rgb(var(--bootstrap-color-whit)) !important;
}

.sim-field-group {
    border-left: 1px solid var(--lblist-detbodycard-border-color);
    padding-left: .835em;
    padding-bottom: 1rem;
    font-family: 'Helvetica Neue LT Pro 55 Roman', sans-serif;
}

.sim-field-group .sim-field-label {
    letter-spacing: 1px;
    font-size: 12px;
    color: #cecece;
    margin-bottom: .2rem;
}

.sim-field-group .sim-field-value {}

.sim-accordion-tx {}

.sim-accordion-tx .accordion-item {}

.sim-accordion-tx .accordion-item .accordion-header {}

.sim-accordion-tx .accordion-item .accordion-header .accordion-button {
    padding: .4rem 1rem;
    font-family: 'Helvetica Neue LT Pro 55 Roman', sans-serif;
    letter-spacing: 1px;
    font-size: 12px;
}

.sim-accordion-tx .accordion-item .accordion-header .accordion-button::after {
    width: 1rem;
    height: 1rem;
    background-size: 1rem;
}

.sim-profile-tx .sim-sep i {
    width: 8px;
    height: 34px;
    line-height: 34px;
    margin: 0 2px;
    color: #dadce0;
    font-size: 8px;
}

.sim-btn-user-icon {
    height: 44px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.sim-btn-user-icon .sim-avatar {
    position: relative;
    cursor: pointer;
    width: 32px;
    height: 32px;
    box-sizing: content-box;
    line-height: 1;
    margin-left: auto;
    margin-right: auto;
    border-width: 2px;
}

.sim-btn-user-icon .sim-avatar:before {
    border-radius: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid rgb(var(--bootstrap-color-whit));
}

.sim-btn-user-icon .sim-avatar:hover {
    border-color: rgb(var(--bootstrap-color-ligh-darker1));
    -webkit-box-shadow: 0px 0px 2px 0px #dadce0;
    box-shadow: 0px 0px 2px 0px #dadce0;
}

.sim-btn-user-icon.sim-loading .sim-avatar:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    border: 2px solid rgba(var(--theme-color-primary), 1);
    border-color: rgba(var(--theme-color-primary), 1) transparent rgba(var(--theme-color-primary), 1) transparent;
    animation: lds-dual-ring 1.4s linear infinite;
}

.sim-btn-user-icon.sim-selected,
.sim-btn-user-icon.sim-selected * {
    cursor: default;
}

.sim-btn-user-icon.sim-multiselect.sim-selected,
.sim-btn-user-icon.sim-multiselect.sim-selected * {
    cursor: pointer;
}

.sim-btn-user-icon.sim-selected .sim-avatar {
    border-color: rgba(var(--theme-color-primary), 1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(var(--theme-color-primary), 1);
    box-shadow: 0px 0px 2px 0px rgba(var(--theme-color-primary), 1);
}

.sim-btn-user-icon.sim-btn-user-icon-add {}

.sim-btn-user-icon.sim-btn-user-icon-add .sim-avatar {
    line-height: 32px;
    color: #ccc;
}

.sim-display-parent-selected {
    display: none !important;
}

.sim-display-parent-not_selected {
    display: block !important;
}

.sim-selected .sim-display-parent-selected {
    display: block !important;
}

.sim-selected .sim-display-parent-not_selected {
    display: none !important;
}

.sim-cd-ctrl-nav-search,
.sim-cd-ctrl-nav-filter {
    flex-grow: 1;
    justify-content: flex-end;
    align-items: flex-end;
    padding: 0 0 0 20px;
}

.sim-cd-ctrl-nav-filter-l {
    padding: 0;
}

.sim-cd-ctrl-nav-search .sim-btn-user-icon,
.sim-cd-ctrl-nav-filter .sim-btn-user-icon {
    height: 44px;
}

.sim-cd-ctrl-nav-search .sim-btn-user-icon .sim-avatar,
.sim-cd-ctrl-nav-filter .sim-btn-user-icon .sim-avatar,
.sim-cd-ctrl-nav-filterclinic .sim-btn-user-icon .sim-avatar {
    width: 32px;
    height: 32px;
    margin-left: 0;
    margin-right: 6px;
    border-width: 2px;
}

.sim-cd-ctrl-nav-filterclinic .sim-btn-user-icon .sim-avatar {
    border-radius: .125rem;
}

/*.sim-cd-ctrl-nav-search .sim-btn-user-icon.sim-user-icon-patient.sim-selected .sim-avatar { cursor:default; border-color:rgba(var(--theme-color-secondary),1); -webkit-box-shadow:0px 0px 2px 0px rgba(var(--theme-color-secondary),1); box-shadow: 0px 0px 2px 0px rgba(var(--theme-color-secondary),1); }*/
.sim-cd-ctrl-nav-search .sim-sep,
.sim-cd-ctrl-nav-filter .sim-sep,
.sim-cd-ctrl-nav-filterclinic .sim-sep {
    width: 8px;
    height: 44px;
    line-height: 44px;
    margin: 0 10px 0 0px;
    color: #dadce0;
    font-size: 8px;
}

.sim-cd-ctrl-nav-search .sim-btn-user-icon .sim-avatar img,
.sim-cd-ctrl-nav-filter .sim-btn-user-icon .sim-avatar img,
.sim-cd-ctrl-nav-filterclinic .sim-btn-user-icon .sim-avatar img {
    width: 32px;
    height: 32px;
}

.sim-cd-ctrl-nav-search .tooltip em,
.sim-cd-ctrl-nav-filter .tooltip em,
.sim-cd-ctrl-nav-filterclinic .tooltip em {
    color: rgba(255, 255, 255, .5);
}

#sim-teeth-surface-popup {}

#sim-teeth-surface-popup .sim-inner {
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

#sim-teeth-surface-popup .sim-teeth-surface-popup-content {
    background-color: #fff;
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
}

#sim-teeth-surface-popup .sim-tabs {
    display: flex;
    justify-content: flex-start;
    align-content: flex-start;
    padding-right: 16px;
}

#sim-teeth-surface-popup .sim-tabs .sim-tabs-item {
    position: relative;
    background-color: rgb(var(--bootstrap-color-whit));
    height: 32px;
    line-height: 32px;
    padding-left: 26px;
    padding-right: 8px;
    margin-right: 4px;
}

#sim-teeth-surface-popup .sim-tabs .sim-tabs-item::before {
    content: "";
    display: block;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid rgb(var(--bootstrap-color-ligh));
}

#sim-teeth-surface-popup .sim-tabs .sim-tabs-item::after {
    content: "";
    display: block;
    position: absolute;
    z-index: 4;
    top: 0;
    right: -16px;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 16px solid rgb(var(--bootstrap-color-whit));
}

#sim-teeth-surface-popup .sim-tabs .sim-tabs-item.sim-selected {
    background-color: rgb(var(--bootstrap-color-prim));
    color: rgb(var(--bootstrap-color-whit));
}

#sim-teeth-surface-popup .sim-tabs .sim-tabs-item.sim-selected::before {
    border-left-color: rgb(var(--bootstrap-color-ligh));
}

#sim-teeth-surface-popup .sim-tabs .sim-tabs-item.sim-selected::after {
    border-left-color: rgb(var(--bootstrap-color-prim));
}

.sim-dentproc-item .sim-dentproc-item-inner,
.sim-mini-treatment-teeth-chart .sim-mini-treatment-teeth-side .sim-mini-treatment-teeth-item,
.sim-tooth-surface-menu .sim-tooth-surface-btn {
    background-color: var(--layout-page-bg-color);
}

.sim-mini-treatment-teeth-chart {
    display: flex;
    flex-direction: column;
}

.sim-mini-treatment-teeth-chart .sim-mini-treatment-teeth-side {
    display: flex;
    flex-direction: row;
}

.sim-mini-treatment-teeth-chart .sim-mini-treatment-teeth-side .sim-mini-treatment-teeth-item {
    border-radius: .125rem;
    min-width: 26px;
    font-size: 14px;
    text-align: center;
    padding: .6rem 0;
    margin: 1px;
    flex-grow: 1;
    flex-basis: 0
}

.sim-tooth-surface-menu {
    position: relative;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    height: 120px;
}

.sim-tooth-surface-menu .sim-tooth-surface-btn {
    position: absolute;
    width: 40px;
    height: 40px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

.sim-tooth-surface-menu .sim-tooth-surface-btn.sim-tooth-surface-bf {
    top: 0px;
    left: 40px;
}

.sim-tooth-surface-menu .sim-tooth-surface-btn.sim-tooth-surface-m {
    top: 40px;
    left: 0px;
}

.sim-tooth-surface-menu .sim-tooth-surface-btn.sim-tooth-surface-d {
    top: 40px;
    right: 0px;
}

.sim-tooth-surface-menu .sim-tooth-surface-btn.sim-tooth-surface-l {
    bottom: 0;
    left: 40px;
}

.sim-tooth-surface-menu .sim-tooth-surface-btn.sim-tooth-surface-oi {
    top: 40px;
    left: 40px;
}

.sim-dentproc-item:hover .sim-dentproc-item-inner,
.sim-mini-treatment-teeth-chart .sim-mini-treatment-teeth-side .sim-mini-treatment-teeth-item:hover,
.sim-tooth-surface-menu .sim-tooth-surface-btn:hover {
    background-color: rgba(var(--theme-color-primary), .4);
}

.sim-dentproc-item.sim-selected .sim-dentproc-item-inner,
.sim-mini-treatment-teeth-chart .sim-mini-treatment-teeth-side .sim-mini-treatment-teeth-item.sim-selected,
.sim-tooth-surface-menu .sim-tooth-surface-btn.sim-selected {
    color: rgba(var(--theme-color-primary-contrast), 1);
    background-color: rgba(var(--theme-color-primary), 1);
}

.sim-dentproc-accordion .accordion-button:not(.collapsed) {
    background-color: var(--layout-page-bg-color);
}

.sim-dentproc-accordion .accordion-button:focus {
    border-color: rgba(0, 0, 0, .125);
}

.sim-tesradio-box {
    background-color: hsla(0, 0%, 58.8%, 0.1);
    border-radius: 32px;
    padding: 4px;
    align-items: center;
    display: grid;
    gap: 4px;
    grid-auto-flow: column;
    height: 40px;
    overflow-x: auto;
    position: relative;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

.sim-tesradio-box::-webkit-scrollbar {
    width: 0px;
    height: 0px;
}

.sim-tesradio-box .sim-tab {
    white-space: nowrap;
    cursor: pointer;
    color: #5c5e62;
    background-color: transparent;
    outline: none;
    align-items: center;
    block-size: calc(40px - 8px);
    border-radius: 32px;
    display: inline-flex;
    font-weight: 500;
    justify-content: var(--tds-tab--justify-content, center);
    line-height: 1.2;
    padding: 4px 24px;
    position: relative;
    scroll-snap-align: center;
    box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
    cursor: pointer;
    transition: background-color .3s ease, box-shadow .3s ease, color .3s ease;
    border: none;
}

.sim-tesradio-box button.sim-tab {
    line-height: normal;
}

.sim-tesradio-box .sim-tab[aria-selected=true] {
    cursor: inherit;
    color: #171a20;
    background-color: #fff;
    box-shadow: inset 0 0 0 0 transparent, 0 4px 8px 0 rgba(0, 0, 0, 0.08);
}

.sim-tesradio-box.sim-tesradio-box-sm {
    height: 32px;
}

.sim-tesradio-box.sim-tesradio-box-sm .sim-tab {
    block-size: calc(40px - 16px);
    padding: 2px 18px;
}

.sim-tesradio-box.sim-tesradio-box-nobg {
    background-color: transparent;
}

.sim-tesradio-box.sim-tesradio-box-nobg .sim-tab {
    border: 1px solid transparent;
}

.sim-tesradio-box.sim-tesradio-box-nobg .sim-tab[aria-selected=true] {
    box-shadow: inset 0 0 0 0 transparent, inset 0 0 0 0 transparent;
    border-color: #ddd;
}

.sim-tesselect-box {
    inline-size: 100%;
    grid-area: input;
    display: grid;
    grid: "leading input trailing" /-webkit-max-content 1fr -webkit-max-content;
    grid: "leading input trailing" /max-content 1fr max-content;
    gap: 0;
    justify-items: stretch;
    align-content: center;
    align-items: center;
    position: relative;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 20px;
    transition: background-color .25s ease, border-color .25s ease;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
}

.sim-tesselect-box .sim-input {
    cursor: pointer;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
    inline-size: 100%;
    text-overflow: ellipsis;
    block-size: 38px;
    grid-area: input;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.414;
    position: relative;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
    color: #393c41;
}

.sim-tesselect-box.sim-disabled {
    opacity: .5;
    cursor: default;
}

.sim-tesselect-box.sim-disabled .sim-input {
    cursor: default;
}

.sim-tesinput-box {
    inline-size: 100%;
    grid-area: input;
    display: grid;
    grid: "leading input trailing" /-webkit-max-content 1fr -webkit-max-content;
    grid: "leading input trailing" /max-content 1fr max-content;
    gap: 0;
    justify-items: stretch;
    align-content: center;
    align-items: center;
    position: relative;
    -webkit-padding-start: 20px;
    padding-inline-start: 20px;
    -webkit-padding-end: 20px;
    padding-inline-end: 20px;
    background-color: #f4f4f4;
    border: 1px solid #f4f4f4;
    border-radius: 20px;
    transition: background-color .25s ease, border-color .25s ease;
    -webkit-padding-end: 0;
    padding-inline-end: 0;
}

.sim-tesinput-box .sim-input {
    cursor: text;
    -webkit-padding-end: 40px;
    padding-inline-end: 40px;
    inline-size: 100%;
    text-overflow: ellipsis;
    block-size: 38px;
    grid-area: input;
    display: block;
    -webkit-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.414;
    position: relative;
    box-shadow: inset 0 0 0 0 transparent;
    -webkit-transition: box-shadow .25s ease;
    transition: box-shadow .25s ease;
    color: #393c41;
    padding-right: 20px;
}

#sim-modal-popbox-search {
    display: none;
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

#sim-modal-popbox-search .sim-inner {
    background-color: rgba(0, 0, 0, .1);
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-content: center;
}

#sim-modal-popbox-search .sim-modal-popbox-search-content {
    width: 100%;
    max-width: 300px;
    background-color: #fff;
    border-radius: .25rem;
    margin-left: auto;
    margin-right: auto;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.5);
}

.sim-mini-treatment-teeth-chart .sim-mini-treatment-teeth-chart-disable-mask {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3;
}

.sim-mini-treatment-teeth-chart.sim-disabled {
    opacity: .5;
}

.sim-mini-treatment-teeth-chart.sim-disabled .sim-mini-treatment-teeth-chart-disable-mask {
    display: block;
}

.sim-profile-tx-team {
    border-radius: .125rem;
    position: relative;
    padding: .2rem .4rem;
    display: flex;
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
}

.sim-profile-tx-team>.sim-sep {
    width: 18px;
    height: 44px;
    margin-right: 10px;
    line-height: 44px;
    text-align: center;
    font-size: 8px;
}

.sim-profile-tx-team>.sim-sep>i {
    color: #cfcfcf;
}

.sim-profile-tx-team .sim-btn-user-icon {
    width: 40px;
    height: 44px;
}

.sim-profile-tx-team .sim-btn-user-icon .sim-avatar {
    width: 32px;
    height: 32px;
}

.sim-profile-tx-team .sim-btn-user-icon .sim-avatar img {
    width: 32px;
    height: 32px;
}

.sim-local-choice-popup {
    display: none;
    position: absolute;
    z-index: 10;
    left: 0;
    right: 0;
    margin-top: -4px;
}

.sim-local-choice-popup.sim-visible {
    display: block;
}

.sim-local-choice-popup .sim-ph-popup.sim-secx-dd-menu.sim-visible {
    width: 100%;
    left: 0;
    right: 0;
}

.sim-cd-ctrl-nav-search-me {
    display: flex;
}

.sim-cd-ctrl-nav-search-team {
    display: flex;
    overflow: hidden;
    height: 44px;
    flex-wrap: wrap;
}

.sim-cd-ctrl-nav-search-other {
    display: flex;
    overflow: hidden;
    height: 44px;
    flex-wrap: wrap;
}

.sim-cd-ctrl-nav-search-form {
    position: relative;
    min-width: 37px;
    height: 44px;
    margin-left: 3px;
}

.sim-cd-ctrl-nav-search-form .sim-cs-search-group {
    position: absolute;
    right: 0;
    top: -4px;
    background-color: white;
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 8px;
}

/*	.sim-cd-ctrl-nav-search-form .sim-cs-search-group:before {content:"";position:absolute; left:-4px; top:0; bottom: 0; width:4px;background: rgb(255,255,255);background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);}*/
.sim-cd-ctrl-nav-search-form .sim-cs-search-group .btn-cs-btn-search,
.sim-cd-ctrl-nav-search-form .sim-cs-search-group .btn-cs-action-search {
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 7px;
    width: 36px;
    height: 36px;
    line-height: 37px;
}

.sim-cd-ctrl-nav-search-form .sim-cs-search-group .btn-cs-action-input {
    display: none;
    width: 0px;
    border-radius: 37px;
    margin-top: 4px;
    height: 34px;
    padding-left: 20px;
    padding-right: 40px;
    border-color: #c6c8cc;
    -webkit-box-shadow: 0px 0px 2px 0px #dadce0;
    box-shadow: 0px 0px 2px 0px #c6c8cc;
    border: none;
    outline: none;
}

.sim-cd-ctrl-nav-search-form.sim-expanded .sim-cs-search-group .btn-cs-action-input {
    display: block;
    width: 258px;
}

.sim-cd-ctrl-nav-search-form .sim-cs-search-group.sim-cs-searchable {}

.sim-cd-ctrl-nav-search-form .sim-cs-search-group.sim-cs-searchable .btn-cs-action-input {
    display: block;
}

.sim-cscheduler>.sim-cs-cont>.sim-cs-main>.sim-cs-grid {
    position: relative;
}

.sim-cscheduler>.sim-cs-cont>.sim-cs-main>.sim-cs-grid:before {
    display: none;
    content: "";
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, .4);
}

.sim-cscheduler>.sim-cs-cont>.sim-cs-main>.sim-cs-grid.sim-loading:before {
    display: block;
}

.sim-sidebar-profile-menu-item {
    background-color: rgb(var(--bootstrap-color-ligh));
    color: rgb(var(--bootstrap-color-dark));
}

.sim-sidebar-profile-menu-item:hover {
    background-color: rgb(var(--bootstrap-color-whit));
    color: rgb(var(--bootstrap-color-prim));
}

.sim-sidebar-profile-menu-item a {
    color: inherit;
}

.sim-sidebar-profile-menu-item:hover a {
    color: inherit;
}

.sim-sidebar-profile-menu-item.sim-blue {
    background-color: rgba(var(--bootstrap-color-prim), .3);
    color: rgb(var(--bootstrap-color-prim-darker2));
}

.sim-sidebar-profile-menu-item.sim-blue:hover {
    background-color: rgba(var(--bootstrap-color-prim), 1);
    color: rgb(var(--bootstrap-color-whit));
}

.form-select-multiple {
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    background-color: #fff;
    line-height: 1.5;
    color: #212529;
}

.form-select-multiple ul {
    padding: 0;
    margin: 0;
}

.form-select-multiple .sim-label-count-text {
    font-size: .8rem;
    padding: .25rem .5rem;
    color: rgb(var(--bootstrap-color-mute));
}

.sim-avatar.sim-size-16 {
    width: 16px;
    height: 16px;
    min-width: 16px;
    min-height: 16px;
    max-width: 16px;
    max-height: 16px;
}

.sim-avatar.sim-size-24 {
    width: 24px;
    height: 24px;
    min-width: 24px;
    min-height: 24px;
    max-width: 24px;
    max-height: 24px;
}

.sim-avatar.sim-size-32 {
    width: 32px;
    height: 32px;
    min-width: 32px;
    min-height: 32px;
    max-width: 32px;
    max-height: 32px;
}

.sim-avatar.sim-size-46 {
    width: 46px;
    height: 46px;
    min-width: 46px;
    min-height: 46px;
    max-width: 46px;
    max-height: 46px;
}

.sim-avatar.sim-size-64 {
    width: 64px;
    height: 64px;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
}

.sim-avatar.sim-size-128 {
    width: 128px;
    height: 128px;
    min-width: 128px;
    min-height: 128px;
    max-width: 128px;
    max-height: 128px;
}

.sim-avatar.sim-size-16.sim-upload-file-btn .sim-btn {
    font-size: 14px;
}

.sim-avatar.sim-size-24.sim-upload-file-btn .sim-btn {
    font-size: 16px;
}

.sim-avatar.sim-size-32.sim-upload-file-btn .sim-btn {
    font-size: 18px;
}

.sim-avatar.sim-size-46.sim-upload-file-btn .sim-btn {
    font-size: 20px;
}

.sim-avatar.sim-size-64.sim-upload-file-btn .sim-btn {
    font-size: 24px;
}

.sim-avatar.sim-size-128.sim-upload-file-btn .sim-btn {
    font-size: 32px;
}

.pagination.sim-circles {}

.pagination.sim-circles .page-item {
    margin-right: 10px;
}

.pagination.sim-circles .page-item>.page-link {
    position: relative;
    line-height: 1.25;
    margin-left: -1px;
    padding: 0.5rem 0.75rem;
    color: #2d4057;
    font-size: 16px;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: 0;
    box-shadow: unset;
}

.pagination.sim-circles .page-item.active>.page-link {
    background: rgb(var(--bootstrap-color-prim-darker1));
    color: #fff;
    z-index: 3;
}

.pagination.sim-circles .page-item.disabled>.page-link {
    color: rgb(var(--color-neutral-grayscale-500));
}

.pagination.sim-rounded {}

.pagination.sim-rounded .page-item {
    margin-right: 10px;
}

.pagination.sim-rounded .page-item>.page-link {
    border-radius: 4px;
    color: rgb(var(--bootstrap-color-prim-darker1));
    border: 1px solid rgb(var(--bootstrap-color-prim-darker1));
}

.pagination.sim-rounded .page-item.active>.page-link {
    background: rgb(var(--bootstrap-color-prim-darker1));
    color: #fff;
    z-index: 3;
}

.pagination.sim-rounded .page-item.disabled>.page-link {
    color: rgb(var(--color-neutral-grayscale-500));
    border-color: rgb(var(--color-neutral-grayscale-500))
}

.sim-secx {
    position: relative;
}

.sim-secx.sim-disabled {
    opacity: .5;
}

a.sim-disabled {
    opacity: .5;
    user-select: none;
    cursor: default;
}

.sim-secx .sim-prevent-click {
    display: none;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sim-secx.sim-disabled .sim-prevent-click {
    display: block;
}

.sim-secx>.sim-inner>.sim-loading {
    display: none;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sim-secx>.sim-inner>.sim-loading .sim-loading-progress {
    position: absolute;
    z-index: 202;
    top: 0px;
    left: 0;
    right: 0;
    height: 26px;
}

.sim-secx>.sim-inner>.sim-loading .sim-loading-progress .sim-loading-inner {
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
    width: 40%;
    max-width: 300px;
    height: 24px;
    border-top: 2px solid var(--lblist-detbodycard-border-color);
}

.sim-secx>.sim-inner>.sim-loading .sim-loading-mask {
    opacity: 0;
    position: absolute;
    z-index: 201;
    background-color: transparent;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(120%) blur(3px);
    backdrop-filter: saturate(120%) blur(3px);
}

.sim-secx.sim-processing>.sim-inner>.sim-loading {
    display: block;
}

.sim-loading-top-wp {
    position: relative;
}

.sim-loading-top {
    display: none;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sim-loading-top .sim-loading-progress {
    border-radius: 0.25rem;
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
    background-color: rgba(255, 255, 255, .9);
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    z-index: 202;
    top: 50%;
    left: 50%;
    margin-left: -32px;
    margin-top: -32px;
}

.sim-loading-top .sim-loading-progress .sim-loading-inner {
    text-align: center;
    line-height: 24px;
    margin: 0 auto;
    width: 40%;
    max-width: 300px;
    height: 24px;
    border-top: 2px solid var(--lblist-detbodycard-border-color);
}

.sim-loading-top .sim-loading-mask {
    opacity: 0;
    position: absolute;
    z-index: 201;
    background-color: transparent;
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(120%) blur(3px);
    backdrop-filter: saturate(120%) blur(3px);
}

.sim-loading-top-wp.sim-processing>.sim-loading-top,
.sim-loading-top-wp.sim-processing-top>.sim-loading-top,
.sim-secx.sim-processing-top>.sim-inner>.sim-loading-top,
.modal.sim-processing-top .modal-content>.sim-loading-top,
.modal.sim-processing .modal-content>.sim-loading-top {
    display: block;
}

.sim-loading-top-wp>.sim-loading-top .sim-loading-mask {
    animation: fadeIn 3s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.sim-secx .sim-confirm {
    display: none;
    position: absolute;
    z-index: 200;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.sim-secx .sim-confirm .sim-confirm-progress {
    position: absolute;
    z-index: 202;
    top: 0px;
    left: 0;
    right: 0;
    height: 26px;
}

.sim-secx .sim-confirm .sim-confirm-progress .sim-confirm-inner {
    background: rgba(255, 255, 255, .5);
    text-align: center;
    margin: 0 auto;
    width: 60%;
    max-width: 300px;
    padding-bottom: 10px;
    height: auto;
    border-top: 2px solid var(--lblist-detbodycard-border-color);
}

.sim-secx .sim-confirm .sim-confirm-mask {
    opacity: 0;
    position: absolute;
    z-index: 201;
    background-color: rgba(255, 255, 255, .5);
    top: 0px;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-backdrop-filter: saturate(30%) blur(5px);
    backdrop-filter: saturate(30%) blur(5px);
}

.sim-secx.sim-confirming .sim-confirm {
    display: block;
}

.sim-secx-form {
    position: relative;
}

.sim-secx-form.sim-processing::before {
    content: "";
    position: absolute;
    z-index: 20;
    height: 2px;
    left: 0;
    top: 0;
    right: 0;
    background-color: rgb(var(--bootstrap-color-prim));
    animation: 2000ms linear 0s normal forwards sim-load-bar-anim;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

.modal-open .modal.modal {
    overflow: hidden;
}

.modal .sim-cs-wp .modal-header {
    margin-bottom: 8px;
    cursor: move;
}

.modal .sim-cs-wp .modal-header button {
    margin: 3px 6px;
    padding: 0;
    height: 30px;
    width: 30px;
    font-size: 12px;
    line-height: 30px;
    color: #9aa0a6;
}

.modal .sim-cs-wp .modal-header button:hover {
    background-color: rgba(32, 33, 36, 0.039);
}

.modal .sim-cs-wp .modal-body {
    padding: 0;
}

.modal .sim-cs-modal-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 1px 16px;
    margin: 0;
    -webkit-align-items: flex-start;
    align-items: flex-start;
}

.modal .sim-cs-modal-row.sim-cs-modal-row-border {
    border-bottom: 1px solid #e8e8e9;
    padding-bottom: 6px;
    padding-top: 6px;
}

.modal .sim-cs-modal-row .sim-cs-modal-licon {
    width: 36px;
    height: 36px;
    color: #5f6368;
    font-size: 16px;
    -webkit-box-flex: none;
    -webkit-flex: none;
    flex: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding-right: 8px;
}

.modal .sim-cs-modal-row .sim-cs-modal-lval {
    min-height: 36px;
    -webkit-box-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    overflow: visible;
    width: auto;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder {
    -webkit-user-select: none;
    -webkit-tap-highlight-color: transparent;
    display: inline-block;
    outline: 0;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder.sim-find-holder {
    flex-grow: 1;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder:hover {
    cursor: text;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder.sim-find-holder:hover {
    background-color: transparent;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input-preview {
    padding-left: 8px;
    padding-right: 8px;
    background-color: transparent;
    transition: background-color .2s ease;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input-preview:not(.sim-nohover):hover {
    background-color: rgba(32, 33, 36, 0.039);
}

.modal .sim-readonly .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input-preview:not(.sim-nohover):hover {
    background-color: transparent;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input {
    display: block;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input input,
.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input select {
    background-color: transparent;
    border: none;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: inline-block;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input input:hover,
.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input input:focus,
.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input select:hover,
.modal .sim-cs-modal-row .sim-cs-modal-input-holder .sim-cs-modal-input select:focus {
    background-color: rgba(32, 33, 36, 0.039);
    outline: none;
    box-shadow: none;
    border: none;
    padding-left: 8px;
    padding-right: 8px;
    width: 100%;
    height: 36px;
    line-height: 36px;
    display: inline-block;
}

.modal .sim-cs-modal-row .sim-cs-modal-input-holder.sim-find-holder .sim-cs-modal-input input,
.modal .sim-cs-modal-row .sim-cs-modal-input-holder.sim-find-holder .sim-cs-modal-input select {
    padding-right: 30px;
}

.modal .sim-cs-modal-input-group {
    min-height: 36px;
    line-height: 36px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    flex-grow: 1;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.sim-on-insert {
    display: none;
}

.sim-on-view {
    display: none;
}

.modal .sim-cs-wp {}

.modal .sim-cs-wp.sim-cs-wp-view .sim-on-view {
    display: block;
}

.modal .sim-cs-wp.sim-cs-wp-insert .sim-on-insert {
    display: block;
}

.modal .sim-cs-wp.sim-cs-wp-update .sim-on-update {
    display: block;
}

.modal .sim-cs-wp.sim-cs-wp-view .modal-header {
    align-items: flex-end;
    -ms-flex-align: end;
    justify-content: flex-end;
    -ms-flex-pack: end;
}

.modal .sim-cs-wp.sim-cs-wp-view .modal-header .sim-btn-dock {
    display: none;
}

.modal .sim-cs-wp.sim-cs-wp-view .modal-header button {
    margin-left: 3px;
}

.modal .sim-cs-wp.sim-cs-wp-view .modal-header button:not(n) {
    margin-right: 3px;
}

.modal .sim-cs-wp.sim-cs-wp-view .modal-body {
    margin-bottom: 15px;
}

.modal .sim-cs-wp.sim-cs-wp-view .modal-footer {
    display: none;
}

.sim-pagebox-nav {
    display: flex;
    -webkit-box-pack: justify;
    justify-content: space-between;
}

.sim-pagebox-nav .sim-pagebox-nav-step {
    position: relative;
    width: 100%;
    height: 4px;
    margin-left: 8px;
    -webkit-mask-image: -webkit-radial-gradient(center, white, black);
    border-radius: 2px;
    background: rgb(226, 226, 233);
    overflow: hidden;
}

.sim-pagebox-nav .sim-pagebox-nav-step:nth-child(1) {
    margin-left: 0px;
}

.sim-pagebox-nav .sim-pagebox-nav-step .finished {
    background: rgb(var(--bootstrap-color-prim));
}

.sim-pagebox-nav .sim-pagebox-nav-step .not-active.sim-prev:nth-child(2) {
    background: rgb(var(--bootstrap-color-prim));
    animation: 700ms linear 0s normal forwards pagebox-finished-prev-anim;
}

.sim-pagebox-nav .sim-pagebox-nav-step .finished.sim-next {
    animation: 700ms linear 0s normal forwards pagebox-finished-next-anim;
}

.sim-pagebox-nav .sim-pagebox-nav-step .bar-inner {
    position: absolute;
    top: 0px;
    left: 0px;
    border-radius: 2px;
    width: 100%;
    height: 100%;
}

.sim-pagebox-nav .sim-pagebox-nav-step .active:nth-child(1) {
    animation: 3000ms linear 0s infinite normal none running pagebox-active-anim;
}

.sim-pagebox-nav .sim-pagebox-nav-step .active:nth-child(2) {
    animation: 3000ms linear -1500ms infinite normal none running pagebox-active-anim;
}

.sim-pagebox-nav .sim-pagebox-nav-step .active {
    width: 200%;
}

.sim-pagebox-nav .sim-pagebox-nav-step .active::before {
    content: "";
    position: absolute;
    left: 0px;
    top: 0px;
    width: 16.66%;
    height: 4px;
    border-radius: 2px;
    background: rgb(var(--bootstrap-color-prim));
}

@keyframes pagebox-active-anim {
    0% {
        transform: translateX(-23.33%);
    }

    100% {
        transform: translateX(90%);
    }
}

@keyframes pagebox-finished-prev-anim {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

@keyframes pagebox-finished-next-anim {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.sim-load-bar-wp {
    height: 2px;
}

.sim-load-bar-wp .sim-load-bar {
    display: none;
    height: 2px;
    animation: 3000ms linear 0s normal forwards sim-load-bar-anim;
}

@keyframes sim-load-bar-anim {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

.sim-form-floating .form-select {
    padding-top: 1.8rem;
    height: auto;
}

.sim-form-floating .form-select.sim-entity-with-img {
    display: flex;
}

.sim-form-floating .form-select.sim-entity-with-img .sim-label-img {
    align-items: center;
}

.sim-form-floating .form-select.sim-entity-with-img .sim-label-text {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    align-items: center;
    flex: 1 1 auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.sim-form-floating.sim-disabled,
.sim-form-floating.sim-disabled .form-select {
    color: #6c757d;
    background-color: #e9ecef;
}

.sim-input-find-wp {
    position: relative;
}

.sim-input-find-wp .sim-input-find {
    position: relative;
}

.sim-input-find-wp .sim-input-find-suggestions {
    margin-top: 6px;
    display: none;
    position: absolute;
    z-index: 10;
    background: white;
    left: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #ffffff;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.sim-input-find-wp .sim-input-find-selected {
    position: relative;
    margin-top: 6px;
}

.sim-search-suggestions-item {
    cursor: default;
    border-radius: 3px;
    transition: background-color .2s ease;
}

.sim-search-suggestions-item .sim-avatar-wp {
    width: 44px;
    height: 40px;
    line-height: 40px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-align-self: stretch;
    align-self: stretch;
    -webkit-box-flex: 0;
    box-flex: 0;
    -webkit-flex-grow: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    -webkit-align-items: center;
    align-items: center;
}

.sim-search-suggestions-item .sim-avatar-wp .sim-avatar {
    position: relative;
    width: 28px;
    height: 28px;
    line-height: 28px;
}

.sim-search-suggestions-item .sim-avatar-wp .sim-avatar:before {
    border-radius: inherit;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid white;
}

.sim-search-suggestions-item .sim-avatar-wp .sim-avatar img {
    width: 28px;
    height: 28px;
}

.sim-search-suggestions-item .sim-suggestion-title {
    height: 40px;
    flex-grow: 1;
    text-align: left;
}

.sim-search-suggestions-item .sim-suggestion-title .sim-sugg-t1 {
    display: block;
    font-size: .9rem;
    padding-top: 4px;
    line-height: 20px;
}

.sim-search-suggestions-item .sim-suggestion-title .sim-sugg-t2 {
    display: block;
    height: 12px;
    font-size: .7rem;
    line-height: 12px;
    color: #6c757d;
}

.sim-search-suggestions-item.sim-multirows-item {
    padding: 6px 0;
}

.sim-search-suggestions-item.sim-multirows-item .sim-suggestion-title {
    height: auto;
}

.sim-search-suggestions-item.sim-multirows-item .sim-suggestion-title .sim-sugg-t1 {
    height: auto;
    line-height: 1.2;
}

.sim-search-suggestions-item.sim-multirows-item .sim-suggestion-title .sim-sugg-t2 {
    height: auto;
    font-size: .8rem;
    padding-top: 4px;
    text-align: right;
}

.sim-search-suggestions-item:hover {
    background-color: #f6f6f6;
}

.sim-search-suggestions-item.sim-selected {
    background-color: #f6f6f6;
}

.sim-search-suggestions-item.sim-selected .sim-avatar-wp .sim-avatar {
    cursor: default;
    border-color: rgba(var(--theme-color-primary), 1);
    -webkit-box-shadow: 0px 0px 2px 0px rgba(var(--theme-color-primary), 1);
    box-shadow: 0px 0px 2px 0px rgba(var(--theme-color-primary), 1);
}

.sim-search-suggestions-item.sim-selected .sim-sugg-t1 {
    color: rgba(var(--theme-color-primary), 1);
}

.sim-search-suggestions-item.sim-selected .sim-sugg-t2 {
    color: rgba(0, 0, 0, .5);
}

.sim-search-suggestions-item .sim-suggestion-options {
    display: none;
    height: 40px;
    line-height: 40px;
}

.sim-input-find-selected .sim-search-suggestions-item .sim-suggestion-options .btn-circle {
    display: inline-block;
    height: 36px;
    width: 36px;
    line-height: 40px;
    font-size: 1rem;
}

.sim-input-find-selected .sim-search-suggestions-item .sim-suggestion-options .btn-circle:hover {
    background-color: #e4e6e6;
    border-color: #e4e6e6;
}

.sim-input-find-selected .sim-search-suggestions-item:hover .sim-suggestion-options {
    display: block;
}

.sim-cd-ctrl-nav-search-form .sim-input-find-suggestions {
    position: absolute;
    z-index: 10;
    left: -200px;
    top: 44px;
    right: 0;
}

.sim-cscheduler>.sim-cs-cont>.sim-cs-main>.sim-cs-grid>.sim-cs-pres .sim-cs-event.sim-cs-moved {
    opacity: .5;
}

/*	.sim-cscheduler>.sim-cs-cont>.sim-cs-main>.sim-cs-grid>.sim-cs-pres .sim-cs-event.sim-cs-moved > div {visibility:hidden;}*/

.sim-dentalteam-modal-members-item .sim-dentalteam-modal-members-item-photo {
    overflow: hidden;
    width: 100%;
    height: 140px;
    border: 1px solid var(--layout-page-bg-color);
}

.sim-dentalteam-modal-members-item .sim-dentalteam-modal-members-item-photo img {
    object-fit: cover;
    object-position: 50% 0;
    height: 100%;
    width: 100%;
    transition: transform 0.15s ease-in-out 0s;
}

.sim-dentalteam-modal-members-item:hover .sim-dentalteam-modal-members-item-photo img {
    transform: scale(1.2);
}

.sim-dentalteam-modal-members-item .sim-dentalteam-modal-members-item-options {
    display: none;
    position: absolute;
    z-index: 12;
    top: 0px;
    right: -38px;
    margin-top: 0;
    font-size: 14px;
}

.sim-dentalteam-modal-members-item .sim-dentalteam-modal-members-item-options-menu {
    background-color: #eee;
}

.sim-dentalteam-modal-members-item:hover {
    z-index: 20;
}

.sim-dentalteam-modal-members-item:hover .sim-dentalteam-modal-members-item-options {
    display: block;
}

.sim-dentalteam-modal-members-item .sim-dentalteam-modal-members-item-primary-icon {
    display: none;
}

.sim-dentalteam-modal-members-item.sim-tag-lead .sim-dentalteam-modal-members-item-primary-icon {
    display: inline;
}

.sim-scheduler-filter-items {
    font-size: 12px;
    color: rgba(0, 0, 0, .5);
}

.sim-scheduler-filter-items .sim-scheduler-filter-item.sim-selected {
    color: rgba(var(--theme-color-primary), 1);
    font-weight: bold;
}

.sim-scheduler-filter-items .sim-scheduler-filter-item .sim-color-picker {
    opacity: 1;
}

.sim-scheduler-filter-items .sim-scheduler-filter-item.sim-selected .sim-color-picker {
    opacity: 1;
}

.sim-scheduler-filter-items .sim-scheduler-filter-item .spinner-border {
    display: none;
}

.sim-scheduler-filter-items .sim-scheduler-filter-item.sim-loading .spinner-border {
    display: block;
}

.no-titlebar .ui-dialog-titlebar {
    display: none;
}

.sim-cs-pres-gcell .sim-cs-current-hour-bar {
    position: absolute;
    z-index: 6;
    height: 0;
    border-bottom: 2px solid #ea4335;
    left: 0;
    right: 0;
}

.sim-cs-pres-gcell .sim-cs-current-hour-bar.sim-dashed {
    border-bottom-style: dotted;
    opacity: .5;
}

.form-check.sim-radios {
    display: flex !important;
    align-items: center !important;
}

.form-check.sim-radios label {
    line-height: 1 !important;
    padding-left: .7rem;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.sim-placeholder-bg {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.sim-sample {
    display: none !important;
}

/* SEARCH */
.sim-search-form,
.sim-sfield-form {
    position: relative;
    min-width: 35px;
    height: 40px;
}

.sim-search-form .sim-cs-search-group,
.sim-sfield-form .sim-cs-search-group {
    position: absolute;
    right: 0;
    top: -4px;
    background-color: var(--layout-section-bg-color);
    padding-bottom: 4px;
    padding-top: 4px;
    padding-left: 8px;
}

.sim-search-form .sim-cs-search-group .btn-cs-btn-search,
.sim-search-form .sim-cs-search-group .btn-cs-action-search,
.sim-sfield-form .sim-cs-search-group .btn-cs-btn-search,
.sim-sfield-form .sim-cs-search-group .btn-cs-action-search {
    position: absolute;
    z-index: 1;
    right: -1px;
    top: 7px;
    width: 36px;
    height: 36px;
    line-height: 37px;
}

.sim-search-form .sim-cs-search-group .btn-cs-action-spinner,
.sim-sfield-form .sim-cs-search-group .btn-cs-action-spinner {
    display: none;
    position: absolute;
    z-index: 1;
    right: 4px;
    top: 7px;
    width: 36px;
    height: 36px;
    line-height: 37px;
}

.sim-search-form .sim-cs-search-group .btn-cs-action-spinner .spinner-border,
.sim-sfield-form .sim-cs-search-group .btn-cs-action-spinner .spinner-border {
    margin-left: 8px;
    margin-top: 8px;
    width: 20px;
    height: 20px;
}

.sim-search-form .sim-cs-search-group .btn-cs-action-input,
.sim-sfield-form .sim-cs-search-group .btn-cs-action-input {
    display: none;
    width: 0px;
    border-radius: 37px;
    margin-top: 4px;
    height: 34px;
    padding-left: 20px;
    padding-right: 40px;
    border-color: #c6c8cc;
    -webkit-box-shadow: 0px 0px 2px 0px #dadce0;
    box-shadow: 0px 0px 2px 0px #c6c8cc;
    border: none;
    outline: none;
}

.sim-search-form .sim-cs-search-group.sim-loading .btn-cs-btn-search,
.sim-search-form .sim-cs-search-group.sim-loading .btn-cs-action-search,
.sim-sfield-form .sim-cs-search-group.sim-loading .btn-cs-btn-search,
.sim-sfield-form .sim-cs-search-group.sim-loading .btn-cs-action-search {
    display: none;
}

.sim-search-form .sim-cs-search-group.sim-loading .btn-cs-action-spinner,
.sim-sfield-form .sim-cs-search-group.sim-loading .btn-cs-action-spinner {
    display: block;
}

.sim-search-form.sim-expanded,
.sim-sfield-form.sim-expanded {
    width: 250px;
}

.sim-search-form.sim-expanded .sim-cs-search-group .btn-cs-action-input,
.sim-sfield-form.sim-expanded .sim-cs-search-group .btn-cs-action-input {
    display: block;
    width: 100%;
}

.sim-search-form .sim-cs-search-group.sim-cs-searchable {}

.sim-search-form .sim-cs-search-group.sim-cs-searchable .btn-cs-action-input,
.sim-sfield-form .sim-cs-search-group.sim-cs-searchable .btn-cs-action-input {
    display: block;
}

.sim-search-form .sim-search-suggestions,
.sim-sfield-form .sim-search-suggestions {
    max-height: 300px;
    overflow-y: auto;
    top: 42px;
    display: none;
    position: absolute;
    z-index: 10;
    background: white;
    left: -200px;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 0;
    border: 1px solid rgba(0, 0, 0, .2);
    background-color: #ffffff;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    -webkit-box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
    box-shadow: 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12), 0 5px 5px -3px rgba(0, 0, 0, 0.2);
}

.sim-search-form.sim-expanded .sim-search-suggestions,
.sim-sfield-form.sim-expanded .sim-search-suggestions {
    left: 0;
    top: 44px;
}

.sim-search-form.search-entities-bar-popup-fullbar,
.sim-sfield-form.search-entities-bar-popup-fullbar {
    height: 42px;
    background: none;
}

.sim-search-form.search-entities-bar-popup-fullbar>.sim-cs-search-group,
.sim-sfield-form.search-entities-bar-popup-fullbar>.sim-cs-search-group {
    width: 100%;
    background: none;
    padding-left: 0;
    padding-right: 0;
}

.sim-sfield-form.search-entities-bar-form-control {
    height: 100%;
    background: none;
}

.sim-sfield-form.search-entities-bar-form-control>.sim-cs-search-group {
    position: relative;
    width: 100%;
    background: none;
    padding-left: 0;
    padding-right: 0;
    padding: 0;
    top: 0px;
}

.sim-sfield-form.search-entities-bar-form-control .sim-search-input {
    box-sizing: border-box;
    margin: 0;
    border: none;
    box-shadow: none;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    height: 32px;
}

.sim-sfield-form.search-entities-bar-form-control .btn-cs-action-search {
    top: 0px;
    right: 2px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.sim-sfield-form.search-entities-bar-form-control .btn-cs-action-spinner {
    top: -2px;
    right: 2px;
    width: 32px;
    height: 32px;
    line-height: 32px;
}

.sim-sfield-form.search-entities-bar-form-control .sim-sfield-value-selected {
    margin-top: 0px;
}

.sim-search-form.search-entities-bar-popup-fixed,
.sim-sfield-form.search-entities-bar-popup-fixed {}

.sim-search-form.search-entities-bar-popup-fixed>.sim-cs-search-group,
.sim-sfield-form.search-entities-bar-popup-fixed>.sim-cs-search-group {
    background: none;
}

.sim-sfield-form .sim-sfield-value-selected {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: rgb(var(--bootstrap-color-ligh));
    padding: 0;
    border-radius: 5px;
}

.sim-sfield-form .sim-sfield-value-selected .sim-sfield-value-selected-v {
    padding: 4px 0 4px 10px;
}

.sim-sfield-form .sim-sfield-value-selected.sim-selected {
    background-color: rgb(var(--bootstrap-color-prim));
    color: rgb(var(--bootstrap-color-whit));
}

.sim-sfield-form .sim-sfield-btn-reset {
    padding: 4px 10px;
    cursor: pointer;
}

.sim-sfield-form .sim-sfield-btn-reset-disabled {
    padding: 4px 10px;
    cursor: default;
}

.sim-sfield-form .sim-cs-search-selected {
    grid-gap: 2px;
    padding: 0 2px;
    padding-right: 34px;
}


.sim-success-animation {
    margin: 0 auto;
}

.sim-checkmark {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: block;
    stroke-width: 2;
    stroke: #4bb71b;
    stroke-miterlimit: 10;
    box-shadow: inset 0px 0px 0px #4bb71b;
    animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both;
    position: relative;
    top: 5px;
    right: 5px;
    margin: 0 auto;
}

.sim-checkmark__circle {
    stroke-dasharray: 166;
    stroke-dashoffset: 166;
    stroke-width: 2;
    stroke-miterlimit: 10;
    stroke: #4bb71b;
    fill: #fff;
    animation: stroke 0.6s cubic-bezier(0.65, 0, 0.45, 1) forwards;
}

.sim-checkmark__check {
    transform-origin: 50% 50%;
    stroke-dasharray: 48;
    stroke-dashoffset: 48;
    animation: stroke 0.3s cubic-bezier(0.65, 0, 0.45, 1) 0.8s forwards;
}

@keyframes stroke {
    100% {
        stroke-dashoffset: 0;
    }
}

@keyframes scale {

    0%,
    100% {
        transform: none;
    }

    50% {
        transform: scale3d(1.1, 1.1, 1);
    }
}

@keyframes fill {
    100% {
        box-shadow: inset 0px 0px 0px 30px #4bb71b;
    }
}

.sim-checkmark.color-primary,
.sim-checkmark.color-primary .sim-checkmark__circle {
    stroke: rgb(var(--bootstrap-color-prim));
}

.sim-checkmark.color-success,
.sim-checkmark.color-success .sim-checkmark__circle {
    stroke: rgb(var(--bootstrap-color-succ));
}

.sim-checkmark.color-danger,
.sim-checkmark.color-danger .sim-checkmark__circle {
    stroke: rgb(var(--bootstrap-color-dang));
}

.sim-circle-loader {
    width: 3.5em;
    height: 3.5em;
    border: 2px solid rgba(0, 0, 0, 0.2);
    border-left-color: rgb(var(--bootstrap-color-prim));
    animation: loader-spin 1.2s infinite linear;
    position: relative;
    display: block;
    vertical-align: top;
    border-radius: 50%;
}

.sim-circle-loader.sim-load-complete {
    -webkit-animation: none;
    animation: none;
    border-color: rgb(var(--bootstrap-color-prim));
    transition: border 500ms ease-out;
}

.sim-circle-loader.sim-load-failed {
    -webkit-animation: none;
    animation: none;
    border-color: rgb(var(--bootstrap-color-prim));
    transition: border 500ms ease-out;
}

.sim-circle-loader .sim-circle-checkmark {
    display: none;
}

.sim-circle-loader .sim-circle-checkmark.draw::after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: circle-checkmark;
    transform: scaleX(-1) rotate(135deg);
}

.sim-circle-loader .sim-circle-checkmark::after {
    opacity: 1;
    height: 1.75em;
    width: 0.875em;
    transform-origin: left top;
    border-right: 3px solid rgb(var(--bootstrap-color-prim));
    border-top: 3px solid rgb(var(--bootstrap-color-prim));
    content: '';
    left: 0.75em;
    top: 1.75em;
    position: absolute;
}

.sim-circle-loader.sim-load-complete .sim-circle-checkmark,
.sim-circle-loader.sim-load-failed .sim-circle-checkmark {
    display: block;
}

.sim-circle-loader.sim-load-failed .sim-circle-checkmark.draw::after {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: circle-failedmark1;
    transform: scaleX(-1) rotate(0deg);
}

.sim-circle-loader.sim-load-failed .sim-circle-checkmark.draw::before {
    animation-duration: 800ms;
    animation-timing-function: ease;
    animation-name: circle-failedmark2;
    transform: scaleX(-1) rotate(0deg);
}

.sim-circle-loader.sim-load-failed .sim-circle-checkmark::after {
    opacity: 1;
    height: 0.2em;
    width: 0em;
    transform-origin: left top;
    border-right: 3px solid rgb(var(--bootstrap-color-prim));
    border-top: 3px solid rgb(var(--bootstrap-color-prim));
    content: '';
    left: 1.75em;
    top: 2.5em;
    position: absolute;
}

.sim-circle-loader.sim-load-failed .sim-circle-checkmark::before {
    opacity: 1;
    height: 1.4em;
    width: 0em;
    transform-origin: left top;
    border-right: 3px solid rgb(var(--bootstrap-color-prim));
    border-top: 3px solid rgb(var(--bootstrap-color-prim));
    content: '';
    left: 1.75em;
    top: 0.7em;
    position: absolute;
}

@keyframes loader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes circle-checkmark {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 0.875em;
        opacity: 1;
    }

    40% {
        height: 1.75em;
        width: 0.875em;
        opacity: 1;
    }

    100% {
        height: 1.75em;
        width: 0.875em;
        opacity: 1;
    }
}

@keyframes circle-failedmark1 {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    40% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    100% {
        height: 0.2em;
        width: 0;
        opacity: 1;
    }
}

@keyframes circle-failedmark2 {
    0% {
        height: 0;
        width: 0;
        opacity: 1;
    }

    20% {
        height: 0.7em;
        width: 0;
        opacity: 1;
    }

    40% {
        height: 1.4em;
        width: 0;
        opacity: 1;
    }

    100% {
        height: 1.4em;
        width: 0;
        opacity: 1;
    }
}

.sim-circle-loader.color-primary {
    border-left-color: rgb(var(--bootstrap-color-prim));
}

.sim-circle-loader.sim-load-complete.color-primary,
.sim-circle-loader.sim-load-failed.color-primary,
.sim-circle-loader.color-primary .sim-circle-checkmark::after {
    border-color: rgb(var(--bootstrap-color-prim));
}

.sim-circle-loader.color-primary .sim-circle-checkmark::before {
    border-color: rgb(var(--bootstrap-color-prim));
}

.sim-circle-loader.color-success {
    border-left-color: rgb(var(--bootstrap-color-succ));
}

.sim-circle-loader.sim-load-complete.color-success,
.sim-circle-loader.sim-load-failed.color-success,
.sim-circle-loader.color-success .sim-circle-checkmark:after {
    border-color: rgb(var(--bootstrap-color-succ));
}

.sim-circle-loader.color-success .sim-circle-checkmark:before {
    border-color: rgb(var(--bootstrap-color-succ));
}

.sim-circle-loader.color-warning {
    border-left-color: rgb(var(--bootstrap-color-warn));
}

.sim-circle-loader.sim-load-complete.color-warning,
.sim-circle-loader.sim-load-failed.color-warning,
.sim-circle-loader.color-warning .sim-circle-checkmark:after {
    border-color: rgb(var(--bootstrap-color-warn));
}

.sim-circle-loader.color-warning .sim-circle-checkmark:before {
    border-color: rgb(var(--bootstrap-color-warn));
}

.sim-circle-loader.color-danger {
    border-left-color: rgb(var(--bootstrap-color-dang));
}

.sim-circle-loader.sim-load-complete.color-danger,
.sim-circle-loader.sim-load-failed.color-danger,
.sim-circle-loader.color-danger .sim-circle-checkmark:after {
    border-color: rgb(var(--bootstrap-color-dang));
}

.sim-circle-loader.color-danger .sim-circle-checkmark:before {
    border-color: rgb(var(--bootstrap-color-dang));
}

.sim-circle-loader.color-dark {
    border-left-color: rgb(var(--bootstrap-color-dark));
}

.sim-circle-loader.sim-load-complete.color-dark,
.sim-circle-loader.sim-load-failed.color-dark,
.sim-circle-loader.color-dark .sim-circle-checkmark:after {
    border-color: rgb(var(--bootstrap-color-dark));
}

.sim-circle-loader.color-dark .sim-circle-checkmark:before {
    border-color: rgb(var(--bootstrap-color-dark));
}

.sim-choice-suggestion-item {
    background-color: rgb(var(--bootstrap-color-whit));
}

.sim-choice-suggestion-item.sim-selected {
    border-color: rgb(var(--bootstrap-color-prim)) !important;
    background-color: rgb(var(--bootstrap-color-prim));
    color: rgb(var(--bootstrap-color-whit));
}

.sim-dentalappt-procedures-summary-table {
    position: relative;
}

.sim-dentalappt-procedures-summary-table::before {
    display: none;
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 20;
    background: rgba(255, 255, 255, .5);
}

.sim-dentalappt-procedures-summary-table.sim-processing::before {
    display: block;
}

.navbar-collapse.slide-right {
    background-color: rgba(var(--theme-color-background-shadow), .9);
}

.lg-transparent {
    opacity: 0;
}

.lg-level-slider-symbol {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    right: 3px;
    bottom: 3px;
    overflow: hidden;
    position: absolute;
}

@media screen and (min-width: 768px) {
    .lg-level-slider-symbol {
        width: 20px;
        height: 20px;
        right: 3px;
        bottom: 3px;
    }
}

.lg-level-slider-badges {
    height: 100%;
    position: absolute;
    width: 100%;
}

.lg-level-slider-badge {
    height: 100%;
    position: absolute;
    width: 100%;
}

[data-lg-level="1"] .lg-level-slider-badge:nth-child(1) {
    opacity: 1;
}

[data-lg-level="2"] .lg-level-slider-badge:nth-child(2) {
    opacity: 1;
}

[data-lg-level="3"] .lg-level-slider-badge:nth-child(3) {
    opacity: 1;
}

[data-lg-level="4"] .lg-level-slider-badge:nth-child(4) {
    opacity: 1;
}

[data-lg-level="5"] .lg-level-slider-badge:nth-child(5) {
    opacity: 1;
}

[data-lg-level="6"] .lg-level-slider-badge:nth-child(6) {
    opacity: 1;
}

[data-lg-level="7"] .lg-level-slider-badge:nth-child(7) {
    opacity: 1;
}

[data-lg-level="8"] .lg-level-slider-badge:nth-child(8) {
    opacity: 1;
}

[data-lg-level="9"] .lg-level-slider-badge:nth-child(9) {
    opacity: 1;
}

[data-lg-level="10"] .lg-level-slider-badge:nth-child(10) {
    opacity: 1;
}

.hT7oKb {
    background: rgb(218, 220, 224);
    border-radius: 2px;
    height: 8px;
    margin: 5px 0 3px;
    position: relative;
    width: 100%;
    box-sizing: border-box;
}

.JQ3xPc {
    background: #4285f4;
    border-radius: 2px;
    height: 100%;
    box-sizing: border-box;
}

.GX0hCe .JQ3xPc {
    background: #66bb6a;
}

.TTUXib {
    background: rgb(241, 243, 244);
    height: 100%;
    position: absolute;
    top: 0;
    width: 1px;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Xolonium';
    src: url('../../fonts/Xolonium-Regular.ttf');
    /* IE9 Compat Modes */
    src: url('../../fonts/Xolonium-Regular.ttf') format('truetype'),
        /* Safari, Android, iOS */
        url('../../fonts/Xolonium-Regular.otf') format('otf');
}

.sim-logo-text {
    font-family: 'Xolonium';
    font-size: 1rem;
    text-transform: capitalize;
}

.sim-logo-text .sim-secondary {
    text-transform: uppercase;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .close {
        color: #000;
    }
}

@media (min-width:0px) and (max-width:768px) {
    #sim-navbar-toggler {
        background-color: #3B3E40;
    }

    .navbar-collapse.slide-left {
        position: absolute;
        top: 45px;
        left: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 15px;
        width: 100%;
    }

    #sim-profile-icon {
        display: block;
    }

    #sim-profile-text {
        display: none;
    }

    .navbar-collapse.slide-right {
        width: 100%;
    }

    .navbar-collapse.slide-right.show {
        left: 0;
    }
}

@media (min-width:769px) {
    #sim-menu-header-main {
        background-color: rgba(34, 34, 34, 0.3);
    }

    #sim-profile-icon {
        display: none;
    }

    #sim-profile-text {
        display: block;
    }

    .navbar-collapse.slide-right {
        width: 360px;
        height: 100vh !important;
        border-left: 1px solid rgb(var(--theme-color-background));
    }

    .navbar-collapse.slide-right.collapsing {
        height: 100vh !important;
    }

    .navbar-collapse.slide-right.show {
        left: 100%;
        margin-left: -360px;
    }
}