:root{
	--green: #1ECD97;
	--gray: #bbbbbb;
	--blue: #8DC5E9;
	--red: #eb0c1b;
}
  #sidebar{
	  position: fixed;
 /*   background-color: #e1f5e3;*/
    left: 0px;
    top: 0px;
    width: 250px;
    height: 100%;
  }
  
  #top{
	 background-image: url("/images/logo.png");
	   background-repeat: no-repeat;
  background-size: contain;
	 position: fixed;
   /* background-color: #e1f5e3;*/
    left: 250px;
    top: 0px;
    width: 100%;
    height: 100px;
	z-index:1;
  }
  
  #mainwindow {
	  position: absolute;
	  top: 150px;
	  left: 250px;
	  
  }
  
  .mainwindowpos{
	  position: absolute;
	  top: 150px;
	  left: 250px;
	  
  }
  
  a{
	  margin-top: 100px;
	  margin-left: 100px;
	  font-size: 30px;
  }
  
.addresultdd1,.addresultdd2,.restext,.resultsavebutton,#isdriver{
	position: absolute;
	left: 350px;
}

.addresultdd1{
	top: 250px;
}

.restext{
	top: 300px;
}

.addresultdd2{
	top: 350px;
}

#isdriver, .isdriver{
	position: absolute;
	top: 400px;	
	float: left;	  
}

.isdriver{
	left: 400px;
}

 .resultsavebutton{
	top: 450px;	  
  }
 
  select,button {
	outline:none;
  height: 40px;
  text-align: center;
 /* width: 130px;*/
  border-radius:40px;
  background: #fff;
  border: 4px solid var(--red);
  color:var(--red);
  letter-spacing:1px;
  text-shadow:0;
  font-size:20px;
  font-weight: 700;
  cursor: pointer;
  transition: all 0.25s ease;
}

button:hover {
    color:white;
    background: var(--red);
  }
  
button:active {
    //letter-spacing: 2px;
    letter-spacing: 2px ;
  }
  
  .rowbutton{
	background:url('/images/trash.png');
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}


.addrowbutton, .savebutton, #driveredit , .sidebarbutton {
	margin: 10px;
	margin-left:30px;
	margin-right:50px;
	
}

.sidebarbutton {
	margin-left:20px;
	margin-top: 10px;
	width:200px;
}

.firstsidebarbutton {
	margin-top: 160px;
}

.rowbutton{
	width: 40px;
	border: 0px solid black;
}

.rowbutton span{
	margin:0px;
	padding:0px;
}
  
h1{
	margin-left:30px;
}



/* The Modal (background) */
.modal {
  /*display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
    margin-left: auto;
  margin-right: auto;
  margin-top: 15% auto;
  display: block;
 /* margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 2px solid #888;
  width: 30%; /* Could be more or less, depending on screen size */
  font-size: 40px;
}

iframe{
	width: 1000px;
	height: 800px;
	
}

 .filebutton {
  font-size:30px;
  font-weight: 700;
   text-decoration: underline;     
   margin-top: 10px;
   margin-left: 100px;
}