.container {
    max-width: 960px !important;
}

/* Button */
.cmet-button {
    appearance: button;
}

    .cmet-button:hover {
        background-color: #0b5ed7 !important;
    }

    .cmet-button:focus {
        outline: 2px solid #0b5ed7;
    }

    .cmet-button.bg-primary:hover {
        background-color: white !important;
        color: #0b5ed7 !important;
        box-shadow: inset 0px 0px 0px 2px #0b5ed7;
    }

    .cmet-button.bg-danger:hover {
        background-color: white !important;
        color: #DC3545 !important;
        box-shadow: inset 0px 0px 0px 2px #DC3545;
    }

    .cmet-button.bg-light:hover {
        background-color: black !important;
        color: #F8F9FA !important;
        box-shadow: inset 0px 0px 0px 2px #F8F9FA;
    }

    .cmet-button.bg-primary:focus {
        outline-offset: 3px;
        outline: 3px solid #0b5ed7 !important;
    }

    .cmet-button.bg-danger:focus {
        outline-offset: 3px;
        outline: 3px solid #DC3545 !important;
    }

    .cmet-button.bg-light:focus {
        outline-offset: 3px;
        outline: 3px solid black !important;
    }

    .cmet-button:active {
        transform: translateY(1px);
    }

/* Checkboxes */
.cmet-checkbox-label {
    cursor: pointer;
}

.cmet-checkbox-input {
    height: 0;
    width: 0;
}

    .cmet-checkbox-input:checked + .cmet-checkbox-control {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23000' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .cmet-checkbox-input:focus + .cmet-checkbox-control {
        box-shadow: 0 0 0 2px blue;
    }

.cmet-checkbox-control {
    width: 1.6em;
    height: 1.6em;
}

/* Header */
.cmet-header-dark {
    background-color: #002e52 !important;
}

/* Radio buttons */
.cmet-radio-label {
    cursor: pointer;
}

.cmet-radio-input {
    height: 0;
    width: 0;
}

    .cmet-radio-input:checked + .cmet-radio-control {
        background: radial-gradient(currentcolor 50%, rgba(255, 0, 0, 0) 55%);
    }

    .cmet-radio-input:focus + .cmet-radio-control {
        box-shadow: 0 0 0 2px blue;
    }

.cmet-radio-control {
    width: 1.6em;
    height: 1.6em;
    border: 0.1em solid currentColor;
}

/* Text input */
.cmet-text-input:focus {
    outline: 2px solid var(--bs-primary);
}

/* Textarea */
.cmet-textarea-input:focus {
    outline: 2px solid var(--bs-primary);
}

/* Select */
.cmet-select:focus {
    outline: 2px solid var(--bs-primary);
}

/* Nav items */
.cmet-nav-item {
    height: 35px;
}

    .cmet-nav-item:hover {
        border-bottom: 5px solid hsl(206deg 100% 50%) !important;
        color: hsl(206deg 100% 50%) !important;
    }

/* Links */
.cmet-link {
    color: hsl(216deg 98% 40%) !important;
    text-underline-offset: .1rem;
}

    .cmet-link:hover {
        color: hsl(216deg 98% 25%) !important;
        text-decoration-thickness: max(3px, 0.1875rem, 0.12em) !important;
    }

.bg-dark-blue {
    background-color: #011933 !important;
}

/* Utilities */
.fw-medium {
    font-weight: 600;
}

.fs-6 {
    font-size: 1.2rem !important;
}

.w-20 {
    width: 20%;
}

.w-30 {
    width: 30%;
}

.w-33 {
    width: 33%;
}

.w-66 {
    width: 66%;
}

.w-70 {
    width: 70%;
}

.w-2ch {
    width: 3.1rem;
}

.w-4ch {
    width: 4.2rem;
}

.w-6ch {
    width: 5.5rem;
}

.w-8ch {
    width: 6.5rem;
}

:root {
    --bs-body-font-size: 1.1rem;
}

.cmet-badge-yellow {
    background: #FEF3C7;
    color: #B45309;
}

.cmet-badge-orange {
    background: #FED7AA;
    color: #92400E;
}

.cmet-badge-blue {
    background: #BFDBFE;
    color: #075985;
}

.cmet-badge-red {
    background: #FECACA;
    color: #991B1B;
}

.cmet-badge-grey {
    background: #E7E5E4;
    color: #52525B;
}

.cmet-badge-green {
    background: #BBF7D0;
    color: #166534;
}

.table-border-secondary {
    border-color: hsl(208deg 7% 75%) !important;
}

.border-darker {
    border-color: hsl(208deg 7% 45%) !important;
}

.text-danger {
    color: rgb(216 27 27) !important;
}

.border-danger {
    border-color: rgb(216 27 27) !important;
}

.border-success {
    border-color: #166534 !important;
}

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

.cmet-alert-info {
    border-color: #075985;
    color: #075985;
}

.cmet-alert-warning {
    border-color: #B45309;
    color: #B45309;
}

.autocomplete__input:focus {
    outline: 2px solid var(--bs-primary);
    box-shadow: inset 0 0 0 0
}

/* Language select */
.cmet-language-select ul li:not(:last-child):after {
    content: "";
    display: inline-block;
    position: relative;
    top: 0.1875em;
    height: 1em;
    border-right: 0.09375em solid #0b0c0c;
}

.unauthorized_text {
    font-size: 40px;
    color: #f0021a;
}

.step-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    background-color: #f1f1f1;
    border-radius: 50%;
    display: inline-block;
}

.step-label {
    font-weight: 500;
}

.step-wrapper {
    margin-top: 2rem;
}

.step {
    flex-shrink: 0;
    width: 100px;
}

.step-connector {
    flex-grow: 1;
    height: 2px;
    background-color: #ccc;
    margin-bottom: 1rem;
}

.step-divider {
    height: 2px;
    background-color: #ccc;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}
}

.nav-link {
    cursor: pointer; /* Change cursor to pointer to indicate clickability */
}

.nav-link:hover {
    background-color: #f0f0f0; /* Light grey background on hover */
    color: #007bff; /* Change text color on hover */
}

.nav-link.active {
    font-weight: bold; /* Make active tab bold */
    color: #007bff; /* Active tab color */
}