:root {
    --black-light: #27333a;
}

/* Font Sizes Block */

.font-size-10 { font-size: 10px!important; }
.font-size-11 { font-size: 11px!important; }
.font-size-12 { font-size: 12px!important; }
.font-size-13 { font-size: 13px!important; }
.font-size-14 { font-size: 14px!important; }
.font-size-15 { font-size: 15px!important; }
.font-size-16 { font-size: 16px!important; }
.font-size-17 { font-size: 17px!important; }
.font-size-18 { font-size: 18px!important; }
.font-size-19 { font-size: 19px!important; }
.font-size-20 { font-size: 20px!important; }
.font-size-21 { font-size: 21px!important; }
.font-size-22 { font-size: 22px!important; }
.font-size-23 { font-size: 23px!important; }
.font-size-24 { font-size: 24px!important; }
.font-size-25 { font-size: 25px!important; }
.font-size-26 { font-size: 26px!important; }
.font-size-27 { font-size: 27px!important; }
.font-size-28 { font-size: 28px!important; }
.font-size-29 { font-size: 29px!important; }
.font-size-30 { font-size: 30px!important; }
.font-size-31 { font-size: 31px!important; }
.font-size-32 { font-size: 32px!important; }
.font-size-33 { font-size: 33px!important; }
.font-size-34 { font-size: 34px!important; }
.font-size-35 { font-size: 35px!important; }

/* Font Sizes Block / END */

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

/* Scrollbar Block */

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.1);
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.3);
}
::-webkit-scrollbar-thumb:active {
    background: rgba(0, 0, 0, 0.4);
}

.scrollable-area, .scrollable {
    overflow: auto;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

/* Scrollbar Block / END */

.dropdown-item.active {
    background-color:  var(--fc-accent-color);
    color: var(--white);
}
.dropdown-no-caret:after {
    content: none;
}
.dropdown-menu .dropdown-item > i {
    width: 25px;
    margin-left: -5px;
    text-align: center;
}

.no-padding { padding: 0!important; }
.no-transition {
    -webkit-transition: none!important;
    transition: none!important;
}
.hidden { display: none; }

html {
    position: relative;
    min-height: 100%;
}

body {
    margin: 0;
    padding: 0;
    overflow: hidden;
    color: var(--content-text-color);
    background-color: var(--content-background-color);
}

/* Main Navigation Bar Block */

body .material-icons.fullscreen_exit {
    display: none;
}
body.fullscreen-enabled .material-icons.fullscreen_exit {
    display: inline-block;
}
body.fullscreen-enabled .material-icons.fullscreen {
    display:none
}
body[data-theme="divae"].progress {
    /* TODO */
    display: block;
    background-color: var(--white);
    font-size: .875rem;
    border-radius: 0;
    overflow: inherit;
}
body[data-theme="divae"] .divae-hidden { display: none!important; }

#page-navigation-bar {
    background: linear-gradient(135deg, var(--fc-accent-color), var(--navigation-color) 100%);
    -moz-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 2px 4px rgba(0,0,0,.08);
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}

#page-navigation-bar .nav-separator {
    width: 1px;
    height: 30px;
    margin: 12px 5px 0 5px;
    background-color: var(--white);
}

#page-navigation-bar .btn {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    color: var(--headline-text-color);
    min-width: 53px;
}
#page-navigation-bar .btn.active {
    background-color: var(--headline-hover-color);
    color: var(--headline-hover-text-color);
}
#page-navigation-bar .btn:hover {
    background-color: var(--headline-hover-color);
    color: var(--headline-hover-text-color);
}

.navbar-header {
    display: flex;

    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;

    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;

    margin: 0;
    height: 56px;
    padding: 0 12px 0 0;
}

.navbar-brand-box {
    padding-right: 20px;
    min-width: 145px;
}

.logo > img {
    height: 55px;
}

.navbar-header .user-profile-image {
    width: 24px;
    height: 24px;
    background-color: var(--button-light);
    padding: 2px;
    margin-top: -3px;
}

#btn-menu {
    min-width: 55px;
    max-width: 55px;
    width: 55px;
    padding-left: 1.1rem;
    padding-right: 1.1rem;
    background-color: var(--navigation-color);
    border-radius: 0 !important;
    line-height: 46px;
}
#page-navigation-bar #btn-menu:hover {
    background-color: var(--navigation-hover-color);
    color: var(--navigation-hover-text-color);
}

.navbar-header-menu {
    overflow: hidden;
    margin: 0;
    height: 100%;
}
.navbar-header-menu > li {
    float: left;
}
.navbar-header-menu > li > a {
    padding: 16px;
}

#navbar-menu-show-hidden {
    padding: 17px 16px 13px 16px;
}

.dropdown-user-menu {
    margin-top: 0;
    border-top: 0;
}
.dropdown-search-box {
    min-width: 320px;
}
#page-navigation-bar .dropdown-search-box .btn:hover {
    background-color: var(--button-primary-darkness);
    border-color: var(--text-primary-darkness);
    color: var(--white);
}
.live-search-container {
    width: 100%;
    max-height: 600px;
    overflow-x: hidden;
    overflow-y: auto;
}
.live-search-container .resultHeader, .global-livesearch .resultHeader {
    display: inline-block;
    font-size: 1.2em;
    width: 100%;
    padding: 6px;
}
.live-search-container a, .global-livesearch a {
    color: var(--black);
    text-decoration: none;
    padding: 4px;
    width: 100%;
    display: inline-block;
    font-weight: normal !important;
}
.live-search-container a:hover, .global-livesearch a:hover {
    display: inline-block;
}
.livesearch-loader-container {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}

.navbar-header .live-search .livesearch-loader-container {
    margin-bottom: 15px;
}
.navbar-header .live-search .live-search-container {
    position: absolute;
    min-width: 10rem;
    max-width: 450px;
    padding: 15px;
    margin: .45rem 0 0;
    font-size: .875rem;
    text-align: left;
    list-style: none;
    background-clip: padding-box;
    border-radius: 0;

    box-shadow: 0 1px 8px 1px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 1px 8px 1px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 8px 1px rgba(0,0,0,.2);
}

.navbar-header .live-search .input-group {
    padding-top: 6px;
    max-width: 300px;
}
@media (max-width: 800px) {
    .navbar-header .live-search .input-group {
        max-width: 210px;
    }
    .navbar-header .live-search .live-search-container {
        max-width: 333px;
    }
}

.navbar-header .live-search .input-group:hover {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}
.navbar-header .live-search .input-group input.form-control {
    background-color: var(--white);
    color: var(--black);
    border: 0;
}

.navbar-header .live-search .input-group .input-group-append,
.navbar-header .live-search .input-group .input-group-append > span {
    border: 0;
}
.navbar-header .live-search .input-group .input-group-append > span > i.fa {
    line-height: 1px;
}

.navbar-header #logout-countdown {
    padding-top: 2px;
    padding-bottom: 0;
}
.navbar-header #logout-countdown[data-enabled="false"] {
    display: none !important;
}
.navbar-header #logout-countdown .label {
    color: var(--white);
    font-size: 10px;
    font-weight: normal;
}
.navbar-header #logout-countdown .countdown {
    color: var(--white);
    font-size: 16px;
}


#bUserProfile {
    display: flex;
    padding: 17px 16px 16px 16px;
}
#bUserProfile > img, #bUserProfile > span {
    margin-right: 5px;
}

@media (max-width: 610px) {
    #bUserProfile > span {
        display: none!important;
    }
}

#bUserProfile > i {
    margin-top: 2px;
}

.user-info-container {
    display: flex;
}
.user-info-image-container > div img.rounded-circle {
    margin-right: 10px;
}
.user-info-image-container {
    position: relative;
}
.user-info-image-container .image-btn-container {
    position: absolute;
    text-align: center;

    bottom: -5px;
    right: 10px;
    background-color: var(--white);
    border-radius: 50%;
    width:22px;
    height: 22px;

    -moz-box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
    -webkit-box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
    box-shadow: 0 1px 1px 0 rgba(65,69,73,0.3), 0 1px 3px 1px rgba(65,69,73,0.15);
}
.user-info-image-container .image-btn-container a {
    color: var(--black);
    font-size: 12px;
}
.user-info-image-container .image-btn-container a:hover {
    color: var(--fc-accent-color);
}

/* Main Navigation Bar Block / END */


/* Sidebar Block */

.sidebar-icon-arrow {
    display: none;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.sidebar-main-menu a:hover {
    text-decoration: none;
}

.metismenu li {
    display: block;
    width: 100%;
}

.metismenu .has-arrow:after {
    border-width: 0 0 1px 1px;
    top: 42%;
}

body:not(.vertical-collapsed) .metismenu .has-arrow[aria-expanded=true]:after,
body:not(.vertical-collapsed) .metismenu .mm-active > .has-arrow:after {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    top:60%;
}

#sidebar-menu {
    padding: 0 0 36px 0;
    margin-top: 0;
}

#sidebar-menu > ul {
    display: flex;
    flex-direction: column;
    gap: .08rem;
    padding: .65rem .1rem 1rem;
    list-style: none;
}

#sidebar-menu > ul > li {
    list-style: none;
}

#sidebar-menu ul.sub-menu li:not(.sub-menu-title) {
    margin-left: 0;
    list-style: none;
}

#sidebar-menu ul li:not(.menu-title) a {
    display: flex;
    align-items: center;
    gap: 0 !important;
    padding: .52rem .72rem;
    color: var(--navigation-text-color);
    position: relative;
    border-left: 0;
    font-weight: 500;
    letter-spacing: -.01em;
    transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

#sidebar-menu ul li:not(.menu-title) a i {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 1.8rem;
    width: 1.8rem;
    min-width: 1.8rem;
    margin-right: 0;
    padding-left: 0 !important;
    padding-bottom: .125em;
    font-size: 1rem;
    line-height: 1.40625rem;
    color: var(--navigation-text-color);
}

#sidebar-menu ul li:not(.menu-title) a > span {
    min-width: 0;
}

#sidebar-menu ul li:not(.menu-title) a > i.float-right {
    flex: 0 0 auto;
    width: 1.3rem;
    min-width: 1.3rem;
    height: 1.3rem;
    margin-left: auto;
    background: transparent;
    box-shadow: none;
    font-size: .9rem;
    color: rgba(255, 255, 255, 0.58);
}

#sidebar-menu ul li:not(.menu-title) a > span.float-right {
    margin-left: auto;
    flex-shrink: 0;
    float: none;
}

#sidebar-menu ul.sub-menu {
    margin: .18rem 0 .28rem;
    padding: .25rem 0 .18rem .7rem;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

#sidebar-menu ul.sub-menu li:not(.menu-title) a {
    padding: .42rem .7rem .42rem .92rem !important;
    margin-left: .32rem;
    border-radius: .72rem;
    font-size: .92rem;
    color: var(--navigation-text-color);
}

#sidebar-menu ul li:not(.menu-title) a:hover {
    color: var(--navigation-hover-text-color);
    background: rgba(255, 255, 255, 0.06);
}

#sidebar-menu > ul > li:not(.menu-title) > a:hover,
#sidebar-menu > ul > li.mm-active > a,
#sidebar-menu > ul > li > a.active {
    background: linear-gradient(135deg, var(--fc-accent-color), var(--navigation-color) 100%);
    color: var(--navigation-hover-text-color);
    box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.04), 0 10px 24px rgba(0, 0, 0, 0.18);
}

#sidebar-menu ul ul > li:not(.menu-title) > a:hover,
#sidebar-menu ul li:not(.menu-title) a.active {
    font-weight: 600;
}

/* Nested sub-menu active items */
#sidebar-menu ul ul li:not(.menu-title) a.active {
    border-left-color: transparent;
    background: rgba(255, 255, 255, 0.08);
    color: var(--navigation-hover-text-color);
}

body:not(.vertical-collapsed) #sidebar-menu ul li:not(.menu-title) a.active,
body:not(.vertical-collapsed) #sidebar-menu ul ul li.mm-active:not(.menu-title) a.has-arrow {
    font-weight: 600;
}

.vertical-collapsed #sidebar-menu ul ul li a,
.vertical-collapsed #sidebar-menu ul ul li a:hover {
    border-left: 2px solid transparent;
    background-color: transparent;
}
.vertical-collapsed #sidebar-menu ul li.mm-active > a:first-child {
    font-weight: bold;
}

.sidebar-main-menu .menu-title {
    padding: .55rem .72rem .1rem !important;
    letter-spacing: .1em;
    pointer-events: none;
    cursor: default;
    font-size: 10px;
    text-transform: uppercase;
    text-align: left;
    color: rgba(255, 255, 255, 0.42);
    font-weight: 700
}

.sidebar-main-menu-toggle {
    margin-top: 5px;
    width: 100%;
}
.sidebar-main-menu-toggle a {
    padding: 0 .65rem;
    color: var(--white);
}

.sidebar-main-menu .sub-menu-title {
    display: none;
}

.menu-icon-wrapper {
    text-align: center;
    width: 30px;
    padding-right: 4px;
}

.vertical-collapsed .menu-icon-wrapper {
    text-align: left;
    width: unset;
    padding-right: unset;
}

/* Collapsed Menu */

.vertical-collapsed {
    min-height: 900px;
}

.vertical-collapsed .sidebar-icon-arrow {
    display: inline-block;
}

.vertical-collapsed .sidebar-main-menu .simplebar-content-wrapper, .vertical-collapsed .sidebar-main-menu .simplebar-mask {
    overflow: visible!important;
}

.vertical-collapsed .sidebar-main-menu .simplebar-content-wrapper,
.vertical-collapsed .sidebar-main-menu .simplebar-mask {
    overflow: visible!important
}

.vertical-collapsed .sidebar-main-menu .simplebar-scrollbar {
    display: none!important
}

.vertical-collapsed .sidebar-main-menu .simplebar-offset {
    bottom: 0!important
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu .menu-title,
.vertical-collapsed .sidebar-main-menu #sidebar-menu .sidebar-section {
    display: none!important
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu .nav.collapse {
    height: inherit!important
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu ul > li > a.has-arrow:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.vertical-collapsed .sidebar-main-menu #sidebar-menu ul > li:hover > a.has-arrow:after {
     transform: rotate(-135deg);
     -webkit-transform: rotate(-135deg);
     top: 25px;
}
.vertical-collapsed .sidebar-main-menu #sidebar-menu ul ul > li:hover > a.has-arrow:after {
    top: 20px;
    left: 180px;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu > ul > li > a.has-arrow:after {
    left: 37px;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu > ul ul > li > a.has-arrow:after {
    left: 178px;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu > ul > li {
    white-space: nowrap
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu > ul > li > a {
    display: flex;
    padding: .625rem .5rem;
    /*min-height: 55px;*/
    -webkit-transition: none;
    transition: none;
    align-items: center;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li>a:active,
.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li>a:focus,
.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li>a:hover {
    color: var(--text-dark)
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li>a i {
    font-size: 1.25rem;
    margin-right: 0 !important;
    margin-left: auto;
    margin-right: auto !important;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu > ul > li > a.show-collapsed:after {
    display: none !important;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li>a span.menu-item-text {
    display: none;
    padding-left: 25px
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li>a span.nav-icon-alert {
    display: none;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li:hover {
    background-color: var(--navigation-hover-color);
    border-left: 2px solid var(--text-primary-darkness);
}
.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li:hover>a {
    position: relative;
    width: calc(210px + 55px);
    color: var(--white);
    background-color: transparent;
    border-left: 0;
    -webkit-transition: none;
    transition: none
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul>li:hover>a span.menu-item-text {
    display: none;
}

.vertical-collapsed .sidebar-main-menu #sidebar-menu>ul ul li>a span.pull-right {
    position: absolute;
    right: 20px;
    top: 12px;
    -webkit-transform: rotate(270deg);
    transform: rotate(270deg)
}

.vertical-collapsed .sidebar-main-menu .git-info {
    display: none;
}

@media (max-width: 992px) {
    .sidebar-main-menu {
        display: none;
    }

    body.sidebar-enable .sidebar-main-menu {
        display: block;
    }

    .main-content {
        margin-left: 0!important;
    }

    .navbar-header-menu {
        display: none;
    }
}

@media (max-width: 576px) {
    #bUserProfile > img {
        margin-right: 0;
    }

    .dropdown-search-box .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle;
    }
    .dropdown-search-box .mr-sm-2, .mx-sm-2 {
        margin-right: .5rem!important;
    }
}




#sidebar-menu .node-nav_home:before {
    content: "\f015";
}

#sidebar-menu .node-nav_finances:before {
    content: "\f153";
}

#sidebar-menu .node-nav_service:before {
    content: "\f145";
}

#sidebar-menu .node-nav_web:before {
    content: "\f0ac";
}

#sidebar-menu .node-nav_irc:before {
    content: "\f086";
}

#sidebar-menu .node-nav_gameserver:before {
    content: "\f11b";
}

#sidebar-menu .node-nav_vserver:before {
    content: "\f233";
}

#sidebar-menu .node-nav_server:before {
    content: "\f233";
}

#sidebar-menu .node-nav_cloud:before {
    content: "\f0c2";
}

#sidebar-menu .node-nav_storage:before {
    content: "\f0a0";
}

#sidebar-menu .node-nav_abuseCenter:before {
    content: "\f146";
}

#sidebar-menu .node-nav_datacenter:before {
    content: "\f0f7";
}

#sidebar-menu .node-nav_accessRequest:before {
    content: "\e53e";
}

#sidebar-menu .node-nav_abuse:before {
    content: "\f056";
}

#sidebar-menu .node-nav_abuse2:before {
    content: "\f06a";
}

#sidebar-menu .node-nav_networking:before {
    content: "\f6ff";
}

#sidebar-menu .node-nav_cable_management:before {
    content: "\f83e";
}

#sidebar-menu .node-nav_setup_settings:before {
    content: "\f013";
}

#sidebar-menu .node-nav_VServer:before {
    content: "\f0a0";
}

#sidebar-menu .node-nav_srvmgm:before {
    content: "\f108";
}

#sidebar-menu .node-nav_ripe_manager:before {
    content: "\f0ac";
}

#sidebar-menu .node-nav_fcts:before {
    content: "\f075";
}

#sidebar-menu .node-nav_sales:before {
    content: "\f571"
}


/* Sidebar Block / END */

/* Page Content Block */

.page-content {
    padding: 24px 12px 60px 12px;
}

.page-title {
    font-weight: bold;
    padding: .75rem 1rem;
}

.page-description {
    display: inline-block;
    padding: 0 1rem;
    max-width: 530px;
    word-wrap: break-word;
}

/* Page Content Block / END */

/* Dialogs */

.modal-footer:empty {
    display: none;
}
.modal-only {
    display: none;
}
.modal .modal-dialog .modal-only {
    display: initial;
}
.modal .modal-dialog .modal-hide,
.wi-preview-box .modal-hide {
    display: none!important;
}

.ui-dialog .ui-dialog-titlebar {
    background-color: var(--white);
    border: 0;
}
.ui-dialog-title {
    font-family: "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-weight: 500;
    font-size: 1.09375rem;
    color: var(--black);

    margin-bottom: 0;
    line-height: 1.5;
}
.ui-dialog-titlebar-close {
    background-color: transparent;
    border: 0;
}

/* Slider Block */

.slider-container > div {
    display: inline-block;
}

.slider-container .ui-slider {
    min-width: 140px;
    margin-bottom: 1px;
}
.slider-container .slider-input-separator {
    padding-left: 10px;
    padding-top: 6px;
}

.slider-container .slider-input-container input {
    margin-left: 10px;
    width: 58px;
    height: 32px;
    text-align: center;
}
.slider-container .slider-input-container input:read-only {
    border: 1px solid #6c6c6c;
}

.ui-divae-slider {
    background-color: #d3d3d3;
    border: 0!important;
    border-radius: 2px;
    height: 5px;
}
.ui-slider-horizontal .ui-divae-slider-handle {
    top: -.4rem;

    background-color: var(--white);
    border: 0;
    border-radius: 50%;

    -moz-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);;
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2);;
}
.ui-slider-horizontal .ui-divae-slider-handle:active,
.ui-slider-horizontal .ui-divae-slider-handle:focus,
.ui-slider-horizontal .ui-divae-slider-handle:hover {
    border: 0;
    background-color: var(--button-primary-light);
}

.ui-divae-slider-range {
    background-color:  var(--fc-accent-color);
    height: 5px!important;
    border-radius: 2px;
}

.ui-slider.ui-state-disabled {
    opacity: 1;
}
.ui-slider.ui-state-disabled:not([readonly]) .ui-divae-slider-range {
    background-color: #a6a6a6;
}
.ui-slider.ui-state-disabled .ui-slider-handle {
    display: none;
}
.ui-slider.ui-state-disabled:read-only:not(.disabled):not([disabled]) {
    background-color: var(--button-light);
}
.ui-slider.ui-state-disabled:read-only:not(.disabled):not([disabled]), .ui-slider.ui-state-disabled:read-only:not(.disabled):not([disabled]) .ui-divae-slider-range {
    height: 16px!important;
    border-radius: 0;
}
.slider-container .ui-slider.ui-state-disabled:read-only:not(.disabled):not([disabled])  {
    margin-bottom: -4px;
}

/*.ui-slider.ui-state-disabled:read-only:not(.disabled):, .ui-slider.ui-state-disabled:read-only:not(.disabled) .ui-divae-slider-range,
.ui-slider.ui-state-disabled:read-only:not([disabled]), .ui-slider.ui-state-disabled:read-only:not([disabled]) .ui-divae-slider-range {*/

/* Slider Block / END */

/* JQuery UI Dialogs Block */

.ui-dialog.ui-widget-content {
    pointer-events: auto;
    background-color: var(--white);
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.2);
    border-radius: 0;
}

.ui-dialog .ui-dialog-titlebar {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem .5rem 1rem;
    border-bottom: 0 solid #dee2e6;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.ui-dialog-title {
    font-family: "Manrope",-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    font-size: 1.09375rem;
    font-weight: 500;
    line-height: 1.5;
    margin-bottom: 0;
}

.ui-dialog .ui-dialog-title {
    width: 100%;
}

.ui-dialog .ui-dialog-titlebar-close {
    float: right;
    font-size: 1.3125rem;
    font-weight: 700;
    line-height: 1;
    color: var(--black);
    text-shadow: 0 1px 0 var(--white);
    opacity: .5;

    padding: 1rem 1rem .5rem 1rem;
    margin: -1rem 0 -1rem auto;
}

.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus,
.ui-dialog .ui-dialog-titlebar-close:active
{
    background: none;
    border: 0;
}

.ui-dialog .ui-dialog-titlebar-close:hover .ui-icon-closethick,
.ui-dialog .ui-dialog-titlebar-close:focus .ui-icon-closethick,
.ui-dialog .ui-dialog-titlebar-close:active .ui-icon-closethick
{
    background-image: url('../jquery-ui/images/ui-icons_222222_256x240.png');
}

.ui-dialog .ui-dialog-content {
    margin-bottom: .5rem;
}

/* Preview box */
.wi-preview-box {
    background-color: var(--white);
    border: 1px solid dimgray;
    border-radius: 4px;
    padding: 10px;
    box-shadow: var(--fc-card-shadow);
}

body[data-theme="divae"] .wi-preview-box {
    border: 1px solid var(--fc-card-border-color);
    border-radius: var(--fc-card-border-radius);
}

.inner-preview .formgenerator .row {
    margin: 3px 0;
}

/* PDF previews */
canvas.pdf {
    box-shadow: 1px 2px 4px 0px rgba(50, 50, 50, 0.40);
    margin: 2px;
}

/* JQuery UI Dialogs Block / END */

/* JQuery UI Notifications Block */

.ui-pnotify .ui-pnotify-container {
    /*background-color: #e5f7ee;*/
    border: 0;
    border-left: 8px solid transparent;
    /*color: #00b356;*/
    border-radius: var(--fc-border-radius);
    padding: 1rem .8em;
}
.ui-pnotify .ui-pnotify-container.alert-info {
    color: var(--fc-accent-color);
    border-left-color: var(--fc-accent-color);
}
.ui-pnotify .ui-pnotify-container.alert-success {
    color: var(--text-success);
    border-left-color: var(--text-success);
}
.ui-pnotify .ui-pnotify-container.alert-warning {
    color: var(--text-warning);
    border-left-color: var(--text-warning);
}
.ui-pnotify .ui-pnotify-container.alert-danger {
    color: var(--text-danger);
    border-left-color: var(--text-danger);
}

.ui-pnotify .ui-pnotify-shadow {
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);;
}


.ui-pnotify .ui-pnotify-icon {
    margin-top: 8px;
    margin-right: 10px;
    font-size: 28px;
}

.ui-pnotify .ui-pnotify-sticker {
    margin-right: 3px;
}

.ui-pnotify .ui-pnotify-sticker .transformed {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-pnotify .ui-pnotify-title {
    font-size: 1rem;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: var(--black);
}

.ui-pnotify .ui-pnotify-text {
    font-size: .875rem;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    color: var(--black);
}

/* JQuery UI Notifications Block / END */

/* JQuery DatePicker Block */

.ui-datepicker {
    padding: 0;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
    border-radius: var(--fc-border-radius);
    z-index: 1000;
}

.ui-widget.ui-widget-content {
    border: 0 !important;
}

.ui-datepicker .ui-datepicker-header {
    background-color:  var(--fc-accent-color);
    color: var(--white);
    border-radius: var(--fc-border-radius) var(--fc-border-radius) 0 0;
    border: 0;
    padding: 0;
    height: 35px;
}

.ui-datepicker .ui-datepicker-title {
    height: 35px;
    padding-top: 5px;
}

.ui-datepicker .ui-state-default {
    border: 0;
    background-color: var(--white);
    color: var(--black);
    text-align: center;
    width: 30px;
    line-height: 30px;
    border-radius: var(--fc-border-radius);
}

.ui-datepicker .ui-state-default:hover {
    background-color: var(--button-primary-light);
    color: var(--black);
}

.ui-datepicker td a {
    padding: 0;
}

.ui-datepicker .ui-state-active {
    border: 0;
    background-color:  var(--fc-accent-color);
    color: var(--white);
}

.ui-datepicker .ui-state-active:hover {
    background-color:  var(--fc-accent-color);
    color: var(--white);
}

.ui-datepicker .ui-state-highlight {
    border: 0;
    background-color: var(--button-primary-light);
    color: var(--black);
}

.ui-datepicker .ui-state-highlight:hover {
    background-color:  var(--fc-accent-color);
    color: var(--white);
}

.ui-datepicker .ui-datepicker-buttonpane button {
    border: 0;
    border-radius: var(--fc-border-radius);
    padding: 1px 7px 1px 7px;
}

.ui-datepicker .ui-datepicker-close {
    background-color:  var(--fc-accent-color);
    color: var(--white);
}

.ui-datepicker .ui-datepicker-close:hover {
    background-color: var(--button-primary-darkness);
    color: var(--white);
}

.ui-datepicker .ui-datepicker-current {
    background-color: var(--button-secondary);
    color: var(--white);
}

.ui-datepicker .ui-datepicker-current:hover {
    background-color: var(--button-secondary);
    color: var(--white);
}

.ui-datepicker .ui-widget-content {
    border: 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
    text-align: center;
    padding-top: 7px;
    top: 0;
    height: 100%;
}

.ui-datepicker .ui-datepicker-prev span {
    display: none;
}

.ui-datepicker .ui-datepicker-next span {
    display: none;
}

.ui-datepicker .ui-datepicker-prev:hover {
    background-color: var(--button-primary-darkness);
    color: var(--white);
    border: 0;
    border-radius: var(--fc-border-radius);
}

.ui-datepicker .ui-datepicker-next:hover {
    background-color: var(--button-primary-darkness);
    color: var(--white);
    border: 0;
    border-radius: var(--fc-border-radius);
}

.ui-datepicker .ui-datepicker-prev:before {
    content: "\f104";
    display:inline-block;
    font:normal 900 1em/1 "Font Awesome 6 Free";
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

.ui-datepicker .ui-datepicker-next:before {
    content: "\f105";
    display:inline-block;
    font:normal 900 1em/1 "Font Awesome 6 Free";
    font-size:inherit;
    text-rendering:auto;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}

/* JQuery DatePicker Block / END */

/* JQuery TimePicker Block */

.ui-timepicker-wrapper {
    text-align: center;
    box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 2px 8px 1px rgba(0, 0, 0, 0.2);
}

.ui-timepicker-wrapper .ui-timepicker-list li:hover {
    background-color: var(--button-primary-light);
    color: var(--black);
}

.ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected {
    background-color:  var(--fc-accent-color);
    color: var(--white);
}

.ui-timepicker-wrapper .ui-timepicker-list .ui-timepicker-selected:hover {
    background-color: var(--button-primary-darkness);
    color: var(--white);
}

/* JQuery TimePicker Block / END */

/* Table Block */

.table-striped-background {
    background-color: var(--table-stripped-color);
}

.table-single-select {
    padding: .8rem .75rem .7rem .75rem;
}

a.collapseAll .fa:before, a.collapseRow .fa:before {
    content: "\f054";
}

a.collapseAll.collapsed .fa, tr.collapsible.collapsed a.collapseRow {
    padding-left: 0.25rem;
}
a.collapseAll.collapsed .fa:before,
tr.collapsible.collapsed a.collapseRow .fa:before,
div.collapsible.collapsed a.collapseRow .fa:before {
    content: "\f078";
}
.column-width-color {
    width: 8px;
    padding: 0;
}
.column-width-state-line {
    width: 8px;
}
.column-width-icon {
    width: 20px;
}
.column-width-action {
    width: 40px;
}
.column-width-small {
    width: 100px;
}
.column-width-middle {
    width: 150px;
}
.column-width-big {
    width: 200px!important;
}
.column-width-large {
    width: 300px!important;
}
.column-width-xl {
    width: 400px!important;
}
.column-width-buttons {
    width: 250px;
    min-width: 250px;
}
.column-width-auto {
    width: auto;
}

tr.vertical-columns-middle td {
    vertical-align: middle;
}

tr.divided td,
tr.divided th {
    border-top: 1px solid var(--fc-border-color);
}

/* Table Block / END */

/* Buttons Block */

.btn-link.btn-action-menu {
    /*padding: 9px .5rem 0 .5rem;*/
    padding: 3px .3rem 0 .3rem;
}

.btn-link.btn-action-menu:hover,
.btn-link.btn-action-menu:focus,
.btn-link.btn-action-menu:active {
    background-color: var(--button-primary-light);

    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, 0.3);
}

/* Buttons Block / END */

/* Forms Block */

/* Fix for PasswordInput Field */
input.font-awesome {
    font-family: 'FontAwesome', Arial;
    letter-spacing: 1px;
}

/* Icon search */
div.icon-input-result-list {
    border: 1px solid var(--black);
    max-height: 300px;
    overflow: auto;
    z-index: 1101!important;
}
div.icon-input-result-list div,
div.icon-input-result-list span.no-result {
    padding: 4px 4px;
    margin: 0;
    line-height: 16px;
}
div.icon-input-result-list span.no-result {
    display: inline-block;
}
div.icon-input-result-list div:hover {
    background-color: #e7e7e7;
    cursor: pointer;
}
div.icon-input-result-list div img {
    margin-right: 2px;
}

/* Headline Element */
.formgenerator h2.accelerated {
    position:relative;
    margin-bottom: 1rem;
    text-align: center;
    width: 100%;
}
.formgenerator h2.accelerated:before {
    content: "";
    display: block;
    border-top: solid 1px var(--black);
    width: 100%;
    height: 2px;
    position: absolute;
    top: 50%;
    z-index: 0;
}
.formgenerator h2.accelerated span {
    background: var(--white);
    padding: 0 10px;
    position: relative;
    z-index: 1;
}

/* Multiple File element */
.advanced-upload.center-upload {
    text-align: center;
    outline: 2px dashed var(--fc-accent-color);
    padding: 4px;
    margin-bottom: 1rem;
    border-radius: var(--fc-border-radius);
}

.advanced-upload.is-dragover {
    outline: 3px dashed var(--text-primary-darkness);
    background-color: var(--table-stripped-color);
}

.advanced-upload input[type=file] {
    display: none;
}

.advanced-upload.center-upload input[type=file] + label > i {
    display: block;
    font-size: 4em;
}
.advanced-upload input[type=file] + label > i {
    display: inline-block;
    text-align: center;
    margin: 6px 6px 1rem 6px;
    color: var(--text-primary-light);
}

.advanced-upload input[type=file]:focus + label > span, .advanced-upload input[type=file] + label > span:hover {
    background-color: var(--button-primary-darkness);
}
.advanced-upload input[type=file] + label > span {
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 5px 14px;
    line-height: 26px;
    /* box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .1); */
    color: var(--white);
    background-color:  var(--fc-accent-color);
    box-shadow: none;
    border-radius: var(--fc-border-radius);
}

.checkbox_group > label {
    margin-right: 1rem;
    font-weight: normal;
    margin-bottom: 0;
}
.checkbox_group > label:hover {
    cursor: pointer;
}
.checkbox_group > label > input {
    margin-right: .5rem;
}

/* Check Group */

.text-help[data-toggle="popover"] {
    cursor: pointer;
}

form.formgenerator .columns {
    width: 100%;
    margin-right: -5px;
    margin-left: -5px;
}

/* Forms Block / END */

/* Filter Block */

.filter-section {
    background-color: var(--table-stripped-color);
    border-radius: var(--fc-border-radius);
    /*box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;*/
}

.switch-field {
    display: block;
    width: 100%;
    border-radius: var(--fc-border-radius);
    /*box-shadow: 0 0 14px rgba(0, 0, 0, .1);*/
}
.switch-field label:first-of-type {
    border-top-left-radius: var(--fc-border-radius);
    border-bottom-left-radius: var(--fc-border-radius);
}
.switch-field label:last-of-type {
    border-top-right-radius: var(--fc-border-radius);
    border-bottom-right-radius: var(--fc-border-radius);
}
.switch-field input {
    display: none;
}

.switch-field label, .switch-field a {
    float: left;
    display: inline-block;
    background-color:  var(--button-primary);
    color: var(--button-primary-text);
    font-weight: normal;
    text-align: center;
    text-shadow: none;
    padding: 5px 14px;
    line-height: 24px;
    /*box-shadow: inset 0 1px 1px rgba(0, 0, 0, .2), 0 1px rgba(255, 255, 255, .1);*/
    /* box-shadow: 0 0 20px rgba(0, 0, 0, .2); */
    transition: background-color .2s, box-shadow .2s;
    margin-bottom: 0;
}
.switch-field label:hover, .switch-field a:hover {
    cursor: pointer;
    background-color:  var(--button-primary-darkness);
    color: var(--button-primary-darkness-text);
}

.switch-field input:checked + label, .switch-field a.checked {
    background-color:  var(--button-primary-darkness);
    color: var(--button-primary-darkness-text);
    box-shadow: none;
}

div.custom-control.custom-checkbox.btn {
    padding: .3rem .75rem .3rem 2rem;
}
div.custom-control.custom-checkbox.btn input[type=checkbox]:hover,
div.custom-control.custom-checkbox.btn label:hover {
    cursor: pointer;
}

.switch-field input:disabled:not(:checked) + label {
    background-color: #c5c5c5;
}
.switch-field input:disabled:not(:checked) + label:hover {
    background-color: #c5c5c5;
}
.switch-field input:disabled + label {
    background-color: #a6a6a6;
}

.switch-field input:disabled + label:hover {
    background-color: #a6a6a6;
    cursor: not-allowed;
}


/* Filter Block / END */

/* Loading Block */
.spinner-md {
    width: 1.5rem;
    height: 1.5rem;
}

.loading {
    display: none;
    position: absolute;
    background: var(--white);
    opacity: .9;
}

.loading .spinner-border,
.loading .spinner-grow {
    position: absolute;
}

.loading-overlay {
    position: fixed;
    inset: 0;
    z-index: 1102;

    display: flex;
    align-items: center;
    justify-content: center;

    background: rgba(0, 0, 0, 0);
    backdrop-filter: blur(2px);
    -webkit-backdrop-filter: blur(2px);
    animation: overlayFade 0.25s ease;
}

.loading-card {
    width: 230px;
    padding: 2.75rem;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    pointer-events: auto;

    background-clip: padding-box;
    background-color: var(--white);
    border: 1px solid var(--fc-card-border-color);
    border-radius: var(--fc-modal-border-radius);
    box-shadow: var(--fc-card-shadow);
    outline: 0;
}

.loading-text {
    font-weight: 500;
    font-size: 1.09375rem;
}

@keyframes cardAppear {
    from {
        opacity: 0;
        transform: translateY(8px) scale(0.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

@keyframes overlayFade {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Loading Block / END */


/* Additional Block */

/* IE11 Compatibility */
@media all and (-ms-high-contrast:none) {
    .dropdown-search-box {
        width: 330px;
    }

    .user-info-container > div > span {
        display: block;
        width: 100%;
    }
}

/* Additional Block / END */
.tags-select2 .selection .select2-selection__choice {
    display: none;
}
.tags-select2 {
    height: 0!important;
}
.tags-select2 .select2-selection {
    visibility: hidden!important;
}

.select2-search__field {
    width: 100% !important;
}

.fg-half-screen-box {
    width: 50%;
    float: left;
}

.fg-full-screen-box {
    width: 100%;
}

.fg-title-box {
    width: 100%;
    clear: both;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}

#wDescriptionContainer label {
    font-weight: unset;
}

.menu-flexbox-container {
    display: flex;
    flex-flow: wrap;
    margin-right: -15px;
}

.menu-flexbox-item {
    max-width: 205px;
    margin-right: 15px;
    margin-bottom: 15px;
    flex: 50%;
}

.menu-flexbox-item .card-body {
    padding-left: 0;
    padding-right: 0;
}

@media screen and (max-width: 800px) {
    .menu-flexbox-container {
        display: flex;
        flex-flow: column;
    }

    .menu-flexbox-item {
        max-width: 100%;
    }
}


.half-width {
    width: 25%;
}
.settings-col {
    display: flex;
}

.avatar-cont {
    width: 80%;
}

.clearboth {
    clear: both;
}

.half-width .form-row > div {
    flex: 0 0 90%;
    max-width: 90%;
}

.avatar .first {
    gap: 10px;
    flex-direction: column-reverse;
    display: flex;
    justify-content: center;
}

.avatar img {
    flex-basis: 37%;
    gap: 10px;
    max-width: 200px;
}

.avatar .btn {
    padding: .375rem 2.75rem;
    margin-right: 5px;
    color: var(--white);
}

#userSettings .form-row.save-row {
    clear: both;
    margin-top: 2em;
}
.profile_page {
    display: flex;
}
.sub-menu .nav-icon-position {
    top: 0;
}
#sidebar-menu .nav-icon-position {
    position: relative !important;
    top: 0 !important;
    flex-shrink: 0;
    align-self: center;
    margin-left: 4px;
}
.nav-icon-position {
    flex-shrink: 0;
    align-self: center;
    margin-left: 4px;
    position: absolute;
    top: 0;
}
.nav-icon-alert {
    opacity: 0.9;
}
.nav-icon-alert img {
    margin-bottom: 0.14rem;
    width: 12px;
    height: 12px;
}
.label {
    padding: .2em .5em;
    font-weight: bold;
    line-height: 1;
    color: var(--white);
    margin-right: 1px;
    text-align: center;
    vertical-align: baseline;
    border-radius: .25em;
}
.display-flex {
    display: flex;
}.table-content-middle.table td {
    vertical-align: middle!important;
}
.card:not(.position-relative),
.card-body:not(.position-relative) {
    position: unset;
}
body .card {
    background-color: var(--card-color);
}

.position-unset {
    position: unset;
}
.alert {
    /*-webkit-box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);
    -moz-box-shadow: 0 2px 8px 1px rgba(0,0,0,.2);
    box-shadow: 0 2px 8px 1px rgb(0 0 0 / 20%);*/
}

/* Alert links */
.alert .alert-link {
    text-decoration: underline;
}
.alert-primary .alert-link,
.alert-primary-light .alert-link {
    color: var(--text-primary);
}
.alert-primary-dark .alert-link {
    color: var(--text-primary-darkness);
}
.alert-success .alert-link {
    color: var(--text-success);
}
.alert-warning .alert-link {
    color: var(--text-warning);
}
.alert-danger .alert-link {
    color: var(--text-danger);
}
.alert-info .alert-link {
    color: var(--text-primary-darkness);
}
.alert-secondary .alert-link {
    color: var(--text-secondary);
}
/* Alert links / END */

/* Tinymce: */

.tox .tox-menu {
    border: unset !important;
}
.tox-tinymce {
    border-radius: var(--fc-border-radius) !important;
    border: 1px solid !important;
    border-color: var(--fc-border-color) !important;
}
.tox-tinymce .tox-menubar button {
    border-radius: var(--fc-border-radius) !important;
}
.tox-tinymce .tox-menubar button:hover {
    background: var(--text-primary-light)!important;
    color: #222f3e!important;
}
.tox .tox-mbtn--active {
    background: var(--fc-accent-color)!important;
    color: var(--white)!important;
}
.tox .tox-tiered-menu .tox-menu {
    border-radius: var(--fc-border-radius) !important;
}
.tox .tox-collection__group .tox-collection__item {
    border-radius: var(--fc-border-radius) !important;
}
.tox .tox-tbtn {
    border-radius: var(--fc-border-radius) !important;
 }
.tox .tox-tbtn--enabled {
    background: var(--fc-accent-color)!important;
}
.tox .tox-tbtn--enabled svg{
    fill: var(--white)!important;
}
.tox .tox-tbtn:not(.tox-tbtn--disabled, .tox-tbtn--enabled):hover {
    background: var(--text-primary-light)!important;
}

.tox .tox-collection__item--active {
    background: var(--text-primary-light)!important;
}
.tox .tox-menubar+.tox-toolbar, .tox .tox-menubar+.tox-toolbar-overlord {
    border-top: unset!important;
    padding-bottom: 0!important;
}
.tox:not(.tox-tinymce-inline) .tox-editor-header {
    box-shadow: unset!important;
}
.tox .tox-toolbar, .tox .tox-toolbar__overflow, .tox .tox-toolbar__primary {
    background-image: unset!important;
}
.tox .tox-menu.tox-collection.tox-collection--list, .tox .tox-collection--list .tox-collection__group {
    padding: 0!important;
}

/* Toggle switch: */
.custom-control-toggle {
    position: relative;
    display: block;
    min-height: 1.25rem;
}
.custom-toggle-switch {
    min-width: 34px;
    position: relative;
    display: inline-block;
    width: 2.125rem;
    height: 1.25rem;
    margin-bottom: 0;
}
.custom-toggle-switch input {
    position: absolute;
    left: 0;
    z-index: -1;
    width: 1rem;
    height: 1.15625rem;
    opacity: 0;
}
.toggle-slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #cacaca;
    -webkit-transition: .4s;
    transition: .4s;
}
.toggle-slider:before {
    position: absolute;
    content: "";
    height: 1rem;
    width: 1rem;
    left: 0.15625rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    background-color: var(--white);
    -webkit-transition: .4s;
    transition: .4s;
}
.custom-toggle-input:disabled + .toggle-slider,
.custom-toggle-input[disabled] + .toggle-slider {
    background-color: #a6a6a6;
}
.custom-toggle-input:checked + .toggle-slider {
    background-color:  var(--button-primary);
}
.custom-toggle-input:checked:disabled + .toggle-slider {
    background-color: #7d7d7d
}
.custom-toggle-switch.danger .custom-toggle-input:checked + .toggle-slider {
    background-color: var(--button-danger);
}
.custom-toggle-input:checked + .toggle-slider:before {
    -webkit-transform: translateX(0.8125rem);
    -ms-transform: translateX(0.8125rem);
    transform: translateX(0.8125rem);
}
.toggle-slider {
    border-radius: 0.75rem;
}
.toggle-slider:before {
    border-radius: 50% !important;
}
.form-custom-input {
    z-index: 10 !important;
}
.custom-control-input.form-custom-input~.custom-control-label::before,
.custom-control-input.form-custom-input~.custom-control-label::after {
    top: 3px;
    border-radius: var(--fc-checkbox-border-radius);
}
.bg-primary-low {
    color: var(--text-dark) !important;
    background-color: var(--table-stripped-color) !important; }

.underline { text-decoration: underline; }

.multiple-input-field {
    width: 100%;
    display: flex;
}
.multiple-input-field input {
    width: 35px;
    font-weight: bold;
}
.multiple-input-field input:focus {
    border-color: var(--fc-accent-color);
    box-shadow: 0 0 5px 1px var(--fc-accent-color);
}
.border-top-none  {
    border-top: none !important;
}
.selectable {
    cursor: pointer;
}
.rotate90 {
    transform: rotate(90deg);
}
.rotate270 {
    transform: rotate(270deg);
}
.width-full {
    width: 100%;
}
.height-full {
       height: 100%;
}
ul.no-bullet {
    list-style-type: none;
}
.cursor-pointer:hover {
    cursor: pointer;
}
.width-max-content {
    width: max-content;
}
.input-group-action {
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
}
.form-group.disabled {
    pointer-events: none;
}
.form-group.disabled .select2-container,
.form-group.disabled .input-group {
    opacity: 0.5!important;
}
.delimiter .line {
    width: 100%;
    height: 1px;
    margin: auto;
}
.disabled {
    pointer-events: none;
}
.pre-wrap {
    white-space: pre-wrap;
}
.style-type-none {
    list-style-type: none!important;
}
[draggable="true"] {
    cursor: move;
}
.toggle-gap {
    gap: 0.5rem
}
.border-transparent {
    border-color: transparent!important;
    list-style-type: none !important;
}
.border-top-none th {
    border-top: none;
}
.no-day-picker .ui-datepicker-calendar {
    display: none;
}
.items-horizontal-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.5rem;
}

/* Inline Editor */
.inline-editor-field.form-control {
    width: unset;
    display: inline-block;
}
.inline-editable .select2-container {
    display: inline-block;
}

.date-picker-no-day .ui-datepicker-calendar {
    display: none;
}

.filters-width {
    width: 180px;
}
.filters-width-medium {
    width: 250px;
}
.line {
    width: 100% !important;
    height: 1px!important;
}
.input-group-append .select2-selection {
    height: 35px!important;
    border-bottom-left-radius: 0!important;
    border-top-left-radius: 0!important;
}

.btn-filter-group label {
    box-shadow: none;
    margin-right: 5px;
}
.multi-action-container  {
    min-height: 35px;
}