/* ================
BAUSCH
===================*/

/* ================
GENERALI
===================*/

body {
	background-color: #fff;
	color: #808080;
	font-family: 'Lato', sans-serif!important;
}

.row {
	margin-left: 0px;
	margin-right: 0px;
}

h1, h2, h3, h4, h5, h6 {
	color: #0097a5;
}
.container-fluid {
	max-width: 768px;
}
/* ================
MENU
===================*/
#menu {
	background-color: #e6e6e6;
	box-shadow: 0px 0px 6px rgba(0,0,0,.4);
	position: fixed;
	bottom: 0px;
	left: 50%;
	-webkit-transform: translate(-50%);
	-moz-transform: translate(-50%);
	-o-transform: translate(-50%);
	transform: translate(-50%);
	max-width:768px;
	z-index: 200000;
	color: #808080;
}

#menu a {
	color: #808080;
	text-decoration: none;
	display: block;
	width: 100%;
}

#menu a.active, #menu a:hover {
	color: #0097a5;
	text-decoration: none;
}

#menu a img {
	filter: grayscale(100%);
}

#menu a.active img, #menu a:hover img {
	filter: grayscale(0%);
}

#menu a small {
	font-size: 12px;
}

/* ================
FORM
===================*/
label {
	color: #0097a5;
	font-weight: 400;
}
.form-control {
	border-radius: 500px;
	border: 1px solid #0097a5;
	height: 60px;
	margin-bottom: 20px;
}

button[type="submit"] {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#81c394+1,6ec7ea+50,0097a5+100 */
	background: #81c394; /* Old browsers */
	background: -moz-linear-gradient(left, #81c394 1%, #6ec7ea 50%, #0097a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #81c394 1%,#6ec7ea 50%,#0097a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #81c394 1%,#6ec7ea 50%,#0097a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c394', endColorstr='#0097a5',GradientType=1 ); /* IE6-9 */
	color: #fff;
	border-radius: 500px;
	height: 60px;
	border: 1px solid transparent;
	font-weight: bold;
	font-size: 24px;
}

button[type="submit"].submit-color {
	background-image: url('../img/color_bg.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: fixed;
}

button.green_btn {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#81c394+1,6ec7ea+50,0097a5+100 */
	background: #81c394; /* Old browsers */
	background: -moz-linear-gradient(left, #81c394 1%, #6ec7ea 50%, #0097a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #81c394 1%,#6ec7ea 50%,#0097a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #81c394 1%,#6ec7ea 50%,#0097a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c394', endColorstr='#0097a5',GradientType=1 ); /* IE6-9 */
	color: #fff;
	border-radius: 500px;
	height: 60px;
	border: 1px solid transparent;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	vertical-align: middle;
}

button.green_btn_border {
	background-color: #fff;
	color: #0097a5;
	border-radius: 500px;
	height: 60px;
	border: 1px solid #0097a5;
	font-weight: bold;
	font-size: 20px;
	line-height: 24px;
	vertical-align: middle;
}

#errore {
	color: red;
	border-radius: 200px;
	border: 1px solid red;

}

select option {
	text-align: center!important;
	color:#808080;
	text-align-last:center;
	text-align: center;
	width: 100%;
	display: block;
}
/* ================
SCONTO
===================*/
.modal-header {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#81c394+1,6ec7ea+50,0097a5+100 */
	background: #81c394; /* Old browsers */
	background: -moz-linear-gradient(left, #81c394 1%, #6ec7ea 50%, #0097a5 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #81c394 1%,#6ec7ea 50%,#0097a5 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #81c394 1%,#6ec7ea 50%,#0097a5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#81c394', endColorstr='#0097a5',GradientType=1 ); /* IE6-9 */
	color: #fff;
}
.modal-title {
	color: #fff;
}
/* ================
USER DIPENDENTE
===================*/
ul#tab {
	list-style-type: none;
}
ul#tab li {
	float: left;
	border-radius: 10px 10px 0px 0px;
	padding: 8px;
	font-size: 12px;
	width: 33.3%;
	text-align: center;
}
#tab_green {
	background-color: #0097a5;
	color: #fff;
	cursor: pointer;
}

#tab_red {
	background-color: red;
	color: #fff;
	cursor: pointer;
}

#tab_gray {
	background-color: #dedede;
	color: #555;
	cursor: pointer;
}

#tab_nabla {
	background-color: #5bb7a8;
	color: #555;
	cursor: pointer;
}

#content_green .col-12, #content_green .col-lg-6 {
	background-color: #dedede;
}

#content_red .col-12, #content_red .col-lg-6 {
	background-color: #dedede;
}

#content_gray .col-12, #content_gray .col-lg-6 {
	background-color: #dedede;
}

#content_nabla .col-12, #content_nabla .col-lg-6 {
	background-color: #dedede;
}
/* ================
USER AMMINISTRATORE
===================*/
#ul_amministratore {
	border-bottom: solid 1px #0097a5;
	display: inline-block;
	width: 100%;
	-webkit-padding-start: 0px;
	-moz-padding-start: 0px;
	-o-padding-start: 0px;
	padding-start: 0px;

}

#ul_amministratore li {
	list-style-type: none;
	float: left;
	color: #808080;
	border-radius: 10px 10px 0px 0px;
	display: block;
	transition: 1s ease-in-out;
}

#ul_amministratore li.active {
	list-style-type: none;
	float: left;
	color: #fff;
	background-color: #0097a5;
	border-radius: 10px 10px 0px 0px;
	display: block;
	transition: 1s ease-in-out;
}

/* ================
CLIENTI
===================*/
.card-header {
	background-image: url('../img/color_bg.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	color: #fff;
}

h5.card-title {
	color: #fff;
}

/* ================
CENTRO OTTICO
===================*/
#punteggio_outline {
	border-radius: 800px;
	border: 2px solid #0097a5;
	width: 300px;
	height: 300px;
	display: block;
	margin: 0 auto;
	padding-top: 40px;
}
#punti {
	height: 200px;
	width: 200px;
	margin: 0 auto;
	border-radius: 500px;
	background-image: url('../img/color_bg.jpg');
	background-size: cover;
	background-position: center;
	background-attachment: scroll;
	position: relative;
}
#punteggio {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #fff;
	font-weight: bold;
	font-size: 42px;
	text-shadow: 0pc 0pc 4px rgba(0,0,0,.6);
}
h3#scritta_punti {
	position: absolute;
	bottom: -70px;
	right: -10px;
	background-color: #fff;
	padding: 10px;
	font-size: 24px;
	border-radius: 100px;
}
#punteggio_1 {
	position: absolute;
	border-radius: 200px;
	bottom: 0;
	left: -80px;
	width: 80px;
	height: 80px;
	color: #fff;
	background-color: #3fa9f5;
	text-align: center;
	padding-top: 20px;
	font-size: 24px;
}

#punteggio_2 {
	position: absolute;
	border-radius: 200px;
	top:-70px;
	left: -30px;
	width: 80px;
	height: 80px;
	color: #000;
	background-color: #f7e720;
	text-align: center;
	padding-top: 20px;
	font-size: 24px;
}

#punteggio_3 {
	position: absolute;
	border-radius: 200px;
	top:100px;
	right: -80px;
	width: 80px;
	height: 80px;
	color: #fff;
	background-color: #ee7aad;
	text-align: center;
	padding-top: 20px;
	font-size: 24px;
}

.gray {
	filter: grayscale(100%);
}
/* ================
FOOTER
===================*/