/*
 * Project: Alpha Shares
 * Author: DigitalWeb Plus <Ucscode>
 * Version: 1.0.0
 * License: MIT
 * Copyright (c) 2023
 */
.cursor-default {
    cursor: default !important;
}

.cursor-auto {
    cursor: auto !important;
}

.cursor-revert {
    cursor: revert !important;
}

.cursor-alias {
    cursor: alias !important;
}

.cursor-all-scroll {
    cursor: all-scroll !important;
}

.cursor-cell {
    cursor: cell !important;
}

.cursor-col-resize {
    cursor: col-resize !important;
}

.cursor-row-resize {
    cursor: row-resize !important;
}

.cursor-context-menu {
    cursor: context-menu !important;
}

.cursor-copy {
    cursor: copy !important;
}

.cursor-crosshair {
    cursor: crosshair !important;
}

.cursor-e-resize {
    cursor: e-resize !important;
}

.cursor-ew-resize {
    cursor: ew-resize !important;
}

.cursor-n-resize {
    cursor: n-resize !important;
}

.cursor-ne-resize {
    cursor: ne-resize !important;
}

.cursor-nesw-resize {
    cursor: nesw-resize !important;
}

.cursor-ns-resize {
    cursor: ns-resize !important;
}

.cursor-nw-resize {
    cursor: nw-resize !important;
}

.cursor-nwse-resize {
    cursor: nwse-resize !important;
}

.cursor-s-resize {
    cursor: s-resize !important;
}

.cursor-se-resize {
    cursor: se-resize !important;
}

.cursor-sw-resize {
    cursor: sw-resize !important;
}

.cursor-w-resize {
    cursor: w-resize !important;
}

.cursor-text {
    cursor: text !important;
}

.cursor-vertical-text {
    cursor: vertical-text !important;
}

.cursor-grab {
    cursor: grab !important;
}

.cursor-grabbing {
    cursor: grabbing !important;
}

.cursor-move {
    cursor: move !important;
}

.cursor-help {
    cursor: help !important;
}

.cursor-no-drop {
    cursor: no-drop !important;
}

.cursor-none {
    cursor: none !important;
}

.cursor-not-allowed {
    cursor: not-allowed !important;
}

.cursor-pointer {
    cursor: pointer !important;
}

.cursor-progress {
    cursor: progress !important;
}

.cursor-wait {
    cursor: wait !important;
}

.cursor-zoom-in {
    cursor: zoom-in !important;
}

.cursor-zoom-out {
    cursor: zoom-out !important;
}

/* ========== [ TYPO ] =============*/

.fw-900 {
    font-weight: 900 !important;
}

.fw-800 {
    font-weight: 800 !important;
}

.fw-700 {
    font-weight: 700 !important;
}

.fw-600 {
    font-weight: 600 !important;
}

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

.fw-400 {
    font-weight: 400 !important;
}

.fw-300 {
    font-weight: 300 !important;
}

.fw-200 {
    font-weight: 200 !important;
}

.fw-100 {
    font-weight: 100 !important;
}

/* ======== [Font Family] ======== */

.text-monospace {
    font-family: monospace !important;
}

/** ========= [Clamp] =========== */

.line-clamp {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp-1 {
    -webkit-line-clamp: 1;
}

.clamp-2 {
    -webkit-line-clamp: 2;
}

.clamp-3 {
    -webkit-line-clamp: 3;
}

.clamp-4 {
    -webkit-line-clamp: 4;
}

.clamp-5 {
    -webkit-line-clamp: 5;
}

.clamp-6 {
    -webkit-line-clamp: 6;
}

.clamp-7 {
    -webkit-line-clamp: 7;
}

.clamp-8 {
    -webkit-line-clamp: 8;
}

.clamp-9 {
    -webkit-line-clamp: 9;
}

/* =========== [ ANIMATIONS ] ============ */

@keyframes ellipsis {
    0% {
        content: ".";
        /* 1 dot Appears */
    }

    33% {
        content: "..";
        /* 2 dots Appear */
    }

    66% {
        content: "...";
        /* 3 dots Appear, then the process recycles */
    }
}

.uss-ellipsis-loading::after {
    content: "";
    animation: ellipsis 2s infinite;
}

/* ============= [ STYLE ] ================ */

.--required::after {
    content: '*';
    display: inline-block;
    margin-left: 0.3rem;
    color: var(--bs-pink);
}

.resize-none {
    resize: none !important;
}

.error-image {
    width: 280px;
}

.image-central {
    --image-central-width: 100%;
    --width-ratio: 1;
    --height-ratio: 1;
    max-width: 100%;
    width: var(--image-central-width);
    position: relative;
    overflow: hidden;
}

.image-central::before {
    content: '';
    display: block;
    padding-top: calc((var(--height-ratio) / var(--width-ratio)) * 100%);
}

.image-central>img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

/* ============== [ HOVER ] ================= */

.text-hover-primary:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-secondary:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-success:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-info:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-warning:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-danger:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-light:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-dark:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-muted:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-muted-rgb), var(--bs-text-opacity)) !important;
}

.text-hover-white:hover {
    --bs-text-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}

/* ================ [ BORDER HOVER ] ================ */

.border-hover-primary:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-secondary:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-success:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-info:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-warning:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-danger:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-light:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-dark:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-muted:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-muted-rgb), var(--bs-border-opacity)) !important;
}

.border-hover-white:hover {
    --bs-border-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}

/* =============== [ BACKGROUND HOVER ] ============== */

.bg-hover-primary:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-secondary:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-success:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-info:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-warning:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-danger:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-light:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-dark:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-muted:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-muted-rgb), var(--bs-bg-opacity)) !important;
}

.bg-hover-white:hover {
    --bs-bg-opacity: 1;
    color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}

/* =================================*/

/* ======= [ COL-SM ] ======= */
@media (min-width:576px) {}

/* ======= [ COL-MD ] ======= */
@media (min-width:768px) {}

/* ======= [ COL-LG ] ======= */
@media (min-width:992px) {}

/* ======= [ COL-XL ] ======= */
@media (min-width:1200px) {}