.flex-gap-05 {

    gap: 5px;
}

.flex-gap-1 {
    gap: 10px;
}

.flex-gap-2 {
    gap: 20px;
}


.job-position-top-tab,
.job-position-top-btn {
    color: #000;
    border: solid 1px #000;
    cursor: pointer;
}
.job-position-top-btn {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 20px;
}
.job-position-top-btn img{
    height: 35px;
}

.job-position-top-tab:hover {
    background-color: #98A6EE;
    border-color: transparent;
}

.job-position-top-btn.active {
    /*background-color: #D2EDC0;*/
    /*border-color: transparent;*/
}

.job-position-top-tab.active {
    background-color: #98A6EE;
    border-color: transparent;
}

.job-position-top-tab.disabled,
.job-position-top-btn.disabled {
    opacity: .3;
    cursor: unset;
}

.job-position-top-tabs .job-position-top-tab:first-child {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.job-position-top-tabs .job-position-top-tab:last-child {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}


.job-position-skill-items .job-position-skill-item {
    cursor: pointer;
    padding: 10px 20px !important;
}

.job-position-skill-items input {
    display: none;
}

.job-position-skill-items input:checked + .job-position-skill-item {
    background-color: #7b88cb;
    color: #fff
}

.job-position-skill-item:hover {

}

.job-position-skill-item.active {

}

.error-msg {
    margin-top: 10px;
    font-size: 12px;
    color: #FF4A4A
}

.action-plan-edit-field {

}

.action-plan-edit-field .action-plan-edit-field-title {
    font-weight: bold;
    display: inline-flex;
    align-items: center;
    padding: 8px;
    border-radius: 5px;
    margin-bottom: 5px;
    position: relative;
}

.action-plan-edit-field .action-plan-edit-field-title img {
    height: 25px;
    margin-right: 10px
}

.action-plan-edit-field textarea,
.action-plan-edit-field span {
    width: 100%;
    border-radius: 5px;
}

.action-plan-edit-field .action-plan-edit-field-title .icon-img {
    height: 25px;
    margin-right: 10px;
    margin-left: -30px
}

#action-plan-edit-documents-container {
    border-radius: 5px;
    position: relative;
    height: 200px
}

#action-plan-edit-documents-container .documents-container-inner {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    gap: 30px;
    border: dashed #18B77E 3px;
    padding: 20px 50px;
    border-radius: 10px;
    max-width: calc(100% - 40px);
    cursor: pointer;
    transition: background-color .3s;
}

#action-plan-edit-documents-container .documents-container-inner input {
    cursor: pointer;
}

#action-plan-edit-documents-container .documents-container-inner:hover {
    background-color: #f3f3f3;
}

#action-plan-edit-documents-container .documents-container-inner .documents-container-text {
    display: flex;
    flex-direction: column;
    gap: 30px;
    font-weight: bold;
}

#action-plan-edit-documents-container .documents-container-inner .documents-container-text span {
    font-weight: normal;
}

#action-plan-edit-documents-container .documents-container-inner .fa-cloud-upload-alt {
    font-size: 68px !important;
    color: #494949
}

#action-plan-edit-documents-container .documents-container-inner #edit-documents {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0

}

.action-plan-edit-field #output,
.action-plan-edit-field #uploaded-documents,
.action-plan-edit-field #output-error {
    display: inline-flex;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 20px
}

.action-plan-edit-field #output .document-file,
.action-plan-edit-field #uploaded-documents .document-file,
.action-plan-edit-field #output-error .document-file {
    border: solid 1px #d5d5d5;
    padding: 10px 15px;
    white-space: nowrap;
    /*max-width: 300px;*/
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    border-radius: 5px;
    font-weight: bold;
    display: flex;
    align-items: center;
    gap: 10px;
}

.action-plan-edit-field #output .document-file.success,
.action-plan-edit-field #uploaded-documents .document-file.success,
.action-plan-edit-field #output-error .document-file.success {
    background-color: rgba(212, 237, 218, .3) !important;
}

.action-plan-edit-field #output .document-file.document-file-invalid,
.action-plan-edit-field #uploaded-documents .document-file.document-file-invalid,
.action-plan-edit-field #output-error .document-file.document-file-invalid {
    background-color: #ff0000;
    color: #fff;
    max-width: 100%;
}

.action-plan-edit-field #output .document-file.document-file-valid,
.action-plan-edit-field #uploaded-documents .document-file.document-file-valid,
.action-plan-edit-field #output-error .document-file.document-file-valid {
    background-color: #e9e9e9;
}


#form-submit-btn:disabled {
    opacity: 0.3
}

.action-plan-edit-field #output .document-file i.fas.fa-spinner,
.action-plan-edit-field #uploaded-documents .document-file i.fas.fa-spinner,
.action-plan-edit-field #output-error .document-file i.fas.fa-spinner {
    -webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.action-plan-edit-field #uploaded-documents .document-file i.fas.fa-spinner {
    display: none;
}

.action-plan-edit-field #uploaded-documents .document-file i.far.fa-trash-alt {
    margin-left: auto;
    color: #ff0000;
}

.error-doc-msg {
    color: #ff0000;
    margin-top: 10px
}


.lightest-gray {
    background-color: #fbfbfb;
}

.left-bar a {
    color: #000;
}

.loader-ai {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffffe0;
    background-image: url("/assets/img/loadaers/spinner.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 70px;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.header2__profile-list li a {
    padding: 0.5rem !important;
    height: auto !important;
    font-size: 16px !important;
    font-weight: normal;
}

.header2__profile-list.ul__null {
    /*max-height:unset !important;*/
}

.header2__user-link-input:checked ~ .header2__profile-list {
    max-height: min-content !important;
}

.add-new-skill-btn {
    max-width: 920px;
    margin: auto;
}

#st-1 {
    margin-top: 0 !important;
}

.d-none {
    display: none !important;
}

.c-pointer {
    cursor: pointer;
}

.suggest-success-message {
    font-size: 22px;
    color: green;
    font-weight: bold;
}

.color-black {
    color: #000 !important;
}

.training-title-fs {
    font-size: 102% !important;
}

.flex-column {
    flex-direction: column;
}

.mentor-time-price-block .form-price-bl {
    border: solid 3px #e1746f;
}

.mentor-time-price-block .form-time-bl {
    border: solid 3px #f5c1b6;
}

.bo-ra-20{
    border-radius: 20px;
}