@font-face {
    font-family: "APTypeText-Bold"; /* Choose a name for your font */
    src: url("../fonts/APTypeText-Bold.ttf") format("truetype"); /* Adjust the path as needed */
    /* You can also add font-weight and font-style properties here if needed for different variations */
}

@font-face {
    font-family: "APTypeText-Regular"; /* Choose a name for your font */
    src: url("../fonts/APTypeText-Regular.otf") format("truetype"); /* Adjust the path as needed */
    /* You can also add font-weight and font-style properties here if needed for different variations */
}

body {
    background-color: #f5f5f5;
}

hr {
    opacity: 1;
}

.navbar-brand {
    padding: 15px;
}

.step-header {
    display: none !important;
}

*:not(i):not(.fa):not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(.h1):not(.h2):not(.h3):not(.h4):not(.h5):not(.h6) {
    font-family: APTypeText-Regular;
    font-size: 16px;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: APTypeText-Bold !important;
    font-size: 32px;
}

.btn-primary, .btn-primary:hover, .btn-primary:disabled, btn-primary:active, btn-primary:focus {
    background-color: #DC1928 !important;
    border-color: #DC1928 !important;
    color: white !important;
}

.dropdown-toggle::after, .dropdown-toggle:hover::after {
    color: #DC1928 !important;
}

.btn-primary, .btn-secondary {
    width: 200px !important;
    margin-top: 10px !important;
}

.btn-primary.btn-large, .btn-secondary.btn-large {
    width: 270px !important;
}

@media (max-width: 767.98px) {
    .btn-primary, .btn-secondary, .btn-primary.btn-large, .btn-secondary.btn-large {
        width: 100% !important;
    }
}

.btn-secondary, .btn-secondary:hover, .btn-secondary:disabled, btn-secondary:active, btn-secondary:focus {
    background-color: #F2F2F2 !important;
    border-color: #F2F2F2 !important;
    color: black !important;
}

.upload-drop-body {
    border-color: black !important;
}

.ap-color, .upload-drop-text em, .upload-drop-icon i {
    color: #DC1928 !important;
}

.failed-progress {
    color: #4D4D55 !important;
}

.w-0 {
    width: 0% !important;
}

.ap-bgcolor {
    background-color: #DC1928;
}

.progressBar {
    border-width: 10px !important;
}

.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 700px;
}

.mh-450 {
    min-height: 450px;
}

.spinner-wrapper {
    background-color: #A6A6AA;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    transition: all 0.2s;
    opacity: 0.5;
}

.spinner-border {
    height: 60px;
    width: 60px;
}

/*a, a:active, a:visited, a:hover, a:active {
    color: #DC1928;
}*/

.bi {
    display: inline-block;
    position: relative;
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    top: -1px;
    background-size: cover;
}

.bi-person-badge-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-person-badge' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 2a.5.5 0 0 0 0 1h3a.5.5 0 0 0 0-1h-3zM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0z'/%3E%3Cpath d='M4.5 0A2.5 2.5 0 0 0 2 2.5V14a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2.5A2.5 2.5 0 0 0 11.5 0h-7zM3 2.5A1.5 1.5 0 0 1 4.5 1h7A1.5 1.5 0 0 1 13 2.5v10.795a4.2 4.2 0 0 0-.776-.492C11.392 12.387 10.063 12 8 12s-3.392.387-4.224.803a4.2 4.2 0 0 0-.776.492V2.5z'/%3E%3C/svg%3E");
}

.bi-arrow-bar-left-nav-menu {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-arrow-bar-left' viewBox='0 0 16 16'%3E%3Cpath d='M12.5 15a.5.5 0 0 1-.5-.5v-13a.5.5 0 0 1 1 0v13a.5.5 0 0 1-.5.5ZM10 8a.5.5 0 0 1-.5.5H3.707l2.147 2.146a.5.5 0 0 1-.708.708l-3-3a.5.5 0 0 1 0-.708l3-3a.5.5 0 1 1 .708.708L3.707 7.5H9.5a.5.5 0 0 1 .5.5Z'/%3E%3C/svg%3E");
}

.nav-item {
    font-size: 0.9rem;
    padding-bottom: 0.5rem;
    text-align: left;
}

    .nav-item .nav-link {
        color: #d7d7d7;
        background: none;
        border: none;
        border-radius: 4px;
        height: 3rem;
        display: flex;
        align-items: center;
        text-align: left;
        width: 100%;
    }

        .nav-item .nav-link:hover {
            background-color: rgba(255,255,255,0.1);
            color: white;
        }