/***************************** Back End *****************************/

.toggle-status-button{
    color:white; 
    border-radius:5px; 
    width:35%; 
    cursor:pointer;
}
#toggle-status-Deactivate{
    background:#FF9999; 
    border:1px solid #FF8080;
}
#toggle-status-Activate{
    background:#80CC80; 
    border:1px solid #66C266;
}
#validation_div{
    height: 20px; 
    width: 40%; 
    background: #FFD6CC; 
    border: 1px solid #FFC2B2; 
    border-radius:5px; 
    padding: 10px
}
#response_message{
    height: 20px; 
    margin-bottom: 15px; 
}

.result-button{
    color:white; 
    border-radius:5px; 
    width:35%; 
    cursor:pointer;
    background: #8ec6e9;
    border:1px solid #5EB8F0;
    font-weight: 600;
}

#result-button-inactive{
    cursor:default !important; 
    opacity:0.4 !important
}

/***************************** Front End *****************************/
/* Poll Popup page 1 - Attend*/
.poll-class{
    color: #000;
    text-align: center; 
    padding:10px; 
    border: 1px solid #5C5C5C;
    background: #fff;
    width: 30%;
    display: none;
    position: fixed;	  
    bottom: 0;
    right:0;
    z-index: 9999;
}
.poll-class a{
    color: #000;
}

#poll-close{
    text-align: right;
    font-weight: bold;
}
#poll-area{
    padding:10px;
	
}
#poll-question, #poll-answer-choices, #poll-submit{
    padding: 10px;
	font-size:20px;
}

#poll-submit-button{
    background: transparent;
    padding: 5px;
    border: 1px solid #000;
    width: 50%;
	color:#000;
}

#poll-submit-button:hover{
    background: #000;
    padding: 5px;
    border: 1px solid #fff;
    width: 50%;
    color: steelblue;
	
}

#yes-container, #no-container{
    cursor: pointer;
}

#yes-container:hover, #no-container:hover{
    opacity: 0.6;
}

.result-yes, .result-no{
    cursor: default !important;
}

.result-yes:hover, .result-no:hover{
    opacity: 1 !important;
}

#poll-close-button{
    padding: 10px;
}
.live_poll_dot-wrap{ background:#C1E5B9; text-align:right; padding:5px 10px 0 0;}
.live_poll_dot{ border-radius:50%; width:8px; height:8px; background:#f00; display:inline-block; margin-right:5px;}
live_poll_dot-wrap span{ color:#000; font-size:14px;}
#poll-popup #poll-question{ border-radius:0 !important;}
.pollReachutPopup{
   
       text-align: left !important;
    margin-left: 28% !important;
    }
 .pollReachutPopup textarea{   
    resize: none !important;
    height: 180px !important;
    width: 300px !important;
 }
 
 .pollReachutPopup  .reachout_elem {
      margin-top: 15px;
 }
 .pollReachutPopup label{
     display:block;
     margin-bottom:5px;
         line-height: 30px;
 }
 .reachout_poll_heading{
     border-bottom: 1px solid #BDBDBD;
    padding-bottom: 10px;
 }
 .reachout_elem_label_inline{
     display:inline !important;
 }