.king-addons-table-inner-container {
overflow-y: auto;
overflow-x: auto;
}
.king-addons-hide-table-before-arrange,
.king-addons-hide-pagination-on-search {
opacity: 0;
}
.king-addons-table-td {
position: relative;
}
.king-addons-table-td-pag {
text-align: center;
}
.king-addons-data-table {
border-collapse: collapse;
border-spacing: 0;
margin-right: 0 !important;
margin-left: 0 !important;
margin-bottom: 0;
}
.king-addons-data-table tr:first-child th {
border-top: none !important;
}
.king-addons-data-table tr:last-child td {
border-bottom: none !important;
}
.king-addons-data-table tr th:first-child,
.king-addons-data-table tr td:first-child {
border-left: none !important;
}
.king-addons-data-table tr th:last-child,
.king-addons-data-table tr td:last-child {
border-right: none !important;
}
.king-addons-flex-column {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.king-addons-flex-column-reverse {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
}
.king-addons-data-table th {
position: relative;
}
.king-addons-equal-column-width-yes .king-addons-data-table {
table-layout: fixed;
}
.king-addons-equal-column-width-yes .king-addons-data-table .king-addons-table-th-pag,
.king-addons-equal-column-width-yes .king-addons-data-table .king-addons-table-td-pag {
width: 50px;
}
.king-addons-table-live-search-cont input {
min-width: 100%;
}
.king-addons-search-input-icon,
.king-addons-sorting-icon {
position: absolute;
top: 50%;
right: 5%;
transform: translateY(-50%);
}
.king-addons-table-custom-pagination {
list-style-type: none !important;
padding: 0;
}
.king-addons-table-custom-pagination-inner-cont {
display: flex;
align-items: center;
}
.king-addons-table-custom-pagination-list {
cursor: pointer;
}
.king-addons-table-export-button-cont {
display: flex;
justify-content: center;
}
.king-addons-table-export-button-cont button {
position: relative;
width: 100%;
}
.king-addons-export-search-inner-cont {
display: flex;
justify-content: space-between;
align-items: center;
}
.king-addons-data-table img {
display: inline-block;
}
.king-addons-table-td,
.king-addons-table-th {
vertical-align: middle;
}
.king-addons-table-appended-tr {
width: 100%;
}
.king-addons-table-tr-before {
position: relative;
}
.king-addons-table-tr-before::before {
content: '+';
position: absolute;
top: 10px;
left: 10px;
display: flex;
justify-content: center;
align-items: center;
background: green;
color: white;
width: 20px;
height: 20px;
font-size: 15px;
border-radius: 50%;
}
.king-addons-table-tr-before-remove::before {
content: '-';
position: absolute;
top: 10px;
left: 10px;
display: flex;
justify-content: center;
align-items: center;
background: red;
color: white;
width: 20px;
height: 20px;
font-size: 15px;
border-radius: 50%;
}
.king-addons-table-text {
position: relative;
}
.king-addons-data-table-th-img,
.king-addons-table-text {
vertical-align: middle;
}
.king-addons-xls,
.king-addons-csv {
padding: inherit;
}
.king-addons-entry-info-yes .king-addons-table-pagination-cont {
display: flex;
justify-content: space-between;
align-items: center;
}
.king-addons-entry-info-yes .king-addons-table-custom-pagination {
justify-content: flex-end;
}
.king-addons-entry-info {
white-space: nowrap;
min-width: 50px;
}
.king-addons-table-text-nowrap-yes th,
.king-addons-table-text-nowrap-yes td {
white-space: nowrap;
}
.king-addons-data-table .fa-question-circle {
font-weight: 400 !important;
font-family: "Font Awesome 5 Free", serif !important;
}
.king-addons-data-table-content-tooltip {
position: absolute;
top: -10px;
left: 50%;
border-radius: 4px;
padding: 6px 10px;
visibility: hidden;
opacity: 0;
font-size: 15px;
transform: translate(-50%, -100%);
transition: all 230ms ease-in-out 0s;
text-align: center;
}
/*noinspection DuplicatedCode*/
.king-addons-data-table-content-tooltip:before {
content: "";
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: -5px;
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top-style: solid;
border-top-width: 6px;
}
.king-addons-table-td:hover .king-addons-data-table-content-tooltip {
visibility: visible;
opacity: 1;
top: -7px;
transform: translate(-50%, -100%);
}
@media screen and (max-width: 768px) {
.king-addons-export-search-inner-cont,
.king-addons-table-pagination-cont {
flex-direction: column;
}
.king-addons-equal-column-width-yes .king-addons-data-table {
table-layout: auto;
}
.king-addons-table-export-button-cont {
width: 100%;
justify-content: space-around;
}
}