.education-date-end {
    text-align: end;
}

#newSubjEducation {
    position: absolute;
    right: 5px;
    bottom: 10px;
}

.education-multiply-modal {
    width: 750px;
}

.edu-infos {
    display: flex;
    flex-direction: column;
}

#add-worker {
    width: 40px;
    height: 34px;
}

#new-worker-wrapper {
    display: flex;
}

#new-worker-wrapper .select2 {
    width: 100% !important;
}

/*SideBar css*/
#educations {
    height: 100%;
}

#educations .dataTables_scrollHeadInner {
    width: 100% !important;
}

#educations .dataTables_scrollHeadInner table {
    width: 100% !important;
    box-sizing: border-box;
}

.dt-education-side-col {
    /*padding: 4px;*/
    cursor: pointer;
}

/* Registered for education */
#registered-workers-educ {
    overflow-y: scroll;
    background-color: $content-background-color;
    padding: 5px 20px;
    border-top: 2px solid $divider-color;
    border-bottom: 2px solid $divider-color;
    margin: 0px -20px 0px -20px;
    height: 100%;
}

#registered-workers-educ > div:first-child {
    display: flex;
    padding: 12px 0px;
}

.education-panel {
    border: none;
}

.education-table {
    border-bottom: 1px solid $divider-color;
}

.education-table td {
    vertical-align: middle;
}

.education-table td:not(:first-child) {
    text-align: center;
}

.education-table td:first-child > div {
    display: flex;
    align-items: center;
}

.education-panel-body {
    border-top: 1px solid $divider-color;
}

#worker-educations td {
    padding: 2px 3px;
}

#worker-educations {
    width: calc(100% - 30px);
    height: calc(100% - 16px);
    margin: 8px 15px;
}

#worker-educations tr > td:first-child {
    vertical-align: bottom;
}

#new-worker-section {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 8px;
}

.education-worker-img {
    width: 6%;
}

.education-worker-name {
    width: 89%;
}

.mw-70 {
    min-width: 70px;
}

#collapse-educations .panel {
    background-color: $content-background-color;
}

#registered-workers-educ .text-default {
    color: unset;
}

#education-wrapper .btn-transparent {
    color: inherit;
    background-color: inherit;
}

// Tablet and mobile
@media only screen and (max-width: $max-screen-sm) {
    #educationAddNew > span {
        display: none;
    }

    .education-date-end {
        text-align: unset;
    }

    #registered-workers-educ {
        overflow-y: unset;
    }

    .education-multiply-modal {
        width: unset;
    }

    .education-worker-img {
        width: 15%;
    }

    .education-worker-name {
        width: 80%;
    }
}

// Mobile
@media only screen and (max-width: 580px) {
    #registered-education-table table,
    #registered-education-table thead,
    #registered-education-table tbody,
    #registered-education-table th,
    #registered-education-table tr,
    #registered-education-table td:not(.td-education-align) {
        display: block;
    }

    #registered-education-table tr {
        border: 1px solid $table-border-color;
    }

    #registered-education-table td:not(.td-education-align) {
        border: none;
        position: relative;
        white-space: normal;
        text-align: left;
        width: 100% !important;
    }

    #registered-education-table td.td-education-align {
        border: none;
    }

    #worker-educations {
        width: calc(100% - 30px) !important;
    }

    #worker-educations .mobile-block {
        display: block !important;
        width: 100% !important;
        min-height: 25px;
    }

    #worker-educations tbody,
    #worker-educations tr {
        width: 100% !important;
    }

    #worker-educations tbody {
        display: inline-table;
    }

    .mobile-icon-inline {
        width: 25px !important;
        display: inline-block !important;
        border: 0px !important;
        float: right;
    }
}
