.fs-ss {
    font-size: .6rem;
}

.fs-ll {
    font-size: .8rem;
}

.fs-sm {
    font-size: .9rem;
}

.fs-mm {
    font-size: 1rem;
}

.fs-xx {
    font-size: 1.2rem;
}

.shadow-link {
    text-decoration: none;
    color: var(--bs-secondary-color);
    transition: color .5s;
}

.shadow-link:hover {
    color: var(--primary-500) !important;
}

.custom-link {
    text-decoration: none;
    color: inherit;
    transition: color .5s;
    cursor: pointer;
}

label.custom-link {
    display: inline-block;
}

.custom-link-primary {
    text-decoration: none;
    color: var(--primary-500);
    transition: color .5s;
}

.custom-link-primary:hover {
    text-decoration: none;
    color: var(--primary-600);
}

.custom-link-secondary {
    text-decoration: none;
    color: var(--secondary-500);
    transition: color .5s;
}

.custom-link-secondary:hover {
    text-decoration: none;
    color: var(--secondary-600);
}

.custom-link-accent {
    text-decoration: none;
    color: var(--accent-500);
    transition: color .5s;
}

.custom-link-accent:hover {
    text-decoration: none;
    color: var(--accent-600);
}

.transition-link {
    color: var(--text-600);
    text-decoration: none;
}

.transition-link:hover {
    color: inherit;
}

.transition-link i {
    transition: transform .5s;
}

.transition-link:hover i {
    transform: translateX(-4px);
}

.text-custom-primary {
    color: var(--primary-500);
}

.text-custom-secondary {
    color: var(--secondary-500);
}

.text-custom-accent {
    color: var(--accent-500);
}

.fc-primary-500 {
    color: var(--primary-500) !important;
}
.fc-primary-600 {
    color: var(--primary-600) !important;
}
.fc-secondary-500 {
    color: var(--secondary-500) !important;
}
.fc-secondary-600 {
    color: var(--secondary-600) !important;
}
.fc-accent-500 {
    color: var(--accent-500) !important;
}
.fc-accent-600 {
    color: var(--accent-600) !important;
}

.custom-text-muted {
    color: var(--text-600)!important;
}

.tippy {
    position: absolute;
    z-index: 10001;
    top: 0;
    left: 0;
    /* width: 200px; */
    text-align: center;
    font-weight: 500;
    background: #23252B;
    padding: 5px 8px;
    font-size: .8rem;
    letter-spacing: 1px;
    color: #fff;
    border-radius: 100px 100px 5px 5px;
    opacity: 0;
    transform: rotateX(90deg);
    transform-origin: 50% 100%;
    transition: opacticy .3s, transform .3s, border-radius .3s;
    max-width: 500px;
}

.tippy::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #23252B;
}

.tippy.visible {
    opacity: 1;
    border-radius: 3.5px;
    transform: rotateX(0);
}

.text-bg-custom-primary {
    color: #fff !important;
    background-color: var(--primary-500) !important
}

.text-bg-custom-secondary {
    color: #fff !important;
    background-color: var(--secondary-500) !important
}

.text-bg-custom-accent {
    color: #fff !important;
    background-color: var(--accent-500) !important
}

.dropdown-menu {
    max-height: 100px!important;
    overflow-y: auto!important;
}

.dropdown-menu::-webkit-scrollbar {
    width: 10px!important;
}

.dropdown-menu::-webkit-scrollbar-thumb {
    border-radius: 5px!important;
    background-color: #4848483a!important;
    transition: background-color .3s!important;
}

.dropdown-menu::-webkit-scrollbar-thumb:hover {
    background-color: #4848487a!important;
}

.dropdown-menu::-webkit-scrollbar-track {
    background-color: #efefef!important;
    border-radius: 5px!important;
}

.border-custom-primary {
    border-color: var(--primary-500) !important
}

.border-custom-secondary {
    border-color: var(--secondary-500) !important
}

.border-custom-accent {
    border-color: var(--accent-500) !important
}