table.sa-el-table thead .sorting,
table.sa-el-table thead .sorting_desc,
table.sa-el-table thead .sorting_asc {
    position: relative;
    z-index: 0;
    outline: 0;
    cursor: pointer;
}

table.sa-el-table thead .sorting:after,
table.sa-el-table thead .sorting_desc:after,
table.sa-el-table thead .sorting_asc:after {
    position: absolute;
    top: 50%;
    right: 10px;
    font-family: "Font Awesome\ 5 Free";
    font-weight: 700;
    color: #fff;
    z-index: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.sa-el-table-wrap .sa-el-tables_wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    width: 100%;
}

.sa-el-table-wrap .sa-el-tables_filter {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: right;
}

.sa-el-table-wrap .sa-el-tables_filter label {
    font-weight: 700;
}

.sa-el-table-wrap .sa-el-tables_filter label input[type="search"] {
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    outline: 0;
    padding: 10px;
    margin-left: 10px;
}

.sa-el-table-wrap .sa-el-tables_length {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}

.sa-el-table-wrap .sa-el-tables_length select {
    width: auto;
    max-width: 120px;
    height: 40px;
    border: 1px solid rgba(0, 0, 0, 0.09);
    outline: 0;
    margin-left: 10px;
    margin-right: 10px;
}

.sa-el-table-wrap .sa-el-tables_length label {
    font-weight: 700;
}

.sa-el-table-wrap .sa-el-tables_info {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    font-weight: 700;
}

.sa-el-table-wrap .sa-el-tables_paginate {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    text-align: right;
}

.sa-el-table-wrap .sa-el-tables_paginate .paginate_button {
    padding: 10px 15px;
    background: #f2f2f2;
    margin-right: 2px;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.sa-el-table-wrap .sa-el-tables_paginate .paginate_button:hover {
    color: #fff;
    background: #4a4893;
}

.sa-el-table-wrap .sa-el-tables_paginate .paginate_button.current {
    color: #fff;
    background: #4a4893;
}

.sa-el-table-wrap .sa-el-tables_paginate .paginate_button.disabled {
    cursor: no-drop;
    background: #f2f2f2;
    opacity: 0.5;
    color: #888;
}

.data-header-icon {
    margin-right: 10px;
}

.sa-el-table {
    width: 100%;
    height: auto;
    margin: 0;
    border-collapse: collapse;
    border: none;
}

.sa-el-table tr {
    border-style: none;
}

.sa-el-table thead tr {
    text-align: left;
}

.sa-el-table thead tr th {
    padding: 20px 15px;
    background: #4a4893;
    font-size: 16px;
    font-weight: 600;
    font-family: "Montserrat", "sans-serif";
    line-height: 1;
    color: #fff;
    border-color: #000;
    border-width: 2px;
    border-style: none;
    background-clip: padding-box;
}

.sa-el-table thead tr th:hover {
    border-color: #000;
}

.sa-el-table tbody tr.even {
    -webkit-transition: background 0.4s ease-in-out;
    -o-transition: background 0.4s ease-in-out;
    transition: background 0.4s ease-in-out;
}

.sa-el-table tbody tr.even:hover {
    background: rgba(242, 242, 242, 0.7);
}

.sa-el-table tbody tr.even:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.sa-el-table tbody tr.odd {
    background: rgba(242, 242, 242, 0.5);
    -webkit-transition: background 0.2s ease-in-out;
    -o-transition: background 0.2s ease-in-out;
    transition: background 0.2s ease-in-out;
}

.sa-el-table tbody tr.odd:hover {
    background: rgba(242, 242, 242, 0.7);
}

.sa-el-table tbody tr.odd:last-child {
    border-bottom: 1px solid rgba(0, 0, 0, 0.09);
}

.sa-el-table tbody tr td {
    padding: 20px 15px;
    font-size: 14px;
    font-family: "Montserrat", "sans-serif";
    line-height: 1;
    border-width: 2px;
    border-style: none;
    background-clip: padding-box;
}

.sa-el-table-th-img {
    display: inline-block;
    margin: 0 15px 0 0;
    line-height: 1;
}

.th-mobile-screen {
    display: none;
}

@media (max-width: 39.9375em) {
    .sa-el-table-wrap {
        overflow-x: scroll !important;
        padding-bottom: 5px;
    }
    .th-mobile-screen {
        display: inline-block;
        padding: 0 0.6em;
        margin-right: 10px;
        text-align: center;
        -webkit-box-flex: 0;
        -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
        flex-grow: 0;
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        -webkit-flex-basis: 100px;
        -ms-flex-preferred-size: 100px;
        flex-basis: 100px;
    }
    .th-mobile-screen .sa-el-table-th-img {
        margin: 0 auto 15px auto;
        display: block;
    }
    .th-mobile-screen .data-header-icon {
        margin: 0 auto 15px auto;
        display: block;
    }
    .td-content-wrapper {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
    .td-content {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .td-content>p {
        width: 100%;
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
    .custom-responsive-option-enable .sa-el-table thead {
        display: none;
    }
    .custom-responsive-option-enable .sa-el-table tbody tr td {
        float: none;
        clear: left;
        width: 100%;
        text-align: left;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
    }
    .sa-el-table .td-content {
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
}

table.sa-el-table thead .sorting:after {
    content: "\f0dc";
}

table.sa-el-table thead .headerSortDown:after {
    content: "\f0dd";
}

table.sa-el-table thead .headerSortUp:after {
    content: "\f0de";
}

table.sa-el-table thead .sorting_disabled.sorting:after {
    display: none;
}

table.sa-el-table .sorting.sorting-none:after {
    display: none;
}

table.sa-el-table .sorting_desc.sorting-none:after {
    display: none;
}

table.sa-el-table .sorting_asc.sorting-none:after {
    display: none;
}

.sa-el-table-align-left table.sa-el-table {
    float: left;
}

.sa-el-table-align-center table.sa-el-table {
    margin: 0 auto;
}

.sa-el-table-align-right table.sa-el-table {
    float: right;
}

.sa-el-hide-elements .sa-el-tables_info {
    display: none;
}

.sa-el-dt-th-align-left .sa-el-table thead tr th {
    text-align: left;
}

.sa-el-dt-td-align-left .sa-el-table tbody tr td {
    text-align: left;
}

.sa-el-dt-th-align-right .sa-el-table thead tr th {
    text-align: right;
    padding-right: 30px;
}

.sa-el-dt-td-align-right .sa-el-table tbody tr td {
    text-align: right;
    padding-right: 30px;
}

.sa-el-dt-th-align-center .sa-el-table thead tr th {
    text-align: center;
}

.sa-el-dt-td-align-center .sa-el-table tbody tr td {
    text-align: center;
}