/* PART 1: FIXES */

/* REMOVE SPINNER FROM INPUT NUMBER */
/* For Chrome, Safari, Edge, Opera */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/* For Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* FIX PADDING ON INPUT TYPE FILE */
.form-control[type="file"] {
    padding-top: 3.5px;
    padding-bottom: 3.5px;
}

/* FIX FONT SIZE ISSUE IN DROPIFY */
.dropify-wrapper .dropify-message .file-icon p {
    font-size: 14px;
}

/* PART 2: HELPER CLASSES */

.fit {
    position: fixed;
    width: 100vw;
    height: 100vh;
}

.center-children {
    display: flex;
    justify-content: center;
    align-items: center;
}

.white-tint {
    background: white;
    opacity: 0.75;
}

.z-max {
    z-index: 1060;
}

/* PART 3: LOADING SPINNER */

.lds-dual-ring {
    display: inline-block;
    width: 80px;
    height: 80px;
}

.lds-dual-ring:after {
    content: " ";
    display: block;
    width: 40px;
    height: 40px;
    margin: 8px;
    border-radius: 50%;
    border: 5px solid var(--primary);
    border-color: var(--primary) transparent var(--primary) transparent;
    animation: lds-dual-ring 1.2s linear infinite;
}

@keyframes lds-dual-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* PART 4: CUSTOM COMPONENTS */

.table-search {
    max-width: 100%;
    width: 180px;
}

.table-user {
    display: inline-block;
    border-radius: 50%;
    overflow: hidden;
    width: 34px;
}

.table-user:not(:first-child) {
    margin-left: -20px;
    -webkit-mask: radial-gradient(
        circle 18px at 2px 50%,
        transparent 99%,
        #fff 100%
    );
    mask: radial-gradient(circle 18px at 2px 50%, transparent 99%, #fff 100%);
}

.table-user img {
    width: 100%;
    display: block;
}

.table-thumbnail {
    width: 96px;
    height: 96px;
}