.dropbtn {
  //background-color: #3498DB;
  //color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

.dropup {
  position: relative;
  display: inline-block;
}

.dropup-content {
  display: none;
  position: absolute;
  background-color: #353e62;
  min-width: 160px;
  bottom: 65px;
  z-index: 1;
  border-radius: 5px;
  padding-left:10px;	
}

.dropup-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropup-content a:hover {background-color: #ccc}


.dropup:hover .dropbtn {
  //background-color: #2980B9;
}

.show {display: block;}

#cover-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}

@-webkit-keyframes spin {
	from {-webkit-transform:rotate(0deg);}
	to {-webkit-transform:rotate(360deg);}
}

@keyframes spin {
	from {transform:rotate(0deg);}
	to {transform:rotate(360deg);}
}

#cover-spin::after {
    content:'';
    display:block;
    position:absolute;
    left:48%;top:40%;
    width:40px;height:40px;
    border-style:solid;
    border-color:black;
    border-top-color:transparent;
    border-width: 4px;
    border-radius:50%;
    -webkit-animation: spin .8s linear infinite;
    animation: spin .8s linear infinite;
}

#cover-spin::after {
	content:'';
	display:block;
	position:absolute;
	left:45%;top:40%;
	width:40px;height:40px;
	border-style:solid;
	border-color:black;
	border-top-color:transparent;
	border-width: 4px;
	border-radius:50%;	
	-webkit-animation: spin .8s linear infinite;
	animation: spin .8s linear infinite;
}	 

#error-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}
#error-spin::after {
	
    content:'';
	transform: scale(.2);
    display:inline-block;
    position:absolute;
    left:35%;;
    width:40px;height:40px;
	
}	
#error-spins {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    display:inline-block;
    top:20%;
	text-align: center;
	font-family:arial;
}
#noinet-spin {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    background-color: rgba(255,255,255,0.7);
    z-index:9999;
    display:none;
}
#noinet-spin::after {
	
    content:'';
	transform: scale(.2);
    display:inline-block;
    position:absolute;
    left:35%;;
    width:40px;height:40px;
	
}	
#noinet-spins {
    position:fixed;
    width:100%;
    left:0;right:0;top:0;bottom:0;
    display:inline-block;
    top:20%;
	text-align: center;
	font-family:arial;
}
.tabdet {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.tabdet td, #tabdet th {
  border: 1px solid #ddd;
  padding: 8px;
}

.tabdet tr:nth-child(even){background-color: #f2f2f2;}

.tabdet tr:hover {background-color: #ddd;}

.tabdet th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4CAF50;
  color: white;
}