@import url('https://fonts.googleapis.com/css?family=Open+Sans');

body {
	padding-top: 70px;
	padding-bottom: 30px;
	font-family: "Open Sans" !important;
}

@media (min-width: 1200px) {
	.container {
		max-width: 1800px;
		min-width: 1800px;
	}
}

div.appointment {
}

div.appointment h3 {
	margin-top: 0;
}

tr.highlight {
	color: blue;
}

hr.lowmargin {
	margin-top: 3px;
	margin-bottom: 3px;
}

div.centerrow {
	margin-left: auto;
	margin-right: auto;
	display: block;
}

.col-centered {
	float: none;
	margin: 0 auto;
}

.text-dark{
	color: #111111;
}

.text-light{
	color: #eeeeee;
}

div.centertable * {
	padding: 0;
}

div.centertable table {
	margin: auto;
}

h5.flat, h4.flat, h3.flat, h2.flat {
	margin-top: 5px !important;
}

h5.flat {
	margin-bottom: 0px;
}

h3 {
	font-size: 150% !important;
}

h2 {
	font-size: 200% !important;
}

div.createcontainer {
	min-height: 700px;
}

.navbar a {
	font-size: 125%;
}

.noselect {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.widemodal .modal-dialog {
	width: 1400px;
}

.tab-animation img {
	transition: .1s ease-in;
}

.tab-animation label {
	transition: .1s ease-in;
}

/* set reference point */
.tab-animation > .tab-content {
	position: relative;
}

/* set animate effect */
.tab-animation > .tab-content > .tab-pane {
	transition: .1s ease-in opacity;
}

/* overwrite display: none and remove from document flow */
.tab-animation > .tab-content > .tab-pane.active-remove {
	position: absolute;
	top: 0;
	width: 100%;
	display: block;
}

/* opacity=0 when removing "active" class */
.tab-animation > .tab-content > .tab-pane.active-remove-active {
	opacity: 0;
}

/* opacity=0 when adding "active" class */
.tab-animation > .tab-content > .tab-pane.active-add {
	opacity: 0;
}

td.agenda {
	height: 50px !important;
	overflow: visible !important;
}

div.agenda {
	width: 100%;
}

.dateselector {
	margin: 0 !important;
	margin-top: 5px !important;
}

div.agendaheader > .agendacell {
	height: 30px;
	font-weight: bold;
	box-shadow: none;
	text-align: center;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.agendacelllabel {
	text-align: center;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

div.agendaitem {
	position: absolute !important;
	border-radius: 5px;
	width: 33%;
	float: left;
	z-index: 10;
	overflow: hidden;
}

div.agendaitemexpand {
	min-height: 0px;
	transition: all .175s cubic-bezier(0, 0, 1, 1);
}


div.agendaitemexpand:hover {
	transition: all .175s cubic-bezier(0, 0, 1, 1);
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .8);
	z-index: 11;
	width: 100% !important;
	margin-left: 0 !important;
	height: auto !important;
	max-height: 250px !important;
	border: 0 !important;
}

div.agendaitemheader {
	width: 100%;
	background-color: white;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding-left: 3px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	pointer-events: none;
}

div.agendaitembody {
	position: relative;
	padding: 3px;
	overflow: hidden;
	text-overflow: ellipsis;
	height: auto;
	white-space: nowrap;
	opacity: 0;
	transition: all .175s cubic-bezier(0, 0, 1, 1);
	transition-property: opacity;
	transition-delay: 0s;
}

div.agendaitemtext{
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	pointer-events: none;
}

/*div.agendaitembody div.itemlabel{*/
/*width: 10%;*/
/*padding: 5px;*/
/*float: left;*/
/*magrin: 0;*/
/*text-align: center;*/
/*}*/

/*div.agendaitembody div.itemvalue{*/
/*float: left;*/
/*width: 90%;*/
/*magrin: 0;*/
/*padding: 5px;*/
/*}*/

div.agendacell {
	float: left;
	width: 12.5%;
	position: relative;
	z-index: auto;
}

div.odd {
	background-color: #f0f0f0;
}

span.hideexpand {
	opacity: 0;
	transition: all .175s cubic-bezier(0, 0, 1, 1);
	transition-property: opacity;
	transition-delay: 0s;
}

span.showexpand {
	opacity: 1;
	transition: all .175s cubic-bezier(0, 0, 1, 1);
	transition-property: opacity;
	transition-delay: 0s;
}

div.showexpand {
	opacity: 1;
	transition-delay: .175s;
}

span.bold-warn {
	display: inline;
	font-weight: normal;
	animation: bold 1s cubic-bezier(0, 0, 1, 1) infinite;
	-webkit-animation: bold 1s cubic-bezier(0, 0, 1, 1) infinite;
}

@keyframes bold {
	20% {
		font-weight: bold;
	}
}

@-webkit-keyframes bold {
	20% {
		font-weight: bold;
	}
}

span.blink-warn {
	display: inline;
	color: #e51c23;
	animation: blinkWarn .5s cubic-bezier(0, 0, 1, 1) infinite;
	-webkit-animation: blinkWarn .5s cubic-bezier(0, 0, 1, 1) infinite;
}

@keyframes blinkWarn {
	30% {
		color: #ff9800;
	}
}

@-webkit-keyframes blinkWarn {
	30% {
		color: #ff9800;
	}
}

div.emptywell {
	padding: 19px;
}

div.appointmentbtn {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
}

.linkicon {
	text-decoration: none;
	margin-right: 3px;
}

.buttonicon{
	margin-right: 8px;
}

button.smallbutton {
	font-size: 23px;
	line-height: 20px;
}

/*.table {*/
/*table-layout:fixed;*/
/*}*/

.table td.nowrap {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.strike {
	text-decoration: line-through;
}

.nopadding {
	padding: 0 !important;
	margin: 0 !important;
}

span.bold {
	font-weight: bold;
}

.productcontainer {
	box-sizing: border-box !important;
	padding-left: 6px !important;
	padding-right: 6px !important;
	padding-top: 3px !important;
	padding-bottom: 3px !important;
}

.product {
	height: 50px !important;
	margin-bottom: 8px !important;
	text-transform: none !important;
}

.text-md {
	font-size: 1.5rem !important;
}

.text-xmd {
	font-size: 1.75rem !important;
}


.text-lg {
	font-size: 2rem !important;
}

.text-xlg {
	font-size: 3rem !important;
}

.iconbutton:link, hover, active, visited {
	text-decoration: none !important;
	margin-left: 5px;
	margin-right: 5px;
	transition: 0s !important;
}

.hugebtn{
	height: 179px !important;
}

.hoverbutton {
	/*min-height: 0px;*/
	transition: all .175s cubic-bezier(0, 0, 1, 1);
}

.hoverbutton:hover {
	transition: all .175s cubic-bezier(0, 0, 1, 1);
	box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, .8);
	/*z-index: 11;*/
	/*width: 102% !important;*/
	/*margin-left: -1%;*/
	/*margin-left: 0 !important;*/
	/*height: auto !important;*/
	/*max-height: 250px !important;*/
	/*border: 0 !important;*/
}

.centered {
	text-align: center;
	font-size: 0;
}
.centered > div {
	float: none;
	display: inline-block;
	text-align: left;
	font-size: 13px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}
@media (min-width: 768px) {
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}

.productgroupheader{
	margin-top: 0px;
}

.fadepanel {
	-webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
	overflow-y: hidden !important;
}
.showscroll{
	overflow-y: overlay !important;
}

/** FIXES DOUBLE/JUMPING BUTTONS BUT MIGHT BREAK ANIMATIONS **/
.ng-hide.ng-hide-animate {
	display: none !important;
}