[x-cloak]{display:none!important}.opportunity-tags{margin:0;padding:0;display:flex;flex-direction:row;gap:10px;justify-content:start;align-items:center;list-style:none;li {
        margin: 0px;
        list-style: none;
    }
}.doc-button{background:var(--bde-brand-primary-color);padding:5px 15px;border-radius:8px;text-decoration:none;color:#fff!important;display:inline-block;font-size:18px}.doc-countdown{display:flex;flex-direction:row;vertical-align:center;gap:5px;.doc-countdown-item {
        display: flex;
        flex-direction: column;
        gap: 2px;
        text-align: center;
        .doc-countdown-time {
            font-weight: bold;
        }
        .doc-countdown-label {
            font-size: 12px;
        }
    }
}.doc-register-button-group{display:flex;input {
        padding: 10px;font-size: 20px;min-width:75px
    }
}#opportunities-list{display:flex;flex-direction:column;gap:25px;.opportunities-list-item {
        border: 1px solid #dddddd;
        border-radius: 8px;
        padding: 20px;
    }
}#application-metabox-table{#application-edit-form > .form-control {
        margin-bottom: 10px;
    }

    .actions {
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 10px;
        margin-top: 25px;

        & > .actions-group {
          display: flex;
          justify-content: start;
          align-items: center;
          gap: 10px;
      }
    }
}#opportunities-report-list{margin-top:25px;.opportunities-report-list-item {
        background: white;
        padding: 25px;
        margin-bottom: 25px;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-shadow: 2px 2px 15px rgba(0, 0, 0, 0.05);
        border-radius: 8px;

        .opportunities-report-list-item-meta {
            display: flex;
            align-items: center;
            justify-content: start;
            gap: 20px;
            padding: 5px 10px;
            background: #eeeeee;
        }

        .opportunities-report-list-item-title {
            display: flex;
            align-items: center;
            justify-content: space-between;
            gap: 20px;
        }
    }
}#code-login-form{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;margin-bottom:20px;h3 { margin: 0px; }
    .codeform-errors {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 5px;
    }
    .codeform-errors li {
        margin: 0px;
        background: #ffe0e0;
        display: block;
        padding: 5px 10px;
        color: red;
        border-radius: 5px;
    }

    .code-login-form-fields {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
    }



    .code-login-form-group {
        display: flex;
        flex-direction: column;
        gap: 2px;
    }

    label {
        font-size: 12px;
    }

    input {
        padding: 10px 20px;
        border: 1px solid #aaaaaa;
        border-radius: 5px;
    }
    button {
        border: none;
        padding: 10px 20px;
        background: var(--bde-brand-primary-color);
        color: white;
        border-radius: 5px;
    }
}#opportunities-logged-in-bar{background:#f4f4f4;border-radius:8px;padding:25px;h5 { margin: 0px; margin-bottom: 5px; }

    .opportunities-logged-in-bar-header {
        gap: 15px;
        align-items: start;
        justify-content: space-between;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;

    }
    .opportunities-logged-in-bar-header-actions {
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 10px;
    }
    .opportunities-logged-in-bar-opportunities-group {
        display: flex;
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid #dddddd;
    }
    .opportunities-logged-in-bar-opportunities {

        width: 50%;
    }
    .opportunities-logged-in-bar-opportunities ul {
        margin: 0px;
        margin-top: 5px;
    }
}.doc-alert{border-radius:10px;background:#ddd;padding:5px 10px;font-size:14px}.doc-alert-green{background:var(--bde-brand-primary-color);color:#fff}.doc-form{.admin-form-table {
        width: 100%;
        margin-bottom: 20px;
        border: 1px solid #dddddd;
        padding: 20px;
        th { text-align: start }
        th, td { padding: 5px 10px; }
    }
    .form-section {
        margin-bottom: 20px;
    }
    label {
        display: block;
        margin-bottom: 5px;
        font-weight: bolder;
    }
    input, textarea {
        width: 100%;
        border: 1px solid #999999;
        border-radius: 5px;
        display: block;
        padding: 5px;
    }

    .form-flex-section {
        margin-bottom: 20px;
        display: flex;
        gap: 20px;
    }
}#opportunities-logout-button{background:var(--bde-brand-primary-color);color:#fff;padding:5px 15px;border-radius:8px;text-decoration:none}.modal-bg{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);z-index:99;display:flex;justify-content:center;align-items:center;h3 {
        margin: 0px;

    }

    button {
        border: none;
        padding: 10px 20px;
        background: var(--bde-brand-primary-color);
        color: white;
        border-radius: 5px;
    }
    button:disabled {
        background: #bbbbbb !important;
        color: white !important;
    }


    .modal-body {
        background: white;
        padding: 25px;
        max-width: 800px;
        border-radius: 8px;
        box-shadow: 2px 2px 12px rgba(0, 0, 0, .5);
        overflow-y: scroll;
        max-height: 90vh;
        overflow-y: auto;
        scrollbar-color: color-mix(in srgb, var(--bde-brand-primary-color), transparent 50%) transparent;

        /* 1. The entire scrollbar area */
        .volunteer-application-rows {
            display: flex;
            flex-direction: column;
            gap: 10px;
            margin-bottom: 12px;
        }
        .volunteer-application-row {
            display: flex;
            justify-content: start;
            gap: 10px;
            width:100%;

            div { flex: 1 }

            label {
                font-size: 15px;
                display: block;
            }
            input {
                padding: 5px;
            }
        }
        .volunteer-application-remove {
            border: none;
            background: none;
            color: red;
            font-weight: bold;
            font-size: 20px;
            border-radius: 50%;
            width: 32px;
            height: 32px;
            margin: 0px;
            padding: 0px;
            line-height: 32px;
        }
        .volunteer-application-remove:hover {
            background: red;
            color: white;
        }
        .volunteer-application-remove:disabled {
            background: white;
            color: #aaaaaa;
        }
        .volunteer-application-actions {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-top: 20px;
            padding-top: 20px;
            border-top: 1px solid #bbbbbb;
            margin-bottom: 10px;
        }

        .volunteer-application-actions .volunteer-application-action-cancel {
            background: #bbbbbb;
            color: white;
        }
        .volunteer-application-action-errors {
            color: red;
        }
    }
}.breakdance-link.button-atom--primary.disabled{background:#ddd!important;color:#3f443b}.breakdance-link.button-atom--primary.disabled:hover{background:#ddd!important;color:#3f443b}.lds-ring{color:#888}.lds-ring,.lds-ring div{box-sizing:border-box}.lds-ring{display:inline-block;position:relative;width:25px;height:25px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:25px;height:25px;border:3px solid currentColor;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border-color:currentColor transparent transparent transparent}.lds-ring div:nth-child(1) {animation-delay:-.45s}.lds-ring div:nth-child(2) {animation-delay:-.3s}.lds-ring div:nth-child(3) {animation-delay:-.15s}@keyframes lds-ring {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}#opportunity-applications-table{padding:25px;background:#eee;border-radius:12px;display:flex;flex-direction:column;gap:15px;h6 { margin: 0px; }

    ul, li {
        margin: 0px;
        padding: 0px;
        list-style: none;
    }


    em {
        font-size: 14px;
    }

    table {
        width: 100%;
        border-collapse: collapse;
        font-size: 14px;

        thead th, thead td {
            background: var(--bde-brand-primary-color);
            color: white;
            padding: 8px 16px;
        }

        tbody th, tbody td {
            background: white;
            padding: 8px 16px;
            border: 1px solid #aaaaaa;
        }
    }


}