:root {
  --fc-today-bg-color: transparent !important;
}

body {
	font-family: Roboto, sans-serif;
}
.container {
  display: flex;
  flex-wrap: wrap;
  padding-top: 27px;
}

.Calendario {
  width: 50%;
}


h1 {
  font: 20px sans-serif;
  font-style: italic;
  font-weight: bold;

}

label,
td,
h2 {
  font: 100% sans-serif;
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 40%;
  text-align: center;
}

.form2{
  text-align: center;
  margin: auto;
  width: 450px;
}

.infoLabel{
  padding: 10px;
}

h3 {
  font-style: sans-serif;
  font-size: 30px;
}

.fc-toolbar-title::first-letter {
  text-transform: capitalize;
}

.fc-scrollgrid-sync-inner {
  text-transform: capitalize;
}

.fc-bg-event {
  opacity: 1 !important;
}

.fc-day-future {
	cursor: not-allowed;
}

.noText{
  display:none;
  font: 20px sans-serif;
  margin: 10px;
  color: red
}

.fc-theme-standard td {
  border: 0px !important;
}

.fc .fc-day-today .fc-daygrid-day-number {
  width: 100%
}

.fc-daygrid-day-top.redhover {
	background: #ff3636;
	width: 35px;
    text-align: center;
	border-radius: 100px;
	color: white;
}
.fc-daygrid-day-top.greenhover {
	background: #04c971;
	width: 35px;
	text-align: center;
	border-radius: 100px;
	color: white;
}
.fc-daygrid-day-top.orangehover {
	background: orange;
	width: 35px;
	text-align: center;
	border-radius: 100px;
	color: white;
}
.fc-daygrid-day-top.holidayhover {
	background: rgb(62, 69, 188);
	width: 35px;
	text-align: center;
	border-radius: 100px;
	color: white;
}
.fc-daygrid-day.fc-day-past, .fc-daygrid-day.fc-day-today{
	cursor: pointer;
}
.fc-daygrid-day:has(.holidayhover){
	cursor: not-allowed;
}

.fc-theme-standard .fc-scrollgrid {
  border: 0px !important;
}

.fc-theme-standard th {
  border: 0px !important;
}
.fc .fc-daygrid-day-frame {
  display: flex;
  align-items: center;
  justify-content: center;
}
.fc .fc-daygrid-body-unbalanced .fc-day-past .fc-daygrid-day-events, .fc .fc-daygrid-body-unbalanced .fc-day-today .fc-daygrid-day-events {
	position: absolute !important;
	height: 100%;
	width: 100%;
}
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events .fc-event{
	height: 100%;
	color: transparent;
}
.fc-daygrid-event-dot {
	display: none;
}
.fc .fc-button-primary {
  color: black !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.fc .fc-button-primary:hover {
  color: black;
  border-color: transparent;
  background-color: transparent;
}
.fc .fc-button-primary:focus {
  color: black !important;
  border-color: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}
.fc .fc-daygrid-day .fc-daygrid-day-top {
  height: 35px;
}
.fc .fc-daygrid-day .fc-daygrid-day-top .fc-daygrid-day-number {
  margin: auto;
}
.fc .fc-button-primary:active {
  color: black !important;
  border-color: transparent !important;
  background-color: transparent !important;
}
.fc .fc-daygrid-day-number{
  color: grey;
}
.fc .fc-day-today .fc-daygrid-day-number {
  color: white;
}

.fc-today-button {
  display: none !important;
}
.fc .fc-toolbar-title {
  font-size: 20px;
  color: grey;
  font-weight: 200;
}
.fc .fc-scrollgrid-section {
  height: 30px;
}

.fc .fc-day-past .fc-bg-event, .fc .fc-day-today .fc-bg-event {
	background: transparent !important;
}
.fc-day:hover {
	background: rgba(0,0,0,.1) !important;
}
.fc-daygrid-dot-event:hover {
	background: transparent !important;
}
.info {
	width: 50%;
	margin: auto;
}

.infoLabel {
	display: grid;
	justify-content: center;
	width: 50%;
	margin-top: 13px
}
.infoLabelDate {
	display: grid;
	justify-content: center;
	width: 100%;
}
.infoLabel span, .infoLabelDate span {
	font-weight: 100;
	font-size: 14px;
	text-align: start;
	font-family: Roboto, sans-serif;
}
.infoLabelWrapper {
	display: flex;
	flex-wrap: wrap;
}
#date, #totalHours {
	width: 370px;
	 border-radius: 4px;
	 border: 1px solid #bbb7b7;
	 padding: 4px;
	 padding-left: 12px;
	 padding-right: 12px;
}

input[type=time] {
 width: 147px;
 border-radius: 4px;
 border: 1px solid #bbb7b7;
 padding: 4px;
 padding-left: 12px;
 padding-right: 12px;
 }
 .infoLabelButton button:not(:disabled) {
	 border-radius: 7px;
	 border-color: #007989;
	 color: white;
	 width: 378px;
	 margin-top: 13px;
	 background: #007989;
 }
 .infoLabelButton button {
	  border-radius: 7px;
	  width: 378px;
	  margin-top: 13px;
  }
 .infoLabelButton {
	 width: 100%
 }
 .legend {
	display: flex;
	align-items: center;
	margin-right: 25px;
 }
 .dot {
	width: 10px;
	height: 10px;
	border-radius: 50px;
 }
 .redDot {
	 background: #ff3636;
 }
 .greenDot {
	 background: #04c971;
 }
 .purpleDot {
	 background: rgb(62, 69, 188);
 }
 .orangeDot {
	 background: orange;
 }
 .textLegend {
	font-size: 12px;
	color: #878787;
	margin-left: 10px;
 }
 .legendsContainer {
	padding: 10px;
	display: flex;
 }
 .fc-event-future.holiday{
	 background: transparent !important;
  }