.container-calendario{
  padding: 50px 20px;
  border-radius: 12px;
  background-color: rgb(0, 80, 43);
}

.fc .fc-toolbar-title{
  text-transform: uppercase;
  color: #FFF;
}

.fc .fc-daygrid-day-frame{
  background-color: #FFF;
}

.fc .fc-daygrid-day-frame{
  background-color: #FFF;
}

.fc .fc-button-primary {
  background-color: 	#ffffff !important;
  color: #015b41 !important;
  margin: 0 4px;
}

.fc .fc-button-primary:not(:disabled).fc-button-active, .fc .fc-button-primary:not(:disabled):active{
  color: rgb(255, 255, 255) !important;
  background-color: rgb(24, 39, 10) !important;
}

.fc .fc-button-primary :hover {
  color: #000000 !important;
  background-color: #198754 !important;
}

.fc-center h2 {
  text-transform: uppercase;
  font-size: 22px;
}

.fc-daygrid a{
  color: #000000;
}

.fc-daygrid-event{
  color: #fff !important;
  background-color: rgb(64, 64, 64);
}

thead .fc-scrollgrid-sync-inner{
  padding: 20px;
  background-color: rgb(64, 64, 64);
}

thead .fc-scrollgrid-sync-inner a{
  color: #FFF;
}

#external-events {
    position: fixed;
    left: 20px;
    top: 20px;
    width: 150px;
    padding: 0 10px;
    border: 1px solid #ccc;
    background: #eee;
    text-align: left;
  }

  #external-events h4 {
    font-size: 16px;
    margin-top: 0;
    padding-top: 1em;
  }

  #external-events .fc-event {
    margin: 3px 0;
    cursor: move;
  }

  #external-events p {
    margin: 1.5em 0;
    font-size: 11px;
    color: #666;
  }

  #external-events p input {
    margin: 0;
    vertical-align: middle;
  }

  #calendar-wrap {
    margin-left: 200px;
  }

  #calendar {
    max-width: 1100px;
    margin: 0 auto;
  }