@font-face {
	font-family: "Mont";
	src: url("../font/Montserrat-Regular.ttf")
}

@font-face {
	font-family: "Inconsol";
	src: url("../font/Inconsolata-Regular.ttf")
}


.LiveBrew {
	/*#LiveBrews {*/
	width: 480px;
	height: 210px;
	margin: auto;
	position: relative;
	transform-origin: 0px center;
}

.LiveBrew * {
		/*#LiveBrews * {*/
		display: block;
		position: absolute;
		font-family: Mont;
	}

.LiveBrew .LiveBrew-Number {
	font-family: Inconsol;
}

#ViewDetailsLink:focus {
	outline:none;
}

.rotate-45 {
	filter: progid: DXImageTransform.Microsoft.BasicImage(rotation=0.5);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	display: inline-block;
}

.vert-center {
	margin-top: auto;
	margin-bottom: auto;
}

.mlr-1r {
	margin-left: 1rem;
	margin-right: 1rem;
}

.ml-undo {
	margin-left: 7.5px;
}

#IntervalBar {
	margin-top: 1rem;
	display: flex;
	text-align: center;
	color: white;
	border: black 1px solid;
	min-height: 23.6px;
}

#CompanySelector {
	margin-top: -0.5rem;
}

.interval-area {
	margin: 1rem 0;
}

.txt-white {
	color: white;
}

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

.txt-right {
	text-align: right;
}

.no-bold {
	font-weight: 500;
}

.bold {
	font-weight: bold;
}

.tour-question-mark {
	margin-left: 1rem;
	color: #306277;
}

.tour-question-mark--card-header {
	color: white;
	font-size: 0.8rem;
	margin-left: 0.5rem;
}

.tour-question-mark:hover {
	cursor:pointer;
}

.tour-hover-text {
	font-size: small;
	padding-left: 0.3rem;
	margin-top: -0.2rem;
	color: #306277;
	visibility: hidden;
}

.tour-hover-text--card-header{
	color:white;
}

.tour-question-mark:hover + .tour-hover-text {
	visibility: visible;
}

#btnAddIntervalMinutes{
	color:white;
}
	#btnAddIntervalMinutes.brew {
		background-color: #306277;
	}
	#btnAddIntervalMinutes.rest {
		background-color: #9e1c1f;
	}




.dropdown-item:active {
	color: #6c757d;
	text-decoration: none;
	background-color: transparent;
}

.card.card-outline-tabs .card-header a:hover {
	border-top: 3px solid #9e1c1f;
}

a {
	color: #4099bf;
}

	a:hover {
		color: #517c8d;
	}
		.card-tools .btn:focus.btn-tool {
	outline: none
}

.bg-primary {
	background-color: #9e1c1f !important;
}

.bg-info {
	background-color: #4099bf !important;
}

.btn-secondary:not(:disabled):not(.disabled).active {
	background-color: #9e1c1f;
	border-color: #4e555b;
}


li:not(.disabled):not(.active) a.page-link {
	color: #9e1c1f;
}

.page-link:focus {
	box-shadow: 0 0 0 0.2rem rgba(158,28,31,.25);
}

.nav-link {
	white-space: nowrap;
}

.navbar {
	background-color: #9e1c1f !important;
}

.card .card-primary .card-header {
	background-color: #9e1c1f;
}

.card-primary:not(.card-outline) > .card-header {
	background-color: #9e1c1f;
}

.btn-primary, .btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
	background-color: #9e1c1f;
	border-color: #9e1c1f;
}

.nav-sidebar .nav-item:not(.has-treeview):hover {
	background-color: rgba(255,255,255,.25);
}

nav.main-header {
	color: rgba(255,255,255,.9);
}

.sidebar-dark-primary .nav-sidebar > .nav-item > .nav-link.active {
	background-color: rgba(255,255,255,.9);
	color: #343a40;
}

.page-item.active .page-link {
	background-color: #9E1C1F;
	border-color: #9E1C1F;
}

::-moz-selection { /* Code for Firefox */
	color: white;
	background: #9E1C1F;
}

::selection {
	color: white;
	background: #9E1C1F;
}

select:active, select:hover {
	outline-color: #9E1C1F;
}

.btn-primary {
	color: #fff;
	background-color: #9E1C1F !important;
	border-color: #6c1315 !important;
}

.bg-red {
	background-color: #9E1C1F !important;
}

.bg-blue {
	background-color: #306277 !important;
}





.icon-btn {
	border-radius: 5px;
	border: none;
	background-color: #9E1C1F;
	color: white;
}




div.clear {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1rem;
	text-align: center;
}

.dashboardstats {
	text-align: center;
	width: 100%;
	font-size: xx-large;
}

.styled-table {
	border-collapse: collapse;
	margin: 25px 0;
	font-size: 0.9em;
	font-family: sans-serif;
	/* min-width: 400px; */
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
	margin-left: auto;
  margin-right: auto;
	/* border:solid black 1px; */
	border-radius:6px;
	-moz-border-radius:6px;
}

.styled-table thead tr {
	background-color: #ffffff;
	color: #000000;
	text-align: left;
}

.styled-table thead th {
	position: sticky;
	top: 0;
}

.styled-table th,
.styled-table td {
    padding: 12px 15px;
}

.styled-table tbody tr:nth-of-type(even) {
	background-color: #f3f3f3;
}

.styled-table th {
	background-color: #9e1c1f;
	color:white;
	border-top: none;
}

table tr:hover td {
  background-color: #ddd !important
}

/* top-left border-radius */
table tr:first-child th:first-child {
  border-top-left-radius: 6px;
	border-left:none;
	border-top:none;
}

/* top-right border-radius */
table tr:first-child th:last-child {
  border-top-right-radius: 6px;
}

/* bottom-left border-radius */
table tr:last-child td:first-child {
  border-bottom-left-radius: 6px;
}

/* bottom-right border-radius */
table tr:last-child td:last-child {
  border-bottom-right-radius: 6px;
}

.SupportAlerts {
	font-size: 18px;
}

.ver-4-banner {
	display: none;
	font-size: 18px;
}