/**
* Table style : classes Bootstrap 
* .table-hover : effet hover sur les lignes
* .table-striped : alternance de couleur entre les lignes
* .table-responsive : classe à mettre en parent de <table> pour gérer le responsive
* .sortable : à mettre sur un <th> à trier
*/

.table-apec .table {
    margin-bottom: 0;
}

.table-apec .table thead tr {
    height: 56px;
}

.table-apec .table tbody tr {
    height: 48px;
}

.table-apec .table tbody td {
    vertical-align: middle;
    padding-left: 16px;
    padding-right: 16px;
}

.table-apec .table thead th {
    border-bottom: none;
    vertical-align: middle;
    text-transform: uppercase;
    padding-left: 16px;
    padding-right: 16px;
}

.table-apec .table th {
    font-family: "Montserrat-SemiBold", Verdana, Arial, sans-serif;
    font-weight: normal;
    color: #ffffff;
}

.table-apec .table th:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}

/* SORTING */

.table-apec .table thead th.sortable {
    position: relative;
    padding-left: 36px;
    cursor: pointer;
}

.table-apec .table thead th.sortable::before {
    content: '';
    position: absolute;
    bottom: calc(50% - 10px);
    left: 16px;
    display: block;
    width: 11px;
    height: 18px;
    opacity: 0.3;
    background: url('../../img/angular/core/icons/sort-down.svg') no-repeat;
    background-size: contain;
}

.table-apec .table thead th.sortable::after {
    content: '';
    position: absolute;
    top: calc(50% - 10px);
    left: 16px;
    display: block;
    width: 11px;
    height: 18px;
    opacity: 0.3;
    background: url('../../img/angular/core/icons/sort-up.svg') no-repeat;
    background-size: contain;
}

.table-apec .table thead th.sortable.orderAsc::after {
    opacity: 1;
}

.table-apec .table thead th.sortable.orderDesc::before {
    opacity: 1;
}

/* THEME */

.theme-candidat .table-apec .table th{
    background-color: #232558;
}
.theme-candidat .table-apec .table th a {
    color: #fff;
}

.theme-candidat .table-apec .table td a {
    color: #232558;
}

.theme-candidat .table-apec .table td a:hover {
    color: #232558;
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .table-echanges { width:auto; }
}