:root {
    --black: #000000;
    --white: #FFFFFF;
    /* Primary Colors */
    --primary-50: #FAFAFA;
    --primary-100: #F5F5F5;
    --primary-200: #E5E5E5;
    --primary-300: #D4D4D4;
    --primary-400: #A3A3A3;
    --primary-500: #737373;
    --primary-600: #525252;
    --primary-700: #404040;
    --primary-800: #212121;
    --primary-900: #0A0A0A;
    /* Secondary Colors */
    --secondary-50: #FFF2ED;
    --secondary-100: #FFFDFD3;
    --secondary-200: #FFCBB8;
    --secondary-300: #FFB69C;
    --secondary-400: #FFA07E;
    --secondary-500: #FF885D;
    --secondary-600: #E35C25;
    --secondary-700: #A73800;
    --secondary-800: #651F00;
    --secondary-900: #300A00;
    /* Accent Colors */
    --accent-50: #D6FEFF;
    --accent-100: #C5F2F2;
    --accent-200: #B8E4E5;
    --accent-300: #ABD7D8;
    --accent-400: #9EC9CA;
    --accent-500: #8FBDBE;
    --accent-600: #559FA1;
    --accent-700: #007376;
    --accent-800: #004345;
    --accent-900: #001D1E;
}

.slide-fade-enter-active {
    transition: all 0.3s ease;
}

.slide-fade-leave-active {
    transition: all 0.5s cubic-bezier(1, 0.5, 0.8, 1);
}

.slide-fade-enter, .slide-fade-leave-to {
    transform: translateX(10px);
    opacity: 0;
}

.form-control-inline {
    height: calc(1.5em + .75rem + 2px);
    padding: 0.375rem 0.75rem;
    margin-left: 0.15rem;
    margin-right: 0.15rem;
    margin-top: 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    background-clip: padding-box;
    border: none;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out;
    width: 5rem;
    cursor: pointer;
}

    .form-control-inline:focus {
        font-weight: bold;
    }

select.form-control-inline {
    width: 10rem;
}

.form-control-table {
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    border: none;
    border-radius: 10px;
    transition: border-color 0.15s ease-in-out;
    width: 100%;
    cursor: pointer;
}

select.form-control-table {
    border: none;
    border-radius: 10px;
    color: var(--black);
    cursor: pointer;
}

    select.form-control-table:focus {
        color: var(--black);
        font-weight: bold;
    }

input.form-control-table {
    border: none;
    border-radius: 10px;
    color: var(--black);
    cursor: pointer;
}

    input.form-control-table:focus {
        color: var(--black);
        font-weight: bold;
    }

h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-optical-sizing: auto;
    font-weight: 600;
    font-style: normal;
}

.navbar-toggler-icon {
    background-color: var(--white);
    width: 50px;
    height: 35px;
    border-radius: 12px;
}

.alert {
    background-color: var(--accent-600);
    color: var(--white);
    border: none;
    border-radius: 20px;
    text-decoration: none;
    transition: background-color 0.3s;
}

    .alert:hover {
        background-color: var(--accent-700);
        font-weight: bold;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    background-color: var(--secondary-500);
    border-color: var(--secondary-500);
}

.custom-control-input:checked ~ .custom-control-label::after {
    color: black;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    background-color: var(--black);
    color: var(--white);
}

/*# sourceMappingURL=calc.css.map */