/* ----- CALENDÁRIO AGENDAMENTO ----- */

.day-headers {
	margin-top:15px !important;
	margin-bottom:5px !important;
	border-radius:3px !important;
	padding:10px;
}

.responsive-calendar .day.header {
	border-bottom:none !important;
}

.responsive-calendar .day.active a {
	background-color:rgb(255,200,45) !important;
	margin-bottom:2px !important;
	border-radius:0 !important;
	}
	
.responsive-calendar .controls {
	padding:10px;
	height:30px;
	}

.controls {
	position: relative;
}

.controls a:first-child {
	position: absolute;
	left:75px;
	top:0;
	font-size:24px;
	padding:0px 13px 0px 13px;
	background-color: rgb(230,230,230);
	border-radius:30px;
}

.controls a:last-child {
	position: absolute;
	right:75px;
	top:0;
	font-size:24px;
	padding:0px 13px 0px 13px;
	background-color: rgb(230,230,230);
	border-radius:30px;
}

.mes-calendar {
	line-height:24px;
	font-size:24px;
	font-weight:bold;
	position: absolute;
	left:30%;
	right:30%;
	top:0;
}
	.close {
		z-index:999 !important;
		margin:12px !important;
	}

	.close span {
		color:rgb(255,255,255);
		font-size:30px;
	}
	
	.work {
		background-color:rgb(0,140,220) !important;
		border:1px solid #FFF;
	}
	
	.no-work, .past{
		background-color:rgb(230,230,230);
		border:1px solid #FFF;
	}
	
	.past{
		background-color:rgb(230,230,230) !important;
		border:1px solid #FFF;
	}
	
	.day-headers {
		background-color:rgb(0,75,130);
		color:#FFF;
		padding:12px;
		font-weight:bold;
		border-radius:50px !important;
		height:47px;
		margin:20px 0 15px 0 !important;
	}

	.day {
		border-radius:20px;
		overflow: hidden;
		margin:0 0 5px 0 !important;
		padding:0 !important;
	}
	
	.responsive-calendar .day.header {
		border-bottom:none;
	}
	
	.cor-dia-1 {
		width:10px;
		height:10px;
		display:inline;
		padding:5px 10px;
		border-radius:30px;
		background-color:rgb(230,230,230);
		color:rgb(0, 0, 0);
	}
	
	.cor-dia-2 {
		width: 10px;
		height:10px;
		display:inline;
		padding:5px 10px;
		border-radius:30px;
		background-color:rgb(0,140,220);
		color:#FFF;
	}
	
	
	.consulta-agendamento {
		background-color:rgb(0,141,54);
		color:#FFF;
		padding:30px;
		font-size:16px;
		line-height:28px;
		}
		
	.consulta-agendamento h3 {
		padding:5px 0 15px 0;
		margin:0 0 30px 0;
		border-bottom:1px solid rgba(255,255,255,.3);
	}
	
	.posicao {
		width:100%;
		display:flex;
		flex-direction:row;
		flex-wrap: wrap;
		justify-content: space-around;
	}
	
/*----- Fim Calendário -----*/


.responsive-calendar .controls {
  text-align: center;
}
.responsive-calendar .controls a {
  cursor: pointer;
}
.responsive-calendar .controls h4 {
  display: inline;
}
.responsive-calendar .day-headers,
.responsive-calendar .days {
  font-size: 0;
}
.responsive-calendar .day {
  display: inline-block;
  position: relative;
  font-size: 14px;
  width: 14.285714285714286%;
  text-align: center;
}
.responsive-calendar .day a {
  color: #000000;
  display: block;
  cursor: pointer;
  padding: 20% 0 20% 0;
}
.responsive-calendar .day a:hover {
  background-color: #eee;
  text-decoration: none;
}
.responsive-calendar .day.header {
  border-bottom: 1px gray solid;
}
.responsive-calendar .day.active a {
  background-color: #1d86c8;
  color: #ffffff;
}
.responsive-calendar .day.active a:hover {
  background-color: #36a0e2;
}
.responsive-calendar .day.active .not-current {
  background-color: #8fcaef;
  color: #ffffff;
}
.responsive-calendar .day.active .not-current:hover {
  background-color: #bcdff5;
}
.responsive-calendar .day.not-current a {
  color: #ddd;
}
.responsive-calendar .day .badge {
  position: absolute;
  top: 2px;
  right: 2px;
  z-index: 1;
}