@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/fonts/space-grotesk/SpaceGrotesk-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Space Grotesk';
    src: url('/static/fonts/space-grotesk/SpaceGrotesk-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk', sans-serif !important;
}

a {
    color: #007bff;
}

.secondary-color {
    background-color: #ecf1ff;
}

.main-color {
    background-color: #c0dcff;
}

.payment-color {
    background-color: #3e70cc;
}


.faq-img {
    border: #003366 1px solid;
}

a.faq-link {
    color: rgb(203, 118, 245);
}


.error-code {
    color: #dc3545;
}

.error-message {
    color: #333333;
}

.error-description {
    color: #666666;
}

.info-box {
    background-color: #f9f9f9;
    border-radius: 5px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .1);
}

.info-title {
    color: #333;
}

.info-content {
    color: #555;
}


.alert-error {
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
}

.btn-icon {
    background-color: #eeeeee;
    color: #99A1B7;
    border: solid 1px #dbe2e4;
    transition: background-color 0.3s;
}

.btn-icon:focus {
    box-shadow: none;
}

.btn-icon:hover {
    background-color: #e5e5e5;
    color: #99A1B7;
    border: solid 1px #dbe2e4;
}

.btn-icon.success {
    background-color: #50cd89;
    color: white;
}

.btn-icon.success:hover {
    background-color: #4bc081;
}

.text-success {
    color: #50cd89 !important;
}

.bi-check2 {
    stroke-width: 10;
}

.saving-indicator {
    background-color: rgb(61, 166, 86);
    color: white;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.3);
}

.badge-custom {
    border-radius: .25rem;
}

.badge-approved, .badge-open {
    background-color: #28a745;
    color: white;
}

.badge-answered {
    background-color: #4bbde1;
    color: white;
}

.badge-pending {
    background-color: #ffc107;
    color: #333;
}

.badge-rejected, .badge-closed {
    background-color: #dc3545;
    color: white;
}

.badge-on-hold {
    background-color: #6c757d;
    color: white;
}

.fabrx-header-links a svg * {
    fill: white;
}

.fabrx-header-links a:hover svg * {
    fill: white;
}

.alert-warning {
    background-color: #fcd287;
    border-color: #fcd287;
    color: #333;
}

.form-control {
    background-color: white !important;
}

#drop-area {
    border: 2px dashed #007bff;
    border-radius: 10px;
    transition: background-color 0.1s, border-color 0.1s;
}

#drop-area.dragover {
    background-color: #daeeff;
    border-color: #0056b3;
}

.bg-answer {
    background-color: #dce1ff;
    border: .0625rem solid #dce1ff;
}

.bg-preview {
    background-color: #ffd5b3;
    border: .0625rem solid #ffd5b3;
}


#id_captcha_1 {
    border-radius: .188rem;
    background-clip: padding-box;
    border: 1px solid #c4c4c4;
}

@media (max-width: 768px) {
    #id_captcha_1 {
        width: 60%;
    }
}


.navbar-brand span {
    color: black;
}