@font-face {
    font-family: 'DBHelvethaicaX';
    src: url('../fonts/DBHelvethaicaX-55Regular.eot');
    src: url('../fonts/DBHelvethaicaX-55Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/DBHelvethaicaX-55Regular.woff') format('woff'),
        url('../fonts/DBHelvethaicaX-55Regular.ttf') format('truetype'),
        url('../fonts/DBHelvethaicaX-55Regular.svg#DBHelvethaicaX-55Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
    box-sizing: border-box;
    font-weight: normal;
}


.required::after {
    content: " *";
    color: #ff0000;
    font-weight: bold;
}

.form-control.required:invalid {
    border-color: #ff0000;
}

.styled-dropdown.required:invalid {
    border-color: #ff0000;
}

.required-tooltip {
    font-size: 1rem;
    color: #ff0000;
}


.back-btn,
.next-btn {
    border: none;
    border-radius: 25px;
    padding: 10px 45px;
    font-size: 1.25rem;
    cursor: pointer;
    font-weight: bold;
    margin-top: 10px;
}

/* Button Colors */
.back-btn {
    border: 2px solid #FFE043;
    background-color: rgba(255, 255, 255, .0);
    color: #FFE043;
}

.back-btn:hover {
    background-color: #002366;
}

.next-btn {
    background-color: #FFE043;
    color: #003399;
}

.next-btn:hover {
    background-color: #e6b800;
}

.swal2-confirm {
    background-color: #FFE043 !important;
    color: #003399 !important;
}

.swal2-cancel {
    background-color: #f44336 !important;
    color: white !important;
}