@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Madimi+One&display=swap');

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Madimi+One&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Madimi+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Madimi+One&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Radio+Canada:ital,wght@0,300..700;1,300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Madimi+One&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Radio+Canada:ital,wght@0,300..700;1,300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Fira+Sans: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&family=IBM+Plex+Serif:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Madimi+One&family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Radio+Canada:ital,wght@0,300..700;1,300..700&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');

.bg-light-primary {
    background-color: #e1dae6 !important
        /* background: linear-gradient(90deg, #f7c0ec 0%, #a7bdea 100%); */
}

.swal2-styled.swal2-cancel {
    color: #3085d6 !important;
    box-sizing: border-box;
    border: 1px solid #3085d6;
    border-radius: 50px !important;
}

.swal2-confirm {
    color: #fff !important;
    background-color: #3085d6 !important;
    border: 1px solid #3085d6;
    border-radius: 50px !important;
}

.my-edit-alert {
    height: 125px !important;
}

.my-page-tilte {
    font-family: "Rubik", sans-serif;
    font-size: 20px !important;
    font-weight: 600 !important;
    color: black !important;
}

.login-page-tilte {
    font-family: "Libre Baskerville", serif;
    font-size: 25px !important;
    font-weight: 500 !important;
    color: black !important;
}

.footer-title {
    font-family: "Libre Baskerville", serif;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.my-success-button {
    margin: 5px;
    background-color: #28C76F !important;
    color: white !important;
    font-family: "Fira Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.my-info-button {
    margin: 5px;
    background-color: #00BAD1 !important;
    color: white !important;
    font-family: "Fira Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.my-secondary-button {
    margin: 5px;
    background-color: #808390 !important;
    color: white !important;
    font-family: "Fira Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.my-primary-button {
    margin: 5px;
    background-color: #7367F0 !important;
    color: white !important;
    font-family: "Fira Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.my-warning-button {
    margin: 5px;
    background-color: #FF9F43 !important;
    color: white !important;
    font-family: "Fira Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.my-error-button {
    margin: 5px;
    background-color: #FF4C51 !important;
    color: white !important;
    font-family: "Fira Sans", sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
}

.my-search-box {
    margin: 5px;
    height: 50px !important;
    width: 250px;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 50px !important;
}

.my-label {
    font-family: "Radio Canada", sans-serif;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #205295 !important;
    padding: 5px;
}

.my-select-text {
    font-family: "Radio Canada", sans-serif;
    font-size: 20px !important;
    /* font-weight: 500 !important; */
}

.v-list-item,
.v-list-item__title {
    font-family: "Radio Canada", sans-serif;
    font-size: 18px !important;
    font-weight: 500 !important;
}

.v-input {
    font-family: "Radio Canada", sans-serif;
    font-size: 20px !important;
    /* font-weight: 500 !important; */
}

.my-menu-item {
    font-family: "Outfit", sans-serif;
    font-size: 20px !important;
    /* font-weight: 500 !important; */
}

#my-data-table {

    .v-data-table {
        background-color: #fff !important;
    }

    .v-data-table>.v-data-table__wrapper>table>thead>tr>th {
        text-transform: uppercase;
        font-family: "Roboto", sans-serif;
        font-size: 15px;
        text-shadow: 1px 1px 1px #ababab;
    }

    .v-data-table>.v-data-table__wrapper>table>tbody>tr>td {
        font-size: 16px;
        font-family: "IBM Plex Serif", serif;
        font-weight: 500;
        font-style: normal;
    }

    .v-data-table>.v-data-footer {
        font-size: 14px;
        font-family: "IBM Plex Serif", serif;
        font-weight: 500;
        font-style: normal;
    }

    .v-data-table>.v-data-table__wrapper>table>tbody>tr:hover {
        box-shadow: 5px 10px 5px -6px grey;
    }

    .v-data-table>.v-data-table__wrapper>table>tbody>tr:hover td {
        cursor: pointer;
        color: blue;
        border-top: 1px solid grey;
        border-bottom: 1px solid grey;
    }

}

#blank-layout {
    .login-btn {
        color: white;
        background-color: purple;
    }
}

#default-layout {
    .v-app-bar {
        position: sticky;
        top: 0;
        z-index: 999;
    }

    .card-title {
        font-weight: 500;
        font-size: 24px;
        color: black;
    }

    .refresh-btn {
        margin-top: 5px;
        margin-right: 15px;
        color: white;
        background-color: #00BCD4;
    }

    .create-btn {
        margin-top: 5px;
        margin-right: 15px;
        color: white;
        background-color: green;
    }

    .delete-btn {
        margin-top: 5px;
        margin-right: 15px;
        padding: 16px;
        color: white;
        background-color: red;
    }

    .search-btn {
        margin-top: 5px;
        margin-right: 15px;
        color: white;
        background-color: purple;
    }

    .close-btn {
        margin-top: 5px;
        margin-right: 15px;
        color: white;
        background-color: brown;
    }

    .back-btn {
        margin-top: 5px;
        margin-right: 15px;
        color: white;
        background-color: #37474F;
    }

    .generate-pdf-btn {
        color: white;
        background-color: #8f2d56;
    }

    .download-btn {
        margin-top: 5px;
        color: white;
        background-color: #087e8b;
    }

    .send-email-btn {
        margin-top: 5px;
        color: white;
        background-color: #14746f;
    }

    .records-txt {
        color: red;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 16px;
    }
}