body {
	font-family: Roboto, "Helvetica Neue", sans-serif;
	padding-top: 55px;
}
.font-bold {
	font-weight: bold;
}
.cursor-pointer {
	cursor: pointer;
}
.cursor-normal {
	cursor: default;
}
.mr-auto, .mx-auto {
	text-align: center
}
.recipe-thumbnail.radius {
	border-radius: 8px;
}
a {
	color: black;
	text-decoration: none;
}
.faded {
	color: #7c7c7c;
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: rgb(247, 250, 255);
}

.table-striped tbody tr:nth-of-type(odd):hover {
    background-color: #e2edff;
}

.table-info th, .table-info td, .table-info thead th, .table-info tbody+tbody {
    border-color: #d6deff;
}
.table-info, .table-info>th, .table-info>td {
    background-color: #d6deff;
}
.main-container {
	margin-top: 15px;
}
.modal-header {
	background: #f5f5f5;
}
.modal-content label {
	font-size: 90%;
}
.modal-body .modal-footer {
	padding-bottom: 0px;
}
[data-row-link] {
	cursor: pointer;
}
.no-match, .no-result, .no-results {
	text-align: center;
	font-style: italic;
	font-size: 90%;
	padding: 50px 20px;
	color: #414141;
}
.no-match-big {
	font-size: 300%;
	font-weight: bold;
	color: #bfbfbf;
	margin-top: 30px;
}
.info-msg {
	color: #414141;
	font-style: italic;
	font-size: 90%;
}
.brewery-form {
	padding-right: 20px;
}
.brewery-form select {
	font-size: 60%;
    padding: .175rem .5rem;	
}
.btn-box {
    padding: 20px 5px;
    cursor: pointer;
    width: 175px;
    margin-top: 20px;
}
.btn-box-title {
	font-size: 30px;
}
.btn-box-icon {
	font-size: 50px;
}
.recipe-box {
	padding-bottom: 10px;
	color: #212529;
}

.recipe-box:hover {
	color: #212529;
}
#alerts div {
	width: 100%;
	text-align: center
}
.recipe-box .card {
	text-align: center;
	cursor: pointer;
}
.recipe-box:hover .card {
	background: whitesmoke;
}

.recipe-box .card-style {
	margin: 0;
	font-style: italic;
}

.recipe-box .card-img-top {
	height: 200px;
}

.recipe-labels-contain .recipe-box .card-img-top {
	object-fit: cover;
}

table {
	font-size: 85%;
}
.calendar-container {
	margin: 0px;
    background: #F15956;
    color: white;
    padding: 30px;
    width: auto;
}
.calendar-day {
	font-size: 14px;
	line-height: 12px;
}
.calendar-month {
	font-size: 24px;
	line-height: 20px;
}
.calendar-day-number {
	font-weight: 600;
    font-size: 65px;
    line-height: 60px;
}
.box-tasks {
	margin: 0px;
	padding: 10px;
	background-color: #f8f9fa;	
	flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    width: auto;
}
.bg-danger {
    background-color: #ffd5d9 !important;
}
.bg-warning {
    background-color: #ffedb6 !important;
}
.bg-info {
    background-color: #e5f0ff !important;
}
.bg-success {
    background-color: #ddf0e2 !important;
}
.success-dark, .success-dark th, .success-dark td {
	background-color: #35b654;
	color: white;
}


.chart-tools div {
	display: inline-block;
	padding: 0 5px;
}
.chart-tools {
	position: absolute;
    top: 0;
    right: 0;
    padding: 20px;
    cursor: pointer;
    color: #717171;
}
.chart-tools-left {
	position: absolute;
    top: 0;
    left: 0;
    padding: 20px;
}

.nav-item-icon {
	margin-right: 4px;
}


.separator {
  display: flex;
  align-items: center;
  text-align: center;
  margin: 0 45%;
}

.separator::before,
.separator::after {
  content: '';
  flex: 1;
  border-bottom: 1px solid #000;
}

.separator:not(:empty)::before {
  margin-right: .5em;
}

.separator:not(:empty)::after {
  margin-left: .5em;
}

.btn-smaller { 
	padding: 0.15rem 0.4rem; 
	font-size: 0.75rem; 
	border-radius: 0.2rem; 
}

/** bootstrap collapse**/

[data-bs-toggle="collapse"]:not(.collapsed) .fa-chevron-right {
	display: none;
}
[data-bs-toggle="collapse"].collapsed .fa-chevron-down {
	display: none;
}
@media only screen and (max-width: 575px) {
	.hover-item div {
		text-align: center !important;
	}
	
	.modal-footer {
		height: 50px;
	}
	
	.modal-header {
	    height: 50px;
	    padding-top: 8px;	
	}

	div.modal {
		width: 100vw;
		padding-right: 0px
	}
	
	div.modal-dialog {
		margin: 0px;
	}
	
	div.modal-body {
	    overflow-y: auto;
    	max-height: calc(100vh - 160px);
	}
	.title-stats {
		white-space: normal;
	}
	
}
@media only screen and (max-width: 540px) {
	.btn-box {
		width: 100%;
		margin: 0;
	}
	.main-container {
    	padding-left: 0px;
    	padding-right: 0px;
	}
	.main-container {
    	margin-top: 15px;
	}	
}
@media only screen and (max-width: 500px) {
	.calendar-container {
		width: 100%; 
	}
	.box-tasks {
		width: 100%;
		padding-left: 30px;
		padding-right: 20px;
		padding-top: 20px;
		padding-bottom: 40px;
	}	
}

@media only screen and (max-width: 300px) {
	.btn-box {
		width: 100%;
		margin: 0;
	}
	.btn-box-title {
		font-size: 20px;
	}
	.btn-box-icon {
		font-size: 35px;
	}
	.calendar-day-number {
		font-size: 45px;
	}
	.calendar-month {
		font-size: 20px;
	}
}

@media only screen and (min-width: 992px) {
	.nav-link.active.nav-item-with-icon .nav-item-title {
		display: none;
	}
}