/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

a.mui-btn--danger.btn-view-roster{
   text-decoration: none;
}
#mui-overlay{
   z-index: 99999;
}

.event_wrapper .event-start-counter {
   margin-bottom: -8px;
}

.event-start-counter span {
   display: inline-block;
   width: 24%;
   border-top-left-radius: 8px;
   border-top-right-radius: 8px;
   border-color: #000;
   background-color: #000;
   color: #fff;
   border-style: solid;
   border-width: 3px;
   text-align: center;
   padding: 10px;
}

.event_wrapper table, .event_wrapper table tr, .event_wrapper table tr td {
   border-right: none;
   border-left: none;
   border-top: none;
}

.event_wrapper table tr:last-child {
   text-align: center;
}

.event_wrapper table tr:last-child td {
   border-bottom: none;
}

.event_wrapper table tr th {
   border-right: none;
   text-align: right;
}

.event_wrapper .button.em-booking-button {
   color: #FFF;
   background-color: #F44336;
   font-weight: 500;
   text-transform: uppercase;
   transition: all .2s ease-in-out;
   display: inline-block;
   height: 36px;
   padding: 0 26px;
   margin: 6px 0;
   border: none;
   border-radius: 2px;
   cursor: pointer;
   touch-action: manipulation;
   background-image: none;
   text-align: center;
   line-height: 36px;
   vertical-align: middle;
   white-space: nowrap;
   user-select: none;
   font-size: 14px;
   font-family: inherit;
   letter-spacing: .03em;
   position: relative;
   overflow: hidden;
   animation-duration: 0.0001s;
   animation-name: mui-btn-inserted;
}

.event_wrapper .button.em-booking-button:hover {
   text-decoration: none;
   color: #FFF;
   background-color: #f55a4e;
   outline: 0;
}

.event_wrapper .button.em-cancel-button {
   color: #FFF;
   background-color: #F44336;
   font-weight: 500;
   text-transform: uppercase;
   transition: all .2s ease-in-out;
   display: inline-block;
   height: 36px;
   padding: 0 26px;
   margin: 6px 0;
   border: none;
   border-radius: 2px;
   cursor: pointer;
   touch-action: manipulation;
   background-image: none;
   text-align: center;
   line-height: 36px;
   vertical-align: middle;
   white-space: nowrap;
   user-select: none;
   font-size: 14px;
   font-family: inherit;
   letter-spacing: .03em;
   position: relative;
   overflow: hidden;
   animation-duration: 0.0001s;
   animation-name: mui-btn-inserted;
}

.event_wrapper .button.em-cancel-button:hover {
   text-decoration: none;
   color: #FFF;
   background-color: #f55a4e;
   outline: 0;
}