@import '../stylesheets/mixins/_responsive.scss';
//@import './variables.scss';
.ant-table-body{
/* 	background: #fff; */
}
.ant-table-pagination{
    margin-right: 24px;
}
.data-table .ant-table, .data-bookings .ant-table{
    margin-top: 0px;
    color: $primary-text-color;
}
// .data-table table {
//     table-layout: fixed;
// }

.data-table .ant-table-tbody > tr > td {
    word-wrap: break-word;
    word-break: break-all;
}
.data-table .ant-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;
}
.data-table .ant-table-tbody>tr>td{
    padding: 10px 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: 2px 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 .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;
}
.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;
}
.main-field, .data-table .main-field{
    font-size: 20px;
    font-weight: $main-field-weight;
    color: $main-field-color;
}
.main-field.danger, .data-table .main-field.danger{
    color: $danger-color;
}
span.main-field, .data-table span.main-field{
    display: inline-block;
    width: 100%;
}
.sec-field, .data-table .ant-table-small .main-field{
    font-size: 16px;
    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 .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;
    padding: 0px;
    background: transparent!important;
    box-shadow: none;
    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 .ant-table-small{
    border: none;
    font-size: 12px;
}
.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 7px;
}
.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.highlighted{
    background-color: $table-row-bg-highlight;
}
.data-table tr.cancelled{
    text-decoration: line-through;
    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-danger;
}
.data-table .ant-table-expanded-row .ant-table-tbody, .data-table .ant-table-expanded-row .ant-table-thead th{
    background: transparent!important;
}
.data-table .ant-table-expanded-row{
    background: $secondary-light-background-color;
}
.data-table .ant-table-expanded-row > td{
    padding: 0!important;
}
.data-table .ant-row.expanded-overview-row{
    margin: 0!important;
}
.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;
}
/*.data-table .ant-checkbox-inner{
    background: $header-bg;
    border: $header-bg;
}*/
.data-table .ant-table-pagination.ant-pagination{
    float: none;
    @include MQ(md) {
        float: right;
    }
}
.data-table .ant-pagination{
    color: $primary-text-color;
}

.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 a{
    color: $primary-text-color;
}
.data-table .ant-pagination-item.ant-pagination-item-active a{
    color: $contrast-text-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-table .ant-table tr:hover td{
	background: $highlight-background-color;
}
.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: 16.8px;
    strong{
        color: $main-field-color;
    }
}
.data-table .ant-table-footer{
    background: $secondary-light-background-color;
    box-shadow: $base-item-shadow;
    border: none;
}
.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-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 .editable-row .ant-form-item{
    padding: 0!important;
    width: auto;
    box-shadow: none;
    min-height: auto;
}

.editable-table table {
    table-layout: fixed;
}

.editable-table .ant-table-tbody > tr > td {
    word-wrap: break-word;
    word-break: break-all;
}

.stats-table{
	//border: none;
	//padding: 0px;
}
.stats-table .ant-table{
	border-bottom:none;
}
.stats-table .ant-table table{
	table-layout: fixed;
}
.stats-table .ant-table .ant-table-body{
	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;
}
.stats-table .ant-table-scroll .ant-table-body{
    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: 13px;
    padding: 5px 15px;
    vertical-align: middle;
}
.stats-table .ant-table-bordered .ant-table-thead > tr > th, .stats-table .ant-table-bordered .ant-table-tbody > tr > td{
	border-color: $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: 13px;
}
.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 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;
// }