/* Frontend : RSVP Form */

.rsvp-event-form-box select {
	
	width: 100% !important;
	padding: 6px 12px !important;
	font-size: 14px;
	line-height: 1.42857;
	color: #555;
	background-color: rgba(255,255,255,0.5) !important;
	border: 0px solid black !important;
	border-radius:0px !important;
	height:43px; margin-left: -3px;
}
#rsvp-alert{
   display:none;
}
#success{
 	padding-top: 10px;
	text-shadow:none;
	font-family:'Open Sans';  
   font-size: 1.4em;
   text-transform: uppercase;
	color: #676767 !important;
}

#error{
	padding-top: 10px;
	text-shadow:none;
	font-family:'Open Sans';  
   font-size: 1.4em;
   text-transform: uppercase;
    color: #cf1c1c !important;
}

#rsvp-info{

    display:inline-block;
    color: #FFFFFF !important;
    font: normal 20px Georgia, "Times New Roman", Times, serif;
    text-shadow:none !important;
}

div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position:relative;
    top: 50%;
    left: 50%;
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
    overflow: auto;
} 


.me-rsvp-label{ 
color: #f0ede5; 
   font-size: 1.3em;
   background-color: rgba(255,255,255,0) !important;
   padding: 10px 18px 11px 18px !important;
   
}
.me-rsvp-select{
	background-color: rgba(255,255,255,0.5) !important;
	border: 0px solid black !important;
	border-radius:0px !important;
	height:43px !important; 	 
	width: 100%;
	text-transform: uppercase !important;
	
}

.me-rsvp-label-shortcode{
	color: #000; 
    font-size: 1.3em;
    background-color: rgba(255,255,255,0) !important;
    padding: 10px 18px 11px 18px !important;
   
}


#list-rsvp-group .me-rsvp-input{
	font-family: 'Open Sans'!important; 
	font-size: 1em !important;
	color: #fff !important; 
	background-color: rgba(255,255,255,0.5) !important;
	border: 0px solid black !important;
	border-radius:0px !important;
	height:43px !important; 	 
	width: 100%;
	text-transform: uppercase;

}
#list-rsvp-group .select2-container--default .select2-selection--single .select2-selection__rendered {
	background-color: rgba(255,255,255,0)!important; 
	width: 100% !important;
	font-family: 'Open Sans'!important; 
	font-size: 1em !important; 
}
#list-rsvp-group .input-group-addon{
	color: #fff !important; 
}

#list-rsvp-group-page .me-rsvp-input-shortcode{
	font-family:'Open Sans'; 
	color: #909090 !important; 
    font-size: 0.8em;
	background-color: rgba(255,255,255,0.5)!important; 
	border: 0px solid black !important;
	border-radius:0px !important;
	height:43px; 	 
	width: 100%;
	text-transform: uppercase;

}
#list-rsvp-group-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	background-color: rgba(255,255,255,0.5)!important; 
	width: 100% !important;
	font-family: 'Open Sans'!important; 
	font-size: 1em !important; 
	 font-size: 0.8em !important;
	color: #909090;
}
#list-rsvp-group-page .select2-container--default .select2-selection--single .select2-selection__arrow b{
	border-color: #DBD7D7 transparent !important;
}

#list-rsvp-group-page input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #909090 !important;
}
#list-rsvp-group-page input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #909090 !important;;
}
#list-rsvp-group-page input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #909090 !important;
}
#list-rsvp-group-page input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #909090 !important;
}   

#fade {
    display: none;
    position:absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ababab;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: .70;
    filter: alpha(opacity=80);
}
.me-rsvp-btn{
    padding:12px 30px !important;
    border: 0 none;
    /*font-family:'OpenSans-Regular' !important;  */
	font-size: 1.2em !important;
	color: #f5b53d !important;
   border-radius: 4px !important;
       background: #edce91 !important;
    color: #ffffff !important;
    text-align: right !important;
   }
   
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color:    #fff !important;
}
input:-moz-placeholder, textarea:-moz-placeholder { 
    color:    #fff !important;;
}
input::-moz-placeholder, textarea::-moz-placeholder { 
    color:    #fff !important;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color:    #fff !important;
}   
   
/*Shortcode 
---------------*/

.me-rsvp-title{
text-align: left;
font-family: 'Open Sans';
font-size: 3em;
color: #000000;
margin-top: 16px;
}   

.me-rsvp-info{
	font-family: 'Open Sans';
font-size: 0.6em;
color: #909090;
}
   /* .loader
-----------------------------------------------------------------------------------------*/
.loader {
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 50%;
  width: 40px;
  z-index: 1999;
}
.loader .loader-load {
  background: #ffffff url('../image/spinner.gif') no-repeat 50% 50%;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  cursor: pointer;
  height: 40px;
  left: 50%;
  margin: -20px 0 0 -20px;
  -webkit-opacity: 0.8;
  -khtml-opacity: 0.8;
  -moz-opacity: 0.8;
  -ms-opacity: 0.8;
  -o-opacity: 0.8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  opacity: 0.8;
  overflow: hidden;
  position: absolute;
  top: 50%;
  width: 40px;
  z-index: 1000;
}
.loader .loader-overlay {
  background: #fff;
  bottom: 0;
  display: none;
  height: 100%;
  left: 0;
  -webkit-opacity: 0.6;
  -khtml-opacity: 0.6;
  -moz-opacity: 0.6;
  -ms-opacity: 0.6;
  -o-opacity: 0.6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
  opacity: 0.3;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
.loader.hide {
  display: none !important;
}
.loader.overlay {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  right: 0;
  top: 0;
  width: 100%;
}
.loader.overlay .loader-overlay {
  display: block;
}

   
       .hero-unit {
        position: relative;
    }