
table{
  width: 100%;
  border-collapse: collapse;
  margin: auto;
  overflow:auto;
}
table.no-fit-w{
  width: fit-content;
}
table.align-left{
  margin: initial;
}
thead{
  position: -webkit-sticky;
  position: sticky;
}
table.style th{
  background: rgb(5, 64, 123);
}
th, td{
  text-align: left;
  padding: 13px;
  font-weight: normal;
  font-size: 1em;
  border: 1px solid grey;
} 
.page th, .page td{
  padding: 5px;
}
table.no-boder th, table.no-boder td{
  border: none;
}
table.style th{
  border-color: white;
}  
table.style th,table.style td{
  -webkit-box-shadow: 0 2px 2px -2px #0E1119;
  -moz-box-shadow: 0 2px 2px -2px #0E1119;
  box-shadow: 0 2px 2px -2px #0E1119;
  color: wheat;
}
[class*=_pannel_] table:not(.page-content table) tr:not(.page-content tr){
 border-radius: 6px;
 margin: 10px;
 border: none;
 box-shadow: var(--_pannel_-tr-shadow);
 background: var(--_pannel_-tr-bg);
}
[class*=_pannel_] table:not(.page-content table) td{ 
 border: none;
}
[class*=_pannel_] tr:not(.page-content tr) td:first-child{
  border-radius: 8px 8px 0 0;
  border-bottom: none;
  background: var(--_pannel_-td-first-child-bg);
  border: none;
  padding: 12px;
}
  /* Background-color of the odd rows */
table.style tr:not(.page-content tr):nth-child(odd) {
background-color: #323C50;
}

/* Background-color of the even rows */
table.style tr:nth-child(even) {
background-color: #2C3446;
}

table.style th {
background-color: #1F2739;
}

table.style td:first-child { color: #FB667A; }

table.style tr:hover {
background-color: #464A52;
-webkit-box-shadow: 0 6px 6px -6px #0E1119;
-moz-box-shadow: 0 6px 6px -6px #0E1119;
    box-shadow: 0 6px 6px -6px #0E1119;
}

table.style td:hover {
background-color: #FFF842;
color: #403E10;
font-weight: bold;

box-shadow: #7F7C21 -1px 1px, #7F7C21 -2px 2px, #7F7C21 -3px 3px, #7F7C21 -4px 4px, #7F7C21 -5px 5px, #7F7C21 -6px 6px;
transform: translate3d(6px, -6px, 0);

transition-delay: 0s;
transition-duration: 0.4s;
transition-property: all;
transition-timing-function: line;
}
table.space td,
table.space th{
border: none;
}
.columns{
  width: 100%;
}
.columns .col{
  width: 100%;
  border: 2px solid transparent;
  padding: 8px;
}