.hide{display: none !important;}
div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content{font-size: 60px !important;}
.mr-8px{margin-right: 8px !important;}
hr{opacity: 1 !important;}
.SeeNameGroupUser{cursor: pointer !important;}
.choices{margin-bottom: 0 !important;}
/* .page-content{height: 100vh !important; overflow-y: auto !important;} */


.btn-primary{background-color: #e86c7c !important; border-color: #e86c7c !important;}
a{color: #333 !important;}

:root [data-topbar=dark], [data-bs-theme=light] [data-topbar=dark]{--bs-header-bg-dark: #e86c7c !important;}
.mm-active .active {color: #e86c7c !important;}
.mm-active>a{color: #e86c7c !important;}
.a{color: #e86c7c !important;}
.mm-active>i {color: #e86c7c !important;}
.mm-active>a i{color: #e86c7c !important;}
.mm-active .active i{color: #e86c7c !important;}

#sidebar-menu ul li a:hover i{color: #e86c7c !important;}

.btn i{color: #FFF !important;}

.tab-content{padding-left: 0 !important; padding-right: 0 !important;}
div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content{font-size: 50px !important;}

.active>.page-link, .page-link.active{background-color: #e86c7c !important; border-color: #e86c7c !important; color:#FFF !important}

.card-title{margin-bottom: 0 !important;}

.checkin{cursor: pointer !important;}
p{font-size: 15px !important;}

.btn-secondary{background-color: #FFF !important; border:1px solid #666 !important;color: #666 !important;}
.btn-secondary:hover{background-color: #666 !important; color: #FFF !important;}

.color-swatch-container {
    margin-left: 10px;
}

.color-swatch {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 2px solid #ddd;
    cursor: pointer;
    margin: 0 3px;
    display: inline-block;
    transition: all 0.2s ease-in-out;
}

.color-swatch:hover {
    transform: scale(1.2);
    border-color: #999;
}

.color-swatch.selected {
    border-color: #000;
    border-width: 3px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
    transform: scale(1.1);
}

.btn-block {
    color: #fff;
    background-color: #6c757d; /* gray */
    border-color: #6c757d;
}
.btn-block:focus,
.btn-block.focus {
    color: #fff;
    background-color: #5a6268; /* darker gray */
    border-color: #4e555b;
}
.btn-block:hover {
    color: #fff;
    background-color: #5a6268;
    border-color: #545b62;
}
.btn-block:active,
.btn-block.active,
.open > .dropdown-toggle.btn-block {
    color: #fff;
    background-color: #545b62; /* even darker */
    border-color: #4e555b;
}
.btn-block:active:hover,
.btn-block.active:hover,
.open > .dropdown-toggle.btn-block:hover,
.btn-block:active:focus,
.btn-block.active:focus,
.open > .dropdown-toggle.btn-block:focus,
.btn-block:active.focus,
.btn-block.active.focus,
.open > .dropdown-toggle.btn-block.focus {
    color: #fff;
    background-color: #4e555b;
    border-color: #3e444a;
}
.btn-block:active,
.btn-block.active,
.open > .dropdown-toggle.btn-block {
    background-image: none;
}
.btn-block.disabled:hover,
.btn-block[disabled]:hover,
fieldset[disabled] .btn-block:hover,
.btn-block.disabled:focus,
.btn-block[disabled]:focus,
fieldset[disabled] .btn-block:focus,
.btn-block.disabled.focus,
.btn-block[disabled].focus,
fieldset[disabled] .btn-block.focus {
    background-color: #6c757d;
    border-color: #6c757d;
}
.btn-block .badge {
    color: #6c757d;
    background-color: #fff;
}

@media print {
    #page-topbar,
    .vertical-menu,
    .no-print,
    .navbar-header,
    .navbar-brand-box,
    #vertical-menu-btn {
        display: none !important;
    }
    body, .page-content, .main-content, .container-fluid {
        margin: 0 !important;
        padding: 0 !important;
    }
    .card { page-break-inside: avoid; }
}