@charset "ISO-8859-1";
/*
xxx-large = 3 rem
xx-large= 2.5
x-large = 2rem
large = 1.5rem
medium = 1.25rem
small = 1rem
x-small = .75rem
xx-small = .5rem
xxx-small = .35
*/
@media(orientation:landscape){
	@media screen and (max-width:800px){
	}	
	@media screen and (min-width:1000px){
	}	
	@media screen and (min-width:1200px){
	}	
	@media screen and (min-width:1400px){
	}	
	@media screen and (min-width:1600px){
	}	
	@media screen and (min-width:1800px){
	}
}

@media(orientation:portrait){
	@media screen and (max-height:800px){
	}
	@media screen and (min-height:800px){
	}
	@media screen and (min-height:1000px){
	}
	@media screen and (min-height:1200px){
	}
	@media screen and (min-height:1400px){
	}
	@media screen and (min-height:1500px){
	}
	@media screen and (min-height:1500px){
	}

	@media screen and (max-width:450px){
	}	
	@media screen and (min-width:500px){
	}	
	@media screen and (min-width:525px){
	}	
	@media screen and (min-width:550px){
	}	
	@media screen and (min-width:575px){
	}	
	@media screen and (min-width:900px){
	}	
}

.yes-button, .no-button {
	margin: 1px;
	width:75px;height:25px;
	display:inline-block; border-radius:3px;		
	font-size:small; text-align:center;	
	background-color:#00245C; color:white;			
}
.no-button:hover {
  background-color:  #f44336;
}
.yes-button:hover {
  background-color:#92D050;
}
/* Add padding and center-align text to the container */
.modal {
	display: none;
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	left: 0;
	padding-top: 50px;
	width: 100%;  height: 100%; 
	overflow: auto; /* Enable scroll if needed */
	background-color: #474e5d;
}
.modal-content {
  margin: 5% auto 15% auto; /* 5% from the top, 15% from the bottom and centered */
  border: 1px solid #888;
  width: 50%;
  height: auto;
  background-color: #fefefe;
}
.container {
  padding: 16px;
  text-align: center;
}
/* Style the horizontal ruler */
hr {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
/* The Modal Close Button (x) */
.close {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close:hover,
.close:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfix{
	display:flex;
	justify-content:center;
}