/**
"Lascialo pure lì per il momento, poi lo puliamo."
  ~Claudio Conversa riferendosi a tutto il file, 14/03/2020
  Most rules were moved to _tooltip.scss
*/

/*
  .ui-tooltip {
    background-color: #313131a6 !important;
    color: white !important;
    font-size: 12px !important;
    padding: 5px 8px !important;
  position: absolute !important;
  z-index: 9999 !important;
  max-width: 300px !important;
  overflow: hidden;
  border-radius: 9px;
  text-align: center;
  font-weight: normal;
}
*/

body .ui-tooltip {
  border-width: 2px;
}

.services_element {
  float: left;
  margin: 3px;
  padding: 6px;
}
.services {
  background-image: url(../images/services_spritesheet.png);
  background-repeat: no-repeat;
  display: block;
}
.services_element.detail_services {
  margin: 0;
  padding: 6px;
  transform: scale(1);
}
.services_element:not(.detail_services):hover {
  border: #8585856e solid 1px;
  margin: 2px;
  border-radius: 8px;
  cursor: pointer;
}
.services-C001 {
  width: 20px;
  height: 20px;
  background-position: -5px -5px;
}

.services-C001_black {
  width: 20px;
  height: 20px;
  background-position: -35px -5px;
}

.services-C002 {
  width: 20px;
  height: 20px;
  background-position: -65px -5px;
}

.services-C002_black {
  width: 20px;
  height: 20px;
  background-position: -95px -5px;
}

.services-C003 {
  width: 20px;
  height: 20px;
  background-position: -125px -5px;
}

.services-C003_black {
  width: 20px;
  height: 20px;
  background-position: -155px -5px;
}

.services-C004 {
  width: 20px;
  height: 20px;
  background-position: -185px -5px;
}

.services-C004_black {
  width: 20px;
  height: 20px;
  background-position: -215px -5px;
}

.services-C005 {
  width: 20px;
  height: 20px;
  background-position: -245px -5px;
}

.services-C005_black {
  width: 20px;
  height: 20px;
  background-position: -275px -5px;
}

.services-C006 {
  width: 20px;
  height: 20px;
  background-position: -5px -35px;
}

.services-C006_black {
  width: 20px;
  height: 20px;
  background-position: -35px -35px;
}

.services-C007 {
  width: 20px;
  height: 20px;
  background-position: -65px -35px;
}

.services-C007_black {
  width: 20px;
  height: 20px;
  background-position: -95px -35px;
}

.services-C008 {
  width: 20px;
  height: 20px;
  background-position: -125px -35px;
}

.services-C008_black {
  width: 20px;
  height: 20px;
  background-position: -155px -35px;
}

.services-C009 {
  width: 20px;
  height: 20px;
  background-position: -185px -35px;
}

.services-C009_black {
  width: 20px;
  height: 20px;
  background-position: -215px -35px;
}

.services-C010 {
  width: 20px;
  height: 20px;
  background-position: -245px -35px;
}

.services-C010_black {
  width: 20px;
  height: 20px;
  background-position: -275px -35px;
}

.services-C011 {
  width: 20px;
  height: 20px;
  background-position: -5px -65px;
}

.services-C011_black {
  width: 20px;
  height: 20px;
  background-position: -35px -65px;
}

.services-C012 {
  width: 20px;
  height: 20px;
  background-position: -65px -65px;
}

.services-C012_black {
  width: 20px;
  height: 20px;
  background-position: -95px -65px;
}

.services-C013 {
  width: 20px;
  height: 20px;
  background-position: -125px -65px;
}

.services-C013_black {
  width: 20px;
  height: 20px;
  background-position: -155px -65px;
}

.services-C014 {
  width: 20px;
  height: 20px;
  background-position: -185px -65px;
}

.services-C014_black {
  width: 20px;
  height: 20px;
  background-position: -215px -65px;
}

.services-C015 {
  width: 20px;
  height: 20px;
  background-position: -245px -65px;
}

.services-C015_black {
  width: 20px;
  height: 20px;
  background-position: -275px -65px;
}

.services-C016 {
  width: 20px;
  height: 20px;
  background-position: -5px -95px;
}

.services-C016_black {
  width: 20px;
  height: 20px;
  background-position: -35px -95px;
}

.services-C017 {
  width: 20px;
  height: 20px;
  background-position: -65px -95px;
}

.services-C017_black {
  width: 20px;
  height: 20px;
  background-position: -95px -95px;
}

.services-C018 {
  width: 20px;
  height: 20px;
  background-position: -125px -95px;
}

.services-C018_black {
  width: 20px;
  height: 20px;
  background-position: -155px -95px;
}

.services-C019 {
  width: 20px;
  height: 20px;
  background-position: -185px -95px;
}

.services-C019_black {
  width: 20px;
  height: 20px;
  background-position: -215px -95px;
}

.services-C020 {
  width: 20px;
  height: 20px;
  background-position: -245px -95px;
}

.services-C020_black {
  width: 20px;
  height: 20px;
  background-position: -275px -95px;
}

.services-C021 {
  width: 20px;
  height: 20px;
  background-position: -5px -125px;
}

.services-C021_black {
  width: 20px;
  height: 20px;
  background-position: -35px -125px;
}

.services-C022 {
  width: 20px;
  height: 20px;
  background-position: -65px -125px;
}

.services-C022_black {
  width: 20px;
  height: 20px;
  background-position: -95px -125px;
}

.services-C023 {
  width: 20px;
  height: 20px;
  background-position: -125px -125px;
}

.services-C023_black {
  width: 20px;
  height: 20px;
  background-position: -155px -125px;
}

.services-C024 {
  width: 20px;
  height: 20px;
  background-position: -185px -125px;
}

.services-C024_black {
  width: 20px;
  height: 20px;
  background-position: -215px -125px;
}

.services-C025 {
  width: 20px;
  height: 20px;
  background-position: -245px -125px;
}

.services-C025_black {
  width: 20px;
  height: 20px;
  background-position: -275px -125px;
}

.services-C026 {
  width: 20px;
  height: 20px;
  background-position: -5px -155px;
}

.services-C026_black {
  width: 20px;
  height: 20px;
  background-position: -35px -155px;
}

.services-C027 {
  width: 20px;
  height: 20px;
  background-position: -65px -155px;
}

.services-C027_black {
  width: 20px;
  height: 20px;
  background-position: -95px -155px;
}

.services-C028 {
  width: 20px;
  height: 20px;
  background-position: -125px -155px;
}

.services-C028_black {
  width: 20px;
  height: 20px;
  background-position: -155px -155px;
}

.services-C029 {
  width: 20px;
  height: 20px;
  background-position: -185px -155px;
}

.services-C029_black {
  width: 20px;
  height: 20px;
  background-position: -215px -155px;
}

.services-C030 {
  width: 20px;
  height: 20px;
  background-position: -245px -155px;
}

.services-C030_black {
  width: 20px;
  height: 20px;
  background-position: -275px -155px;
}

.services-C031 {
  width: 20px;
  height: 20px;
  background-position: -5px -185px;
}

.services-C031_black {
  width: 20px;
  height: 20px;
  background-position: -35px -185px;
}

.services-C032 {
  width: 20px;
  height: 20px;
  background-position: -65px -185px;
}

.services-C032_black {
  width: 20px;
  height: 20px;
  background-position: -95px -185px;
}

.services-C033 {
  width: 20px;
  height: 20px;
  background-position: -125px -185px;
}

.services-C033_black {
  width: 20px;
  height: 20px;
  background-position: -155px -185px;
}

.services-C034 {
  width: 20px;
  height: 20px;
  background-position: -185px -185px;
}

.services-C034_black {
  width: 20px;
  height: 20px;
  background-position: -215px -185px;
}

.services-C035 {
  width: 20px;
  height: 20px;
  background-position: -245px -185px;
}

.services-C035_black {
  width: 20px;
  height: 20px;
  background-position: -275px -185px;
}

.services-C036 {
  width: 20px;
  height: 20px;
  background-position: -5px -215px;
}

.services-C036_black {
  width: 20px;
  height: 20px;
  background-position: -35px -215px;
}

.services-C037 {
  width: 20px;
  height: 20px;
  background-position: -65px -215px;
}

.services-C037_black {
  width: 20px;
  height: 20px;
  background-position: -95px -215px;
}

.services-C038 {
  width: 20px;
  height: 20px;
  background-position: -125px -215px;
}

.services-C038_black {
  width: 20px;
  height: 20px;
  background-position: -155px -215px;
}

.services-C039 {
  width: 20px;
  height: 20px;
  background-position: -185px -215px;
}

.services-C039_black {
  width: 20px;
  height: 20px;
  background-position: -215px -215px;
}

.services-C040 {
  width: 20px;
  height: 20px;
  background-position: -245px -215px;
}

.services-C040_black {
  width: 20px;
  height: 20px;
  background-position: -275px -215px;
}

.services-C041 {
  width: 20px;
  height: 20px;
  background-position: -5px -245px;
}

.services-C041_black {
  width: 20px;
  height: 20px;
  background-position: -35px -245px;
}

.services-C042 {
  width: 20px;
  height: 20px;
  background-position: -65px -245px;
}

.services-C042_black {
  width: 20px;
  height: 20px;
  background-position: -95px -245px;
}

.services-C043 {
  width: 20px;
  height: 20px;
  background-position: -125px -245px;
}

.services-C043_black {
  width: 20px;
  height: 20px;
  background-position: -155px -245px;
}

.services-C044 {
  width: 20px;
  height: 20px;
  background-position: -185px -245px;
}

.services-C044_black {
  width: 20px;
  height: 20px;
  background-position: -215px -245px;
}

.services-C045 {
  width: 20px;
  height: 20px;
  background-position: -245px -245px;
}

.services-C045_black {
  width: 20px;
  height: 20px;
  background-position: -275px -245px;
}

.services-C046 {
  width: 20px;
  height: 20px;
  background-position: -5px -275px;
}

.services-C046_black {
  width: 20px;
  height: 20px;
  background-position: -35px -275px;
}

.services-C047 {
  width: 20px;
  height: 20px;
  background-position: -65px -275px;
}

.services-C047_black {
  width: 20px;
  height: 20px;
  background-position: -95px -275px;
}

.services-C048 {
  width: 20px;
  height: 20px;
  background-position: -125px -275px;
}

.services-C048_black {
  width: 20px;
  height: 20px;
  background-position: -155px -275px;
}

.services-C049 {
  width: 20px;
  height: 20px;
  background-position: -185px -275px;
}

.services-C049_black {
  width: 20px;
  height: 20px;
  background-position: -215px -275px;
}

.services-C050 {
  width: 20px;
  height: 20px;
  background-position: -245px -275px;
}

.services-C050_black {
  width: 20px;
  height: 20px;
  background-position: -275px -275px;
}

.services-C052 {
  width: 20px;
  height: 20px;
  background-position: -305px -5px;
}

.services-C052_black {
  width: 20px;
  height: 20px;
  background-position: -305px -35px;
}

.services-C056 {
  width: 20px;
  height: 20px;
  background-position: -305px -65px;
}

.services-C056_black {
  width: 20px;
  height: 20px;
  background-position: -305px -95px;
}

.services-C057 {
  width: 20px;
  height: 20px;
  background-position: -305px -125px;
}

.services-C057_black {
  width: 20px;
  height: 20px;
  background-position: -305px -155px;
}
