.fc-row{
    background-color: rgb(36 25 0);
}
.fc th, .fc td{
    border-color: #edbe7e;
}
.fc th.fc-day-header{
    color: #fff;
    background-color: #e00000;
}
.fc-basic-view .fc-week-number, .fc-basic-view .fc-day-number{
    color: rgb(255 255 255 / 80%);
}
.fc td.fc-today{
    background-color: rgb(142 155 212 / 15%);
}
.fc td.fc-today .fc-day-number{
    color: #ffd573;
}

h2{
    color: #f7f7f7;
}

.fc-event{
    border: none;
    box-shadow: none;
    background-color: #e00000;
    cursor: auto;
}
.fc-event:hover{
    background-color: rgb(224 0 0);
}
.fc-event i{
    font-size: 12px;
    color: #f44336;
}
.fc-event .fc-content{
    color: #fff;
}
.fc-event:before, .fc-event-dot:before{
    display: none;
}
.fc button{
    border-radius: .3rem;
    margin: 5px 3px;
}
.btn{
    border-radius: .3rem;
}
@media(max-width: 575px){
.fc-toolbar.fc-header-toolbar{
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
}
.fc .fc-toolbar .btn-group{
    display: flex;
    justify-content: center;
    width: 100%;
}
.fc button{
    font-size: .875rem;
    padding: 8px 12px !important;
}
}

.modal{
    background-color: rgb(76 0 0 / 20%);
}
.modal-content{
   background: linear-gradient(90deg, rgb(225 9 6), rgb(252 188 86 / 100%));
    border: none;
}
.modal-body{
    border-radius: 0;
    background-color: transparent;
}
.modal-footer{
        border: none;
     background: transparent!important; 
    padding: 0 0 10px 0;
}
.modal-footer .btn{
    background-color: #fcbc56;
    color: #000;
    border: none;
    margin: auto;
}
.modal-footer .btn:hover{
    background-color: #F44336;
    border-color: #F44336;
    color: #f7f7f7;
}