//@import './variables.scss';
@mixin background-opacity($color, $opacity: 0.3) {
    background: $color; /* The Fallback */
    background: rgba($color, $opacity);
}

.ant-table-body{
    will-change: transform!important;
}
.ant-table-pagination{
    margin-right: 24px;
}
.data-table .ant-table, .data-table .ant-table-header, .data-table .ant-table-thead {
 	background: transparent;
}

.data-table .ant-table, .data-bookings .ant-table{
    margin-top: 0px;
    color: $primary-text-color;
}
.data-table .ant-table-thead>tr>th, .sortable-table thead > tr > th{
    background: transparent;
    color: $primary-text-color;
    font-weight: 600;
    font-size: 13px;
    padding: 5px 15px;
    vertical-align: middle;
}
.data-table .ant-table-thead > tr, .main-wrapper .ant-table-thead > tr{
    // background: transparent;
    background: #cccade;
}
.data-table .ant-table-tbody>tr>td{
    //padding: 5px 15px;
    vertical-align: middle;
}
// .data-table .ant-table td, .data-table .ant-table th{
//     white-space: nowrap;
// }
.data-table .ant-table-tbody{
    background: $table-row-bg;
    // box-shadow: $base-item-shadow;
}
.data-table .ant-table-tbody>tr>td{
    border-bottom: 5px solid $primary-background-color;
}
.data-table .ant-table-tbody>tr:last-child > td {
    border-bottom: none;
}
.data-table .ant-table-thead > tr > th.ant-table-column-sort{
    background: $highlight-background-color;
}
.data-table td.ant-table-column-sort{
    background-color: rgba(255, 193, 7, 0.07);
}
.data-table .ant-table-thead > tr > th{
    border-color: $table-border-color;
}
.data-table .ant-avatar{
    float: left;
    /* margin-right: 10px; */
}
.data-table .ant-table-tbody > tr.ant-table-row-selected td{
/*     background: #fff2e8; */
    background: $highlight-background-color;

    // &:first-child{
    //     border-left: 4px solid var(--secondary-color);
    // }
}
.data-table .ant-table-thead > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .data-table .ant-table-tbody > tr.ant-table-row-hover:not(.ant-table-expanded-row) > td, .data-table .ant-table-thead > tr:hover:not(.ant-table-expanded-row) > td, .data-table .ant-table-tbody > tr:hover:not(.ant-table-expanded-row) > td{
    background: $highlight-dark-background-color!important;
}
.main-field, .data-table .main-field{
    font-size: 16px;
    font-weight: $main-field-weight;
    color: $main-field-color;
}
.main-field.danger, .data-table .main-field.danger{
    color: $danger-color;
}
.main-field.muted, .data-table .main-field.muted{
    color: $primary-text-color-muted;
}
span.main-field, .data-table span.main-field{
    display: inline-block;
    width: 100%;
}
.data-table span.main-field{
    display: inline;
}
.sec-field, .data-table .ant-table-small .main-field{
    font-size: 14px;
    font-weight: 500;
}
.sec-field.highlight{
    color: $main-field-color;
    font-weight: $main-field-weight;
}
.muted-field{
    color: $primary-text-color-muted;
}
.notice-field{
    font-size: 16px;
    font-weight: 500;
    color: $danger-color;
}
.data-table .no-padding{
    padding: 0!important;
}
.data-table .field, .data-table .field.bordered{
    display: inline-block;
    width: auto;
    padding: 5px 8px;
    min-width: 70px;
    margin-bottom: 0;
}
.data-table .field .field-label, .data-table .field.bordered .field-label{
    font-size: 11px;
}
.data-table .field .field-value, .data-table .field.bordered .field-value{
    font-size: 16px;
    line-height: normal;
    color: $primary-text-color;
    font-weight: 700;
}
.data-table .table-button{
    //display: flex;
    line-height: normal;
    align-items: center;
    height: auto;
    text-align: inherit;
    font-weight: inherit;
    border: none;
    border-radius: 0;
    padding: 0px;
    background: transparent!important;
    vertical-align: middle;
    box-shadow: none!important;
}
.data-table .table-button:hover{
/* 	background: rgba(255, 255, 255, 0.7); */
}
.data-table .table-button .anticon{
    font-weight: normal;
}
.data-table .table-button .anticon.anticon-down{
    display: none;
}
.data-table .table-button > span {
    display: block;
    width: 100%;
}
.data-table .table-button .main-field{
    display: block;
    width: 100%;
}
.data-table .footer-summary{
    font-size: 18px;
}

.data-table .footer-title{
    margin-bottom: 4px;
    color: $primary-text-color-muted;
    font-size: 14px;
}
.data-table .footer-value{
    color: $primary-text-color;
    font-size: 24px;
}
.data-table .footer-title-embedded{
    margin-bottom: 0px;
    color: $primary-text-color-muted;
    font-size: 12px;
}
.data-table .footer-value-embedded{
    color: $primary-text-color;
    font-size: 18px;
}
.main-container-embedded .ant-table-footer {
	padding: 8px 16px;
}

.data-table .ant-table-thead > tr > th, .data-table .ant-table-tbody > tr > td, .data-table .ant-table tfoot > tr > th, .data-table .ant-table tfoot > tr > td{
    padding: 20px 20px;
    
}
// .data-table .ant-table-tbody > tr > td:first-child{
//     border-top-left-radius: 20px;
//     border-bottom-left-radius: 20px;
// }
// .data-table .ant-table-tbody > tr > td:last-child{
//     border-top-right-radius: 20px;
//     border-bottom-right-radius: 20px;
// }

.data-table .ant-table-small{
    border: none;
    font-size: 11px;
}
.data-table .ant-table-small .ant-table-thead>tr>th{
    font-size: 11px;
    background: none;
}
.data-table .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-thead>tr>th{
    background: none;
}
.data-table .ant-table-small>.ant-table-content>.ant-table-body>table>.ant-table-tbody>tr>td{
    padding: 2px 5px!important;
}
.ant-modal .data-table .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-modal .data-table .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th{
    padding: 5px 5px!important;
}
.data-table .ant-table.ant-table-small .ant-table-title, .data-table .ant-table.ant-table-small .ant-table-footer, .data-table .ant-table.ant-table-small .ant-table-thead > tr > th, .data-table .ant-table.ant-table-small .ant-table-tbody > tr > td, .data-table .ant-table.ant-table-small tfoot > tr > th, .data-table .ant-table.ant-table-small tfoot > tr > td{
    padding: 2px 5px!important;
}
.data-table .ant-table.ant-table-small{
    font-size: 12px;
}
.data-table .ant-table.ant-table-small .sec-field, .data-table .ant-table-small .main-field{
    font-size: 12px;
}
// .data-table .ant-table.ant-table-small .ant-btn-sm{
//     font-size: 11px;
// }
.main-container-embedded .data-table .ant-table-tbody > tr.ant-table-measure-row > td, .data-table .ant-table-tbody > tr.ant-table-measure-row > td, .data-table .ant-table.ant-table-small .ant-table-tbody > tr.ant-table-measure-row > td{
    padding: 0!important;
}
.data-table.data-table-selection tr{
    cursor: pointer;
}
.data-table .ant-table-placeholder{
    font-size: 20px;
    box-shadow: $base-item-shadow;
    color: $primary-text-color;
    font-size: 22px;
    //padding: 30px;
    background: $primary-light-background-color;
}
.data-table .ant-table-small > .ant-table-content > .ant-table-body{
    margin: 0;
}
.data-table tr.completed{
    background-color: $table-row-bg-success;
}
.data-table tr.failed{
    background-color: $table-row-bg-failure;
}
.data-table tr.disabled{
    background-color: $secondary-dark-background-color;
}
.data-table tr.disabled td *{
    color: $primary-text-color-muted;
}
.data-table .ant-table-expanded-row .ant-table-tbody, .data-table .ant-table-expanded-row .ant-table-thead th{
    background: transparent!important;
}
.data-table tr.ant-table-expanded-row > td, .data-table  tr.ant-table-expanded-row:hover > td{
    background: transparent!important;
}
.main-container-embedded .data-table .ant-table-expanded-row{
    background: $secondary-light-background-color;
    td.ant-table-cell{
        padding: 0!important;
    }
}
.data-table .ant-table tr.ant-table-expanded-row{
    &:hover, &:hover td, .ant-table tr:hover td{
        background: var(--secondary-light-background-color)!important;
    }
    td{
        background: var(--secondary-light-background-color)!important;
        border: 0;
    }
}
.data-table .ant-table-expanded-row > td{
    padding: 0!important;
}
.data-table .ant-row.expanded-overview-row{
    margin: 0!important;

    .ant-typography-edit-content, .ant-typography-edit-content input, .ant-typography-edit-content textarea, .ant-typography-edit-content *{
        //width: 100%!important;
        //display: block;
        font-weight: normal;
        line-height: normal;
        font-size: inherit;
        padding: 3px 0 0 6px;
    }
}
.data-table .ant-table td .ant-row.expanded-overview-row, .data-table .ant-table th .ant-row.expanded-overview-row{
    white-space: normal;
}
.data-table .ant-table-scroll .ant-table-body{
    overflow-x: auto!important;
    -webkit-overflow-scrolling: touch;
}
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body{
    -webkit-overflow-scrolling: touch;
}
/*.data-table .ant-checkbox-inner{
    background: $header-bg;
    border: $header-bg;
}*/
.data-table .ant-pagination, .data-table .ant-table-pagination.ant-pagination{
    color: $primary-text-color;
    text-align: center!important;
    float: none;
    @include MQ(sm) {
        // text-align: right;
        // float: right;
    }
}

.main-container-embedded{
    .data-table .ant-table-tbody > tr > td,  .data-table .ant-table-thead > tr > th{
        padding: 5px 10px!important;
    }
}
.data-table .ant-pagination-item, .data-table .ant-pagination-prev .ant-pagination-item-link, .data-table .ant-pagination-next .ant-pagination-item-link{
    background: $primary-background-color;
    border-color: $secondary-dark-background-color;
}

.data-table .ant-pagination-item.ant-pagination-item-active {
    background: $primary-color;
    // color: white;
}


.data-table .ant-pagination-item a{
    color: $primary-text-color;
}
.data-table .ant-pagination-item.ant-pagination-item-active a{
    color: $primary-background-color;
    // color: #000000;
}
.data-table .ant-table-row-level-1 td{
    background: $secondary-light-background-color;
}
.data-bookings .ant-table-small.ant-table-bordered .ant-table-content, .data-table .ant-table-small.ant-table-bordered .ant-table-content, .calendar-table .ant-table-small.ant-table-bordered .ant-table-content{
    border-right: none!important;
}
.data-bookings .ant-table-small > .ant-table-content .ant-table-header, .data-table .ant-table-small > .ant-table-content .ant-table-header{
    background: transparent;
}
.data-bookings .ant-table-fixed-header .ant-table-scroll .ant-table-header{
    //overflow: hidden;
    //margin: 0!important;
}
.data-table.no-shadow .ant-table-tbody{
    box-shadow: none;
}
.data-table .ant-table tr:hover td{
	background: $highlight-background-color!important;
}
.data-table{
    td.ant-table-cell-fix-left, td.ant-table-cell-fix-right{
        background: var(--table-row-bg)!important;
    }
    .ant-table tr:hover td.ant-table-cell-fix-left, .ant-table tr:hover td.ant-table-cell-fix-right{
        background: var(--table-row-bg)!important;
    }
    th.ant-table-cell-fix-left, th.ant-table-cell-fix-right{
        background: var(--primary-background-color)!important;
    }
}
.data-table .ant-table-sticky-holder{
    background: var(--primary-background-color);
}
.data-table{
    .tasks-btn, .preferences-btn{
        font-size: 11px;
        @include MQ(xxl) {
            font-size: 14px;
        }
    }
    // .ant-table-summary{
    //     background: transparent;
    //     box-shadow: none;
    //     //border-top: 2px solid $primary-background-color;

    //     tr td {
    //         border-bottom: none;
    //         padding: 3px 2px!important;
    //         .field{
    //             padding: 8px 15px;
    //             //width: 100%;
    //             box-shadow: none;
    //             .field-value{
    //                 font-size: 20px;
    //             }
    //         }
    //         // &.main-field{
    //         //     //background: var(--table-row-bg);
    //         //     //background: var(--secondary-light-background-color);
    //         //     // font-size: 18px;
    //         //     //border: 1px solid var(--secondary-light-background-color);
    //         // }
    //     }
    //     tr:hover td{
    //         background: transparent!important;
    //         // &.main-field{
    //         //     //background: var(--table-row-bg)!important;
    //         //     //background: var(--secondary-light-background-color)!important;
    //         // }
    //     }
    // }
}
.summary-table{   
    tr td:last-child{
        text-align: right;
        padding-left: 40px;
    }
}
.data-table .ant-table-expanded-row .field .field-value{
    font-weight: 400;
    line-height: 1.4;
    font-size: 16.8px;
}
.occupants, .field .field-value .occupants .anticon{
    font-weight: 400;
    line-height: 1.4;
    font-size: 12px;
    @include MQ(xl) {
        font-size: 16.8px;
    }
    strong{
        color: $main-field-color;
    }
}
.occupants strong {
    display: inline-block;
    margin-right: 5px;
}
.data-table tr td ul{
    margin: 0;
}
.data-table .ant-table-footer{
    background: $secondary-light-background-color;
    box-shadow: $base-item-shadow;
    border: none;
    overflow: hidden;
}
.data-table .ant-table-small .ant-table-footer{
    padding: 2px 7px;
}
.data-table .ant-table-footer .footer-wrapper{
    display: block;
    width: 100%;
    text-align: right;
}
.ant-modal .data-table .ant-empty.ant-empty-normal{
    margin: 0;
}
.data-table .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder{
    color: inherit;
    .ant-empty{
        padding: 20px 0;
        font-size: 16px;
        small{
            display: inline-block;
            max-width: 600px;
            text-align: justify;
            margin-top: 10px;
        }
    }
    .ant-empty-image{
        height: 80px;
        margin-bottom: 20px;
    }
}
.ant-modal-body .data-table .ant-table-empty .ant-table-tbody > tr.ant-table-placeholder .ant-empty small{
    max-width: 100%;
}
.ant-list.totals-list{
    display: inline-block;
    min-width: 300px;
}
.ant-list.totals-list .ant-list-item{
	padding: 0px 0;
}
.ant-list.totals-list h4.ant-list-item-meta-title{
	margin: 0;
	&:after{
		display: none;
	}
}
.editable-table .ant-table-tbody{
    background: var(--secondary-light-background-color);
}
.editable-table .ant-table-small > .ant-table-content > .ant-table-body{
    margin: 0;
}
// .editable-table td{
//     overflow: visible;
// }
.editable-table .editable-row .ant-form-item{
    padding: 0!important;
    width: auto;
    box-shadow: none;
    min-height: auto;
    height: auto;
}
.editable-table .ant-form-item, .pms-form .editable-table .ant-form-item{
    min-height: auto;
    height: auto; 
}
.editable-table .ant-table-column-title{
    text-transform: uppercase;
    color: var(--primary-text-color);
    font-weight: 600;
    font-size: 13px;
    padding: 5px 15px;
    vertical-align: middle;
}
// .ant-select-item-group{
//     color: #0000FF!important;
//     font-weight: bold!important;
//     font-size: 14px!important;
// }
@media print {
    .data-table.ant-table-wrapper{
        zoom: 0.7;
        padding: 40px;
    }
}

@media (max-width: 420px) {
	.editable-table .ant-table-column-title{
		font-size: 12px;
		padding: 5px 5px;
		vertical-align: middle;
	}
	.pms-form .editable-table .ant-input-number-input {
		font-size: 16px !important;
	}
	.editable-table .ant-btn-circle.ant-btn-sm, .ant-btn-circle-outline.ant-btn-sm {
		min-width: 18px;
		width: 18px;
		height: 18px;
	}
	.editable-table .ant-btn-circle.ant-btn-sm, .ant-btn-circle-outline.ant-btn-sm .anticon {
		font-size: 12px;
	}
}

.ant-table-sticky-holder{
    background: var(--table-border-color)!important;
}
td.ant-table-column-sort{
    background: var(--table-row-bg-highlight)!important;
}

.stats-table{
	//border: none;
	//padding: 0px;
    .ant-table.ant-table-bordered > .ant-table-container{
        border-left-color: var(--table-border-color);
    }
    .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table{
        border-top-color: var(--table-border-color);
    }
    .ant-table-small .ant-table-thead > tr > th{
        background: transparent;
    }
    .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > thead > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tbody > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > th, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-content > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-header > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-body > table > tfoot > tr > td, .ant-table.ant-table-bordered > .ant-table-container > .ant-table-summary > table > tfoot > tr > td{
        border-right-color: var(--table-border-color);
    }
    .ant-table-cell-fix-left, .ant-table-cell-fix-right{
        background: var(--table-border-color);
    }
}
.stats-table .ant-table{
    border-bottom:none;
    background: transparent;
}
.stats-table .ant-table table{
	table-layout: fixed;
}
.stats-table .ant-table .ant-table-tbody{
	margin: 0!important;
	font-size: 12px;
    letter-spacing: 0.03em;
    font-weight: 600;	
    color: $primary-text-color;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: none;
    background: $primary-light-background-color;
}
.stats-table .ant-table-scroll .ant-table-tbody{
    overflow-x: auto!important;
    -webkit-overflow-scrolling: touch;
}
.stats-table .ant-table th{
	padding: 4px 4px!important;
	//text-align: center;
	font-weight: 700;
    color: $primary-text-color-muted;
    text-transform: uppercase;
}
.stats-table .ant-table-thead>tr>th{
    background: transparent!important;
    color: $primary-text-color-muted;
    font-weight: 600;
    font-size: 12px;
    padding: 5px 10px;
    vertical-align: middle;

    &.highlight{
        color: var(--primary-text-color);
        background-color: var(--highlight-background-color);
    }
}
.stats-table .ant-table-bordered .ant-table-thead > tr > th, .stats-table .ant-table-bordered .ant-table-tbody > tr > td{
	border-color: var(--table-border-color);
}
.stats-table .ant-table th.stats-month{
	padding: 4px 4px!important;
	text-align: center;
	font-weight: 700;
	color: $primary-text-color-muted;
	text-transform: uppercase;
	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.stats-table .ant-table td{
	padding: 0!important;
	text-align: center;
	font-size: 12px;
}
.stats-table .ant-table td.name-column{
	text-align: left;
	padding: 4px!important;
	font-size: 12px;
}
.stats-table .ant-table td span.occupancy{
	display: block;
	width: 100%;
	background: red;
	padding: 4px 4px;
}
.stats-table .ant-table td, .stats-table .ant-table th{
	white-space: nowrap;
}
.stats-table .ant-table tr:hover td{
	background: $highlight-background-color!important;
}
.stats-table .total-row, .stats-table .total-column{
    background: $highlight-background-color;
    font-weight: bold;
}

.stats-table tr.ant-table-expanded-row{
    &:hover, &:hover td, .ant-table tr:hover td{
        background: transparent!important;
    }
    td{
        background: transparent!important;
        border: 0;
    }
    .main-container-embedded {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .ant-table table{
        border: 0;
    }
    .data-table .ant-table-tbody > tr > td{
        border-bottom-width: 1px;
    }
    .ant-table .ant-table-tbody{
        background: transparent;
    }
    .data-table .ant-table-tbody{
        background: transparent;
    }
    
}

// .stats-table table {
//    border-spacing: 0;
//    border-collapse: collapse;
//    overflow: hidden;
//    background: transparent;
//    z-index: 1;
// }
// .stats-table td, .stats-table th {
//    position: relative;
//    background: transparent;
// }
// .stats-table tr:hover{
//    background-color: rgba(255, 255, 0, 0.5);
// }
// .stats-table td:hover::after, .stats-table th:hover::after { 
//    background-color: #e6eaff;
//    content: '\00a0';  
//    height: 10000px;    
//    left: 0;
//    position: absolute;  
//    top: -5000px;
//    width: 100%;   
//    z-index: -1;
// }

.pricing-table{
	margin: 0!important;
	font-size: 12px;
    letter-spacing: 0.03em;
    font-weight: 600;	
    color: $primary-text-color;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    box-shadow: none;
    width: 100%;

    tbody{
        background: $table-row-bg;
        box-shadow: $base-item-shadow;
    }
    tbody>tr>td{
        text-align: center;
        border-bottom: 1px solid $primary-background-color;
    }
    tfoot>tr>td{
        padding: 5px 15px;
        text-align: center;
        font-weight: bold;
        &.subtotal{
            text-align: right;
        }
    }
    tbody>tr:last-child > td {
        border-bottom: none;
    }
    thead>tr>th{
        background: transparent!important;
        color: $primary-text-color-muted;
        font-weight: 600;
        font-size: 12px;
        padding: 5px 15px;
        vertical-align: middle;
    }
    thead > tr > th, tbody > tr > td{
        border-color: $table-border-color;
    }
}

.sortable-table{
    table-layout: fixed;
    width: 100%;
    thead > tr > th{
        padding: 0px 5px;
        color: var(--primary-text-color-muted);
    }
    tfoot > tr td{
        padding: 8px 0px!important;
    }
    .ant-form-item-control-input{
        min-height: auto;
    }
    .ant-picker-input input{
        font-size: 14px!important;
    }
    label.ant-checkbox-wrapper{
        span:not(.ant-checkbox){
            width: 18px;
        }
    }
    .transparent-checkboxes .ant-form-item{
        padding: 0;
        margin: 0;
        background: transparent;
        box-shadow: none;
        min-height: auto;
    }

    &.split-bills{
        border-collapse: inherit;
        border-spacing: 0 20px;
        // tr td{
        //     vertical-align: bottom;
        // }
    }
}

.grouped-table{
    .ant-table-summary, .ant-table-row-level-0{
        font-weight: bold;
    }
    .ant-table-thead > tr{
        background: var(--secondary-light-background-color);
    }
    .ant-table-thead > tr > th{
        border-color: var(--primary-light-background-color)!important;
    }
    .ant-table-tbody tr.ant-table-row-level-0.service > td{
        padding-top: 10px!important;
        padding-bottom: 10px!important;
        font-weight: bold;
        font-size: 1.2em;
    }
}
.custom-table{
    box-shadow: var(--base-item-shadow);
    .ant-table{
        // overflow: hidden;

        & > .ant-table-title, .ant-table-summary{
            background: var(--secondary-light-background-color);
            color: var(--primary-color);

            small{
                color: var(--primary-text-color);
            }
        }

        & > .ant-table-title{
            border-bottom: 1px solid var(--secondary-dark-background-color);
        }

        .ant-table-thead tr th{
            border-bottom: 2px solid var(--secondary-light-background-color)!important;
        }
        .ant-form-item{
            margin: 0;
        }
        .ant-table-thead > tr > th{
            background: var(--secondary-light-background-color);
            font-size: 0.85em;
            padding-top: 4px!important;
            padding-bottom: 4px!important;
        }
        .ant-table-row-level-0{
            background: var(--table-row-bg-highlight);
        }
    }
}