:root {
  --blue: rgb(0, 134, 135);
  --navi-blue: #155BD4;
  --light-blue: #ADD8E6;
  --green: rgb(0, 134, 135);
  --green-trans: rgba(0, 134, 135, 0.4);
  --gray:rgba(0, 0, 0, 0.1);
  --yellow: yellow;
  --white-trans: rgba(255, 255, 255, 0.8);
  --red: red;
  --pink: #ff4081;
  --red: #ec268f;
}
body
{
    width:100%;
    height:100%; 
    overflow: hidden;
    display: block;
    margin: 0;
}

th.mdui-table-cell-checkbox {
    width:30px;
}

th.mdui-table-cell-checkbox .mdui-checkbox {
    margin-top: 0;
}

.mdui-table th {
  text-align: center;
  padding: 12px 0px;
}

.mdui-table td {
  text-align: center;
}

.mdui-table-cell-checkbox+td, .mdui-table-cell-checkbox+th {
     padding-left: 0px!important; 
}

#tabContent {
    width: 98%;
    height: 480px;
    overscroll-behavior: contain ;
}
#tabContent::-webkit-scrollbar {
    display: none;
}

.mdui-table thead tr:nth-child(1) th{
    background: white;
    position: sticky;
    top: 0;
    z-index: 2;
}

.breadcrumb { 
  list-style: none;
  padding-inline-start: 0;
  margin-block-start: 0;
  margin-block-end: 0;
  overflow: hidden; 
  display: block;
  width:100%
}

.breadcrumb li {
  float: left; 
  display: block;
}

.breadcrumb li a {
  font-weight: bold;
  color: black;
  width: 100%;
  text-decoration: none; 
  padding: 10px 0 10px 0;
  background:var(--gray);
  position: relative; 
  display: block;
  float: left;
  text-align:center;
}

.breadcrumb li a.active {
  background: var(--navi-blue);
  color:white;
}

.breadcrumb li:not(:last-child) a::after { 
  content: " "; 
  display: block; 
  border-top: 50px solid transparent; 
  border-bottom: 50px solid transparent;
  border-left: 30px solid var(--gray);
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 2; 
}

.breadcrumb li a::before { 
  content: " "; 
  display: block; 
  border-top: 50px solid transparent;       
  border-bottom: 50px solid transparent;
  border-left: 30px solid white;
  position: absolute;
  top: 50%;
  margin-top: -50px; 
  left: 100%;
  z-index: 1; 
}

.breadcrumb li:not(:last-child) a.active::after { 
  border-left: 30px solid var(--navi-blue);  
}

.pageIndicator {
border:0px;
padding-left:3px;
padding-right: 3px;
user-select: none;
}
.pageIndicator:hover {
color:white;
background-color:var(--blue);
}
.pageIndicator.active {
color:white;
background-color:var(--blue);
}
.pageIndicator.disable {
color:white;
background-color:var(--gray);
}
#inpPerpage {
  width:60px;
  text-align: right;
}
#inpPage {
width:60px;
text-align: right;
}