.widget-content-area {
    padding: 0;
}

.dt-container .form-control {
    background: #fff;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 6px;
    font-size: 14px;
    padding: 7px 16px;
    height: calc(1.3em + 1.3rem + 2px);
    transition: none;
    width: 75px;
    display: inline-block;
    border: 1px solid #e0e6ed;
}


div.dt-container div.dt-length label {
    font-size: 13px;
    /* margin-right: 10px; */
    font-weight: 600;
    letter-spacing: 0.6px;

    text-align: left;
    white-space: nowrap;
    color: #888ea8;
}

div.dt-container div.dt-length select.dt-form-control {
    margin-right: 0;
    margin-left: 10px;
    /* width: 75px; */    
    
    -moz-appearance: none;
    /* Firefox */
    -webkit-appearance: none;
    /* Safari and Chrome */
    appearance: none;
    background: #fff url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='%23d3d3d3' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e") 54px 12px no-repeat;
    padding: 7px 46px 7px 14px;
}


div.dt-container .dt-search {
    position: relative;
}

div.dt-container .dt-search label {
    position: absolute;
    left: 18px;
    top: 8px;
}

div.dt-container .dt-search label svg {
    width: 19px;
    height: 19px;
    color: #888ea8;
}

div.dt-container div.dt-search input {
    padding: 7px 16px 7px 40px;
}




.table > thead > tr > th .dt-column-title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.4px;
}

.table > thead > tr > th {
    background: #f5f5f5;
    padding: 20px 21px 20px 21px!important;
}





.table > tbody > tr > td .inv-phone {

}

.table > tbody > tr> td {
    font-size: 13.5px;
    font-weight: 500;
    letter-spacing: 0.3px!important;
    color: #2d303e;
    padding: 16px 20px 16px 20px!important
}

.table > tbody > tr:not(:last-child) > td {
    border-bottom: 1px dashed #e0e6ed;
}
.table.have-footer > tbody > tr > td {
    border-bottom: 1px dashed #e0e6ed;
}
.table > tbody > tr > td .user-list-name {
    color: #3b3f5c;
    font-size: 13.5px;
    letter-spacing: 0.14px;
    margin-bottom: 0;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: break-word;
    font-weight: 500;
    letter-spacing: 0;
}

.table > tbody > tr > td .user-list-mail {
    font-size: 13px;
    font-weight: 500;
    color: #abacb2;
    letter-spacing: 0.5px;
}

.table > tfoot > tr > th {
    /* border-top: 1px dashed #e0e6ed; */
    border-top: none;
    border-bottom: none;
    /* background: #f5f5f5; */
}




table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order {
    /* right: 4px; */
    left: 0;
    top: 8px;
}
    
table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:before {
    content: '';
    color: #d3d3d3;
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%233b3f5c\' stroke-width=\'4\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-up\'%3E%3Cpolyline points=\'18 15 12 9 6 15\'%3E%3C/polyline%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 14px;
    height: 14px;
    right: .3rem;
    /* top: .5rem; */
    /* opacity: 0.25; */


    /* top: -12px; */
    top: -11px;
    /* opacity: 0.25; */
    opacity: 0;
    bottom: 0;
    margin: auto;
}


table.dataTable thead>tr>th.dt-orderable-asc span.dt-column-order:after {
    content: '';
    background-image: url('data:image/svg+xml,%3Csvg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\' fill=\'none\' stroke=\'%233b3f5c\' stroke-width=\'4\' stroke-linecap=\'round\' stroke-linejoin=\'round\' class=\'feather feather-chevron-down\'%3E%3Cpolyline points=\'6 9 12 15 18 9\'%3E%3C/polyline%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: center;
    background-size: 12px;
    width: 14px;
    height: 14px;
    right: .3rem;
    /* top: 1.3rem; */
    top: 15px;
    /* opacity: 0.25; */
    opacity: 0;
}



table.dataTable thead>tr>th.dt-orderable-asc:hover, table.dataTable thead>tr>th.dt-orderable-desc:hover, table.dataTable thead>tr>td.dt-orderable-asc:hover, table.dataTable thead>tr>td.dt-orderable-desc:hover {
    outline: none;
}



table.dataTable thead>tr>th.dt-ordering-asc span.dt-column-order:before {
    opacity: 0.6;
}

table.dataTable thead>tr>th.dt-ordering-desc span.dt-column-order:after {
    opacity: 0.6;
}


.dt-container .inv-list-bottom-section .inv-list-pages-count {
    padding: 8px;
    border: 1px solid #e0e6ed;
    border-radius: 8px;
}

.dt-container .inv-list-bottom-section .dt-info {
    color: #3754db;
    letter-spacing: 0.5px;
    font-weight: 500;
}




.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button {
    background: rgba(0, 23, 55, 0.08);
    border: none;


    border-radius: 8px;
    padding: 0;
    height: 33px;
    width: 33px;
    /* display: inline-flex; */
    justify-content: center;
    align-items: center;
    margin-right: 5px;
    
}




.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.first {

}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.first.disabled {
    background: transparent;
}




.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.previous {
    background: #1b2e4b;
}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.previous svg {
    width: 16px;
    height: 16px;
    color: #fff;
}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.previous.disabled {
    background: transparent;
    /* color: #888ea8; */
}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.previous.disabled svg {
    color: #888ea8;
}







.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.current {
    background: #3754db;
    color: #fff;
}












.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.next {
    background: #1b2e4b;
}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.next svg {
    width: 16px;
    height: 16px;
    color: #fff;
}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.next.disabled {
    background: transparent;
    /* color: #888ea8; */
}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.next.disabled svg {
    color: #888ea8;
}










.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.last {

}
.dt-container .inv-list-bottom-section .inv-list-pagination nav .dt-paging-button.last.disabled {
    background: transparent;
}












































































































