.font-semi {
    font-weight: 600 !important;
}
.ws-nowrap {
    white-space: nowrap;
}
.ws-normal {
    white-space: normal;
}
.font-500 {
    font-weight: 500 !important;
}
.register-box.sign-up-box {
    max-width: 1000px;
    width: 100%;
}
.assesment-pill {
    display: flex;
    align-items: center;
    gap: 10px;
}
.answer-type-group {
    display: flex;
    align-items: center;
    gap: 20px;
}
.circle-assesment {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    display: block;
    border-radius: 360px;
}

.table-actions {
    display: flex;
    align-items: center;
    gap: 10px;
}

.table-nowrap {
    white-space: nowrap;
}

.dtr-details {
    width: 100%;
}

.dtr-details li {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
}

.dataTables_filter .form-control {
    height: 38px;
}

.buttons-group {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    align-items: center;
}
.w-full{width:100%;}
.buttons-group>.btn {
    width: max-content;
    margin: 0 !important;
}

.heading-flex {
    display: flex;
    align-items: center;
    gap: 15px;
}

.preview-job {
    display: flex;
    flex-direction: column;
}

.preview-job h1,
.preview-job h2,
.preview-job h3,
.preview-job h4,
.preview-job h5,
.preview-job h6 {
    font-weight: 700;
}

.preview-job--frame {
    overflow: hidden;
    border: 2px dashed #28a745;
}

.preview-job--frame--container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.preview-job--frame--container>* {
    width: max-content;
}

.nav-link.active .step-circle {
    background-color: #007bff;
}

.nav-steps .nav-link:not(.active) {
    color: #495057 !important;
}

.step-circle {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    border-radius: 360px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #6c757d;
    color: #fff;
    font-weight: 600;
    font-size: 13px;
}


.pdf-job {
    height: 100vh;
    position: relative;
    width: 100%;
}

.pdf-job iframe {
    width: 100%;
    height: 100%;
}

.flex-auto {
    flex: auto;
}
.btn{justify-content:center;}
.btn,
.form-control-group {
    display: flex;
    align-items: center;
    gap: 10px;
}

.w-50 {
    max-width: 50%;
    flex: 0 0 50%;
}

.accordeon--header {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.accordeon--header::after {
    display: none;
}

.accordeon--header .card-tools {
    float: none !important;
    margin: 0 !important;
}

.accordeon--header .btn-tool {
    margin: 0 !important;
}

.resize-x-none {
    resize: vertical !important;
}
/* 
.editor .note-editable {
    display: flex;
    flex-direction: column;
    gap: 44px;
}

.editor .note-editable h3 {
    font-size: 32px;
    font-weight: 700;
    line-height: 30px;
    text-align: left;
}

.editor .note-editable img {
    max-width: 478px;
    width: 100%;
    aspect-ratio: 478/280;
}

.editor .note-editable hr {
    background-color: #E1E1E1;
    height: 1px;
}

.editor .note-editable h4+p {
    margin-top: 20px;
}

.editor .note-editable p {
    font-size: 16px;
    font-weight: 300;
    line-height: 30px;
    text-align: left;
    color: #666666;
} */

.daterangepicker .btn {
    display: inline-flex;
}

.user-avatar-preveiw--40 {
    width: 40px;
    height: 40px;
    flex: 0 0 40px;

    border: 1px solid rgba(15, 34, 72, 0.10);
    background: lightgray 50% / cover no-repeat;

    border-radius: 300px;
    overflow: hidden;
    display: flex;
}

.--after-none::after{
    display: none !important;
}

.list-words{
    display: flex;
    flex-wrap: wrap;
    list-style-type: none;
    padding: 0;
    gap: 5px;
}
.list-words > li{
    display: flex;
}
.list-words > li:not(:last-child)::after{
    content: ",";
}
.list-words p{
    margin: 0;
    padding: 0;
}

.label-flex{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 10px;
}
.label-flex > *{
    margin: 0;
}