.mytable thead th, .mytable thead td {
  padding: 10px auto;
  border-right: 1px solid #dddddd;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.mytable tbody th, .mytable tbody td {
  padding: 10px auto;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}
.table4 th {
	 background:var(--bg-strongest) !important;
	 
}
.table4 th:first-child {
	border-radius:15px 0 0 0 ;
	border-top: -0.75px solid red;
	border-left: 0px solid orange;
}
.table4 th:last-child {
	border-radius:0 15px 0 0 ;
	border-top: -0.75px solid transparent;
	border-right: 1px solid transparent;
}
 
.table4 tbody::-webkit-scrollbar {
    width	: 55px;
    height	: 55px; 
}
.table4 tbody {
    background-color:var(--bg);
}

.table4 tbody::-webkit-scrollbar:hover {
    height: 50px; 
}
.table4 tbody::-webkit-scrollbar-button:start:decrement,.table4 tbody::-webkit-scrollbar-button:end:increment {
    height: 15px;
    width: 13px;
    background: #101211;
    background-repeat: no-repeat; 
}
.table4 tbody::-webkit-scrollbar-button:horizontal:decrement {
    background: url(ext/images/Arrows-L.png);
    background-position: 0px 0px; 
	background-size: 15px 15px;
}
.table4 tbody::-webkit-scrollbar-button:horizontal:increment {
    background: url(ext/images/Arrows-R.png);
    background-position: 0px 0px; 
	background-size: 15px 15px;
}

.table4 tbody::-webkit-scrollbar-button:vertical:decrement {
	background: url(ext/images/Arrows-U.png);
    background-position: 0px 0px; 
	background-size: 15px 15px;	
}
.table4 tbody::-webkit-scrollbar-button:vertical:increment {
    background: url(ext/images/Arrows-D.png);    
	background-position: 0px 0px; 
	background-size: 15px 15px;
}
.table4 tbody::-webkit-scrollbar-button:horizontal:decrement:active { background-image: url(ext/images/Arrows-R.png); }
.table4 tbody::-webkit-scrollbar-button:horizontal:increment:active { background-image: url(ext/images/Arrows-L.png); }
.table4 tbody::-webkit-scrollbar-button:vertical:decrement:active { background-image: url(ext/images/Arrows-D.png); }
.table4 tbody::-webkit-scrollbar-button:vertical:increment:active { background-image: url(ext/images/Arrows-U.png); }
.table4 tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);     
}
.table4 tbody::-webkit-scrollbar-track-piece {
    background-color: grey;
	border-radius: 50px;
}
.table4 tbody::-webkit-scrollbar-thumb:vertical {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
    border: 1px solid #0d0d0d;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.table4 tbody::-webkit-scrollbar-thumb:horizontal {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
    border: 1px solid #1f1f1f;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.table4 tbody::-webkit-scrollbar-corner {
	background: #ecf0f3;
}

th.dt-center, td.dt-center { text-align: center; }


#TBLBody > tr > td[lt],#TBLBody2 > tr > td[lt],#TBLBody3 > tr > td[lt] {
	text-align:left;
	vertical-align:top;
}

#TBLBody > tr > td[rt],#TBLBody2 > tr > td[rt],#TBLBody3 > tr > td[rt] {
	text-align:right;
	vertical-align:top;
}
#TBLBody > tr > td[rc],#TBLBody2 > tr > td[rc],#TBLBody3 > tr > td[rc] {
	text-align:right;
	vertical-align:center;
}
#TBLBody > tr > td[rb],#TBLBody2 > tr > td[rb],#TBLBody3 > tr > td[rb] {
	text-align:right;
	vertical-align:bottom;
}
.mytable thead th {
	text-align:center;
	vertical-align:center;
}
.scrollbar::-webkit-scrollbar {
    width: 6px;
    background-color: red;
}
 
.scrollbar::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: blue;
}

.bawah {
	position:fixed;
	right:30px;
	bottom:30px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;

}

.b5 {
	bottom:5px;
}
.b10 {
	bottom:10px;
}
.b15 {
	bottom:15px;
}
.b20 {
	bottom:20px;
}
.b25 {
	bottom:25px;
}

.mytable {
	margin:0px;padding:0px;
	
	background:var(--bg-strongest);
	background:transparent;
	width: 100%;
}
.mytable td,.mytable th { 
	border-collapse:collapse;
	
}
.mytable th {
	background:var(--bg-strongest);
	background:var(--menu-bg);
	margin-left:30px;
	padding:15px;
    color:var(--menu-font-color);
	text-shadow:var(--menu-text-shadow);
	border : 1.5px solid  var(--bg-stronger) !important;
}

.sticky {
	position: sticky;
	top: 0;
}
.mytable tr:hover {
    background:var(--bg-strongest);
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.mytable td{
    padding: 7.5px;
    text-align: left;
}
.mytable tbody{
    background:var(--bg-stronger);
}
.mytable tr{
    border-left : 1.5px solid blue !important;
}
.mytable th:first-child {
	border-radius: 20px 0 0 0;
	box-shadow: -5px -10px transparent,
				-5px 0px   transparent,
				 0px -10px transparent;
}

.mytable th:last-child {
	border-radius: 0 20px 0 0;
	box-shadow: 5px -10px 	var(--bg-strongest),
				5px 0px 	var(--bg-strongest),
				0px -10px 	var(--bg-strongest),;
}
.mytable td[lt] {
	text-align: left !important;
	vertical-align:top !important;
}

.mytable td[rt] {
	text-align: right !important;
	vertical-align:top !important;
}
.mytable td[l] {
	text-align: left !important;
}

.mytable td[lc] {
	text-align: left !important;
	vertical-align:center !important;
}
.mytable td[cc] {
	text-align: center !important;
	vertical-align:center !important;
}
.mytable td[ct] {
	text-align: center !important;
	vertical-align:top !important;
}
.mytable td[rc] {
	text-align: right !important;
	vertical-align:center !important;
}

.breakword {
	   overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-word;
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}

.mytable tbody::-webkit-scrollbar {
    width	: 15px;
    height	: 15px; 
}
.mytable tbody::-webkit-scrollbar:hover {
    height: 50px; 
}
.mytable tbody::-webkit-scrollbar-button:start:decrement,.mytable tbody::-webkit-scrollbar-button:end:increment {
    height: 15px;
    width: 13px;
    display: block;
    background: #101211;
    background-repeat: no-repeat; 
}
.mytable tbody::-webkit-scrollbar-button:horizontal:decrement {
    background: url(images/Arrows-L.png);
    background-position: 0px 0px; 
	background-size: 15px 15px;
}
.mytable tbody::-webkit-scrollbar-button:horizontal:increment {
    background: url(images/Arrows-R.png);
    background-position: 0px 0px; 
	background-size: 15px 15px;
}

.mytable tbody::-webkit-scrollbar-button:vertical:decrement {
	background: url(images/Arrows-U.png);
    background-position: 0px 0px; 
	background-size: 15px 15px;	
}
.mytable tbody::-webkit-scrollbar-button:vertical:increment {
    background: url(images/Arrows-D.png);    
	background-position: 0px 0px; 
	background-size: 15px 15px;
}
.mytable tbody::-webkit-scrollbar-button:horizontal:decrement:active { background-image: url(images/Arrows-R.png); }
.mytable tbody::-webkit-scrollbar-button:horizontal:increment:active { background-image: url(images/Arrows-L.png); }
.mytable tbody::-webkit-scrollbar-button:vertical:decrement:active { background-image: url(images/Arrows-D.png); }
.mytable tbody::-webkit-scrollbar-button:vertical:increment:active { background-image: url(images/Arrows-U.png); }
.mytable tbody::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);     
}
.mytable tbody::-webkit-scrollbar-track-piece {
    background-color: grey;
	border-radius: 50px;
}
.mytable tbody::-webkit-scrollbar-thumb:vertical {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
    border: 1px solid #0d0d0d;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.mytable tbody::-webkit-scrollbar-thumb:horizontal {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4d4d4d), color-stop(100%, #333333));
    border: 1px solid #1f1f1f;
    border-top: 1px solid #666666;
    border-left: 1px solid #666666; 
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
.mytable tbody::-webkit-scrollbar-corner {
	background: #ecf0f3;
}