body {
	font-family: arial;
}

#overlay {
	z-index: 999;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
}

#overlay div {
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -32px;
	margin-left: -32px;
}

.poll-content-outer {
	background-color: #F0F0F0;
	border-radius: 4px;
	padding: 20px;
	max-width: 500px;
	min-height: 400px;
}

.question {
	padding: 10px 0px 0px 0px;
}

.radio-input {
	margin: 0px 10px 0px 10px;
}

#btnSubmit {
	background-color: #008000;
	color: #ffffff;
	border-radius: 3px;
	border: 1px solid #000;
	display: inline-block;
	padding: 10px 40px;
	cursor: pointer;
}

.next-link {
	text-align: center;
	background-color: #226ea0;
	color: #ffffff;
	border-radius: 3px;
	border: 1px solid #20628e;
	display: inline-block;
	padding: 10px 40px;
	cursor: pointer;
}

.error {
	text-align: center;
	padding: 50px;
	color: #cc5353;
}

.poll-bottom {
	margin-top: 20px;
		text-align: center;
}

.poll-heading {
	/*text-transform: uppercase;*/
    background: #CCC;
    padding: 5px;
    margin-bottom: 10px;
}

.answer-rating {
    margin-bottom: 5px;
	width: 350px;
}
.answer-text {
    background: #e6ffe6;
    padding: 5px;
    font-size: 0.8em;
    width: 220px;
    display: inline-block;
}
.answer-count {

    background: #FFF;
    padding: 5px;
    font-size: 0.8em;
    width: 30px;
    display: inline-block;
}

.radio-input-img{
    
    align-content: left;
	 border: 3px solid #00b300; 
    border-radius: 10px;
     
}

 .image_selected {
        background: #80ff80;
      
        border: 3px solid #00b300; 
 
  padding: 5px;
  
  opacity: 0.5;
  
    border-radius: 15px;
  
      }



/**
RADIO BUTTONS 
**/
/* HIDE RADIO */
[type=radio] { 
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* IMAGE STYLES */
[type=radio] + img {
  cursor: pointer;
}

/* CHECKED STYLES */
[type=radio]:checked + img {
  outline: 2px solid #f00;
}

/* Checkbox element, when checked */
input:checked {
  height: 50px;
  width: 50px;
}

.gfg {
            margin: 3%;
            position: relative;
        }
       
      /*This CSS code is defining the styles for a container that holds text*/
        .text-container {
            position: absolute;
            color: rgb(255, 255, 255);
            left: 18rem;
            top: 2rem;
            background-color: rgb(41, 41, 41, 0.8);
            padding: 0 1rem;
        }