/* APP GLOBAL CUSTOM STYLING */
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body{
    font-family: 'Poppins', sans-serif !important;
}

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

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;
}