.btn {
    border-radius: 20px;
    padding: 8px 24px;
}

.btn-outline-primary {
    border-color: #00aad2;
    color: white;
}

.btn-outline-primary:hover {
    background-color: #1f3b52;
    border-color: #1f3b52;
    color: white;
}

.btn-primary {
    background-color: #00afdb;
    border-color: #00afdb;
    color: white;
}

.btn-primary:hover {
    background-color: #e5f7fb;
    border-color: #e5f7fb;
    color: #00afdb;
}

.btn-warning {
    color: #180f00;
}

.btn-warning:hover {
    color: #714900;
    background-color: #fff2cd;
}

.check-qualifications-container {
    padding: 10px;
}

/* Accordion Styles */
.accordHeader {
    background-color: white;
    border: 1px solid #999;
    border-top: 4px solid #005072;
    position: relative;
    padding: 15px 25px;
    margin: 10px;
    cursor: pointer;
}

    .accordHeader p {
        margin-bottom: 0;
    }

    .accordHeader h3 {
        padding-bottom: 0;
    }

    .accordHeader::after {
        position: absolute;
        right: 10px;
        top: 50%;
        transform: translateY(-50%);
        display: inline-block;
        width: 24px; /* Adjust width to match icon size */
        height: 24px; /* Adjust height to match icon size */
        background-size: contain;
        content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%2301afdb" d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3 0l192-192c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l192 192z"%3E%3C/path%3E%3C/svg%3E');
    }

    .accordHeader.open::after {
        content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"%3E%3Cpath fill="%2301afdb" d="M233.4 105.4c12.5-12.5 32.8-12.5 45.3 0l192 192c12.5 12.5 12.5 32.8 0 45.3s-32.8 12.5-45.3 0L256 173.3 86.6 342.6c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3l192-192z"%3E%3C/path%3E%3C/svg%3E');
    }

.accordContent {
    background-color: white;
    width: 95%;
    padding: 10px;
    cursor: auto;
}

    .accordContent table td {
        padding: 10px;
    }

.alert-box {
    padding: 20px 60px;
    text-align: left;
    color: white;
    background: linear-gradient(to bottom, #ff4d4d, #cc0000);
    border: 1px solid #b30000;
    box-shadow: inset 0 1px 1px rgba(255,255,255,0.3), 0 4px 6px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
}

    .alert-box::before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(255, 255, 255, 0.1);
        box-shadow: 0 2px 4px rgba(255, 255, 255, 0.1);
        transform: skewY(-5deg);
        pointer-events: none;
        opacity: 0.8;
    }

    .alert-box::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50%;
        background: rgba(0, 0, 0, 0.1);
        transform: skewY(5deg);
        pointer-events: none;
        opacity: 0.8;
    }

    .alert-box p, .alert-box ul, .alert-box ol {
        margin: 0;
        font-size: 1em;
        line-height: 1.5;
        position: relative;
        z-index: 1;
        list-style-position: inside;
        padding-left: 0;
    }

    .alert-box ul, .alert-box ol {
        text-align: left;
        display: inline-block;
    }

    .alert-box ul {
        list-style-type: disc;
    }

    .alert-box ol {
        list-style-type: decimal;
    }

    .alert-box a {
        color: white;
        text-decoration: underline;
    }

    .alert-box a:hover {
        color: white;
        text-decoration: underline;
    }

.show-survey {
    z-index: 9999;
}