/**
 * All of the CSS for frontend.
 *
 * @author     Mathias Carlsson <info@mathiascarlsson.se>
 */
 
 /**
  * PopUp styles
  */
 #ie-checker-popup-bg{
	position: fixed;
	top: 		0;
	bottom: 	0;
	left: 		0;
	right: 		0;
	
	background: rgba(0, 0, 0, 0.5);

	width: 100vw;
	height: 100vh;
	
	color: black;
	z-index: 9999;
 }
 
 #ie-checker-popup-bg h1{
	color: #000;
	font-family: Arial; 
	font-size: 18px; 
 }
 
 #ie-checker-popup-inner{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	border: 1px solid transparent;
	border-radius: 8px;
	padding: 20px;
	background: rgb(255, 255, 255);
	min-width: 100px;
	min-height: 100px;
 }
 
 #ie-checker-buttons{
 	position: relative;
	width: 100%;
 }
 
 #ie-checker-close-button, 
 #ie-checker-dismiss-button{
	position: relative;
	margin: 10px 0px 10px 0px;
	color: #fff;
	max-width: 100%;
	min-width: 100px;
	background-color: rgb(45, 171, 249); 
	border: 1px solid transparent;
	border-radius: 6px; 
	display: inline-block; 
	cursor: pointer; 
	font-family: Arial; 
	font-size: 14px; 
	padding: 8px 23px; 
	text-decoration: none;
 } 
 
 #ie-checker-close-button:hover, 
 #ie-checker-dismiss-button:hover{
	background-color: rgb(46, 157, 255); 
	border: 1px solid transparent;
 }