/*-------- common tables [MENZ 2020-05-21] --------*/

.new-table th {
    font-size: 12px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 600;
    color: black;
    border-bottom: 2px solid #333333;
}

.new-table tr:nth-child(even) {
    background: #fafafa;
}

.new-table th, .new-table td {
    padding: 8px 16px;
}



table.product {
    vertical-align: top;
    border-top: 1px solid #333333;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
}

.product td, .product th {
    padding: 3px 15px 3px 15px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
}

.product th {
    background: #58595b;
    color: #ffffff;
}

.invite td {
    background: #f1f1f1;
    padding: 8px 40px 8px 8px;
    font-size: 12pt;
    line-height: 18pt;
    vertical-align: top;
}

.flights td, .flights th {
    padding: 3px 15px 3px 15px;
    text-align: center;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #c0c0c0;
    vertical-align: top;
}


table.summary {
    vertical-align: top;
    border-top: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
}
.summary td {
    padding: 8px;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    vertical-align: top;
}
.summary th {
    background: #f1f1f1;
    padding: 8px;
    border-bottom: 1px solid #c0c0c0;
    border-left: 1px solid #c0c0c0;
    vertical-align: top;
    font-weight: bold;
}

.details td {
    padding: 8px;
    border-bottom: 1px dashed #c0c0c0;
    vertical-align: top;
}
.details th {
    background: #f1f1f1;
    padding: 8px;
    border-bottom: 1px solid #c0c0c0;
    vertical-align: top;
    font-weight: bold;
    text-align: left;
}


.altrows tr:nth-child(even) {
    background: #f1f1f1;
}

.altrows tr:nth-child(odd) {
    background: #ffffff;
}

table .warn {
    background: #ffcccc !important;
}

table .title {
    background: #85add5 !important;
    color: #fff !important;
}

table .alt {
    background: #f1f1f1 !important;
}

/* ----------- Others ---------- */
.compare table,
.info table,
.size table {
    vertical-align: top;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-top-color: #d2d3d0;
    border-right-color: #d2d3d0;
    border-bottom-color: #d2d3d0;
}

    .compare tr,
    .info table tr,
    .size table tr {
        vertical-align: top;
    }

td.align-top,
th.align-top,
tr.align-top td,
tr.align-top th,
tr.align-ticks td {
    vertical-align: top !important;
}
table tr.align-ticks th {
    vertical-align: top !important;
    padding-top: 12px !important;
}

.compare td.left,
.compare th.left,
table td.left,
table th.left {
    text-align: left !important;
}
table tr.border-top-0 td,
table tr.border-top-0 th {
    border-top: none !important;
}

/* compare */
.compare td,
.compare tbody th {
    padding: 0.5rem;
    border-top: #d2d3d0 solid 1px;
    border-left: #d2d3d0 solid 1px;
    vertical-align: middle;
}

.compare thead th {
    padding: 0.5rem;
    border-left: #d2d3d0 solid 1px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: #000
}


.compare {

}

/* info */
.info table td {
    padding: 5px;
    border-top: #d2d3d0 solid 1px;
    border-left: #d2d3d0 solid 1px;
    vertical-align: middle;
}
    
.info table thead th {
    padding: 5px;
    border-left: #d2d3d0 solid 1px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: #000
}
.info table thead.left th {
    padding: 5px;
    border-left: #d2d3d0 solid 1px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
    color: #000
}

.info table thead th.width10 { width: 10%; }
.info table thead th.width15 { width: 15%; }
.info table thead th.width20 { width: 20%; }
.info table thead th.width25 { width: 25%; }

.info table tbody th {
    padding: 5px;
    border-top: #d2d3d0 solid 1px;
    border-left: #d2d3d0 solid 1px;
    font-weight: bold;
    vertical-align: middle;
    text-align: left;
}   

.info tbody.altrows tr:nth-child(even) {
    background-color: #e4e4e4;
}
.info tbody.altrows tr:nth-child(odd) {
    background-color: #fff;
}

.info tbody.altrows th {
	background-color: #fff;
	vertical-align: top;
}

.centercell table td,
.centercell table th {
    text-align: center;
} 
.highlight {
    background-color: #fefbd0;
} 

/*lossnay*/

.lossnay table {
    border-collapse: collapse;
    width: 100%;
    font-family: Arial, sans-serif;
    table-layout: fixed; /* Ensure even distribution of cell width */
}

.lossnay th, .lossnay td {
    border: 1px solid white;
    padding: 8px;
}

.lossnay th {
    background-color: #68B75C; /* Light green for headers */
    font-weight: bold;
    text-align: center;
    color: white;
}

.lossnay tr:nth-child(odd) {
    background-color: #F3F8F1; /* 10% green tint */
}

.lossnay tr:nth-child(even) {
    background-color: #E0EEDA; /* 20% green tint */
}

.money, .lossnay th:nth-child(n+2), .lossnay td:nth-child(n+2) {
    text-align: center;
}

.lossnay td:first-child {
    text-align: left;
}

.lossnay td:last-child {
    font-size: 20px;
    font-weight: bold;
    color: #68B75C;
}

.lossnay-table {
    display: none; /* Initially hide all */
}

.filter-btn {
    border: 1px solid #68B75C;
    cursor: pointer;
}

    .filter-btn:hover {
        background-color: #E0EEDA;
    }

    .filter-btn.active {
        background-color: #E0EEDA;
        border: 1px solid #68B75C;
    }

    .filter-btn + .filter-btn {
        border-left: none;
    }

@media only screen and (max-width: 768px) {
    .filter-btn + .filter-btn {
        border-left: 1px solid #68B75C;
        border-top: none;
    }
}

/* size */
.size table td {
    padding: 5px;
    border-top-color: #d2d3d0;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #d2d3d0;
    border-left-style: solid;
    border-left-width: 1px;
    vertical-align: middle;
    text-align: center;
}


.size table td.small {
    
}

.size table tbody th {
    padding: 5px;
    border-top-color: #d2d3d0;
    border-top-style: solid;
    border-top-width: 1px;
    border-left-color: #d2d3d0;
    border-left-style: solid;
    border-left-width: 1px;
    vertical-align: middle;
    text-align: center;
    background-color: #e4e4e4;
}
    
.size table thead th {
    padding: 5px;
    border-left-color: #d2d3d0;
    border-left-style: solid;
    border-left-width: 1px;
    font-weight: bold;
    vertical-align: bottom;
    text-align: center;
    background-color: #333333;
    color: #FFFFFF;
}

.size table tfoot td {
    text-align: right;
}






.mob #compare.info table th.width25 {
    /*width: 15px;
	height: auto;
	word-wrap: break-word;
	white-space: pre-wrap;*/
}
.mob #compare.info table th.width25 span 
{
    
	
    /*display: inline-block;
	-webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg);

    -webkit-transform-origin: left top;
    -moz-transform-origin: left top;
    -ms-transform-origin: left top;
    -o-transform-origin: left top;
    transform-origin: left top;*/


}



/* DEBUGGING - fix overrides */ 
span.tracecontent th.alt {
    background-color: black !important;
}
span.tracecontent th,
span.tracecontent td {
    padding: 0.2rem !important;
}

span.tracecontent h1,
span.tracecontent h2,
span.tracecontent h3 {
    margin: 0.5rem 0 !important;
}