a {
    color: #007bff;
}

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

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

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


.is-invalid {
    border-color: #ff0000;
}

.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;
}

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

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

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

.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%;
    }
}

.most-popular-glow::before {
    background: linear-gradient(135deg, #9f5fff, #7bdffe);
    filter: blur(12px);
    border-radius: 12px;
}

.badge-most-popular {
    background: linear-gradient(135deg, #9f5fff, #7bdffe);
    color: white;
    border-radius: 12px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}

.navbar-brand span{
    color: black;
}