.fc-unthemed td.fc-today
{
    background: inherit !important;
}
.fc-button-primary
{
    background-color: #00a99d !important;
    border-color: #00a99d !important;
}
.fc-view.fc-dayGridMonth-view.fc-dayGrid-view table,.fc-day-grid .fc-row
{
    margin-bottom: 0px;
    max-height: 55px;
}

.hide{
    display: none;
}

#calendar
{
    max-width: 100% !important;
}


th#hour-th
{
    width: 10%;
}

#scheduler
{
    margin-top: 40px;
}

.match-block
{
    z-index: 9999;
    position: absolute;
    top: 0%;
    color: white;
    height: 138px;
    font-size: 0.85em;
    padding: 4px;
    min-width: 150px;
}

.match-block.m120
{
    height: 275px;
}

.player-name
{
    font-size: 12px;
}

.block-user-manager
{
    z-index: 9999;
    position: absolute;
    height: 20px;

}
.block-user-manager .fa-circle-plus
{
    cursor: pointer;
}

.table>:not(:last-child)>:last-child>*
{
    border-bottom-color: inherit;
    border: 1px solid #EAEAEA;
}

.ssr-scheduler-user-img
{
    max-width: 20px;
    min-width: 20px;
    min-height: 20px;
    max-height: 20px;
    border-radius: 50%!important;
}

.status
{
    color: #fff;
    padding: 4px !important;
    font-size: 0.85em;
    line-height: 1.4;
    border-radius: 3px;
    /*opacity: 0.5;*/
    padding: 10px;
    
}
.status.selectable
{
    cursor: pointer;
    opacity: 1;
}
.status.available, .match-block.available
{
    background-color: #68ba68;
    border-color: #68ba68;
}
.status.booked, .match-block.booked
{
    background-color: #a93c3c;
    border-color: #a93c3c;
}

.status.pending, .match-block.pending, .button-racket.pending
{
    background-color: #d1a216;
    border-color: #d1a216;
}
.status.approved, .match-block.approved, .button-racket.approved
{
    background-color: rgb(28, 122, 158);
    border-color: rgb(28, 122, 158);
}
.status i{
    color: white;
}
.scheduler-row .fc-button-group
{
    float: right;
    margin-bottom: 20px;
}


.button-racket
{
    height: 20px;
    width: 20px !important;
    padding: 0px;
    padding-left: 10px;
}

.button-racket i{
    font-size: 10px;
}

.fc-event.unavailable
{
    opacity: 0.5;
}

.match-block div
{
    margin-top: 5px;
}

.ssr-match-form{
  
    padding: 0px 10px 0px 10px;
   
    
}
.no-matches
{
    margin-top: 20px;
}
.form-group{
    margin-bottom: inherit;
}
#ssr-form{
    z-index: 9999999;
}
#ssr-form .modal-dialog{
    padding-left: 1px;
    padding-right: 1px;
}
#ssr-form .modal-header{
    padding-left: 27px;
}

#inner-cancel-confirm, #inner-accessCode{
    z-index: 999999999;
}


#ssr-user-details{
    z-index: 999999999999;
}
.details-header
{
    font-weight: 600;
}

.ssr-match-button-submit, .ssr-match-button-submit-disabled{
    margin: auto;
    width: 80%;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.7px;
    background-color: #4054B2 !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 15px 15px 15px 15px !important;
}

.ssr-match-button-submit-disabled{
    background-color: #93afcc !important;
    cursor: inherit !important;
}

.ssr-row-user {
    padding: 10px;
}
.ssr-row-user-name {
    /*margin-top: 12px;*/
}
.ssr-row-user-button, .ssr-form-button, .ssr-form-match-type, .ssr-form-match-mode, .ssr-row-user-options-email, .ssr-row-user-options-pay, .ssr-list-filter-button, .ssr-form-match-end {
    margin-top: 12px;
    min-width: 75px;
    height: 30px;
    font-size: 1.4rem;
}
.ssr-user-row-button
{
    min-width: 80px;
    text-align: left;
    float: right;
}
.ssr-user-row-button i{
    color: white;
}
span.member i{
    color: #00a99d;
}
span.member span{
    margin-left: 2px;
}
.ssr-user-row-button span{
    font-size: 12px;
}

.players{
    border-style: dashed;
    border-width: thin;
    border-color: #6c757d;
}
.player1
{
    border-bottom-style: dashed;
    border-width: thin;
    border-color: #6c757d;
    border-right-style: dashed;
}
.player2
{
    border-bottom-style: dashed;
    border-width: thin;
    border-color: #6c757d;
}
.player3
{
    border-width: thin;
    border-color: #6c757d;
    border-right-style: dashed;
}
.booked-me
{
    background-color: #dcebf9;
}
button.ssr-user-row-button
{
    margin-top: 1px;
}
.ssr-list-filter-button{
    margin-right: 10px;
    
}
.match-label
{
    height: 20px;
}
.ssr-row-user-options-email{
    margin-top: inherit;
}
.ssr-row-user-options-pay{
    margin-top: 10px;
}

.ssr-row-user-options-member{
    cursor: inherit !important;
    font-size: 1.4rem;
}
.ssr-row-user-options-member:hover{
    color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}

.ssr_user_row_replacement img, .ssr-row-user-details img
{
    cursor: pointer;
}

.ssr_user_row_no_disabled:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f00d";
    color: #ff6300;
    display: block;
    margin-right: 45px;
}

.ssr_user_row_replacement:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f2f1";
    color: #ff6300;
    display: block;
    margin-right: 45px;
}

.ssr-row-user-details:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f05a";
    color: #00a99d;
    display: block;
    float: right;
    margin-right: 21px;
    
}


.button-racket
{
    width: 33px;
}
.button-racket.none, .button-racket.cancelled{
    background-color: #6c757d;
    border-color: #6c757d;
}

.button-racket i
{
    color: white;
    margin-left: -6px;
}

.ssr_user_row_no_disabled img{
    cursor: pointer;
}

.ssr-calendar-players-closed-hide{
  display:none;
}

.payment-status.approved, .match-status.approved{
    color:#00a99d;
}

.payment-status.pending, .match-status.pending{
    color:#d1a216;
}
.match-status
{
    font-size: 100%;
}

.modal-footer
{
    display: block;
    margin-top: 20px;
}
.ssr-modal-button{
    float:right;
}
#ssr-form-log
{
    float: left;
    margin-left: 22px;
    width: 60%;
}

.ssr-match-body-user-img{
    max-width: 50px;
    min-width: 50px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 50%!important;
}

.btn:not(.btn-secondary){
    background-color: #00a99d;
    color: #FFFFFF;
}

.section
{
    margin-top:10px;
}

.ssr-column-center{
    margin: auto;
}
.ssr-match-body{
    height: 375px;
    padding: 10px;
    margin-bottom: 30px;
    background-color: #F4F4F4;
    border-style: solid;
    border-width: 6px 0px 0px 0px;
    border-color: #7ABC64;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    margin: 2px 2px 2px 2px;
    border-radius: 10px 10px 10px 10px;
    margin-top: 10%;
}

.ssr-match-body-available{
    border-color: #68ba68;
}
.ssr-match-body-closed{
    border-color: #a93c3c;
}
.ssr-match-body-booked{
    border-color: rgb(28, 122, 158);
}
.ssr-match-body-disabled{
    border-color: rgb(120, 123, 120);
}
.ssr-match-body-pending{
    border-color: #ffc107;
}

.ssr-match-body-list{
    padding-left: 10px !important;
}


.ssr-match-body-user-img{
    max-width: 50px;
    min-height: 50px;
    max-height: 50px;
    border-radius: 50%!important;
}

.ssr-match-body-row-column{
    margin-left: auto;
    text-align: center;
}


.ssr-match-button-submit, .ssr-match-button-accessCode, .ssr-match-button-submit-disabled{
    margin: auto;
    width: 80%;
    font-weight: 500;
    line-height: 1em;
    letter-spacing: 0.7px;
    background-color: #00a99d !important;
    border-radius: 30px 30px 30px 30px !important;
    padding: 15px 15px 15px 15px !important;
}

.ssr-match-button-submit-disabled{
    background-color: #00a99d73 !important;
    cursor: inherit !important;
}

.ss-match-button-summit1-body
{
    margin-top: 2%;
}

.ss-match-button-summit2-body{
    margin-top:25%;
}

.ss-match-button-summit2-body{
    margin-bottom:25%;
}

.ssr-match-inner{
    background-color: #7ABC64;
    display: none;
    color: black;
    height: 76%;
    left: 10%;
    opacity: 0.9;
    overflow: hidden;
    padding: 20px 25px;
    position: relative;
    top: -76%;
    width: 80%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    z-index: 100;
    -webkit-font-smoothing: antialiased;
}

.ssr-match-row-item-left
{
    float:left;
}
.ssr-match-row-item-right
{
    float:right;
    margin-right: 10%;
}
.ssr-match-title{
    padding: .5em 0;
    margin: 0;
    font-size: 1em;
    line-height: 1.4em;
    font-weight: 700;
}

.ssr-match-user-displayName{
    min-height: 24px;
}


.ssr-user-pending img{
    border-color: #ffc107;
    border-style: solid;
}

.text-center, .ssr-match-user-displayName, #ssr-wrapper-form p
{
    color: #444444;
}

#ui-datepicker-div
{
    z-index: 1000 !important;
}

.ui-datepicker-header
{
    background: #00a99d;
    border-color: #00a99d;
}
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span, .ui-datepicker .ui-datepicker-prev span
{
    color:white;
}
.ui-datepicker-next{
    float: right;
    margin-right: 10px;
}

#wrapper
{
    padding-top: 20px;
}

.input-group-text
{
    font-size: 85%;
}

.btn-title
{
    margin-left: 10px;
}
.btn-title i{
    color:white;
}
.hour-field
{
    width: 40px !important;
}
.hour-units-label
{
    font-size: 70%;
}
.court-switch
{
    margin-right: 10px;
}
.check-select-days
{
    margin-top: 10px;
}
.events-block
{
    background-color: #e4f1f0;
    padding: 10px;
}   
.form-check-label
{
    font-size: 85%;
}
#ssr-event
{
    top: 50px;
    z-index: 9999;
}
.placeholder
{
    color:#6c757d;
    font-size: 85%;
}
.form-switch
{
    width: 25%;
}
.list-tabs
{
    list-style: none !important;
    padding-left: inherit !important;
    margin-bottom: 10px !important;
}

.btn-navigate
{
    margin-top: 10px;
}
.btn-right
{
    float: right;
}
.btn-left
{
    float: left;
}
.btn-navigate i{
    margin-left: 5px;
}

.disabled{
    pointer-events: none;
    color: rgb(120, 123, 120);
    cursor: inherit;
}

.owner-name
{
    margin-left: 10px;
}
.match-block2
{
    height: 35px;
    height: 18px;
    width: 150px;
}
.event-comment
{
    margin-top:10px;
    max-width: 150px;
}
.hour-field.disabled{
    background-color: #e9ecef;
    color: #e9ecef;
}
.fc-event
{
    cursor: pointer;
}
.fc-dayGrid-view .fc-body .fc-row
{
    min-height: 55px !important;
}
.fc-content-skeleton table, .fc-bg table{
    margin-bottom: 0px;
}
#scheduler-div .fc-row
{
    height: 140px;
}
.only-mobile
{
    display: none;
}

.close-scheduler
{
    margin-left: 5px;
}

#ssr-scheduler .modal-content
{
    height: 595px;
}

#scheduler-div
{
    overflow: scroll;
    height: 425px;
}

.match-comment-label
{
    height: 30px !important;
    margin-top: 10px;
}
.check-comment-label
{
    color:white;
}
.close
{
background-color:#6c757d;
}

/* .wrap-button-racket
{
    display: none;
} */
#warningCancelAuto
{
    color: #dc3545 !important;
}

@media (min-width: 576px){
    #ssr-scheduler .modal-dialog {
        max-width: 70%;
    }
    .modal-dialog
    {
        max-width: 700px;
    }
}

@media (max-width: 414px) {
    
    
    .ssr-match-inner{
        top: -78%;
    }
    
}


/*@media (max-width: 1265.98px) {*/
@media (max-width: 1665.98px) {

    .no-mobile
    {
        display:none;
    }
    .only-mobile
    {
        display: block;
    }
    .modal-dialog
    {
        max-width: 50%;
    }
    #ssr-scheduler .modal-dialog
    {
        max-width: 90%;
        top: 6px;
    }
    
    .label-mobile-btn-group
    {
        margin-top: 20px;
    }
    
    .fc-title
    {
        display: none;
    }
    
    tr:first-child > td > .fc-day-grid-event
    {
        height: 20px;
    }

    .fc-header-toolbar
    {
        margin-bottom: 1.5em;
        flex-wrap: wrap;
    }
    .fc-header-toolbar .fc-right
    {
        margin-top: 10px;
    }

    
    
    h2.modal-header{
        margin-left: 10px;
    }
    .scheduler-row, .modal-header
    {
        margin-top: 10px;
    }
    #ssr-form-log
    {
        width: 48%;
    }
    #ui-datepicker-div
    {
        top: 275px !important;
    }
    
    .section
    {
        margin-top: 10px;
    }
    
    
    .match-block
    {
        min-width: 150px;
        margin-left: -5px;
    }
   
    
    #scheduler-table .fc-court
    {
        min-width: 160px;
    }
    .modal-header i {
        display: none;
    };


}

@media (max-width: 575.98px) {

    .player-name
    {
        display: none;
    }
    .modal-dialog
    {
        max-width: 100% !important;
    }
    #ssr-scheduler .modal-dialog
    {
        max-width: 98%;
        top: 42px;
    }
    #calendar .fc-view-container
    {
        padding: 10px !important;
    }
    .fc-scroller.fc-day-grid-container
    {
        height: 300px !important;
        overflow: hidden !important;

    }
    .scheduler-row .fc-button-group
    {
        margin-right: 10px;
    }
    .modal-body
    {
        padding: inherit;
    }
    .close.close-modal, .fc-button-primary
    {
        padding: 4px 8px;
    }
    .wrap-button-racket
    {
        position: absolute;
    }
    #ssr-form-log
    {
        width: 30%;
    }
    

}