.zebra_san tr:nth-child(even) {background: #f9f9f9}
.zebra_san tr:nth-child(odd) {background: #fff}


.certification_statement .line_input_clppc {
border-top: none  !important;
border-left: none  !important;
border-right: none  !important;
border-radius: 0  !important;
max-width: 400px !important;
display: inline-block;
} 

.paypal_settings_san {
  max-width: 800px;
}

#paypal_process_box {
  text-align: center;
  color: green;
  margin: 10px 0;
  font-size: 20px;
}

.paypal_buttons_box {
  margin-top: 20px;
  width: 100%;
  display: block;
}

.add_next_date_san i {
  font-size: 15px;
}

.about_this_event_san {
  display: block;
  margin-bottom: 12px;
  margin-top: 12px;
}



.add_next_date_san,
.add_next_date_san:active,
.add_next_date_san:focus
 {
  background: #666;
  border: 1px solid  #666 ;
  color: #fff;
  padding: 5px 10px;
  font-weight: bold;
  margin: 0 10px;
}

.add_next_date_san:hover {

  color: #333;
  margin: 0 10px;
  background: #eee;
  border: 1px solid #ddd;

}

.recur_item_box {
  font-size: 15px;
  line-height: 25px;
  border: 1px solid #eee;
  padding: 15px;
  border-radius: 3px;
  margin-bottom: 20px;
}

.san_sponsored_box {
text-align: left;
}
.san_sponsored {
  color: #FFF;
  font-size: 12px;
  padding: 2px 5px;
  margin-left: 5px;
  border-radius: 2px;
  background: #2d4985;
}

.event_view_san .san_sponsored {
  font-size: 18px;
}

.one_time_box_san {
  display: none;
}
.event_thumbnail_date_san {
width: 100%;
text-align: left;
padding-left: 10px;
font-weight: bold;
}


.shortcodes_san p {
font-size: 18px;
}

.green_text{
  color: green;
}

.red_text {
  color: #dc3545!important;
}

#email_editor_box_san button:hover {
border: none;
background: none;
padding: 2px 3px;
font-size: 14px;
line-height: 20px;
*line-height: 16px;
cursor: pointer;
color: #595959;
text-align: center;
overflow: visible;
-webkit-appearance: none;
}

#email_editor_box_san .mce-toolbar .mce-listbox button:hover {
  font-size: 13px;
      line-height: 1.53846153;
      padding-left: 6px;
      padding-right: 20px;
}

#import_box {
  overflow-x: scroll;
  max-width: 100%;
}

#donation_header_box p {
  margin-bottom: 0;
}
.donation_button_box {
  width: 100%;
  text-align: right;
}

#real_message_text_san {
min-height: 70px;
padding: 10px;
}

#real_message_text_san:focus {
outline: none;
}

[contenteditable=true]:empty:not(:focus):before{
  color: grey;
  content: attr(placeholder);
  pointer-events: none;
  display: block; /* For Firefox */
}


.donation_btn {
  font-size: 20px;
  padding: 10px 40px;
  color: #333333;
  font-weight: normal;
  background: #efd923;
  border: 1px solid #efd923;
}

.donation_btn:hover,
.donation_btn:focus {
  color: #333333;
  background: #f9e74e;
  border: 1px solid #f9e74e;
}

.account_status_icon_san {
  font-size: 19px;
  display: inline-block;
  vertical-align: bottom;
}

.account_status_icon_san a i{
  color: #dc3545;
  vertical-align: middle;
}

.page_404_san {
  width: 100%;
  text-align: center;
  margin: 0 auto;
  background: #fff;
}

.page_404_san img {
width: 50%;
}

.top_bar_messages {
text-align: right;
  position: relative;
  display: inline-block;
  font-size: 20px;

  margin: 0 7px;
}

.top_bar_messages a{
color: #333;
}

.ft_logout_box .top_bar_messages i{
  color: #fff;
  vertical-align: bottom;
}

.ft_logout_box .top_bar_messages i:hover,
.ft_logout_box .top_bar_messages i:focus
{
  color: #eee;
}


.top_bar_unread{
  top: -3px;
  right: -3px;
  position: absolute;
  padding: 2px 5px;
  line-height: 15px;
  font-size: 13px;
  border-radius: 10px;
  text-align: center;
}



.button-primary .button-primary {
  font-size: 17px;
}

.email_settings_san {
  max-width: 700px;
}

.ft_forgot_box {
  margin: 0 20px;
  max-width: 700px;
  margin: 0 auto;
}

.ft_login_box .notify {
    width: calc(100%);
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: .25rem;
}


.ft_login_box {
max-width: 500px;
margin: 0 auto;
border-radius: 5px;
padding: 35px;
border: 1px solid #ddd;
background: #fff;
}

.ft_login_help button {
  margin: 10px 0;
}

.ft_login_help a {
  display: block;
  margin: 10px 0;
}

.ft_logout_box {
  float: left;
  display: inline-block;
  margin-top: -12px;
}

.dropbtn {
cursor: pointer;
}

.dropdown {
position: relative;
display: inline-block;
}


.dropdown-content {
  color: #333 !important;
  line-height: 13px;
  font-size: 13px;
  left: auto;
  right: -1px;
  padding: 10px 0;
display: none;
position: absolute;
background-color: #fff;
border-radius: 10px;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1000;
text-align: left;
transition: 0.5s;
overflow-x: visible;
}

.ft_logout_box .dropdown-content {
text-align: left;
min-width: 250px;
padding: 10px;
}



.ft_logout_box .dropbtn {
  font-size: medium;
  cursor: pointer;
display: inline-block;
padding: 5px 5px;
border-radius: 3px;
}

.ft_logout_box .dropbtn {
  color: #fff;
  background: none;
  border: 1px solid #304882;
}

.ft_logout_box .dropbtn:hover {
background: #5a72aa;
border: 1px solid #5a72aa;
color: #fff;
}



.ft_logout_box .dropbtn:hover i
 {
color: #fff;
}

.ft_down_arrow {
  font-size: 14px;
}

.ft_logout_box button > * {
  pointer-events: none;
}


.ft_logout_box a {
  color: #f7bd67;
}
.ft_logout_box a:hover,
.ft_logout_box a:focus
 {
  color: #fff;
}


.ft_logout_box i {
color: #fff;
line-height: 27px;
}

.ft_logout_box form {
  display: inline-block;
}


.ft_login_or {
  font-size: 20px;
  width: 100%;
  margin: 20px 0;
  text-align: center;
}

.ft_login_create {
    font-size: 20px;
  text-align: center;
}

.ft_login_create a{
  color: #003f63 !important;
  display: block;
  margin-bottom: 15px;
}

.ft_login_create a:hover,
.ft_login_create a:focus {
  color: #1c3f79;
  text-decoration: underline;
}




.ft_login_link {
  width: 100%;
  display: block;
text-align: center;
}

.ft_login_link a button {
  color: #000;
  margin: 0 auto;
  font-size: 20px;
  padding: 6px 20px;
  width: 90%;
  text-align: center;
  border: 1px solid #fff;
  border-radius: 3px;
  background: #f9bf13; 

}

.ft_login_link button:hover {
  color: #000 !important;
  border-radius: 3px;
  border: 1px solid #fff;
  background: #ccc;
}

.ft_uc_links a,
.ft_uc_links a:visited
{
  display: block;
  width: 100%;
  color: #333 !important;
  margin: 20px 0;
  font-size: 18px;
}

.ft_uc_links a:hover,
.ft_uc_links a:focus

{
color: #666;
}

.ft_uc_links a i {
  color: #333;
  width: 26px;
}

.ft_uc_links a:hover i{
  color: #666;
}

.ft_uc_logout {
  text-align: center;
  display: block;
  width: 100%;
  padding-top: 10px;
  border-top: 1px solid #ddd;
}

.ft_uc_logout button {
font-size: 20px;
color: #555 !important;
border: #555 1px solid;
background: #fff;
padding: 7px 25px;
}

.ft_uc_logout button:hover,
.ft_uc_logout button:focus
{
color: #555 !important;
background: #ddd;
border: 1px solid #ddd;
}





table {
border-spacing: 0;
border-collapse: collapse;
display: table;
margin: 5px;
}

.add_package_box_san {
  max-width: 400px;
}

.ft_item_row {
	width: 100%;
}

.ft_item_box_email_signature {
	padding: 0 20px;
	margin-bottom: 10px;
  position: relative;
  vertical-align: bottom;
}

.ft_item_box {
	padding: 0 20px;
	margin-bottom: 10px;
  position: relative;
  vertical-align: bottom;
}

.ft_item_box_email_signature button {
  position: relative;
}


.deadbottom {
  position:absolute;
  bottom: 0;
}

.ft_grid2 {
	display: grid;
grid-template-columns: 50% 50%;
}

.ft_grid3 {
display: grid;
grid-template-columns: 33% 33% 33%;
}

.ft_grid4 {
display: grid;
grid-template-columns: 25% 25% 25% 25%;
}

.ft_pad {
  margin-bottom: 20px;
  padding: 15px 15px;
  border-radius: 10px;
  position: relative;
  display: block;
  width: calc(100% - 50px);
}

.ft_white_pad {
  background: #fff;

  box-shadow: 0 6px 10px -4px rgba(0,0,0,.15);
}

.ibox {
margin-bottom: 20px;
margin-right: 20px;
display: inline-block;
}


.service_logo_san img {
  height: 150px;
  width: auto;
  display: inline-block;
}

.service_logo_san {
  display: inline-block;
}

.service_name_san {
font-size: 40px;
margin-top: 50px;
vertical-align: middle;
display: inline-block;
padding-left: 20px;
border-left: 1px solid #ddd;
}

.service_name_san h2{
margin-bottom: 0;
}

.service_address_san {
margin: 10px;
}

.service_primary_san {
  margin: 10px;
}

.service_social_san {
  margin: 10px;
}

.directory_row_san {
  width: 100%;
  display: inline-grid;
  grid-column-gap: 20px;
  grid-template-columns: 50% 50%;
}

.directory_name_san {
  font-size: 17px;
  line-height: 21px;
  margin-bottom: 7px;
}

.directory_name_san a,
.directory_name_san a:focus
 {
  color: #444;
}

.directory_name_san a:hover
 {
   color: #444;
  text-decoration: underline;
  border-bottom: 1px solid #666;
}



.clr_san {
  clear: both;
}

.directory_item_box{
margin-bottom: 20px;
padding: 10px 5px;
border-radius: 3px;
border: 1px solid #e8e8e8;
display: inline-block;
width: 100%;
-webkit-box-shadow: 0 2px 6px 0 rgba(211,211,211,.75);
-moz-box-shadow: 0 2px 6px 0 rgba(211,211,211,.75);
box-shadow: 0 2px 6px 0 rgba(211,211,211,.75);
}

.directory_social_san {
  font-size: 25px;
}

.directory_loading_san {
  width: 100%;
  display: block;
  text-align: center;
}

#directory_pagination_box {
  margin-bottom: 15px;
}

.directory_no_results {
  width: 100%;
  text-align: center;
  font-size: 25px;
  color: #666;
  line-height: 25px;
  margin: 20px 0;
}


.directory_social_san a{
  color: #666;
}

.directory_social_san a i{
  margin: 0 5px;
}

.directory_logo_box_san {
    float: left;
    width: 120px;
    margin-top: 10px;
}

.directory_board_logo_san {
width: 120px;
display: block;
text-align: center;
}

.service_board_logo_san img {
max-width: 50px;
margin-right: 10px;
}


.directory_board_logo_san img {
  width: 50%;
}

.directory_logo_san {

	height: 120px;
	overflow: hide !important;
	background-size: cover !important;
  background-color: #ffffff;
}

.directory_text_san {
  width: calc(100% - 135px);
  float: right;
}

.directory_address_san {
  color: #666;
  margin: 2px 0;
}

.directory_contacts_san {
  font-size: 15px;
  margin: 2px 0;
}

.self_renew_row_san {
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 10px;
}


.open_self_renew_san {
  background: #fff;
  border: 1px solid #fff;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  overflow-x: hidden;
  border-radius: 10px;
}

.open_self_renew_san h2 {
  color: #444;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  margin: 15px 0;
}

.open_self_renew_san .header_row_san i {
  font-size: 25px;
}

.open_self_renew_san .header_row_san{
  border-bottom: 1px solid #ddd;
}

.open_self_renew_san .notify_san {
margin-bottom: 0;
margin-top: 10px;
width: 100%;
}

.self_renew_row_san button
{
margin-top: 0px;
}

.admin_renewal_box form {
max-width: 800px;
margin: 0 auto;
}

.search_row_san select {
  color: #444;
}

.join_box_san {

  max-width: 800px;
  margin: 0 auto;
}

.text_medium_san{
font-size: 20px;
}

.join_box_san h2 {
font-size: 20px;
font-weight: bold;
margin: 15px 0;
border-bottom: 2px dashed #ccc;
}


#logo_photo_field_san {
  display: none;
}

#logo_photo_label_san {
  cursor: pointer;
}

#logo_photo_label_san {
text-align: center;
cursor: pointer;
width: 120px;
height: 120px;
background: #ececec;
}

.logo_photo_row_san img {
  width: 120px;
  height: 120px;
}

#logo_photo_label_san i {
  font-size: 50px;
  text-align: center;
  line-height: 100px;
  margin: 0 auto;
}

.logo_photos_checkbox {
  display: none;
}


#join_photo_field_san {
  display: none;
}

#join_photo_label_san {
  cursor: pointer;
}

#join_photo_label_san {
text-align: center;
cursor: pointer;
width: 120px;
height: 120px;
background: #ececec;
}

.join_photo_row_san img {
  width: 120px;
  height: 120px;
}

#join_photo_label_san i {
  font-size: 50px;
  text-align: center;
  line-height: 100px;
  margin: 0 auto;
}

.join_photos_checkbox {
  display: none;
}

.robot_field_san {
  display: none;
}

div.pagination {
  border-radius: 3px;
padding: 3px;
margin: 3px;
}

div.pagination a {
  border-radius: 5px;
padding: 2px 7px;
margin: 2px 3px;
border: 1px solid #efefef;
background: #efefef;
text-decoration: none; /* no underline */
color: #666;
}

div.pagination a:hover, div.pagination a:active {
border-radius: 3px;
border: 1px solid #ec5f2d;
background: #ec5f2d;
color: #fff;
}
div.pagination span.current {
border-radius: 3px;
padding: 2px 7px;
margin: 2px;
border: 1px solid #ec5f2d;

font-weight: bold;
background-color: #ec5f2d;
color: #FFF;
}
div.pagination span.disabled {
border-radius: 3px;
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;

color: #DDD;
}


#card-element {
  padding: 10px;
  width: 100%;
  margin-bottom: 15px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.san_main .label_block {
font-size: 16px;
width: 100%;
display: block;
margin-bottom: 2px;
font-weight: 400;
}

.san_main select {
  color: #333;
  width: 100%;
  padding: 10px 5px;
  line-height: 22px;
  margin-top: 1px;
  margin-bottom: 10px;
  border-radius: 4px;
	background: #fff;
  border: 1px solid #ccc;
  font-weight: 400;
}


.san_main input[type="text"],
.san_main input[type="date"],
.san_main input[type="time"],
.san_main input[type="email"],
.san_main textarea,
.san_main input[type="password"] {
  height: 25;
width: 100%;
padding: 10px 5px;
line-height: 22px;
margin-bottom: 13px;
margin-top: 3px;
border-radius: 4px;
border: 1px solid #ccc;
background: #fff;
font-family: 'roboto-regular', sans-serif;
  font-weight: 300;
}

.ui-datepicker {
  z-index: 999999999 !important;
}


.search_box_san input[type="text"] {
  width: calc(100% - 250px );
  display: inline-block;
  margin-top: 0;
  padding: 10px 20px;
}

.search_box_san .btn_san {
  vertical-align: bottom;
  margin-bottom: 13px
}

.events_search_box_san input[type="text"] {
  width: calc(100% - 250px );
  display: inline-block;
  margin-top: 25px;
}

.events_search_box_san .btn_san {
  vertical-align: bottom;
  margin-bottom: 13px
}

.members_search_box_san input[type="text"] {
  width: calc(100% - 250px );
  display: inline-block;
  padding: 10px 5px;
}

.members_search_box_san .btn_san {
  vertical-align: bottom;
  margin-bottom: 13px
}



.ticket_quantity_san input[type="text"] {
  width: 70px;
  text-align: center;
  display: inline-block;
}

.ticket_quantity_san i {
  font-size: 25px;
  color: #666;
}

.ticket_subtotal_san {
  width: 100px;
}



.open_pay_san {
  background: #fff;
  border: 1px solid #fff;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  overflow-x: hidden;
  border-radius: 10px;
}


.open_pay_san .notify_san,
.open_volunteer_san .notify_san,
.open_reservation_san .notify_san,
.open_email_members_san .notify_san,
{
margin-bottom: 0;
margin-top: 10px;
width: 100%;

}



.open_pay_logo img {
  width: 80%;
}

.open_pay_san h2
 {
  color: #444;
  font-size: 30px;
  line-height: 45px;
  font-weight: normal;
  margin: 15px 0;
  text-align: left;
}

.open_pay_logo_row {
  margin: 15px 0;
}


.open_email_members_san {
  background: #fff;
  border: 1px solid #fff;
  max-width: 900px;
  margin: 0 auto;
  padding: 10px;
  overflow-x: hidden;
  border-radius: 10px;
}

#hidden_email_editor {
  display: none;
}


.open_volunteer_san,
.open_reservation_san
 {
  background: #fff;
  border: 1px solid #fff;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  overflow-x: hidden;
  border-radius: 10px;
}

.open_volunteer_san h2,
.open_reservation_san h2,
.open_email_members_san h2
 {
  color: #444;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  margin: 15px 0;
}

.open_pay_san .header_row_san i,
.open_volunteer_san .header_row_san i,
.open_reservation_san .header_row_san i,
.open_email_members_san .header_row_san i,
 {
  font-size: 25px;
}

.open_pay_san .header_row_san,
.open_volunteer_san .header_row_san,
.open_reservation_san .header_row_san,
.open_email_members_san .header_row_san
{
  border-bottom: 1px solid #ddd;
}

.open_checkout_san .notify_san,
.open_volunteer_san .notify_san

 {
margin-bottom: 0;
margin-top: 10px;
width: 100%;
}

.loading_circle_san {
  margin: 0 auto;
}

.loading_box_san {
  text-align: center;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #fff;
  margin: 0 auto;
}

.loading_box_san img{
width: 100%;
}


.open_checkout_san {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #fff;
  max-width: 600px;
  margin: 0 auto;
  padding: 10px;
  overflow-x: hidden;
}

.open_checkout_san h2 {
  color: #444;
  font-size: 20px;
  line-height: 25px;
  font-weight: bold;
  margin: 15px 0;
}

.open_checkout_san .header_row_san i {
  font-size: 25px;
}

.open_checkout_san .header_row_san  {
  border-bottom: 1px solid #ddd;
}

.text_right_san {
  text-align: right;
}
.text_left_san {
  text-align: left;
}

.text_center_san {
  text-align: center;
}

.event_view_san .row {
margin-bottom: 10px;
}

.event_view_san .mini_row_san {
  font-size: 15px;
  color: #444;
}

.event_view_san .mini_title_san {
  margin-bottom: 5px;
  display: block;
}

.event_row_san {
  margin: 0 auto;
	width: calc(100% - 20px);
}

.event_item_san {
	width: 100%;
  max-width: 400px;
	border-radius: 0px;
	margin-bottom: 30px;
	background: #fff;
}

.event_item_san .event_loop_date {
font-weight: bold;
color: #d1410c;
margin-top: 20px;
font-size: 15px;
}

.event_picture_san {
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	display: block;
	width: 100%;
	height: 200px;
	overflow: hide !important;
	background-size: cover !important;
}

.event_blackshade_san {
height: 200px;
cursor: pointer;
position: relative;
background-image: url('../images/blackshade.png');
background-repeat: repeat-x;
background-position: bottom;
}

.event_name_san {
  cursor: pointer;
	color: #fff;
	font-size: 22px;
	text-align: center;
	position: absolute;
	bottom: 10px;
	width: 90%;
}

.event_loop_name {
  font-weight: bold;
}

.event_loop_name a {
  color: #333;
  font-weight: bold;
}

.event_loop_name a:hover,
.event_loop_name a:focus{
color: #666;
}

.event_loop_address {
  color: #666;
  font-size: 15px;
}

.td_val a {
  color: #333;
  text-decoration: none;
}


.td_val a i {
  color: #333;
}

.td_val .link_box_san a i{
  color: #d1410c;
}

.td_val .link_box_san a {
  color: #d1410c;
}

.td_val .link_box_san a:hover,
.td_val .link_box_san a:focus {
  color: #666;
}


.td_val a:hover i{
  color: #666;
}


.td_val .link_box_san{
  margin: 5px 5px;
}
.close_notify {
  right: 0;
  top: 0px;
  font-size: 20px !important;
  margin: 0 20px;
line-height: 0px;
  cursor: pointer;
  position: absolute;
  line-height: 40px;

}


.notify_san {
max-width: 100%;
font-size: 16px;
position: relative;
padding: 10px 30px 10px 10px;
margin-bottom: 1rem;
border-left: 3px solid;
border-radius: none;
}


.success_san {
color: #155724;
background-color: #d4edda;
border-color: #155724;
}

.error_san {
color: #721c24;
background-color: #f8d7da;
border-color: #721c24;
}




.full_word{
  white-space: nowrap;
}

.td_label a {
color: #666;
}

.td_label a:hover {
color: #000;
}

.td_label {
color: #666;
font-size: 14px;
padding: 5px 6px;
font-weight: normal;
border-bottom: 1px solid #666;
background: #fff;
vertical-align: bottom;
font-family: "Proza Libre",sans-serif;
}

.td_val {
font-size: 14px;
line-height: 23px;
padding: 10px 6px;
font-weight: normal;
vertical-align: top;
border-bottom:1px solid #e3e3e3;
}

.td_total {
font-weight: bold;
font-size: 17px;
padding: 10px 6px;
vertical-align: top;
}

#event_required_fields {
  color: red;
  font-size: 15px;
}

#event_required_fields i {
  color: red;
    font-size: 13px;
}

.validate_san i {
  font-size: 10px;
}

.disabled_btn_san {
color: #666;
font-size: 15px;
font-weight: bold;
border: 1px solid #ddd;
background: #ddd;
margin: 0 10px;
padding: 6px 20px;
border-radius: 4px;
}

.disabled_btn_san:hover,
.disabled_btn_san:active,
.disabled_btn_san:focus {
  color: #666;
   border: 1px solid #eee;
   background: #eee;
 }




.red_btn_san {
color: #fff;
font-size: 15px;
font-weight: bold;
border: 1px solid #dc3545;
background: #dc3545;
margin: 0 10px;
padding: 6px 20px;
border-radius: 4px;
}

.red_btn_san:hover,
.red_btn_san:active,
.red_btn_san:focus {
   border: 1px solid #f34959;
   background: #f34959;
 }


 .blue_btn_san {
 color: #fff;
 font-size: 17px;
 font-weight: bold;
 border: 1px solid #9cba3c;
 background: #9cba3c;

margin: 0 10px;
padding: 10px 20px;
border-radius: 4px;
 }

 .blue_btn_san:hover,
 .blue_btn_san:active,
 .blue_btn_san:focus {
    border: 1px solid #ccc;
    background: #ccc;
  }

.green_btn_san {
color: #000;

font-weight: bold;
border: 1px solid #fdcd20;
background: #fdcd20;
margin: 0 10px;
font-size: 17px;
padding: 10px 20px;
border-radius: 4px;
}

.green_btn_san:hover,
.green_btn_san:active,
.green_btn_san:focus {
   border: 1px solid #ccc;
   background: #ccc;
   color: #222;
 }

 .button_link_box {
   line-height: 0;
 }

  .button_link_box a {
   line-height: 0;
 }

 .btn-primary {
   background: #003f62 !important;
   border: 1px solid  #003f62 !important;
 }

 .brick_outline_btn_san {
 color: #fff;
 font-size: 17px;
 font-weight: bold;
 border: 1px solid #008d9c;
 color: #008d9c;
 background: #fff;
 margin: 0 10px;
 padding: 10px 20px;
 border-radius: 4px;
 }

 .brick_outline_btn_san:hover,
 .brick_outline_btn_san:active,
 .brick_outline_btn_san:focus {
   color: #222;
    background: #ccc;
    border: 1px solid #ccc;
  }

  .search_row_san  .brick_btn_san,
  .search_row_san .brick_outline_btn_san
  {
    vertical-align: top;
  }


 .brick_btn_san {
 color: #fff;
 font-size: 17px;
 font-weight: bold;
 border: 1px solid #008d9c;
 background: #008d9c;
 margin: 0 10px;
 padding: 10px 20px;
 border-radius: 4px;
 }

 .brick_btn_san:hover,
 .brick_btn_san:active,
 .brick_btn_san:focus {
    border: 1px solid #ccc;
    background: #ccc;
    color: #222;
  }

.brick_btn_san i {
font-size: 15px;
}

.skyblue_btn_san {
color: #fff;
font-size: 17px;
font-weight: normal;
border: 1px solid #51cbce;
background: #51cbce;
padding: 10px 20px;
}

.skyblue_btn_san:hover,
.skyblue_btn_san:focus,
.skyblue_btn_san:active
{
  border: 1px solid #ccc;
  background: #ccc;
}





.san_main label {
  font-weight:  normal;
}



i {
  cursor: pointer;
}

.icon_top_40 {
  vertical-align: bottom;
  height: 75px;
}
.icon_top_40 i{
  position: absolute;
  bottom: 0;
}

.add_event_schedule_box {
  padding: 15px 0;
  margin-top: 15px;
  border-bottom: 2px dashed #ccc;
}

.add_tickets_box  .fa-times-circle,
.schedule_row_san .fa-times-circle
 {
  left: 50px;
}


.add_tickets_box i,
.schedule_row_san i
 {
  font-size: 26px;
}

.add_tickets_box  .fa-plus-circle,
.add_tickets_h2 .fa-plus-circle,
.schedule_row_san .fa-plus-circle
 {
  color: #68bb59;
}

.add_event_box {
  max-width: 800px;
  margin: 0 auto;
}

.add_event_photos_checkbox {
  display: none;
}

.add_event_box .pic_box_san {
max-width: 70px;
}

.add_event_box .pic_box_san img {
width: 100%;
}

.add_event_box .pic_box_san_col label {
margin-top: 0;
}


.add_event_box label {
margin-top: 15px;
font-size: 16px;
}

.pic_box_san {

}

#event_photos_response_san {

}

#add_event_photo_field_san {
display: none;
}

#add_event_photo_label_san img{
width: 90px;
}

#add_event_photo_label_san {
text-align: center;
cursor: pointer;
width: 70px;
height: 70px;
background: #ececec;
}

#add_event_photo_label_san i {
  font-size: 30px;
  text-align: center;
  line-height: 60px;
  margin: 0 auto;
}

.photo_del_box_san {
  text-align: center;
}

.add_event_box h2{
font-size: 25px;
display: block;
margin: 15px 0;
border-bottom: 2px dashed #ccc;
}

.add_event_box  .wp-editor-container button:hover {
  background: #fff;
  border: none;
}






.time_box {
display: grid;
grid-column-gap: 10px;
grid-template-columns: auto auto auto ;

font-size: 14px;
width: 100%;
margin-bottom: 10px;
margin-top: 3px;
border-radius: 4px;
border: 1px solid #e3e3e3;
}

.time_box select {
padding: 7px 0;
border-radius: 0;
border: none;
outline: none;
cursor: pointer;
background: none;
width: calc(100% - 5px);
margin-bottom: 0;
}



/* The Overlay (background) */
.overlay1, .overlay2, .overlay3{
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 2040; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}



.results_box1 , .results_box2, .results_box3 {
    position: relative;
    top: 10%; /* 25% from the top */
    width: auto; /* 100% width */
    max-width: 95%;
    margin-top: 10px; /* 30px top margin to avoid conflict with the close button on smaller screens */

    border-radius: 0px;
    margin-left: auto;
    margin-right: auto;

}

/* The navigation links inside the overlay */
.overlay1 a, .overlay2 a, .overlay3 a {
    text-decoration: none;
    transition: 0.3s; /* Transition effects on hover (color) */
}

.overlay1 a:hover, .overlay2 a:hover, .overlay3 a:hover {
  color: #ccc;
    text-decoration: none;
    transition: 0.3s; /* Transition effects on hover (color) */
}


/* Position the close button (top right corner) */

.overlay1 .closebtn1
{
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
}

.overlay1 .closebtn1:hover {
color: #ec5f2d;
}

    .third_overlay .third_closebtn,
    .overlay1 .closebtn1,
    .overlay2 .closebtn2,
    .overlay3 .closebtn3
    {
      color: #fff;
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
    }

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {

    .third_overlay a,
    .overlay1 a,
    .overlay2 a,
    .overlay3 a
    {
        font-size: 20px
    }
}

@media (max-width: 600px) {

.ft_logout_box {
float: none;
width: 100%;
text-align: center;
}

.directory_row_san {
  grid-template-columns: 100%;
}

}