/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
 .ep-attendee-check-in-buttons{
    margin-top: -25px;
 }
 .ep-check-in-attendee-checkbox{
    margin-left: 18px;
 }
 /*--Toggle ---*/

.ep-toggle-btn {
   position: relative;
   display: inline-block;
   width: 46px;
   height: 22px;
}

.ep-toggle-btn input {
   opacity: 0;
   width: 0;
   height: 0;
}

.ep-toogle-slider {
   position: absolute;
   cursor: pointer;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   background-color: #ccc;
   -webkit-transition: .4s;
   transition: .4s;
   height: 22px;
}

.ep-toogle-slider:before {
   position: absolute;
   content: "";
   height: 16px;
   width: 16px;
   left: 4px;
   bottom: 3px;
   background-color: white;
   -webkit-transition: .4s;
   transition: .4s;
}

.ep-toggle-btn input:checked + .ep-toogle-slider {
   background-color: rgb(var(--themeColor));
}
.ep-toggle-btn input:disabled + .ep-toogle-slider {
   background-color: #e6e6e6;
}
.ep-toggle-btn input:disabled:checked + .ep-toogle-slider {
   background-color: rgba(var(--themeColor),0.25);
   /* opacity: 0.25; Change the opacity to 0.25 */
}

.ep-toggle-btn input:focus + .ep-toogle-slider {
   box-shadow: 0 0 1px rgb(var(--themeColor));
}

.ep-toggle-btn input:checked + .ep-toogle-slider:before {
   -webkit-transform: translateX(22px);
   -ms-transform: translateX(22px);
   transform: translateX(22px);
}

/* Rounded sliders */
.ep-toogle-slider.round {
   border-radius: 34px;
}

.ep-toogle-slider.round:before {
   border-radius: 50%;
}

/*--Toogle End---*/

.emagic .ep-fixed-check-in-buttons-container {
   z-index: 1000;
   padding: 10px;
   border-radius: 5px;
}
/* Media query for mobile devices */
@media only screen and (max-width: 767px) {
   .emagic .ep-add-scroll-attendee-check-in {
       overflow: hidden;
       overflow-x: scroll;
   }
   .emagic .ep-fixed-check-in-buttons-container{
      right: 12px;
   }
}
#ep_al_event_attendee_list_table .ep-ticket-hidden-heading{
   display: none ;
}
#ep-payment-pending-message{
   color: red;
}
#ep_booking_detail_attendees_container{
   position: relative;
}
.ep-fixed-check-in-buttons-container{
    top: 5px;
    right: 0;
    position: absolute;
}