@import "tailwindcss";

/* @font-face {
    font-family: 'Montserrat';
    src: url('../fonts/Montserrat/Montserrat-VariableFont_wght.ttf') format('ttf');
} */

@font-face {
    font-family: 'Rubik';
    src: url('../fonts/Rubik-Regular.ttf') format('ttf');
}
@font-face {
    font-family: 'Noyh';
    src: url('../fonts/noyh-r-regular.ttf') format('ttf');
}
[disabled] {
    cursor: not-allowed;
}
:root {
    --colors-01: #00072d;
    --colors-02: #001c55;
    --colors-03: #0a2472;
    --colors-04: #9b9b9b;
    --colors-04_10: #9b9b9b10;
    --colors-04_50: #9b9b9b50;
    --colors-05: #c20000;

    --colors-06: #131313;
    --colors-07: #ffffff;
    --colors-08: #6b6a6a;

    --colors-09: #F9C23C;

    --colors-whatsapp: #25D366;

    --gradient-wallpaper: 90deg,rgba(37, 46, 120, 1) 0%, rgba(35, 45, 86, 1) 48%;
    --gradient-wallpaper-o: 90deg,rgba(37, 46, 120, 0.9) 0%, rgba(35, 45, 86, 0.9) 48%;

    --bs: 0px 0px 50px 0px rgba(0, 0, 0, 0.75);
    --bst: 0px 0px 12.5px 1px rgba(0, 0, 0, 0.75);


    --default-font: 'Rubik', sans-serif;
}

* {
    font-family: var(--default-font);
    user-select: none;
    /* pointer-events: all; */
}

.clip-half-right {
    clip-path: inset(0 0 0 15%);
}
.clip-half-left {
    clip-path: inset(0 15% 0 0);
}
.c-is-active {
    background: var(--colors-07);
    height: 1.25rem;
    width: 1.25rem;
}
.header-round {
    border-bottom-right-radius: calc(2.5vw + 50px);
    border-bottom-left-radius: calc(2.5vw + 50px);
}
.image-round-l {
    border-top-right-radius: calc(2.5vw + 25px);
    border-bottom-right-radius: calc(2.5vw + 25px);
}
.image-round-r {
    border-top-left-radius: calc(2.5vw + 25px);
    border-bottom-left-radius: calc(2.5vw + 25px);
}
.font-mFont {
    font-family: 'Montserrat', sans-serif;
}
.font-mebFont {
    font-family: 'Montserrat';
    font-weight: 900;
}
.font-rFont {
    font-family: 'Rubik', sans-serif;
}
.font-nFont {
    font-family: 'Noyh', sans-serif;
}
.hr-custom {
    border: 0.5px solid var(--colors-04);
    opacity: 0.15;
}
.justify-right {
    text-align: justify;
    text-align-last: right;
}
.opacity-effect {
    opacity: 0.25;
    animation: fadeIn 1s ease-in-out forwards;
}
@keyframes fadeIn {
    from {
        opacity: 0.25;
    }
    to {
        opacity: 1;
    }
}
.custom-swal-btn {
    background: linear-gradient(var(--gradient-wallpaper));
    color: var(--colors-07);
    font-size: 1rem;
    border-radius: 1rem;
}
.custom-swal-btn:hover, .custom-swal-btn:active {
    font-weight: bold;
}
.custom-swal-title {
    font-size: 1.25rem;
    font-family: Rubik;
    color: var(--colors-03);
    font-weight: bold;
}
.custom-swal-popup {
    border-radius: 1.5rem;
}
.custom-swal-text {
    font-size: 1rem;
    font-family: Rubik;
}
.rounded-ii-semifull-br {
    border-bottom-right-radius: 12.5rem;
}
.rounded-ii-semifull-bl {
    border-bottom-left-radius: 12.5rem;
}
.rounded-ii-semifull-b {
    border-bottom-right-radius: 15rem;
    border-bottom-left-radius: 15rem;
}
.custom-swal-title-error {
    margin-top: -1.5rem;
    color: var(--colors-05);
    font-size: 1.5rem;
}

/* .scroll-slider {
    animation: scroll-logos 17.5s linear infinite;
}
@keyframes scroll-logos {
    0% { transform: translateX(0); }
    100% { transform: translateX(-100%); }
} */


.dt-column-header {
    text-align: center !important;
}
.dt-paging-button {
    margin: 0 !important;
    padding: 0.35rem 0.75rem !important;
    background: transparent !important;
    color: var(--colors-06) !important;
}
.dt-paging-button:hover {
    background: var(--colors-04_50) !important;
}
.dt-input[id^="dt-length-"] {
    width: 5rem !important;
}
.dt-row-padding:hover {
    background: var(--colors-04_50) !important;
}