/* here you can put your own css to customize and override the theme */

/***
Rounded Portlets
***/

/*
.portlet {
border-radius: 4px !important;
}

.portlet .portlet-title {
border-radius: 4px 4px 0px 0px !important;
}

.portlet .portlet-body,
.portlet .portlet-body .form-actions  {
border-radius: 0px 0px 4px 4px !important;
}
*/

@font-face {
  font-family: "ThreeOfNineRegular";
  src: url("FREE3OF9.eot?") format("eot"), url("FREE3OF9.woff") format("woff"), url("FREE3OF9.ttf") format("truetype"), url("FREE3OF9.svg#Free3of9") format("svg");
  font-weight: normal;
  font-style: normal;
}

.paddingLR0 {
  padding-left: 0px;
  padding-right: 0px;
}

.paddingLR5 {
  padding-left: 5px;
  padding-right: 5px;
}

.paddingLR10 {
  padding-left: 10px;
  padding-right: 10px;
}

.next-day {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5%;
  right: 5px;
}

.next-day > i {
  display: inline-block;
  color: #38A233;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.next-day:hover {
  cursor: pointer;
}

.next-day:hover > i {
  opacity: 1;
  filter: alpha(opacity=100);
}

.prev-day {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5%;
  left: 5px;
}

.prev-day > i {
  display: inline-block;
  color: #38A233;
  font-size: 32px;
  opacity: 0.7;
  filter: alpha(opacity=70);
}

.prev-day:hover {
  cursor: pointer;
}

.prev-day:hover > i {
  opacity: 1;
  filter: alpha(opacity=100);
}
#btn_go_top {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 5%;
  right: 15px;
  background: transparent;
  border: 0;
}
#btn_go_top span {
  font-size: 35px;
  color: #38A233;
}
#btn_go_top span.glyphicon.glyphicon-circle-arrow-up:hover {
  color: #41863d !important;
}
#btn_go_top span.glyphicon.glyphicon-circle-arrow-up:hover,
#btn_go_top span.glyphicon.glyphicon-circle-arrow-up:focus,
#btn_go_top span.glyphicon.glyphicon-circle-arrow-up:visited,
#btn_go_top span.glyphicon.glyphicon-circle-arrow-up:active,
#btn_go_top span.glyphicon.glyphicon-circle-arrow-up:active:focus:visited {
  outline: none;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #38A233;
}

.nav > li > a,
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  color: #38A233;
}

.date-container {
  float: right;
}

.next-slider {
  position: fixed;
  z-index: 10000;
  /*top:0px;*/
  height: 15%;
  bottom: 0px;
  right: -30px;
  width: 30px;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjcwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(56, 162, 51, 1) 0%, rgba(56, 162, 51, 1) 10%, rgba(56, 162, 51, 0.3) 70%, rgba(56, 162, 51, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(56, 162, 51, 1)), color-stop(10%, rgba(56, 162, 51, 1)), color-stop(70%, rgba(56, 162, 51, 0.3)), color-stop(100%, rgba(56, 162, 51, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(56, 162, 51, 1) 0%, rgba(56, 162, 51, 1) 10%, rgba(56, 162, 51, 0.3) 70%, rgba(56, 162, 51, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(56, 162, 51, 1) 0%, rgba(56, 162, 51, 1) 10%, rgba(56, 162, 51, 0.3) 70%, rgba(56, 162, 51, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(56, 162, 51, 1) 0%, rgba(56, 162, 51, 1) 10%, rgba(56, 162, 51, 0.3) 70%, rgba(56, 162, 51, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(56, 162, 51, 1) 0%, rgba(56, 162, 51, 1) 10%, rgba(56, 162, 51, 0.3) 70%, rgba(56, 162, 51, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a233', endColorstr='#0038a233', GradientType=1);
  /* IE6-8 */
}

.prev-slider {
  position: fixed;
  z-index: 10000;
  /*top:0px;*/
  bottom: 0px;
  left: -30px;
  width: 30px;
  height: 15%;
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iOTAlIiBzdG9wLWNvbG9yPSIjMzhhMjMzIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzM4YTIzMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  background: -moz-linear-gradient(left, rgba(56, 162, 51, 0) 0%, rgba(56, 162, 51, 0.3) 30%, rgba(56, 162, 51, 1) 90%, rgba(56, 162, 51, 1) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(56, 162, 51, 0)), color-stop(30%, rgba(56, 162, 51, 0.3)), color-stop(90%, rgba(56, 162, 51, 1)), color-stop(100%, rgba(56, 162, 51, 1)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(56, 162, 51, 0) 0%, rgba(56, 162, 51, 0.3) 30%, rgba(56, 162, 51, 1) 90%, rgba(56, 162, 51, 1) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(56, 162, 51, 0) 0%, rgba(56, 162, 51, 0.3) 30%, rgba(56, 162, 51, 1) 90%, rgba(56, 162, 51, 1) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(56, 162, 51, 0) 0%, rgba(56, 162, 51, 0.3) 30%, rgba(56, 162, 51, 1) 90%, rgba(56, 162, 51, 1) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(56, 162, 51, 0) 0%, rgba(56, 162, 51, 0.3) 30%, rgba(56, 162, 51, 1) 90%, rgba(56, 162, 51, 1) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0038a233', endColorstr='#38a233', GradientType=1);
  /* IE6-8 */
}

.loader {
  position: absolute;
  top: 0px;
  left: 0px;
  bottom: 0px;
  right: 0px;
  background-color: #333333;
  z-index: 10000;
}

.wrapper {
  position: absolute;
  top: 50%;
  left: 50%;
}

/*tabella colori alternati*/

.table-striped > tbody > tr:nth-child(odd) {
  background-color: #505050
}

.flip-scroll thead {
  display: block;
  width: 100%;
  float: left;
}

.flip-scroll tbody {
  display: block;
  width: 100%;
  position: relative;
  overflow-y: auto;
  white-space: nowrap;
  float: left;
  height: 300px;
}

.flip-scroll tr {
  width: 100%;
  float: left;
}

.flip-scroll td {
  float: left;
}

.flip-scroll th {
  float: left;
  border-bottom: none;
}

.table > thead > tr > th {
  border-bottom: none;
}

.form-horizontal .control-label {
  padding-top: 7px;
  margin-bottom: 0;
  text-align: left;
}

.tag_collaudo h1 {
  font-weight: bold;
}

.tag_collaudo .row {
  margin: 0;
  margin-top: 5px;
}

.tag_collaudo .row .col-md-6 .logo_aton_img {
  width: 100%;
}

.tag_collaudo .row h1 {
  font-size: 63px;
  margin-top: 0;
}

.tag_collaudo .row h2 {
  margin-bottom: 0;
  font-size: 27px;
  text-align: center;
  display: inline-block;
  margin-left: 20px;
  position: absolute;
  bottom: 0;
}

.tag_collaudo .title_link {
  position: relative;
  height: 155px;
}

.tag_collaudo .modello_codice {
  border: 1px solid #000;
}

.tag_collaudo span > strong {
  font-size: 20px;
}

.tag_collaudo .serial_barcode .serial_code,
.tag_collaudo .dati_tag div,
.tag_collaudo .dati_grid_backup div {
  border: 1px solid #000;
}

.tag_collaudo hr {
  border-top: 1px solid #000;
  margin-top: 5px;
  margin-bottom: 5px;
}

.tag_collaudo .dati_tag div {
  width: 99% !important;
}

.tag_collaudo .dati_tag,
.tag_collaudo .dati_grid_backup {
  padding: 0;
}

.tag_collaudo .dati_tag span,
.tag_collaudo .dati_grid_backup span {
  font-size: 14px;
}

.tag_collaudo .dati_tag div,
.tag_collaudo .dati_grid_backup div {
  margin-bottom: 5px;
}

.tag_collaudo .battery_capacity {
  margin-bottom: 50px !important;
}

.tag_collaudo .production_year {
  margin-top: 10px;
}

.tag_collaudo .ce_logo {
  width: 100px;
}

.tag_collaudo .ce_logo_container {
  border: 2px solid #000 !important;
  margin-top: 0px;
  margin-bottom: 0 !important;
}

.tag_collaudo .ce_logo {
  display: block;
  margin: auto;
}

.tag_collaudo .dati_grid_backup div {
  margin-bottom: 9px !important;
  float: right;
  width: 99% !important;
}

.tag_collaudo .dati_tag span:first-child,
.tag_collaudo .dati_grid_backup span:first-child {
  padding-left: 0;
}

.tag_collaudo .serial_barcode .barcode {
  padding-left: 5px;
  padding-right: 0;
}

.tag_collaudo .row_codice_modello span:first-child {
  margin-right: 20px;
}

.tag_collaudo .dati_tag .col-xs-12 span:last-child,
.tag_collaudo .dati_grid_backup .col-xs-12 span:last-child {
  text-align: center;
}

.tag_collaudo .dati_grid_backup .col-xs-12 span:last-child {
  margin-top: 10px;
}

.tag_collaudo .dati_grid_backup .power_factor_range span:last-child {
  margin-top: 0;
}

.tag_collaudo .serial_code span:last-child {
  font-size: 30px;
  margin-top: 2px;
}

.tag_collaudo .serial_number {
  text-align: center;
}

.tag_collaudo .serial_code {
  height: 46px;
}

.tag_collaudo .serial_code span {
  margin-top: 9px;
}

.tag_collaudo .serial_code .col-xs-12,
.tag_collaudo .serial_code .col-xs-12 span:first-child {
  padding-left: 0;
}

#batterylight_tabs li > a {
  color: #333333;
}

.barcode_number {
  font-family: ThreeOfNineRegular;
  font-size: 60px;
  display: inline-block;
  margin-bottom: -20px;
  margin-top: -18px;
}

.btn_group_send_data {
  margin-bottom: 10px;
}
#form_spedizione_dispositivi .row:not(:nth-child(2)) {
  margin-bottom: 30px;
}

#btn_add_cliente{
  background: none;
  border: none;
}

#btn_add_cliente span {
  padding-top: 8px;
  font-size: 30px;
  color: #38a233;
}
#btn_update_cliente {
  background-color: #5bc0de;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  border-color: transparent;
}
#btn_update_cliente span {
  color: #ffffff;
}

#btn_add_cliente span:focus,
#btn_add_cliente:focus,
#btn_update_cliente:focus,
#btn_update_cliente span:focus {
  outline: none;
}

#form_spedizione_dispositivi .form-group {
  margin-bottom: 0;
}

#btn_add_cliente .glyphicon-minus-sign {
  color: #e02222;
}

.errtext {
  display: none;
  color: #e02222;
}

#sn_gest_clienti.error {
  border: 1px solid #e02222;
}

#form_create_cliente .portlet-title .caption,
#form_update_cliente .portlet-title .caption {
  margin-bottom: 20px;
}
#table_ricerca_cliente {
  margin-top: 20px;
}
.table_cliente_search {
  text-align: center;
}
.table_cliente_search > tbody > tr:nth-child(odd) {
  color: #ffffff;
}
.table_cliente_search thead tr > th {
  text-align: center;
}
#btn_update_cliente {
  vertical-align: top;
  margin-top: 5px;
}
.product_container img {
  width: 245px;
  opacity: 1;
  transition: .5s ease;
}
.product_container .col-md-3 {
  text-align: center;
}
.product_container .row {
  margin-bottom: 20px;
}

.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

.product_container img:hover,
.product_container .middle:hover{
  opacity: 0.3;
}

.product_container .col-md-3:hover .middle {
  opacity: 1;
}

.middle .text {
  background-color: #4CAF50;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}
.collaudomenu {
  text-align: center;
  padding-top: 30px;
}
.collaudomenu .page-logo {
  float: none !important;
  display: inline-block !important;
}
/* centered columns styles */
.row-centered {
  text-align:center;
}
.col-centered {
  display:inline-block;
  float:none;
  /* reset the text-align */
  text-align:left;
  /* inline-block space fix */
  text-align: center;
}
.page-content-rastore {
  background: #ffffe1 !important;
}
.page-content-ston {
  background: #bcc3ff !important;
}
.page-content-trifase {
  background: #ca7070 !important;
}
.page-content-zone {
  background: #d1ffd1 !important;
}
.linkBackDispositiviCollaudo {
  color: #8e8e8e !important;
}
.row:has(.linkBackDispositiviCollaudo) {
  margin-bottom: 10px;
  background: #ffff8b !important;
}
.page-content-ston {
  background: #4c4cff !important;
}
.page-content-trifase {
  background: #FF4040 !important;
}
.page-content-zone {
  background: #88E188 !important;
}
.btn_cliccato {
  border: 1px solid #000 !important;
  box-shadow: 2px 2px #444;
}
.btn_tutti_listone {
  background-color:#a79bbd;
  color:#FFF;
}
.restabianco:hover {
  background-color:#8775a7;
  color:#FFF;
}
li.page-item.current a {
  background-color: green !important;
}
li.page-item.current a {
  color: white !important;
}
li.page-item.current[data-num="NULL"] a {
  color: white !important;
}
.dm-uploader {
  border: 0.25rem dashed #A5A5C7;
}
.text-muted {
    color: #868e96!important;
}
.mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
.mt-5, .my-5 {
    margin-top: 3rem!important;
}
#drop-area h3 {
  margin-top: 0px !important;
}
.dm-uploader.active {
  border-color: red;
  border-style: solid;
}
/* .multiple_emails-ul {
  margin-bottom: 0 !important;
} */
span.to-input {
  margin-bottom: 10px;
  float: none;
  display: block;
}
.email-ids {
  margin-bottom: 15px !important;
}
#dropdownStats li:hover{
  background-color:#fff;
}
#dropdownStats li:hover a{
  color:#2977f7;
}

.catalogo a{
  color:#000;
}
.catalogo a:hover{
  text-decoration: none;
}
.catalogo .media-body{
  vertical-align: middle !important;
}
.media-body{
  padding-left: 10px;
}
@media  screen and (min-height: 813px) {
  .catalogo{
    margin: auto;
    margin-bottom:110px;
    width: 50%;
  }
}
@media  screen and (min-height: 736px) and (max-height: 812px) {
  .catalogo{
    margin: auto;
    margin-bottom:60px;
    width: 51%;
  }
}
@media  screen and (min-height: 641px) and (max-height: 735px) {
  .catalogo{
    margin: auto;
    margin-bottom:40px;
    width: 51%;
  }
}
@media only screen and (max-height: 640px) {
  .catalogo{
    margin: auto;
    margin-bottom:25px;
    width: 51%;
  }
}


@media only screen and (max-width: 768px) {
  .flip-scroll thead {
    display: block;
    width: auto;
    float: left;
  }

  .flip-scroll tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: auto;
    white-space: nowrap;
    float: none;
    height: auto;
  }
  .flip-scroll tbody tr {
    display: inline-block;
    vertical-align: top;
    margin-left: -5px;
    width: auto;
    float: none;
  }
  .flip-scroll td {
    display: block;
    min-height: 1.25em;
    text-align: left;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    float: none;
  }
  .flip-scroll th {
    float: none;
  }
  .flip-scroll th:last-child,
  .flip-scroll td:last-child {
    border-bottom: none;
  }

}