.spinner {
    position:;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
#img-spinner{
 width: 120px;
 height: 100px;
}

.loader {
    position: ;
    margin-left: 0px; 
    margin-right: 0px;
    text-align:center;
    overflow: auto;
    padding: 10px 10px 10px 10px;
}
#img-loader{
 width: 100px;
 height: 100px;
 position:absolute;
 z-index:1000;

}
.sikruda{
	color:yellow;
	position:fixed;
	font-size:45px;
	margin-left:-120vh;
}
.arti{
	color:white;
	position:fixed;
	font-size:35px;
	margin-top:15vh;
	margin-left:-120vh;
}
.gambar{
	
	position:fixed;
	
	margin-left:-120vh;
}

.logos{
	
	position:relative;
	
	margin-left:-120vh;
}



.table-striped>tbody>tr:nth-child(odd)>td,
.table-striped>tbody>tr:nth-child(odd)>th {
  background-color: #e7d2cc;
  color: #475153;
}
.table-striped>tbody>tr:nth-child(even)>td,
.table-striped>tbody>tr:nth-child(even)>th {
  background-color: #ece3e0;
  color: #475153;
}

.thead-light thead th{
		border-bottom: 5px solid #d43f1c;
  border-top: 1px solid #d43f1c;
  color: #d43f1c; ;
	}

.tableFixHead          { overflow: auto; height: 100vh; }
.tableFixHead thead th { position: sticky; top: 0; z-index: 1;background:#17a2b8;color:#e0f3f7; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

/* CSS membuat tanda Panah - contoh pakai pada <i class="arrow up"></i>*/
.arrow {
  border: solid black;
  border-width: 0 3px 3px 0;
  display: inline-block;
  padding: 3px;
}

.rights {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

.left {
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
}

.up {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
}
.down {
  transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
}

/* CSS membuat tanda Panah*/

/* CSS membuat segitiga*/

.segitiga1{
	height:0px;
	width:0px;
	opacity:0.9;
	border-bottom:solid 120px green;
	border-left:solid 80px transparent;
	border-right:solid 80px transparent;
}


.navbar .navbar-nav>.open>a, 
.navbar .navbar-nav>.open>a:focus, 
.navbar .navbar-nav>.open>a:hover {
    background-color: red;
}