.active {
    background-color: #020202;
    border-radius: 8px;
    color: #f2f2f2;
}

/* error message */
.error {
    color: red;
    font-size: 12px;
}

.iti {
    width: 100%;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm {
    background-color: #020202 !important;
    border: 1px solid #020202 !important;
}

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm:focus {
    box-shadow: 0 0 0 3px #0202022e !important;
}

.active_tabs {
    background-color: #635cff;
    border-radius: 8px;
    color: white;
}

.ck-editor__editable[role="textbox"] {
}
.ck.ck-editor__main > .ck-editor__editable:not(.ck-focused) {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border: 2px solid #e0e0e0 !important;
}

.ck-editor__main > .ck-editor__editable:is(.ck-focused) {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border: 2px solid #020202 !important;
}

.ck-rounded-corners .ck.ck-editor__top .ck-sticky-panel .ck-toolbar,
.ck.ck-editor__top .ck-sticky-panel .ck-toolbar.ck-rounded-corners {
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    border-top: 2px solid #e0e0e0 !important;
    border-left: 2px solid #e0e0e0 !important;
    border-right: 2px solid #e0e0e0 !important;
}