:root {
    --body-bg-rgb: 236,240,250;
    --body-bg-rgb2: 36,43,57;
    --default-body-bg-color: rgb(var(--body-bg-rgb));
    --default-sidebar: rgb(var(--body-bg-rgb2));
}

aside.main-sidebar {
    background-color: var(--default-sidebar);
}

.content-wrapper {
    background-color: var(--default-body-bg-color);
}

input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
    display: none;
}

.login-box, .register-box {
    width: 420px;
}

@media (max-width: 576px) {
    .login-box, .register-box {
        margin-top: .5rem;
        width: 90%;
    }
}

.icon-login {
    position: absolute;
    top: 7px;
    left: 10px;
    z-index: 10;
}

.icon-login-eye {
    position: absolute;
    top: 7px;
    right: 10px;
    z-index: 100;
}

.form-control.is-invalid ~ .icon-login-eye {
    right: 35px;
}

.icon-login ~ input.form-login {
    padding-left: 30px;
    border-radius: 0.25rem !important;
}

input.form-login:not(:last-child) {
    padding-right: 35px !important;
    border-radius: 0.25rem !important;
}

input.form-login.is-invalid:not(:last-child) {
    padding-right: 55px !important;
}

.img-center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.brand-image-sidebar {
    line-height: .8;
    margin-left: .8rem;
    margin-right: .5rem;
    margin-top: -3px;
    max-height: 33px;
    width: auto;
}

.menu-header-content {
    padding: 1.2rem;
    border-start-start-radius: .375rem;
    border-start-end-radius: .375rem;
}

.dropdown-profile {
    right: 8px !important;
}

.dropdown-profile, .dropdown-item:hover, .dropdown-item:focus {
    border-radius: .375rem;
}

.profile-circle {
    height: 40px !important;
    width: 40px !important;
    border-radius: 50%;
    display: inline-block;
    border: 1px solid #6c757d;
}

    .profile-circle i {
        font-size: 20px;
        margin-left: -6px;
    }

.sidebar-brand-logo {
    width: 140px;
    /*filter: brightness(0) invert(1);*/
}

    .sidebar-brand-logo.mini-logo {
        width: 35px;
        filter: brightness(0) invert(1);
    }

.sidebar-mini aside .main-logo {
    display: inline;
}

.sidebar-mini aside .mini-logo {
    display: none;
}

.sidebar-mini.sidebar-collapse aside .main-logo {
    display: none;
}

.sidebar-mini.sidebar-collapse aside .mini-logo {
    display: inline;
}

.sidebar-mini.sidebar-collapse aside:hover .main-logo {
    display: inline;
}

.sidebar-mini.sidebar-collapse aside:hover .mini-logo {
    display: none;
}

.select2-search__field:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff !important;
    outline: 0 !important;
    box-shadow: inset 0 0 0 rgba(0, 0, 0, 0);
}

.form-control.is-invalid ~ .select2.select2-container .select2-selection__rendered {
    border-color: #dc3545;
    padding-right: 2.25rem !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 1.3875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}

.information-field {
    width: 100%;
    margin-top: 0.25rem;
    font-size: 80%;
    color: #dc3545;
}

.preloader {
    background-color: var(--default-body-bg-color);
}

.form-group-radio {
    margin-top: 7px;
}

.is-invalid-radio ~ label:before {
    border-color: #dc3545 !important;
}

.table-hover tbody tr:hover {
    color: #212529;
    background-color: rgba(95, 157, 218, 0.2);
}

.input-group > .input-group-prepend:not(:first-child) > .btn {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.show-entries {
    font-weight: normal !important;
}

table.table th.action-column, table.table td.action-column {
    width: 100px;
}

.col-no-table {
    width: 50px;
}


th.header-control {
    background: url('/assets/dist/img/datatables/details_open.png') no-repeat center center;
    cursor: pointer;
}

    th.header-control.shown {
        background: url('/assets/dist/img/datatables/details_close.png') no-repeat center center;
    }

td.details-control {
    background: url('/assets/dist/img/datatables/details_open.png') no-repeat center center;
    cursor: pointer;
}

tr.shown td.details-control {
    background: url('/assets/dist/img/datatables/details_close.png') no-repeat center center;
}

.row-child .table-detail tbody tr {
    background-color: #fff;
}

.table-hover tbody tr.row-child:hover {
    background-color: transparent;
}

.row-child tbody tr:hover {
    background-color: rgba(95, 157, 218, 0.2);
}

.row-child .table-detail thead tr:hover {
    color: #fff;
    background-color: var(--primaryCustomColor) !important;
}

.table-striped .row-child .table-detail thead tr:nth-of-type(odd) {
    background-color: var(--primaryCustomColor) !important;
}

table.table-detail {
    background-color: #fff;
}

    table.table-detail thead {
        color: #fff;
        background-color: var(--primaryCustomColor) !important;
    }

.sliderticks {
    display: flex;
    justify-content: space-between;
    padding: 0 7px;
}

    .sliderticks span {
        display: flex;
        justify-content: center;
        width: 1px;
        height: 10px;
        background: #d3d3d3;
        line-height: 40px;
    }

.fc-col-header, .fc-daygrid-body, .fc-daygrid-body .fc-scrollgrid-sync-table {
    width: 100% !important;
}

.fc-non-business {
    background-color: #fcc0c0 !important; /* background color */
}

.fc-daygrid-week-number {
    color: black !important;
    background-color: transparent !important;
}

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

.input-group > .input-group-append > .btn {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
}

.layout-navbar-fixed .wrapper .sidebar-dark-primary .brand-link:not([class*="navbar"]) {
    background-color: var(--default-sidebar);
}

.icon-eye-user {
    position: absolute;
    top: 7px;
    right: 55px;
    z-index: 100;
}

.form-control.is-invalid ~ .icon-eye-user {
    right: 80px;
}

.photo-section {
    width: 220px;
}

.filepond--drop-label {
    color: var(--default-text-color) !important;
    border-radius: 0.3rem !important;
}

.filepond--credits {
    display: none;
}

.filepond--panel-root {
    background-color: #fff !important;
    border: 0.125rem dashed #ced4da !important;
}

.filepond--drop-label.filepond--drop-label label {
    padding: 1.5em !important;
    font-size: 0.875rem;
}

.filepond--root {
    margin-block-end: 0 !important;
}

.filepond--file {
    background-color: var(--primary-color) !important;
}

.single-fileupload {
    width: 8rem !important;
    height: 8rem !important;
    margin: 0 auto !important;
}

table.row-middle tbody tr td {
    vertical-align: middle !important;
}

.profile-circle {
    margin-top: -9px;
}

.input-group-password {
    border-top-right-radius: .25rem !important;
    border-bottom-right-radius: .25rem !important;
}

    .input-group-password ~ .icon-eye-user {
        right: 10px;
    }

.form-control.is-invalid.input-group-password ~ .icon-eye-user {
    right: 35px;
}

.otp-content {
    display: none;
}

.otp-content-secret {
    font-size: 20px;
    font-weight: 600;
    color: #111;
    height: 100%;
    line-height: 2.1;
}

.configure-item {
    margin-top: 7px;
}

.membership-picture img {
    height: 150px;
    width: 150px;
}

.top-up-card {
    min-height: 100%;
}

.layout-footer-fixed .wrapper .content-wrapper {
    padding-bottom: calc(4.7rem + 1px);
}

input[type="radio"].is-invalid ~ label::before {
    border-color: #dc3545;
}

.membership-detail-section {
    font-size: 18px;
}

label.show-entries .select2.select2-container {
    width: 80px !important;
}

.layout-header-fix {
    position: fixed;
    width: 100%;
}

.form-group .counter-char {
    right: 8px;
    position: absolute;
}

table.member-overview tbody tr td {
    text-align: left;
    vertical-align: middle;
}

/*table.member-overview tbody tr td:nth-child(2):before {
    content: ":";
    display: inline-block;
    padding-left: 5px;
    margin-right: 5px;
}*/

table.member-overview tbody tr td:first-child {
    text-align: right;
}

.payment-method {
    display: flex;
}

    .payment-method .payment-method-image {
        width: 250px;
    }

.top-up-payment-label {
    width: 150px;
}