@charset "UTF-8";

@font-face {
  font-family: 'icosfera';
  src:  url('/static/fonts/icosfera/icosfera.eot?i0ezqx');
  src:  url('/static/fonts/icosfera/icosfera.eot?i0ezqx#iefix') format('embedded-opentype'),
    url('/static/fonts/icosfera/icosfera.ttf?i0ezqx') format('truetype'),
    url('/static/fonts/icosfera/icosfera.woff?i0ezqx') format('woff'),
    url('/static/fonts/icosfera/icosfera.svg?i0ezqx#icosfera') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Roboto';
	src: url('/static/fonts/Roboto/Roboto-Regular.eot');
	src: url('/static/fonts/Roboto/Roboto-Regular.eot?#iefix') format('embedded-opentype'),
    	 url('/static/fonts/Roboto/Roboto-Regular.woff') format('woff'),
    	 url('/static/fonts/Roboto/Roboto-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


body {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    color: #3287C1;
    overflow-x: hidden;
    /*background: url('/static/images/background/gray.png');*/
    font-family: Roboto;
    background: #F8F8F8;
}

.header {
    width: 100%;
    flex-grow: 1;
}

.footer {
    background-color: transparent;
    height: 75px;
    margin-bottom: 10px;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
.footer A{
    margin-right: 10px;
}

a {
    text-decoration: none;
    display: inline-block;
    cursor: default;
}

.sfera { width: 298px; background-position: -0px -360px;}

.certificazione { width: 70px; background-position: -298px -360px;}

.loghi { height: 62px;}

.ico {
    margin: 1em;
    font-size: 0.6em;
    width: 150px;
    height: 195px;
}

.ico img { height: 100px; width: 100px; /* box-shadow: 2px 2px 2px 0 #454545;*/}

.ico img:active {-webkit-box-shadow: inset 0px 0px 39px -9px rgba(0,0,0,0.75);
-moz-box-shadow: inset 0px 0px 39px -9px rgba(0,0,0,0.75);
box-shadow: inset 0px 0px 39px -9px rgba(0,0,0,0.75);}

.ico_off {
    margin: 1em;
    font-size: 0.6em;
    width: 150px;
    height: 195px;
 }

.ico_off img { height: 100px; width: 100px; box-shadow: 2px 2px 2px 0 #454545;}

.ico_off h3 { color:#999999;}

.module {
    text-align: center
}

.title_icon{
  width: 100%;
  font-size: 14px;
  display: inline-block;
  margin-top: 10px;
  color: #7a7a7a;
  font-family: Roboto;
  font-weight: lighter;
}

.container{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    flex-grow: 1;
    min-height: 240px;
}
.wrapper{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    flex-grow: 1;
}

@media screen and (min-width: 1200px) and (min-height: 445px) {
    .container{
        align-items: center;
    }
}

.right{
    text-align: right;
    padding: 5px;
}

.center{
    text-align: center;
}

.module.ico a {
    cursor: pointer;
}

h1, h2, h4{
    color: #7a7a7a;
    font-family: Roboto;
    font-weight: lighter;
}
/* ----------- Font icone ----------- */
.warning {
    color: #b64d3d;
    display: flex;
    background-color: #ffffffbd;
    position: fixed;
    padding: 10px;
    -webkit-border-radius: 3px;
    z-index: 9999;
    margin-left: 40px;
    margin-top: 30px;
    box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.ico-warning {
    float: left;
    height: 27%;
}
.text-warning {
    margin-left: 15px;
}
.ico-warning i {
    margin-top: 40px;
    font-size: 35px;
}
.iconsfera {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icosfera' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1.5;
  font-size: 55px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: 1px 1px 1px rgb(86, 86, 86);
  -webkit-filter: saturate(0.8);
  filter: saturate(0.8);


  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.iconsfera:hover {
  -webkit-filter: saturate(1);
  filter: saturate(1);
}

.side-nav--cruscotto:before {
  border-radius: 5px;
content: "\e902";
  padding: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ec005f+0,c99000+100 */
  background: rgb(236,0,95); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(236,0,95,1) 0%, rgba(201,144,0,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(236,0,95,1) 0%,rgba(201,144,0,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(236,0,95,1) 0%,rgba(201,144,0,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ec005f', endColorstr='#c99000',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.side-nav--igiene:before {
  border-radius: 5px;
content: "\e905";
  padding: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#28884d+0,2d7d96+100 */
  background: rgb(40,136,77); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(40,136,77,1) 0%, rgba(45,125,150,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(40,136,77,1) 0%,rgba(45,125,150,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(40,136,77,1) 0%,rgba(45,125,150,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28884d', endColorstr='#2d7d96',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.side-nav--impiantistica:before {
  border-radius: 5px;
content: "\e906";
  padding: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#137569+0,d24433+2,9b8226+100 */
  background: rgb(19,117,105); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(19,117,105,1) 0%, rgba(210,68,51,1) 2%, rgba(155,130,38,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(19,117,105,1) 0%,rgba(210,68,51,1) 2%,rgba(155,130,38,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(19,117,105,1) 0%,rgba(210,68,51,1) 2%,rgba(155,130,38,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137569', endColorstr='#9b8226',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.side-nav--sicurezza_lavoro:before {
  border-radius: 5px;
  content: "\e90b";
  padding: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#137569+0,1c60a8+100 */
  background: rgb(19,117,105); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(19,117,105,1) 0%, rgba(28,96,168,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(19,117,105,1) 0%,rgba(28,96,168,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(19,117,105,1) 0%,rgba(28,96,168,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#137569', endColorstr='#1c60a8',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.side-nav--sian:before {
  border-radius: 5px;
content: "\e90f";
  padding: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f1b150+0,89aa3a+100 */
  background: rgb(241,177,80); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(241,177,80,1) 0%, rgba(137,170,58,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(241,177,80,1) 0%,rgba(137,170,58,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(241,177,80,1) 0%,rgba(137,170,58,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1b150', endColorstr='#89aa3a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.side-nav--veterinaria:before {
  border-radius: 5px;
  content: "\e910";
  padding: 20px;
  font-family: 'icosfera';
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#60b28c+0,0679d1+100 */
  background: rgb(96,178,140); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(96,178,140,1) 0%, rgba(6,121,209,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(96,178,140,1) 0%,rgba(6,121,209,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(96,178,140,1) 0%,rgba(6,121,209,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60b28c', endColorstr='#0679d1',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.side-nav--posa:before {
  border-radius: 5px;
  content: "\e972";
  padding: 20px;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1697b7+0,5313a5+100 */
  background: rgb(22,151,183); /* Old browsers */
  background: -moz-linear-gradient(-45deg, rgba(22,151,183,1) 0%, rgba(83,19,165,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, rgba(22,151,183,1) 0%,rgba(83,19,165,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, rgba(22,151,183,1) 0%,rgba(83,19,165,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1697b7', endColorstr='#5313a5',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  -webkit-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  -moz-box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
  box-shadow: -1px 3px 8px 0px rgba(143,143,143,1);
}
.disable:before {
  box-shadow: none !important;
  background: #8080807a !important;
  color: #a9a9a9;
  text-shadow: none;
  cursor: no-drop;
}
.footer img {
  width: 150px;
}