smeserver-mailstats/root/opt/mailstats/css/mailstats.css

table {
	xxborder:2px solid;
	xxborder-collapse:collapse;
}


tr.row-total, tr.row-percent , td.col-15, td.col-16 {
    font-weight: bold;
}

table {
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
	border-collapse: collapse;
}

.headerpanel {
	box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);
	border:1px solid;
	width:98%;
}

.innerheaderpanel {
	padding:10px;
}

tr,td,th {
	border:1px solid;
}

.mailstats-detail-1stcol{
  width:174px;
 }

thead tr {
  border-bottom :2px solid;
  color:black;
  background-color:darkgrey;
}

tfoot tr {
  border-top:2px solid;
  color:black;
  font-weight: bold;
  background-color:darkgrey;
 }

.stripes tbody tr:nth-child(odd) {background-color: #dfdfdf}

.no-stripes tbody tr:nth-child(odd) {
    background-color: transparent; /* or whatever background color you want */
}


div.linksattop {
  display: flex;
  justify-content: space-between;
}

a.prevlink {
  text-align: left;
}

div.divshowindex {
  flex-grow: 1;
  text-align: center;
}

a.nextlink {
  text-align: right;
}
/* Basic styling for the tab container */
.tab-container {
	display: flex;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}

/* Styling for the tabs */
.tab {
	padding: 10px 20px;
	cursor: pointer;
	border: 1px solid #ccc;
	border-bottom: none;
	background-color: #f1f1f1;
}

/* Styling for the active tab */
.tab-active {
	background-color: #ffffff;
	border-top: 2px solid #007bff;
	font-weight: bold;
}

/* Hide all content sections by default */
.tab-content {
	display: none;
}

/* Display the active content section */
.tab-content-active {
	display: block;
}

.cssclass1 {background-color:#ffff99;} 
.cssclass2 {background-color:lightcoral;}
.cssclass3 {background-color:lightcyan;}
.cssclass4 {background-color:lightgoldenrodyellow;}
.cssclass5 {background-color:lightgray;}
.cssclass6 {background-color:lightgreen;}
.cssclass7 {background-color:lightpink;}
.cssclass8 {background-color:lightsalmon;}
.cssclass9 {background-color:lightseagreen;}
.cssclass10 {background-color:lightskyblue;}
.cssclass11 {background-color:lightslategray;}
.cssclass12 {background-color:lightsteelblue;}

p.cssvalid,p.htmlvalid {float:left;margin-right:20px}

.maintable {}

.subtables {
	display: flex;
	flex-wrap: nowrap; /* Use wrap if you want the tables to wrap to the next line when the screen is too narrow */
	gap: 10px; /* Optional: Adds space between the tables */
}
.subtables > div {
	flex: 1; /* Equal width tables, remove or adjust based on your preference */
	margin-left:10px;
}
    
.footer {}

.iframe-container {
	width: 100%;
	height: 500px; /* Adjust as needed */
	border: none;
}

.parent-container {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.greyed-out {
  color: grey;
}