.table-xxs td,
.table-xxs th {
    padding: .3rem 1rem;
    font-size: 13px;
}

.btn-float {
    padding: 1.5rem 0rem;
}

.btn-float,
.btn {
    border: none;
}

.btn-float i {
    font-size: 26px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.btn-float:hover i {
    font-size: 30px;
    top: 0;
    padding-bottom: 3px;
    padding-top: 3px;
}

.btn-float span {
    padding-top: 0;
    text-transform: uppercase;
}

.modal-content {
    border: none !important;
}


.tform {
    padding: 0px 4px !important;
    height: 24px !important;
    font-size: 12px !important;
    width: 100% !important;
}

.tform+.select2-container {
    padding: 0 !important;
    height: 24px !important;
    font-size: 12px !important;
}

.tform+.select2-container .select2-selection--single {
    padding: 2px !important;
}

.tfont {
    font-size: 12px !important;
}

.modal-content {
    border: none !important;
}

.tbtn {
    height: 0 !important;
}

.notif-list:hover .body-notif {
    background-color: #f2f2f2 !important;
}

.logo-text {
    color: white;
    padding: 8px 16px;
    border-radius: 50px;
    font-family: 'Rubik';
    font-size: 12pt;
}

.logo-text.logo-lg {
    padding: 14px 22px;
    font-size: 16pt;
}

.indigo {
    background: linear-gradient(0deg, #6863FF 0%, #81AEFF 100%);
}

.orange {
    background: linear-gradient(0deg, #FEA85C 0%, #FFCC6A 100%);
}

.red {
    background: linear-gradient(0deg, #FF536A 0%, #FF865E 100%);
}

.blue {
    background: linear-gradient(0deg, #2C9FF2 0%, #70D3FD 100%);
}

.purple {
    background: linear-gradient(0deg, #D76CEE 0%, #E0A0F3 100%);
}

.green {
    background: linear-gradient(0deg, #54CB68 0%, #9DDD7D 100%);
}

.cyan {
    background: linear-gradient(0deg, #29cab8 0%, #51ecd5 100%);
}

/* custom online indicator */
.status-indicator-container-custom {
    --indicator-gap: none !important;
}

[data-color-theme="dark"] .status-indicator-custom {
    border: 2px solid #32333a;
}

.status-indicator-custom {
    border: 2px solid white;
    right: -1.5px;
    bottom: -1.5px;
}

.avatar-custom:hover>.status-indicator-container-custom .status-indicator-custom {
    border: 2px solid var(--navbar-hover-bg) !important;
}

.avatar-custom:focus>.status-indicator-container-custom .status-indicator-custom {
    border: 2px solid var(--navbar-active-bg) !important;
}

/* [data-color-theme="dark"] .avatar-custom:hover>.status-indicator-container-custom .status-indicator-custom {
    border: 2px solid var(--navbar-hover-color) !important;
} */