/* 
*  Base Dark Color:		#B7B7B7
*
*  Base Red Color:		#970808
*
*  Base Blue Color:		rgba(11,58,97,0.3)
*
*  Base Oragne Color:	#EB8702
*  
*/ 
/*
body{
	background-color: #690000;
}
*/
@import url("https://fonts.googleapis.com/css2?family=Montserrat&display=swap");

* {box-sizing: border-box;}

body {
  font-family: "Montserrat", sans-serif;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
  min-height: 100vh;
  margin: 0;
  transition: background 0.2s linear;
}

body.dark {background-color: #292c35;} /* #9b59b6 */

/* body.dark h1, body.dark a {color: #fff;} */

body.dark a { color: #41c7fc !important}

body.dark #mainbody {
    color: white;
}

body.dark #element tr:hover{
		background-color: #995903;
}

.checkbox {
  opacity: 0;
  position: absolute;
}

.checkbox-label {
  background-color: #111;
  width: 50px;
  height: 26px;
  border-radius: 50px;
  position: relative;
  padding: 5px;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.fa-moon {color: #f1c40f;}

.fa-sun {color: #f39c12;}

.checkbox-label .ball {
  background-color: #fff;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 2px;
  top: 2px;
  border-radius: 50%;
  transition: transform 0.2s linear;
}

.checkbox:checked + .checkbox-label .ball {
  transform: translateX(24px);
}

a{
	color: #0000FF;
}
a:visited{
	color: #0000FF;
}
td {
	min-width: 2%;
}
table{
	border-collapse: collapse;
	margin:0; 
	margin-left:auto; 
	margin-right:auto; 
	border-top:1px #970808; 
	margin-top:2em;
	width: 100%;
}


#element tr{
	background-color: rgba(218,203,203,0.3);
	text-align: left;
}

#element tr:nth-child(even) {
    background-color: rgba(11,58,97,0.3);
	
}


@media screen and (min-width: 992px){
	#element tr:hover{
		background-color: #EB8702;
		color: white;
	}
}

#mainbody{
font-family: 'Abel', sans-serif;
	width:70%;
	height:100%;
	padding: 0;
	border: none;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	min-width: 800px;
	/* background-color: #fff; */
}

#spanTable{
	font-size: 20px;
	padding: 0;
	margin: 0;
	width:100%;
	top:30%;
	background-color: #970808;
	color: white;
	padding-left:4em; 
	padding-right:4em;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
}