Predefinição:Calibra/styles.css

.barra {
	position:relative;
	margin-right: 15px;
	width: 30px; 
	height: 100%;
	background-repeat: repeat-y;
	background-image: url("https://upload.wikimedia.org/wikipedia/commons/thumb/4/48/Calibra_-_Grafismo_-_C%C3%ADrculos_e_semic%C3%ADrculos.svg/30px-Calibra_-_Grafismo_-_C%C3%ADrculos_e_semic%C3%ADrculos.svg.png");
}
.cronograma {
	text-align: center; 
	width: 99%;
	margin-top: 20px;
}
.bloco {
    padding: 5px;
}
br {
	display: none;
}

@media screen and (min-width:850px) {
	.cronograma {
		display: grid;
		grid-gap: 2px;
		grid-template-columns: 10% 10% 40% 40%;
	}
	
	.a1a4 {
    	padding-left: 20% !important;
	}
	
	br {
		display: initial !important;
	}
}

/* Header */
.a1a4 {
	text-align: center;
    color: #fff;
    padding: 3px;
    margin-top: 20px;
	grid-row: 1;
	grid-column: 1 / 5;
}

/* Day */
.b1, .b1c1 {
	background-color: rgb(27, 73, 154); 
	color: white; 
	/* box-shadow: inset 0px 3px 0px 0px rgba(27, 73, 154, 0.3); */
}
.b1 {
	grid-row: 2;
	grid-column: 1;
}
.b1c1 {
	grid-row: 2 / 4;
	grid-column: 1;
}

/* Time */
.b2, .c2 {
	background-color: rgb(27, 73, 154); 
	color: white; 
	/* box-shadow: inset 0px 3px 0px 0px rgba(27, 73, 154, 0.3); */
}
.b2 {
	grid-row: 2;
	grid-column: 2;
}
.c2 {
	grid-row: 3;
	grid-column: 2;
}

/* Only */
.b3b4, .c3c4 {
	background-color: rgba(213, 64, 43, 0.3); 
	box-shadow: inset 0px 3px 0px 0px rgb(213, 64, 43);
}
.b3b4 {
	grid-row: 2;
	grid-column: 3 / 5;
}
.c3c4 {
	grid-row: 3;
	grid-column: 3 / 5;
}

/* Left */
.b3, .c3 {
	background-color: rgba(149, 193, 31, 0.3); 
	box-shadow: inset 0px 3px 0px 0px rgb(149, 193, 31);
}
.b3 {
	grid-row: 2;
	grid-column: 3;
}
.c3 {
	grid-row: 3;
	grid-column: 3;
}

/* Right */
.b4, .c4 {
	background-color: rgba(22, 123, 193, 0.3); 
	box-shadow: inset 0px 3px 0px 0px rgb(22, 123, 193);
}
.b4 {
	grid-row: 2;
	grid-column: 4;
}
.c4 {
	grid-row: 3;
	grid-column: 4;
}

/* None */
.none {
	display: none;
}