@charset "utf-8";
/* CSS Document */

/* ............................................. */
/* Formatação do calendário de turnos
/* ............................................. */

div#calendarioTurnos,
div#calendarioTurnos * {
	border: solid #ccc;
	color: #333;
}

div#calendarioTurnos {
	position: relative;
	top: 0;
	left: 0;
	width: 350px;
	margin-bottom: 40px;
	background: #f3f3f3;
	border-width: 1px 1px 0 1px;
}

	div#calendarioTurnos > div:nth-of-type(1) {
		width: 100%;
		padding: 10px 0;
		text-align: center;
		font-weight: bold;
		font-size: 2.7rem;
		border-width: 0 0 1px 0;
	}

	div#calendarioTurnos > div:nth-of-type(2) {
		font-size: 2.5rem;
		background: var(--corAzul);
	}

		div#calendarioTurnos > div:nth-of-type(2) > div {
			color: #fff;
		}

	div#calendarioTurnos > div:not(:nth-of-type(1)) {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: stretch;
		border-width: 0;
	}

		div#calendarioTurnos > div:not(:nth-of-type(1)) > div {
			flex: 1;
			border-width: 0 0 1px 1px;
			padding: 10px 0;
			text-align: center;
			align-self: center;
		}

		div#calendarioTurnos > div:not(:nth-of-type(1)) > div:nth-of-type(1) {
			border-width: 0 0 1px 0;
			flex: 2;
		}

	div#calendarioTurnos .diaAgendado {
		background: rgb(150, 204, 46);
	}