/************
	colors
*************/

.color-white{
	color: white;
}

.color-dark{
	color: #343a40;
}

.color-back-dark{
	background-color: #343a40;
}

.color-black{
	color: #212529;
}

.color-back-black{
	background-color: #212529;
}

.color-green{
	color: #d7f2c9/*#9ed086;*//*#779d65;*//*#67825a;*/
}

.color-back-green{
	background-color: #d7f2c9/*#9ed086;*//*#779d65;*//*#67825a;*/
}

.color-green-darker{
	color: #077d22;
}

.color-back-green-darker{
	background-color: #3d6f40;
}

.color-red{
	color: red;
}

.color-yellow{
	color: #c46f16;
}

.transparent{
	background-color: rgba(0,0,0,0.5) !important;	
}

/************
	utils
*************/

.top-buffer-15{
	margin-top: 15px;
}

.left-buffer-15{
	margin-left: 15px;
}

.center{
	margin: 0 auto !important;
}

.full-width{
	width: 100% !important;
}

.display-block{
	display: block !important;
}

.divider{
	margin-top: 15px;
	border-bottom: 1px solid black;
	margin-bottom: 15px;	
}

.divider-big{
	margin-top: 15px;
	border-bottom: 3px solid black;
	margin-bottom: 15px;	
}

.back-color-orange{
	background-color: orange;
}

.text-center{
	text-align: center;
}

.float-right{
	float: right;
}

.clickable:hover{
	cursor: pointer;
}

.hidden{
	display: none;
}

.height-auto{
	height: auto;
}

.height-60{
	height: 60px;
}

.fa-1-5{
	font-size: 1.5em;
}

.border{
	border: 1px solid #343a40 !important;
	padding: 5px;
	padding-bottom: 10px;
}

/************
	main
*************/

.header{
	border-bottom: 3px solid black;
	background-color: #3d6f40;
}

.card-alternative{
	border-radius: 0;
	background-color: initial;
	border: 0;
}

.card-alternative .card-header{
	background-color: #343a40;
	color: white;
}

.card-alternative .card-body{
	background-color: rgba(0,0,0,0.2);
}

.time.active{
	color: yellow;
}

.time-button.active{
	background-color: #b5640f !important;
}

a[aria-expanded="false"] > .fa-angle-up-span{
	display: none;
}

a[aria-expanded="true"] > .fa-angle-up-span{
	display: inherit;
}

a[aria-expanded="false"] > .fa-angle-down-span{
	display: inherit;
}

a[aria-expanded="true"] > .fa-angle-down-span{
	display: none;
}

/************
	mobile
*************/

@media(max-width: 540px){
	.mobile-center{
		text-align: center;
	}
}