﻿/*MODAL FILTRO + FLOAT MENU */
div#modale-filtro.modal-footer a.nav-secondario{
	color:#;
	width:50%;
}
#float-excel{
	background-color:#f0ad4e;
	top:45%;
}
#float-switch{
	background-color:#d9534f;
	top:35%;
}

.icona-float-menu {
    color: #ffffff;
    padding: 10px 5px;
    font-size: 20px;
    cursor: pointer;
}
.pulsante-float-menu{
	background-color:#009683;
	border-radius:4px 0px 0px 4px;
	position:fixed;
	top:55%;
	right:0;
	z-index:10;
}
.pulsante-float-menu:hover, #float-switch:hover, #float-excel:hover {
    background-color: #eee;
}


div#modale-filtro.modal-footer a.nav-secondario:hover{
	background-color:#009683;
	color:#ffffff;
	border-radius:0px;
	text-decoration:none;
}

/*loader*/
.fond{
	display:none;
	position:absolute;
	padding-top:25px;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1000;
}
.primo-caricamento{
	top:50%;
	position:fixed;
}
.contener_general
{
  -webkit-animation:animball_two 1s infinite;
  -moz-animation:animball_two 1s infinite;
  -ms-animation:animball_two 1s infinite;
  animation:animball_two 1s infinite;
  width:44px; height:44px;
}
.contener_mixte
{
  width:44px; height:44px; position:absolute;
}
.ballcolor
{
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.ball_1, .ball_2, .ball_3, .ball_4
{
  position: absolute;
  -webkit-animation:animball_one 1s infinite ease;
  -moz-animation:animball_one 1s infinite ease;
  -ms-animation:animball_one 1s infinite ease;
  animation:animball_one 1s infinite ease;
}
.ball_1
{
  background-color:#cb2025;
  top:0; left:0;
}
.ball_2
{
  background-color:#f8b334;
  top:0; left:24px;
}
.ball_3
{
  background-color:#00a096;
  top:24px; left:0;
}
.ball_4
{
  background-color:#97bf0d;
  top:24px; left:24px;
}

@-webkit-keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}
@-moz-keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}
@-ms-keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}
@keyframes animball_one
{
  0%{ position: absolute;}
  50%{top:12px; left:12px; position: absolute;opacity:0.5;}
  100%{ position: absolute;}
}

@-webkit-keyframes animball_two
{
  0%{-webkit-transform:rotate(0deg) scale(1);}
  50%{-webkit-transform:rotate(360deg) scale(1.3);}
  100%{-webkit-transform:rotate(720deg) scale(1);}
}
@-moz-keyframes animball_two
{
  0%{-moz-transform:rotate(0deg) scale(1);}
  50%{-moz-transform:rotate(360deg) scale(1.3);}
  100%{-moz-transform:rotate(720deg) scale(1);}
}
@-ms-keyframes animball_two
{
  0%{-ms-transform:rotate(0deg) scale(1);}
  50%{-ms-transform:rotate(360deg) scale(1.3);}
  100%{-ms-transform:rotate(720deg) scale(1);}
}
@keyframes animball_two
{
  0%{transform:rotate(0deg) scale(1);}
  50%{transform:rotate(360deg) scale(1.3);}
  100%{transform:rotate(720deg) scale(1);}
}/*IT_LOGIN.ASP*/
.row-login{
	padding:20px 0;
}
/*LEFT-MENU.ASP*/
#pannello-lmenu{
	width:100%;
	height:100%;
	display:none;
	z-index:20;
	position:fixed;
	background-color:rgba(0, 0, 0, 0.75);
}
.button-menu{
	background-color:#009683;
	color:#fff;
	border:1px solid #009683;
}
.button-menu:hover {
    background-color: #eee;
    color: #009683;
    border-color: #eee;
}
.left-menu{
    height: 100%;
    width: 0;
    position: fixed;
    z-index:30;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.1s;
    left: -20px;
	-ms-overflow-style: none; /*IE*/
	overflow: -moz-scrollbars-none;/*Firefox*/

}
.left-menu::-webkit-scrollbar { width: 0 !important } /*chrome e safari*/
.left-menu-div{
	padding-right:0px;
    padding-left:0px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.left-menu-show{
	width:300px;
	left:0;
}

.panel-group .panel+.panel {
    margin-top: 0px;
}
.nav-primario {
    padding: 10px;
    cursor: pointer;
    background-color: #fff;
    color: #009683;
    border-radius: 0;
}
.nav-primario:hover{
	background-color:#eee;
	text-decoration:none !important;
}
.nav-primario-show{
	background-color:#009683 !important;
	color:#fff !important;
}

.titolo-nav-primario{
    margin-top: 0;
    margin-bottom: 0;
    font-size: 2rem;
    width:300px;
    text-overflow: ellipsis;
}
.nav-secondario{
	color:#000;
	padding:5px 0px 5px 0px;

}
.nav-secondario:hover{
	color:#009683;
	text-decoration:none;
}


.panel-collapse{
	padding-left: 20px;
}

/*HEADER.ASP*/
.header{
	height: 70px;
	webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
  box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	/*box-shadow: 0 0 4px rgba(0,0,0,.14), 0 4px 8px rgba(0,0,0,.28);*/
}
#header-titolo{
    float: left;
    color: #8a8b8c;
    font-weight: bold;
    text-align:center;
    font-size:15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height:3.5;
}
.img-header{
	max-height:50px;
	float:right;
}
.header-nav-a{
	border-radius:0px;
	border-top:0px;
	border-bottom:0px;
	padding-right:0px;
	padding-left:0px;
}

#a-sx{
	border-left:2px solid #8a8b8c;
	border-right:1px solid #8a8b8c;
}
#a-dx {
	border-left:1px solid #8a8b8c;
	border-right:2px solid #8a8b8c;
}

#icona-query:hover,#icona-ricerca-collapse:hover,#glyphicon-ricerca:hover,#geo-zoom-out:hover{
	color:#009683;
}

/* ICONA MENU*/

#icona-menu {
  width: 25px;
  height: 100%;
  position: relative;
  display: inline-block;
  margin-left: 10px;
	top: 2px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#icona-menu span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: white;
  opacity: 1;
  left: 0px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#icona-menu span:nth-child(1) {
  top: 25px;
}

#icona-menu span:nth-child(2),#icona-menu span:nth-child(3) {
  top: 32px;
}

#icona-menu span:nth-child(4) {
  top: 39px;
}

#icona-menu.open span:nth-child(1) {
  top: 32px;
  width: 0%;
  left: 50%;
}

#icona-menu.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#icona-menu.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#icona-menu.open span:nth-child(4) {
  top: 32px;
  width: 0%;
  left: 50%;
}

/*PAGINA ID_DEFAULT.ASP*/
#geo-zoom-out{
	display:none;
	font-size:40px;
	color:#8a8b8c;
	position:absolute;
	top:50px;
	right:20px;
	z-index:10;
}


#ME,#MKG,#CE{
	padding-right: 0px;
    padding-left: 0px;
}
.table-primary{
	text-align:center;
}
.scheda-top-five {
    margin-top: 15px;
    text-align: center;
    border-radius: 4px;
    border: none;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.titolo-scheda-five {
    height: 40px;
    border-radius: 4px 4px 0 0;
    font-size: 20px;
    line-height: 40px;
    background: #009483;
    color: white;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.btn-EKG{
	width:30px;
	padding:1px;
	position:absolute;
	top:8px;
}
#btn-EKG-sx{
	border-radius:4px 0px 0px 4px;
	right:40px;
}
#btn-EKG-dx{
	border-radius:0px 4px 4px 0px;
	right:10px;
}


/*it_stg_col*/

#footer-col{
	border-top:1px solid #337ab7;
	background-color:#ddd;
	bottom:0;
	position:fixed;
	width:100%;
	padding:10px;
}
.head-information div.col-xs-2{
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#filter-icon:hover{
	text-decoration: none;
}
.descrizione-oggetto-old{
    max-width: 240px;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 0px;
}
/*it_stg.asp*/
#pannello-grafici{
	width:100%;
	height:100%;
	display:none;
	z-index:10;
	position:fixed;
	background-color:rgba(0, 0, 0, 0.75);
}
#contenitore-grafici{
	border-radius:10px;
	border:2px solid #8a8b8c;
	text-align:center;
	margin-top:20px;
	background-color:#fff;
	top:5%;
	height:90%;
}

#chiudi-grafici{
	right:20px;
	font-size:40px;
	color:#8a8b8c;
	position:fixed;
	z-index: 15;
	top:10%;
}
#chiudi-grafici:hover{
	color:#009683;
}

#desc-grafici{
	font-size:30px;
	position:fixed;
	color:#ffffff;
	z-index: 15;
	width:100%;
	text-align:center;
}

@media(max-width:767px){
	.form-xs{
		width:100% !important;
	}

	#seleziona-mesi {
	    padding-top: 0px !important;
	}
	.row-login {
		    margin-top: 25%;
	}
}
.form-inline .form-control {
    display: inline-block;
    width: 100%;
    vertical-align: middle;
}
.totali{
	position:fixed;
	width:100%;
	bottom:0px;
	height: 105px !important;
	background-color:#fff;
	box-shadow: 0 0 4px rgba(0,0,0,.14), 0 -4px 8px rgba(0,0,0,.28);
}
#totale-v1{
	background-color:#F0A080;
}
#tr-attivo{
	background-color: #aeccfc;
}
.label{
	line-height:1.8;
}
.scheda{
	margin-top: 15px;
	text-align: center;
	border-radius: 4px;
	padding: 0 0 20px 0;
	border: none;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
	box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 3px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.cod{
	text-align:left;
}
.desc-over{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.hydrogena {
	color:#009483 !important;
}

.bc_hydrogena {
	background-color: #009483 !important;
}

.no_margin_bottom {
	margin-bottom: 0 !important;
}

.img-header {
    left: 50%;
    top: 7.5px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    position: absolute;
    max-height: 55px;
}

@media(min-width:992px){
	.row-login {
				margin-top: 10% !important;
	}
}
@media(min-width:768px){

}
@media(max-width:767px){
	.table-scheda{
		margin-bottom:10px;
		margin-top:10px;
	}
}

.table-scheda{
	font-size:1rem;
}

.white {
	color: white;
}

a {
	cursor:pointer;
}

a:focus, a:hover {
    color: #eee;
}

.table-totali{
	margin-bottom:0px;
	font-size:15px !important;
}
.titolo-scheda {
    background-color: #009483;
    color: white;
    font-size: 16px;
    margin: 0;
    margin-bottom: 20px !important;
    border-radius: 4px 4px 0 0;
    height: 35px;
    line-height: 35px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.table-striped>tbody>tr:nth-of-type(odd) {
    background-color: #e2e2e2;
}
.top-menu-show{
	overflow-y:scroll !important;
}
@media(max-width:991px){
	.top-menu-show{
		height:450px !important;
		border-bottom:3px solid #8a8b8c;
	}
}
@media(min-width:991px){
	.top-menu-show{
		height:300px !important;
	    border-bottom:3px solid #8a8b8c;
	}
}
.top-menu{
    z-index: 1;
    overflow-y: hidden;
    transition: 0.5s;
	height:25px;
	-ms-overflow-style: none; /*IE*/
	overflow: -moz-scrollbars-none;/*Firefox*/

}
.top-menu::-webkit-scrollbar { width: 0 !important } /*chrome e safari*/

#main{
	transition: 0.5s;
}
#icona-query{
	font-size:40px;
	top:-10;
	color:#8a8b8c;
}
#query-ricerca{
	text-align:center;
	line-height:2;
}
.ricerca-scroll{
    position: fixed;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
}
.filtri-scroll {
    position: fixed;
    z-index: 10;
    top: -500;
    background-color: #ffffff;
    border-radius: 0px 4px 0px 4px;
    border: 1px solid #ccc;
    padding: 10px 0px 10px 0px;
    width: 100%;
    left: 0px;
    transition: 0.8s;
}
.filtri-scroll-show {
    top: 25px !important;
}

.badge {
    display: inline-block;
    min-width: 10px;
    padding: 5px 7px;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    background-color: #009483;
    border-radius: 4px;
}
.no_padding {
	padding: 0px !important;
}
#icona-ricerca-collapse{
}
.testata {
    padding-top: 15px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.14), 0 1px 5px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.2);
}
.head-information{
	text-align:right;
	margin-right:0px !important;
    margin-left: 0px !important;
}
@media(min-width:768px){
	table{
		font-size:x-small;
	}
	.row-login {
				margin-top: 30%;
	}
}
.table .table {
background-color:inherit;
}
td div.col-xs-3,th div.col-xs-3, .colonna div.col-xs-2{
	padding-right:0px;
	padding-left:0px;
}
.colonna-desc{
	width:16%;
	padding-right:15px !important;
	min-width:280px;
}
.colonna{
	width:28%;
	text-align:right;
}
.anno{
 text-align:center;
 font-size:20px;
 border-bottom:1px solid black;
 margin-left:0px;
 margin-right:0px;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 2px !important;
}
.table{
	margin-bottom:0px !important;
}

.table-bordered>tbody>tr>td, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>td, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>thead>tr>th {
    border: 1px solid #000 !important;
}
.colonna div.col-xs-2{
	border-right:1px solid black;
}

td, th {
    border: .5px solid #ddd;
}
@media(max-width:1180px){
	.nascondi-anno{
		display:none !important;
	}
	.colonna{
		width:41.5%;
	}
    .btn-anno{
		display:inline !important;
	}

}
.btn-anno{
	display:none;
}
@media(max-width: 767px) {

#gtorta-form{
	padding-top:30px;
}

#barre-prg{
	right:5px;
}
#barre-qta{
	right:5px !important;
}
#barre-nanni{
	left:5px !important;
}
#barre-o_v{
	left:5px;
}
}

.gtorta-form{
	padding-top:240px;
}
.g-form-control {
    display: block;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

#barre-nanni{
	left:10px;
}
#barre-qta{
	right:10px;
}

@media(min-width:992px){
	#torta-nanni{
		right:5px;
	}
	#torta-qta{
		left:5px;
	}
}
