/* APP GLOBAL CUSTOM STYLING */

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

:root {
    --color-primary: #2ca87f;
    --color-border-card: rgba(44, 168, 127, 0.45);
}

a {
    text-decoration: none !important;
}

.touch {
    cursor: pointer !important;
}
.touch__opacity:hover {
    cursor: pointer !important;
    opacity: 75% !important;
}

.table-responsive {
    padding: 0 !important;
}

.modal-content {
    border-radius: 1rem !important;
    overflow: hidden !important;
}

.swal2-container {
    z-index: 30000 !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
}

.swal2-popup {
    border-radius: 1rem !important;
    font-size: 0.9rem !important;
}

.swal2-success-circular-line-left,
.swal2-success-circular-line-right,
.swal2-success-fix {
    background-color: transparent !important;
}

.password__wrapper {
    position: relative;
}
.password__show {
    position: absolute;
    top: 10px;
    right: 14px;
}

.card__upload-image {
    border: 1.8px dashed var(--bs-primary) !important;
}

.card__upload-image:hover {
    opacity: 0.8;
}

.file__upload-body {
    width: 100%;
}

.file__upload-source {
    width: 100%;
    height: 200px;
    object-fit: contain;
    border-radius: 0.5rem;
}

.file__preview-wrapper {
    background: #fcfcfc;
    border: 1px solid #eee !important;
    border-radius: 0.5rem;
}

.file__preview-image {
    width: 100%;
    height: 200px;
    object-fit: contain;
}

.product__image-thumb {
    width: 45px;
    height: 45px;
    object-fit: cover;
    border-radius: 0.5rem;
}

.product__name-ellipse {
    width: 300px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    word-break: none;
    word-wrap: nowrap;
    white-space: normal;
    text-overflow: ellipsis;
}

.dt-scroll {
    border-radius: 1rem !important;
    border: 1.5px solid #eee !important;
    overflow: hidden !important;
}