.text-warning {
	color: #ffb400 !important;
} 

.header-date {
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 12px;
	opacity: 0.7;
	color: white;
}

.field-calendar > div > input.form-control[readonly] {
	background-color: rgba(0, 0, 0, 0);
	float: none!important;
}

.field-calendar {
	position: relative;
}

.field-calendar > div > button {
	position: absolute;
	margin: 0;
	padding: 0;
	right: 0;
	bottom: 0;
}

/* Fixed fab button */
.fixed-action-btn {
    position: fixed;
    z-index: 998;
    right: 35px;
    bottom: 35px;
    padding-top: 15px;
    margin-bottom: 0;
}
	.fixed-action-btn ul {
	    position: absolute;
	    right: 0;
	    bottom: 64px;
	    left: 0;
	    margin: 0;
	    padding: 0;
	    list-style-type: none;
	    text-align: center;
	}
	
	.fixed-action-btn ul li {
    	margin-bottom: 15px;
	}

/* Modals */
#loginModal {
	display: none;
	align-items: center;
	justify-content: center;
	z-index: 0;
}
#loginModal .modal-dialog.model-dialog-centered {
	max-width: 690px;
	max-height: 100%;
	width: 100%;
	margin: 0;
	padding: 0 10px;
}
	#loginModal .modal-header {
		background-color: #1A237E;
	}
		#loginModal .modal-header img {
			max-height: 70px;
		}
		#loginModal .modal-header button {
			color: #fff;
			opacity: 1;
			background-color: transparent;
			cursor: pointer;
		}
	#loginModal .modal-body {
		padding: 0;
	}
		#loginModal #search {
			width: 100%;
			height: 200px;
			display: flex;
			justify-content: center;
			align-items: center;
		}
			#loginModal #search h3 {
				max-width: 75%;
				margin: 255px auto 0;
				text-align: center;
			}
			#loginModal .loader {
				position: absolute;
				width: 142px;
				height: 142px;
				background: #14b6cd;
				background: -moz-linear-gradient(top, #14b6cd 0%, #75a571 18%, #c79122 33%, #e82702 50%, #b6324c 67%, #65b5e0 84%, #65b5e0 100%);
				background: -webkit-linear-gradient(top, #14b6cd 0%,#75a571 18%,#c79122 33%,#e82702 50%,#b6324c 67%,#65b5e0 84%,#65b5e0 100%);
				background: linear-gradient(to bottom, #14b6cd 0%,#75a571 18%,#c79122 33%,#e82702 50%,#b6324c 67%,#65b5e0 84%,#65b5e0 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6cd', endColorstr='#65b5e0',GradientType=0 );
				border-radius: 50%;
			}
				#loginModal .loader .icon {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					width: 128px;
					height: 128px;
					background-color: #1a237e;
					border-radius: 50%;
					display: flex;
					justify-content: center;
					align-items: center;
				}
					#loginModal .loader .icon i {
						color: #fff;
						font-size: 64px;
					}
				#loginModal .loader .spinner,
				#loginModal .loader .spinner:before,
				#loginModal .loader .spinner:after {
				  border-radius: 50%;
				}
				#loginModal .loader .spinner {
				  color: transparent;
				  position: relative;
				  width: 150px;
				  height: 150px;
				  box-shadow: inset 0 0 0 1em;
				  -webkit-transform: translateZ(0);
				  -ms-transform: translateZ(0);
				  transform: translateZ(0);
				}
				#loginModal .loader .spinner:before,
				#loginModal .loader .spinner:after {
				  position: absolute;
				  content: '';
				}
				#loginModal .loader .spinner:before {
				  width: 90px;
				  height: 180px;
				  background: #fff;
				  border-radius: 150px 0 0 150px;
				  top: -15px;
				  left: -10px;
				  -webkit-transform-origin: 90px 90px;
				  transform-origin: 90px 90px;
				  -webkit-animation: load2 2s infinite ease 1.5s;
				  animation: load2 2s infinite ease 1.5s;
				}
				#loginModal .loader .spinner:after {
				  width: 90px;
				  height: 180px;
				  background: #fff;
				  border-radius: 0 150px 150px 0;
				  top: -15px;
				  left: 75px;
				  -webkit-transform-origin: 0px 90px;
				  transform-origin: 0px 90px;
				  -webkit-animation: load2 2s infinite ease;
				  animation: load2 2s infinite ease;
				}
				@-webkit-keyframes load2 {
				  0% {
				    -webkit-transform: rotate(0deg);
				    transform: rotate(0deg);
				  }
				  100% {
				    -webkit-transform: rotate(360deg);
				    transform: rotate(360deg);
				  }
				}
				@keyframes load2 {
				  0% {
				    -webkit-transform: rotate(0deg);
				    transform: rotate(0deg);
				  }
				  100% {
				    -webkit-transform: rotate(360deg);
				    transform: rotate(360deg);
				  }
				}
	#loginModal .modal-footer {
		justify-content: flex-start;
	}
		#loginModal .modal-footer #toRegistration, #loginModal .modal-footer #toLogin {
			display: none;
		}
				
#loginModal .login {
	width: 100%;
}
#loginModal .registration {
	width: 100%;
}

/*************** Template Classes ***************/
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.flex {
	display: flex;
	flex-direction: row;
}
.flex-vertical {
	flex-direction: column;
}
.space-between {
	justify-content: space-between;
}
.justify-center {
	justify-content: center;
}

/*************** Toolbar ***************/
header > .navbar {
	background-color: #1A237E;
	padding: 0 1.5rem;
}

	header .nav .nav-item {
		display: flex;
		align-items: center;
	}
		header .nav .nav-item .mod-languages a, header .nav .nav-item .login-button a {
			color: #fff;
			text-decoration: none;
		}
		header .nav .nav-item .mod-languages {
			margin-right: 30px;
		}
			header .nav .nav-item .mod-languages .separator:last-child {
				display: none;
			}

/*************** Sidebar ***************/
#sidebar {
	width: 260px;
	background-color: #f5f5f5!important;
}
	#sidebar header img {
		max-height: 90px;
	}
.bmd-drawer-f-l>.bmd-layout-drawer {
	transform: translateX(-270px);
}
	#sidebar .list-group .list-group-item {
		padding-right: 2rem;
		padding-left: 2rem;
		line-height: 1rem;
	}
		#sidebar .list-group .list-group-item .material-icons:first-child {
			font-size: 20px;
			margin-right: 20px;
		}

/*************** Configurator ***************/	
.view-configurator .card .card-header {
	border-bottom: none;
}
	.view-configurator .card .card-header h4 {
		font-size: 22px;
	}
	.view-configurator .card .card-header p {
		font-size: 16px;
	}
.view-configurator .symbol-text {
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.view-configurator form .form-group {
	margin-bottom: 0;
	padding-top: 0;
}
.ios.view-configurator form .input-group {
	align-items: center;
}
	.view-configurator form .form-group label {
		position: relative;
		font-size: 14px;
		margin-bottom: 15px;
	}
	.view-configurator form .form-group span.text-secondary {
		display: block;
		font-size: 10px;
		line-height: 12px;
	}
	.view-configurator form .input-group {
		align-items: baseline;
	}
		.view-configurator form .input-group .input-group-prepend .input-group-text {
			font-size: 16px;
		}
		.view-configurator form input {
			padding-left: .5rem;
		}
		.view-configurator form input.form-control[readonly] {
			background-color: transparent;
		}
		.view-configurator #submit-form {
			width: 100%;
			max-width: 475px;
			min-height: 45px;
			margin: 0 auto;
			display: block;
		}
#autoclavi-groups {
	position: relative;
	overflow: hidden;
	flex-wrap: wrap;
}
#autoclavi-groups .form-group {
	width: 100%;
}
#autoclavi-groups .form-group .flex {
	flex-wrap: wrap;
}
#autoclavi-groups .form-group label {
	margin-bottom: 0;
}
#group-1, #group-2 {
	position: absolute;
}
#group-2 {
	left: 100%;
}

#button-group {
	align-items: center;
	margin-top: 25vh;
}
	#button-group.flex-vertical .btn {
		color: #757575;
		box-shadow: none;
	}
		#button-group.flex-vertical .btn a {
			color: #757575;
		}	
	
#right-col {
	width: 100%;
	height: 100%;
}
	#right-col #before-search {
		max-height: 850px;
		background-color: #f6f6f6;
	}
	#right-col #before-search.flex, #right-col #search.flex {
		height: 100%;
		align-items: center;
		justify-content: center;
	}
		#right-col #before-search img {
			max-width: 75%;
		}
		#right-col #before-search h3 {
			text-align: center;
		}
		#right-col #search {
			max-height: 625px;
			border: 2px solid #f6f6f6;
			display: none;
		}
			#right-col #search h3 {
				max-width: 75%;
				margin: 255px auto 0;
				text-align: center;
			}
			#right-col .loader {
				position: absolute;
				width: 142px;
				height: 142px;
				background: #14b6cd;
				background: -moz-linear-gradient(top, #14b6cd 0%, #75a571 18%, #c79122 33%, #e82702 50%, #b6324c 67%, #65b5e0 84%, #65b5e0 100%);
				background: -webkit-linear-gradient(top, #14b6cd 0%,#75a571 18%,#c79122 33%,#e82702 50%,#b6324c 67%,#65b5e0 84%,#65b5e0 100%);
				background: linear-gradient(to bottom, #14b6cd 0%,#75a571 18%,#c79122 33%,#e82702 50%,#b6324c 67%,#65b5e0 84%,#65b5e0 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14b6cd', endColorstr='#65b5e0',GradientType=0 );
				border-radius: 50%;
			}
				#right-col .loader .icon {
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%, -50%);
					width: 128px;
					height: 128px;
					background-color: #1a237e;
					border-radius: 50%;
				}
					#right-col .loader .icon img {
						position: absolute;
						width: 60px;
						height: 60px;
						top: 50%;
						left: 50%;
						transform: translate(-50%, -50%);
					}
				#right-col .loader .spinner,
				#right-col .loader .spinner:before,
				#right-col .loader .spinner:after {
				  border-radius: 50%;
				}
				#right-col .loader .spinner {
				  color: transparent;
				  position: relative;
				  width: 150px;
				  height: 150px;
				  box-shadow: inset 0 0 0 1em;
				  -webkit-transform: translateZ(0);
				  -ms-transform: translateZ(0);
				  transform: translateZ(0);
				}
				#right-col .loader .spinner:before,
				#right-col .loader .spinner:after {
				  position: absolute;
				  content: '';
				}
				#right-col .loader .spinner:before {
				  width: 90px;
				  height: 180px;
				  background: #fff;
				  border-radius: 150px 0 0 150px;
				  top: -15px;
				  left: -10px;
				  -webkit-transform-origin: 90px 90px;
				  transform-origin: 90px 90px;
				  -webkit-animation: load2 2s infinite ease 1.5s;
				  animation: load2 2s infinite ease 1.5s;
				}
				#right-col .loader .spinner:after {
				  width: 90px;
				  height: 180px;
				  background: #fff;
				  border-radius: 0 150px 150px 0;
				  top: -15px;
				  left: 75px;
				  -webkit-transform-origin: 0px 90px;
				  transform-origin: 0px 90px;
				  -webkit-animation: load2 2s infinite ease;
				  animation: load2 2s infinite ease;
				}
				@-webkit-keyframes load2 {
				  0% {
				    -webkit-transform: rotate(0deg);
				    transform: rotate(0deg);
				  }
				  100% {
				    -webkit-transform: rotate(360deg);
				    transform: rotate(360deg);
				  }
				}
				@keyframes load2 {
				  0% {
				    -webkit-transform: rotate(0deg);
				    transform: rotate(0deg);
				  }
				  100% {
				    -webkit-transform: rotate(360deg);
				    transform: rotate(360deg);
				  }
				}
			#after-search {
				display:none;
			}
				#after-search #products {
					width: 100%;
				}
					#after-search .product {
						border: 2px solid #ebebeb;
					}
						#after-search .product .product-accordion {
							cursor: pointer;
						}
							#after-search .product .product-accordion > div {
								align-items: center;
							}
								#after-search .product .product-accordion #product-name {
									font-size: 30px;
									color: #757575;
								}
						#after-search .product .product-container {
							
						}
							#after-search .product .product-container .product-header {
								border-bottom: 2px solid #ebebeb;
							}
								#after-search .product .product-container .product-header .attribute {
									display: flex;
									align-items: center;
								}
									#after-search .product .product-container .product-header .attribute img {
										max-width: 48px;
										max-height: 48px;
										margin-right: 12px;
									}
									#after-search .product .product-container .product-header .attribute p {
										margin: 0;
									}
									#after-search .product .product-container .product-header #product-image img {
										max-width: 100%;
									}
							#after-search .product .product-container .product-body .flex {
								align-items: center;
								flex-wrap: wrap;
								justify-content: flex-start;
							}
								#after-search .product .product-container .product-body .attribute {
									width: 50%;
									min-width: 180px;
									display: flex;
									align-items: center;
								}
									#after-search .product .product-container .product-body .attribute img {
										max-width: 32px;
										max-height: 32px;
										margin-right: 12px;
									}
						#after-search .product .product-footer {
							background-color: #ebebeb;
						}
							#after-search .product .product-footer a {
								color: #ffa047;
								font-size: 16px;
								text-decoration: none;
								font-weight: 700;
							}
				#after-search #contact-info {
					background-color: #f2f2f2;
				}
					#after-search #contact-info h4 {
						font-size: 20px;
						color: #ff0d00;
					}
					#after-search #contact-info p {
						font-size: 16px;
						color: #757575;
					}
						#after-search #contact-info p strong {
							font-size: 20px;
							white-space: nowrap;
						}

/*************** Home ***************/
body.home, body.com_users.view-remind, body.com_users.view-reset {
	/*background: linear-gradient(to bottom right, #2b2047, #3471b3);*/
	background: #2b2047;
	background: -moz-linear-gradient(-45deg, #2b2047 0%, #2b2047 45%, #3471b3 85%, #3471b3 100%);
	background: -webkit-linear-gradient(-45deg, #2b2047 0%,#2b2047 45%,#3471b3 85%,#3471b3 100%);
	background: linear-gradient(135deg, #2b2047 0%,#2b2047 45%,#3471b3 85%,#3471b3 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b2047', endColorstr='#3471b3',GradientType=1 );
}
	.home .home-content, body.com_users.view-remind .bmd-layout-container, body.com_users.view-reset .bmd-layout-container {
		background-color: transparent!important;
		background-image: url("/images/site/background_catalogue.png");
		background-size: 915px 1300px;
		background-repeat: no-repeat;	
	}
		body.com_users.view-remind .bmd-layout-container .bg-light, body.com_users.view-reset .bmd-layout-container .bg-light {
			background-color: transparent!important;
		}
		.home #home-info {
			min-height: 100vh;
			padding: 15px 0;
			color: #ffffff;
		}
			#home-info .mod-languages a {
				color: #fff;
			}
			#home-info .mod-languages ul > .separator:last-child {
				display: none;
			}
			#home-info .social-icons a {
				color: #fff;
			}
			#home-info #info-footer > .flex {
				align-items: center;
			}
				#home-info #info-footer > .flex a {
					color: #fff;
					text-decoration: none;
					margin-right: 60px;
				}
				#home-info #info-footer > .flex a:last-child {
					margin-right: 0px;
				}
		.home #which-config {
			max-width: 460px;
			height: 100%;
			max-height: 100vh;
			overflow-y: scroll;
			color: #ffffff;
			background-color: #ffffff;
		}
			.home #which-config a {
				color: #fff;
				text-decoration: none;
			}
			#which-config .home-module-home {
				min-height: 140px;
			}
			#which-config .moduletable {
				margin-bottom: 15px;
			}
			#which-config .moduletable:last-child {
				margin-bottom: 0;
			}
				#which-config .card-body {
					padding-top: 0;
					padding-bottom: 0;
				}
				
				/* Home Module cards background */
				#which-config #template-c {
					background-color: #d50000;
				}
					#which-config #template-c .card-header, #which-config #template-c .card-footer {
						background-color: #d50000;
						border-bottom: 0;
						border-top: 0;
					}
				#which-config #template-m-f {
					background-color: #ff6d00;
				}
					#which-config #template-m-f .card-header, #which-config #template-m-f .card-footer {
						background-color: #ff6d00;
						border-bottom: 0;
						border-top: 0;
					}
				#which-config #template-s {
					background-color: #f9a825;
				}
					#which-config #template-s .card-header, #which-config #template-s .card-footer {
						background-color: #f9a825;
						border-bottom: 0;
						border-top: 0;
					}
				#which-config #template-m-i {
					background-color: #03a9f4;
				}
					#which-config #template-m-i .card-header, #which-config #template-m-i .card-footer {
						background-color: #03a9f4;
						border-bottom: 0;
						border-top: 0;
					}
				#which-config #template-a-p-p, #which-config #template-a-p-m {
					background-color: #0d47a1;
				}
					#which-config #template-a-p-p .card-header, #which-config #template-a-p-p .card-footer, #which-config #template-a-p-m .card-header, #which-config #template-a-p-m .card-footer {
						background-color: #0d47a1;
						border-bottom: 0;
						border-top: 0;
					}
.home #sidebar {
	width: 100%;
	height: 100vh;
	transform: translateX(-105%);
	position: absolute;
    z-index: 5;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    overflow: visible;
    overflow-y: hidden;
    font-size: .875rem;
    transition: transform;
    will-change: transform;
    transform-style: preserve-3d;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
    transition-duration: .2s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}
.home #sidebar.on {
	transform: translateX(0);
}
	.home #sidebar #sidebar-header {
		border-bottom: 1px solid transparent;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,.14), 0 3px 1px -2px rgba(0,0,0,.2), 0 1px 5px 0 rgba(0,0,0,.12);
	}
	.home #sidebar #sidebar-body {
		overflow-y: auto;
	}
	.home #sidebar a {
		color: #fff;
		text-decoration: none;
	}
	#sidebar .home-module-home {
		min-height: 140px;
	}
	#sidebar .moduletable {
		margin-bottom: 15px;
	}
	#sidebar .moduletable:last-child {
		margin-bottom: 0;
	}
		#sidebar .card-body {
			padding-top: 0;
			padding-bottom: 0;
		}
		
		/* Home Module cards background */
		#sidebar #template-c {
			background-color: #d50000;
		}
			#sidebar #template-c .card-header, #sidebar #template-c .card-footer {
				background-color: #d50000;
				border-bottom: 0;
				border-top: 0;
			}
		#sidebar #template-m-f {
			background-color: #ff6d00;
		}
			#sidebar #template-m-f .card-header, #sidebar #template-m-f .card-footer {
				background-color: #ff6d00;
				border-bottom: 0;
				border-top: 0;
			}
		#sidebar #template-s {
			background-color: #f9a825;
		}
			#sidebar #template-s .card-header, #sidebar #template-s .card-footer {
				background-color: #f9a825;
				border-bottom: 0;
				border-top: 0;
			}
		#sidebar #template-m-i {
			background-color: #03a9f4;
		}
			#sidebar #template-m-i .card-header, #sidebar #template-m-i .card-footer {
				background-color: #03a9f4;
				border-bottom: 0;
				border-top: 0;
			}
		#sidebar #template-a-p-p, #sidebar #template-a-p-m {
			background-color: #0d47a1;
		}
			#sidebar #template-a-p-p .card-header, #sidebar #template-a-p-p .card-footer, #sidebar #template-a-p-m .card-header, #sidebar #template-a-p-m .card-footer {
				background-color: #0d47a1;
				border-bottom: 0;
				border-top: 0;
			}
/* Profile view */
.view-profile #users-profile-core dl {
	margin-bottom: 0;
}
.view-profile #users-profile-custom-profile legend {
	display: none;
}

/* Dashboard */
.view-dashboard .card-product-pdf .table td {
	min-width: 125px;
}
.view-dashboard .card-product-pdf .table img {
	max-width: 60px;
	max-height: 60px;
}
.view-dashboard .featured-products {
	width: calc(100% - 80px);
	max-width: 590px;
	margin: 0 auto;
}
	.view-dashboard .featured-products .product {
		border: 1px solid #c8c8c8;
	}
		.view-dashboard .featured-products .product .product-img img {
				max-width: 120px;
				max-height: 120px;
			}
			.view-dashboard .featured-products .product .product-name {
				border-top: 1px solid #c8c8c8;
				background-color: #e6ebf0;
			}
	.view-dashboard .featured-products .owl-nav {
		position: absolute;
	    top: 50%;
	    left: -40px;
	    transform: translateY(-50%);
	    width: calc(100% + 80px);
	    display: flex;
	    justify-content: space-between;
	}
	.view-dashboard .featured-products.owl-carousel .owl-nav.disabled, .view-dashboard .featured-products.owl-carousel .owl-dots.disabled {
		display: none;
	}
		.view-dashboard .featured-products .owl-nav .owl-prev, .view-dashboard .featured-products .owl-nav .owl-next {
			max-width: 24px;
			display: flex;
			justify-content: center;
		}
			.view-dashboard .featured-products .owl-nav .owl-prev .material-icons, .view-dashboard .featured-products .owl-nav .owl-next .material-icons {
				font-size: 72px;
				color: #e6ebf0;
			}
			
	
/* Responsive sidenav */
@media (min-width: 1200px) {
	:not(.bmd-drawer-out).bmd-drawer-in-xl-up.bmd-drawer-f-l>.bmd-layout-content {
	    margin-left: 260px;
	}
	:not(.bmd-drawer-out).bmd-drawer-in-xl-up.bmd-drawer-f-l>.bmd-layout-header {
		width: calc(100% - 260px);
		margin-left: 260px;
	}
}

@media ( max-width: 991px ) {
	#button-group {
		margin-top: 0;
		margin: 20px;
		flex-direction: row;
		justify-content: space-evenly;
	}
}

@media ( max-width: 767px ) {
	#home-info #info-footer > .flex {
		flex-direction: column;
		justify-content: space-evenly;
		align-items: left;
	}
	#home-info .mod-languages {
		text-align: right;
	}
}
@media ( max-width: 575px ) {
	.ios #sidebar .collapse.show {
		display: flex;
		flex-direction: column;
	}
}

@media ( max-width: 425px ) {
	#after-search #contact-info p .mail strong {
		font-size: 4.5vw;
	}
}

@media ( max-width: 325px ) {
	#g-1, #g-2 {
		padding: .75rem .5rem
	}
}