ù/* Imports
-------------------------------------------------- */
/* Custom for bootstrap
-------------------------------------------------- */
/* Override Mixin box-sizing adding IE 6-7 support for border-box property.
--------------------------------------------------------------------------------------------------------------------- */
/* Inner for background effects
 * Gradient is applied to its own element because overflow visible is not honored by IE when filter is present
--------------------------------------------------------------------------------------------------------------------- */
/* PIE Behavior for IE
 * Use with:
 *  .no-borderradius, .no-boxshadow, .no-borderimage { behavior: '/js/ie-fix/PIE.htc'; }
 *  .no-cssgradients {-pie-background: linear-gradient(#CCC, #EEE); behavior: '/js/ie-fix/PIE.htc'; }
--------------------------------------------------------------------------------------------------------------------- */
/* Centrare verticalmente.
--------------------------------------------------
  .parent { display: table; height: kpx}
    .child { display: table-cell; vertical-align: middle}
      .this-is-centered {}
*/
/* Style for the paragraph that alert user when he is using an outdated version of IE browser.
-------------------------------------------------- */
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  overflow: hidden; /* evita scroll che stiracchiano */
}


body.keyboard-open {
    height: 100vh;
    overflow: hidden;
}

p.chromeframe {
  width: 100%;
  background-color: red;
  padding: 5px;
  z-index: 10000;
  text-align: center; }
  p.chromeframe a {
    color: white; }

/* Special grid styles
-------------------------------------------------- */
.show-grid {
  margin-top: 10px;
  margin-bottom: 20px; }

.show-grid [class*="span"] {
  background-color: #eee;
  text-align: center;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  min-height: 40px;
  line-height: 40px; }

.show-grid:hover [class*="span"] {
  background: #ddd; }

.show-grid .show-grid {
  margin-top: 0;
  margin-bottom: 0; }

.show-grid .show-grid [class*="span"] {
  background-color: #ccc; }

/* Container with padding
-------------------------------------------------- */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  behavior: url(/js/ie-fix/boxsizing.htc); }

input {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  *behavior: url(/js/ie-fix/boxsizing.htc); }

/*
@else if $media == 1366 {
  @media (min-width: 1365px) { @content; }
}*/
/*
 * jquery.selectBoxIt.css 2.5.0
 * Author: @gregfranko
 */
/* Div container holding the dropdown list */
.selectboxit-container {
  position: relative;
  display: inline-block;
  /* Prevents text selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: -moz-none;
  ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

/* Dropdown List Box */
.selectboxit-container .selectboxit {
  width: 220px;
  /* Width of the dropdown list box */
  height: 30px;
  /* Height of the select box */
  cursor: pointer;
  padding: 0;
  display: block;
  border-radius: 6px;
  margin: 0; }

.selectboxit-container .selectboxit.selectboxit-disabled {
  cursor: default; }

/* Dropdown list Default Icon Positioning */
.selectboxit-default-icon {
  float: left; }

/* Dropdown List Box Text */
.selectboxit-text {
  font: 14px Helvetica, Arial;
  text-indent: 5px;
  line-height: 30px;
  overflow: hidden;
  float: left;
  white-space: nowrap; }

/* Dropdown List Options List*/
.selectboxit-container .selectboxit-options {
  min-width: 220px;
  /* Minimum Width of the dropdown list box options */
  font: 14px Helvetica, Arial;
  margin: 0;
  padding: 0;
  list-style: none;
  position: absolute;
  overflow: auto;
  cursor: pointer;
  display: none;
  z-index: 9999999999999;
  outline: none;
  top: auto;
  bottom: auto;
  left: auto;
  right: auto;
  -moz-box-shadow: none;
  /* Firefox */
  -webkit-box-shadow: none;
  /* Safari, Chrome */
  box-shadow: none;
  /* CSS3 */
  border-radius: 6px;
  text-align: left; }

/* Overrides Bootstrap drop down option style */
.selectboxit-options .selectboxit-option.active .selectboxit-option-anchor {
  color: #fff; }

.selectboxit-option .selectboxit-option-anchor {
  padding: 0px 3px;
  line-height: 30px; }

.selectboxit-option .selectboxit-option-anchor:hover {
  text-decoration: none; }

/* Dropdown List Individual Options */
.selectboxit-option, .selectboxit-optgroup-header {
  line-height: 30px;
  /* Height of Individual Select Box Options */
  text-indent: 5px;
  /* Horizontal Positioning of the select box option text */
  overflow: hidden;
  white-space: nowrap;
  list-style: none;
  margin: 0; }

/* The first drop down option */
.selectboxit-option-first {
  border-top-right-radius: 6px;
  border-top-left-radius: 6px; }

/* The last drop down option */
.selectboxit-option-last {
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px; }

/* Dropdown List Optgroup Headers */
.selectboxit-optgroup-header {
  font-weight: bold; }

/* Dropdown List Optgroup Options */
.selectboxit-optgroup-option {
  text-indent: 20px; }

/* Dropdown List Optgroup Header hover psuedo class */
.selectboxit-optgroup-header[data-disabled='true']:hover {
  cursor: default; }

/* Dropdown List Down Arrow Container (if an image is not used) */
.selectboxit-arrow-container {
  /* Positions the down arrow */
  width: 30px;
  float: right;
  position: relative; }

/* Dropdown List Down Arrow */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow {
  /* Horizontally centers the down arrow */
  margin: 0 auto;
  display: block;
  position: absolute;
  top: 50%;
  right: 40%; }

/* Dropdown List Down Arrow For jQueryUI and jQuery Mobile */
.selectboxit .selectboxit-arrow-container .selectboxit-arrow.ui-icon {
  top: 30%; }

/* Dropdown List Individual Option Icon Positioning */
.selectboxit-option-icon {
  float: left; }

/* Dropdown List Individual Option Image Positioning */
.selectboxit-option-icon-url {
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
  background-repeat: no-repeat; }

.selectboxit-default-icon.selectboxit-option-icon-url {
  margin-left: 5px; }

/* Plugin Validate Form
-------------------------------------------------- */
/* Classi condivise
-------------------------------------------------- */
html, body {
  width: 100%;
  height: 100%; 
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

@font-face {
  font-family: 'delicious';
  src: url("/fonts/delicious-roman-webfont.eot");
  src: url("/fonts/delicious-roman-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/delicious-roman-webfont.woff") format("woff"), url("/fonts/delicious-roman-webfont.ttf") format("truetype"), url("/fonts/delicious-roman-webfont.svg#deliciousroman") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'delicious';
  src: url("/fonts/delicious-bold-webfont.eot");
  src: url("/fonts/delicious-bold-webfont.eot?#iefix") format("embedded-opentype"), url("/fonts/delicious-bold-webfont.woff") format("woff"), url("/fonts/delicious-bold-webfont.ttf") format("truetype"), url("/fonts/delicious-bold-webfont.svg#deliciousbold") format("svg");
  font-weight: 700;
  font-style: normal; }

figure {
  margin: 0;
  padding: 0; }

.btn-blue {
  color: white;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  background-color: #4a8ccf;
  background-image: -moz-linear-gradient(top, #58a2e2, #366bb4);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#58a2e2), to(#366bb4));
  background-image: -webkit-linear-gradient(top, #58a2e2, #366bb4);
  background-image: -o-linear-gradient(top, #58a2e2, #366bb4);
  background-image: linear-gradient(to bottom, #58a2e2, #366bb4);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF58A2E2', endColorstr='#FF366BB4', GradientType=0);
  border-color: #366bb4 #366bb4 #244879;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #366bb4;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
  .btn-blue:hover, .btn-blue:active, .btn-blue.active, .btn-blue.disabled, .btn-blue[disabled] {
    color: white;
    background-color: #366bb4;
    *background-color: #305fa0; }
  .btn-blue:active, .btn-blue.active {
    background-color: #2a548c \9; }

.container-fluid {
  height: 100%;
  background-color: #3e77c5;
  padding: 10px; }

.content, #second-row.step_3 {
  background-color: white;
  padding: 10px 20px;
  margin-bottom: 10px; }
  .content:#second-row.step_3:last-child {
    margin-bottom: 0; }  
  
.content, #first-row, #second-row.step_2, #second-row.step_4, #third-row {
  background-color: white;
  padding: 10px 50px;
  margin-bottom: 10px; }
  .content:last-child, #first-row:last-child, #second-row.step_2:last-child, #second-row.step_4:last-child, #third-row:last-child {
    margin-bottom: 0; }
    

.wrapper {
  display: table-cell;
  vertical-align: middle;
  width: 100%; }

button.btn-img {
  position: relative; }
  button.btn-img img {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 35px !important;
    margin-top: -17px; }

/* Headers
-------------------------------------------------- */
#first-row {
  overflow: hidden;
  height: 16%; }
#first-row.step_3 {
  height: 14%; }
  #first-row #first-row-left, #first-row #first-row-right, #first-row #first-row-center {
    display: table;
    height: 100%; }
  #first-row #first-row-left {
    text-align: left; }
    #first-row #first-row-left img {
      max-width: 230px;
      max-height: 100px; }
  #first-row #first-row-right {
    text-align: right; }
    #first-row #first-row-right img {
      width: 100%;
      max-width: 250px;
      max-height: 70px; }
  #first-row #first-row-center {
    text-align: center; }
    #first-row #first-row-center h2, #first-row #first-row-center h3 {
      margin: 0;
      font-size: 22px;
      line-height: 20px; }
    #first-row #first-row-center h3 {
      margin-top: 5px;
      color: #3e77c5;
      font-family: 'Ariel'; }
  #first-row .wrapper {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
    #first-row .wrapper figure {
      width: 100%; }
  #first-row.step_1 #first-row-left {
    text-align: left; }
    #first-row.step_1 #first-row-left img {
      width:20%; }

#second-row {
  height: 20%; }
  #second-row.step_1 {
    height: 40%;
    margin-bottom: 10px;
    overflow: hidden; }
    #second-row.step_1 > .span12 {
      height: 100%; }
    #second-row.step_1 .carousel-inner {
      height: 100%; }
      #second-row.step_1 .carousel-inner .item {
        height: 100%; }
    #second-row.step_1 .carousel {
      height: 100%;
      text-align: center; }
      #second-row.step_1 .carousel img {
        max-height: 100%;
        max-width: 100%;
        margin: 0 auto;
        vertical-align: middle; }
    #second-row.step_1 .carousel-control {
      background: none;
      border: none;
      width: auto;
      font-size: 280px;
      color: #605e5e; }
  #second-row.step_2 {
    height: 25%;
    text-align: center; }
    #second-row.step_2 div[class*="span"] {
      display: table;
      height: 100%; }
    #second-row.step_2 button {
      width: 80%;
      height: 70px;
      font-size: 26px; }
    #second-row.step_2 .btn-active {
      /*       @include buttonBackground(darken($blue, 10%), darken($blue, 20%)); */
      color: white;
      text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
      background-color: #2a642a;
      background-image: -moz-linear-gradient(top, #378137, #183a18);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#378137), to(#183a18));
      background-image: -webkit-linear-gradient(top, #378137, #183a18);
      background-image: -o-linear-gradient(top, #378137, #183a18);
      background-image: linear-gradient(to bottom, #378137, #183a18);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF378137', endColorstr='#FF183A18', GradientType=0);
      border-color: #183a18 #183a18 #020402;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      *background-color: #183a18;
      /* Darken IE7 buttons by default so they stand out more given they won't have borders */
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
      #second-row.step_2 .btn-active:hover, #second-row.step_2 .btn-active:active, #second-row.step_2 .btn-active.active, #second-row.step_2 .btn-active.disabled, #second-row.step_2 .btn-active[disabled] {
        color: white;
        background-color: #183a18;
        *background-color: #112811; }
      #second-row.step_2 .btn-active:active, #second-row.step_2 .btn-active.active {
        background-color: #091609 \9; }
  #second-row.step_3 {
    overflow: auto;
    height: 51%;
    /*max-height: 45%;*/ }
    #second-row.step_3 .category-selected {
      background-color: #8caedd; }
    #second-row.step_3 a {
      float: left;
      margin-left: 5px;
      margin-bottom: 5px; }
  #second-row.step_4 {
    height: 15%; }
    #second-row.step_4 div[class*="span"] {
      display: table;
      height: 100%; }
    #second-row.step_4 button {
      width: 80%; }
      #second-row.step_4 button:first-child img {
        width: 28px !important;
        margin-top: -14px !important; }

#third-row {
  margin-bottom: 10px;
  height: 35%; }
  #third-row.step_1 div[class*="span"] {
    display: table;
    height: 100%; }
  #third-row.step_1 #login-left {
    margin-top: 5px;
    text-align: center; }
    #third-row.step_1 #login-left select, #third-row.step_1 #login-left button {
      width: 80%; }
    #third-row.step_1 #login-left select {
      height: 40px;
      font-size: 20px; }
    #third-row.step_1 #login-left button {
      height: 60px;
      margin-top: 28px; }
    #third-row.step_1 #login-left #read-card img {
      margin-top: -13px; }
  #third-row.step_1 #login-right {
    height: 200px;
    border: 1px solid #dcdcdc; }
    #third-row.step_1 #login-right .form-horizontal {
      margin-left: -120px;
      margin-bottom: 0; }
      #third-row.step_1 #login-right .form-horizontal .controls {
        margin-left: 170px; }
      #third-row.step_1 #login-right .form-horizontal .control-group {
        margin-bottom: 10px; }
        #third-row.step_1 #login-right .form-horizontal .control-group img {
          width: 40px; }
        #third-row.step_1 #login-right .form-horizontal .control-group .control-label {
          font-size: 20px; }
      #third-row.step_1 #login-right .form-horizontal input {
        width: 75%;
        position: relative;
        color: white;
        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
        background-color: #363636;
        background-image: -moz-linear-gradient(top, #444444, #222222);
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
        background-image: -webkit-linear-gradient(top, #444444, #222222);
        background-image: -o-linear-gradient(top, #444444, #222222);
        background-image: linear-gradient(to bottom, #444444, #222222);
        background-repeat: repeat-x;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0);
        border-color: #222222 #222222 black;
        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
        *background-color: #222222;
        /* Darken IE7 buttons by default so they stand out more given they won't have borders */
        filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
        #third-row.step_1 #login-right .form-horizontal input:hover, #third-row.step_1 #login-right .form-horizontal input:active, #third-row.step_1 #login-right .form-horizontal input.active, #third-row.step_1 #login-right .form-horizontal input.disabled, #third-row.step_1 #login-right .form-horizontal input[disabled] {
          color: white;
          background-color: #222222;
          *background-color: #151515; }
        #third-row.step_1 #login-right .form-horizontal input:active, #third-row.step_1 #login-right .form-horizontal input.active {
          background-color: #090909 \9; }
    #third-row.step_1 #login-right button {
      width: 100%;
      margin-top: 18px;
      height: 70px;
      position: relative;
      font-size: 30px; }
  #third-row.step_2 {
    height: 50%; }
    #third-row.step_2 div[class*="span"] {
      display: table;
      height: 100%; }
    #third-row.step_2 #third-row-right {
      text-align: center; }
      #third-row.step_2 #third-row-right button {
        width: 80%;
        font-size: 26px;
        height: 70px; }
    #third-row.step_2 #third-row-left input {
      height: 30px;
      font-size: 15px;
      margin-left: 5px; }
    #third-row.step_2 #third-row-left label {
      font-size: 17px; }
    #third-row.step_2 #third-row-left legend {
      margin: 0; }
    #third-row.step_2 #third-row-left .form-horizontal .control-label {
      width: auto; }
    #third-row.step_2 #third-row-left .form-horizontal .controls {
      margin-left: 100px; }
  #third-row.step_3 {
    height: 26%; }
    #third-row.step_3 .span12 {
      margin: 0; }
    #third-row.step_3 input {
      width: 80%; }
    #third-row.step_3 label {
      font-size: 20px; }
    #third-row.step_3 .qta input {
      width: 40%; }
    #third-row.step_3 .qta img {
      vertical-align: top;
      margin-top: 30px;
      width: 50px;
      height: 30px; }
    #third-row.step_3 .btn-not-selected {
      color: white;
      text-shadow: none;
      background-color: #757575;
      background-image: -moz-linear-gradient(top, #7b7b7b, #6e6e6e);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#7b7b7b), to(#6e6e6e));
      background-image: -webkit-linear-gradient(top, #7b7b7b, #6e6e6e);
      background-image: -o-linear-gradient(top, #7b7b7b, #6e6e6e);
      background-image: linear-gradient(to bottom, #7b7b7b, #6e6e6e);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF7B7B7B', endColorstr='#FF6E6E6E', GradientType=0);
      border-color: #6e6e6e #6e6e6e #484848;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      *background-color: #6e6e6e;
      /* Darken IE7 buttons by default so they stand out more given they won't have borders */
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
      #third-row.step_3 .btn-not-selected:hover, #third-row.step_3 .btn-not-selected:active, #third-row.step_3 .btn-not-selected.active, #third-row.step_3 .btn-not-selected.disabled, #third-row.step_3 .btn-not-selected[disabled] {
        color: white;
        background-color: #6e6e6e;
        *background-color: #626262; }
      #third-row.step_3 .btn-not-selected:active, #third-row.step_3 .btn-not-selected.active {
        background-color: #555555 \9; }
    #third-row.step_3 .btn-selected {
      color: white;
      text-shadow: none;
      background-color: #2c2c2c;
      background-image: -moz-linear-gradient(top, #333333, #222222);
      background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#333333), to(#222222));
      background-image: -webkit-linear-gradient(top, #333333, #222222);
      background-image: -o-linear-gradient(top, #333333, #222222);
      background-image: linear-gradient(to bottom, #333333, #222222);
      background-repeat: repeat-x;
      filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF333333', endColorstr='#FF222222', GradientType=0);
      border-color: #222222 #222222 black;
      border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
      *background-color: #222222;
      /* Darken IE7 buttons by default so they stand out more given they won't have borders */
      filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); }
      #third-row.step_3 .btn-selected:hover, #third-row.step_3 .btn-selected:active, #third-row.step_3 .btn-selected.active, #third-row.step_3 .btn-selected.disabled, #third-row.step_3 .btn-selected[disabled] {
        color: white;
        background-color: #222222;
        *background-color: #151515; }
      #third-row.step_3 .btn-selected:active, #third-row.step_3 .btn-selected.active {
        background-color: #090909 \9; }
    #third-row.step_3 .row-buttons button {
      font-size: 20px;
      width: 160px;
      margin-top: 5px;
      height: 50px; }
      #third-row.step_3 .row-buttons button:first-child img {
        width: 20px !important;
        margin-top: -15px !important; }
      #third-row.step_3 .row-buttons button:nth-child(2) img {
        width: 25px !important;
        margin-top: -13px !important; }
  #third-row.step_4 {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 60%; }
    #third-row.step_4 thead tr {
      background-color: #222222;
      color: white;
      font-size: 20px; }
    #third-row.step_4 thead td:first-child, #third-row.step_4 thead td:nth-child(2), #third-row.step_4 thead td:nth-child(3) {
      width: 18%; }
    #third-row.step_4 thead td:last-child {
      width: 5%; }
    #third-row.step_4 tbody img {
      width: 12px; }
    #third-row.step_4 tbody tr td {
      font-size: 25px; }

#fourth-row figure a {
  color: white;
  font-size: 22px;
  text-decoration: none; }
  #fourth-row figure a img {
    vertical-align: bottom;
    width: 30px; }
#fourth-row #layout-footer-quit {
  font-weight: bold; }
  #fourth-row #layout-footer-quit img {
    vertical-align: middle; }
#fourth-row #layout-footer-signal {
  margin-left: 10px;
  position: relative; }
  #fourth-row #layout-footer-signal .signalContent {
    position: absolute;
    left: 0;
    bottom: 0; }
  #fourth-row #layout-footer-signal figure {
    position: relative; }
  #fourth-row #layout-footer-signal img {
    width: 22px;
    height: 32px; }
  #fourth-row #layout-footer-signal .signal-1, #fourth-row #layout-footer-signal .signal-2, #fourth-row #layout-footer-signal .signal-3, #fourth-row #layout-footer-signal .signal-4, #fourth-row #layout-footer-signal .signal-5 {
    position: absolute;
    bottom: 0;
    left: 17px;
    width: 2px;
    height: 32px;
    background-color: black; }
  #fourth-row #layout-footer-signal .signal-1 {
    height: 8px;
    left: 17px; }
  #fourth-row #layout-footer-signal .signal-2 {
    height: 14px;
    left: 21px; }
  #fourth-row #layout-footer-signal .signal-3 {
    height: 20px;
    left: 25px; }
  #fourth-row #layout-footer-signal .signal-4 {
    height: 26px;
    left: 29px; }
  #fourth-row #layout-footer-signal .signal-5 {
    height: 32px;
    left: 33px; }
#fourth-row #layout-footer-sync-progress {
  display: none;
  width: 100%;
  height: 10px;
  background-color: #25282a;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-top: 7px;
  position: relative;
  padding: 1px; }
  #fourth-row #layout-footer-sync-progress .progress-content {
    height: 100%;
    width: 0;
    background-color: #ceaa23;
    background-image: -moz-linear-gradient(top, #e1ba18, #b39334);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e1ba18), to(#b39334));
    background-image: -webkit-linear-gradient(top, #e1ba18, #b39334);
    background-image: -o-linear-gradient(top, #e1ba18, #b39334);
    background-image: linear-gradient(to bottom, #e1ba18, #b39334);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFE1BA18', endColorstr='#FFB39334', GradientType=0);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px; }
  #fourth-row #layout-footer-sync-progress .percentage {
    position: absolute;
    bottom: -18px;
    color: white;
    left: 50%; }

/**/
.m2footdisplaynone {
  display: none; }

@media (min-width: 799px) {
  #third-row #login-left select {
    width: 90%;
    float: left;
    font-size: 24px; }
  #third-row #login-left button {
    width: 90%;
    float: left; }
  #third-row #login-right #login-form {
    margin-left: 0; }
    #third-row #login-right #login-form .control-label {
      min-width: 60px;
      width: auto;
      padding-right: 5px; }
    #third-row #login-right #login-form .m2-step1-logins {
      margin-left: 0; }
      #third-row #login-right #login-form .m2-step1-logins input {
        width: 300px; }
    #third-row #login-right #login-form .m2-step1-login-btn {
      margin-left: 0; }
      #third-row #login-right #login-form .m2-step1-login-btn button {
        width: 80%;
        margin-left: 10%;
        margin-top: 10px; }

  /*step2*/
  #first-row #first-row-center h2 {
    font-size: 16px; }
  #first-row #first-row-center h3 {
    font-size: 15px; }

  #second-row button.m2s2_img0 img {
    width: 50px !important; }

  /**/
  #third-row.step_2 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }

  #third-row.step_2 #third-row-left .form-horizontal .control-label {
    font-size: 27px;
    width: 160px;
    margin-top: 6px;
    text-align: left;
    font-weight: bold; }

  #third-row.step_2 #third-row-left input {
    font-size: 25px;
    height: 35px;
    margin-left: 5px;
    width: 400px; }

  #third-row #third-row-left {
    width: 68% !important; }
  #third-row #third-row-right {
    width: 29%; }

  #third-row.step_2 #third-row-right button {
    font-size: 24px !important;
    height: 70px;
    width: 100% !important;
    margin-top: 15px; }

  /*step 3*/
  #second-row #images-category img {
    width: 78px;
    margin-left: 4px;
    height: 90px; }

  #third-row.step_3 input {
    font-size: 20px;
    height: 22px; }

  #third-row.step_3 .cer {
    width: 100px; }

  #third-row.step_3 .uid {
    margin-left: 5px;
    width: 175px; }
    #third-row.step_3 .uid input {
      width: 90%; }

  #third-row.step_3 .qta {
    width: 160px;
    margin-left: 60px; }
    #third-row.step_3 .qta input {
      width: 95%; }

  #third-row.step_3 .unity {
    float: left;
    margin-left: 40px;
    width: 400px; }

  #third-row.step_3 .btn-selected, #third-row.step_3 .btn-not-selected {
    width: 60px;
    height: 40px;
    font-size: 20px; }

  /*
  
    #third-row.step_3 .row-buttons button {
             height: 100px;
      line-height: 32px;
      text-align: center; }
      #reset-modal-confirm .modal-body p {
        margin: auto 0; }
    #reset-modal-confirm .modal-footer .btn {
      font-size: 26px; }
    #reset-modal-confirm .modal-footer .btn-danger {
      float: left; }
 font-size: 28px;
        height: 60px;
        width: 180px;
    }
    #third-row.step_3 #go-step4 {
        width: 309px;
    }*/
  /*step 4*/
  #second-row.step_4 button {
    font-size: 24px;
    height: 60px;
    width: 100%; }

  #second-row.step_4 button:first-child img {
    margin-top: -11px !important;
    width: 24px !important; }

  #fourth-row .m2span3_l {
    width: auto;
    float: left; }
  #fourth-row .m2span6 {
    width: auto;
    min-width: 250px;
    float: middle; }
  #fourth-row .m2span3_r {
    width: auto;
    float: right; }
  #fourth-row img {
    width: 24px;
    margin-left: 5px; }
  #fourth-row figure a {
    font-size: 24px !important;
    font-weight: bold !important; }
    #fourth-row figure a img {
      width: 24px;
      margin-left: 5px; }

  /*Tastiera*/
  .m2-step1-keypad {
    left: 10px; }
    .m2-step1-keypad .keypad-popup, .m2-step1-keypad .keypad-inline, .m2-step1-keypad .keypad-key, .m2-step1-keypad .keypad-special {
      font-size: 22px !important; }
    .m2-step1-keypad .keypad-space {
      font-size: 22px !important;
      width: 2em !important; }
    .m2-step1-keypad .keypad-half-space {
      font-size: 22px !important;
      width: 1em !important; }

  /*Step 2*/
  .m2-step2-keypad {
    left: 10px; }
    .m2-step2-keypad .keypad-popup, .m2-step2-keypad .keypad-inline, .m2-step2-keypad .keypad-key, .m2-step2-keypad .keypad-special {
      font-size: 22px !important; }
    .m2-step2-keypad .keypad-space {
      font-size: 22px !important;
      width: 2em !important; }
    .m2-step2-keypad .keypad-half-space {
      font-size: 22px !important;
      width: 1em !important; }
    .m2-step2-keypad img.keypad-trigger {
      width: auto; }

  /*step3*/
  .m2-step3-keypad .keypad-popup, .m2-step3-keypad .keypad-inline, .m2-step3-keypad .keypad-key, .m2-step3-keypad .keypad-special {
    font-size: 30px !important; }
  .m2-step3-keypad .keypad-space {
    font-size: 30px !important;
    width: 2em !important; }
  .m2-step3-keypad .keypad-half-space {
    font-size: 30px !important;
    width: 1em !important; }

  /* Modals */
  #resetBT-modal-confirm {
    width: 600px; }
    #resetBT-modal-confirm .modal-body {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center; }
      #resetBT-modal-confirm .modal-body p {
        margin: auto 0; }
    #resetBT-modal-confirm .modal-footer .btn {
      font-size: 26px; }
    #resetBT-modal-confirm .modal-footer .btn-danger {
      float: left; }

  #reset-modal-confirm {
    width: 600px; }
    #reset-modal-confirm .modal-body {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center; }
      #reset-modal-confirm .modal-body p {
        margin: auto 0; }
    #reset-modal-confirm .modal-footer .btn {
      font-size: 26px; }
    #reset-modal-confirm .modal-footer .btn-danger {
      float: left; }

  #mquadro-modal-confirm {
    width: 600px; }
    #mquadro-modal-confirm .modal-body {
      font-size: 28px;
      height: 150px;
      line-height: 32px;
      text-align: center; }
      #mquadro-modal-confirm .modal-body p {
        margin: auto 0; }
    #mquadro-modal-confirm .modal-footer .btn {
      font-size: 26px; }
    #mquadro-modal-confirm .modal-footer .btn-danger {
      float: left; }

  #leave-modal-confirm {
    width: 600px; }
    #leave-modal-confirm .modal-body {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center; }
      #leave-modal-confirm .modal-body p {
        margin: auto 0; }
    #leave-modal-confirm .modal-footer .btn {
      font-size: 26px; }
    #leave-modal-confirm .modal-footer .btn-danger {
      float: left; }

  #quit-modal-confirm {
    width: 600px; }
    #quit-modal-confirm .modal-body {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center; }
      #quit-modal-confirm .modal-body p {
        margin: auto 0; }
    #quit-modal-confirm .modal-footer .btn {
      font-size: 26px; }
    #quit-modal-confirm .modal-footer .btn-danger {
      float: left; }

  #mquadro-modal-generic {
    width: 600px; }
    #mquadro-modal-generic .modal-body {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center; }
      #mquadro-modal-generic .modal-body .alert-error {
        margin: auto 0; }
    #mquadro-modal-generic .modal-footer .btn {
      font-size: 26px; }

  #se-modal-confirm {
    width: 600px; }
    #se-modal-confirm .modal-body {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center; }
      #se-modal-confirm .modal-body .alert-error {
        margin: auto 0; }
    #se-modal-confirm .modal-footer .btn {
      font-size: 26px; }

  #mquadro-delete-item {
    width: 600px;
    margin-left: -280px; }
    #mquadro-delete-item .modal-body {
      font-size: 28px;
      height: auto;
      /*       height: 100px; */
      line-height: 32px;
      text-align: center; }
      #mquadro-delete-item .modal-body .alert-error {
        margin: auto 0; }
    #mquadro-delete-item .modal-footer .btn {
      font-size: 26px; }
    #mquadro-delete-item .modal-footer .btn-m2annulla {
      float: left; } }

  #printer {
    width: 350px;
    display: block;   
    margin-left: -175px;
    margin-right: auto; }
    #printer .modal-body { 
      margin: auto;
    }


/*
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 */
@media (min-width: 1279px) {
  #third-row.step_1 #login-left select {
    font-size: 44px;
    height: 64px;
    width: 90%; }
  #third-row.step_1 #login-left button {
    width: 90%; }
  #third-row.step_1 #login-left .btn-large {
    font-size: 40.5px;
    height: 54px; }
  #third-row.step_1 #login-right {
    width: 50%;
    margin-left: 0%; }
    #third-row.step_1 #login-right #login-form {
      margin-left: 0; }
      #third-row.step_1 #login-right #login-form .control-label {
        font-size: 32px;
        min-width: 102px;
        padding-right: 24px;
        width: auto; }
      #third-row.step_1 #login-right #login-form .control-group .m2-step1-logins {
        margin-left: 0; }
        #third-row.step_1 #login-right #login-form .control-group .m2-step1-logins input {
          font-size: 30px;
          height: 34px;
          width: 390px; }
      #third-row.step_1 #login-right #login-form .control-group img {
        width: 64px; }
      #third-row.step_1 #login-right #login-form .m2-step1-login-btn {
        margin-left: 0; }
        #third-row.step_1 #login-right #login-form .m2-step1-login-btn button {
          font-size: 42px;
          width: 80%;
          margin-left: 10%;
          margin-top: 10px; }

  /*step2*/
  #first-row #first-row-center h2, #first-row #first-row-center h3 {
    font-size: 24px; }

  #second-row.step_2 button {
    font-size: 58px;
    height: 120px;
    width: 100%; }

  #second-row button.btn-img img {
    left: 25px;
    margin-top: -30px;
    position: absolute;
    top: 50%;
    width: 50px !important; }

  #second-row button.m2s2_img0 img {
    left: 18px;
    width: 76px !important; }

  #third-row.step_2 {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px; }
    #third-row.step_2 #third-row-left {
      width: 68% !important; }
      #third-row.step_2 #third-row-left legend {
        font-size: 44px; }
      #third-row.step_2 #third-row-left input {
        font-size: 32px;
        height: 38px;
        margin-left: 5px;
        width: 464px; }
      #third-row.step_2 #third-row-left .form-horizontal .control-label {
        font-size: 35px;
        margin-top: 9px;
        text-align: left;
        width: 244px; }
    #third-row.step_2 #third-row-right {
      width: 29%; }
      #third-row.step_2 #third-row-right button {
        font-size: 50px !important;
        height: 96px;
        margin-top: 20px;
        width: 100% !important; }

  /*step 3*/
  #second-row.step_3 #images-category img {
    width: 120px;
    margin-left: 5px; }

  /*#second-row #images-category img {
      width: 72px;
      margin-left:5px;
  } */
  #third-row.step_3 input {
    font-size: 32px;
    height: 40px;
    margin-top: 5px; }
  #third-row.step_3 label {
    font-size: 32px; }
  #third-row.step_3 .cer {
    width: 164px; }
  #third-row.step_3 .uid {
    margin-left: 5px;
    width: 275px; }
  #third-row.step_3 .qta {
    width: 240px;
    margin-left: 15px; }
    #third-row.step_3 .qta img {
      vertical-align: middle; }
      #third-row.step_3 .qta img .keypad-trigger {
        margin-bottom: 4px;
        margin-left: 2px;
        margin-right: 2px;
        width: 70px; }
  /*#third-row.step_3 .unity {
    float: right;
    width: 240px; }*/
    #third-row.step_3 .unity .btn-selected, #third-row.step_3 .unity .btn-not-selected {
      margin-top: 5px;
      font-size: 36px;
      height: 58px;
      width: 96px; }
  #third-row.step_3 .row-buttons button {
    font-size: 36px;
    height: 64px;
    margin-top: 28px;
    width: 300px; }

  /*step 4*/
  #second-row.step_4 button {
    font-size: 40px;
    height: 76px;
    width: 100%; }
  #second-row.step_4 button:first-child img {
    margin-top: -17px !important;
    width: 30px !important; }

  #third-row.step_4 thead tr {
    font-size: 32px; }
  #third-row.step_4 tbody tr td {
    font-size: 25px;
    vertical-align: middle; }

  #fourth-row .m2span3_l {
    width: auto;
    float: left; }
  #fourth-row .m2span6 {
    width: auto;
    min-width: 250px;
    float: middle; }
  #fourth-row .m2span3_r {
    width: auto;
    float: right; }
  #fourth-row img {
    width: 44px;
    margin-left: 5px; }
  #fourth-row figure a {
    font-size: 44px !important;
    font-weight: bold !important; }
    #fourth-row figure a img {
      width: 44px;
      margin-left: 5px; }

  /*Tastiera*/
  .m2-step1-keypad {
    left: 10px; }
    .m2-step1-keypad .keypad-popup, .m2-step1-keypad .keypad-inline, .m2-step1-keypad .keypad-key, .m2-step1-keypad .keypad-special {
      font-size: 36px !important; }
    .m2-step1-keypad .keypad-space {
      font-size: 36px !important;
      width: 2em !important; }
    .m2-step1-keypad .keypad-half-space {
      font-size: 36px !important;
      width: 1em !important; }

  /*Step 2*/
  .m2-step2-keypad {
    left: 10px; }
    .m2-step2-keypad .keypad-popup, .m2-step2-keypad .keypad-inline, .m2-step2-keypad .keypad-key, .m2-step2-keypad .keypad-special {
      font-size: 34px !important; }
    .m2-step2-keypad .keypad-space {
      font-size: 34px !important;
      width: 2em !important; }
    .m2-step2-keypad .keypad-half-space {
      font-size: 34px !important;
      width: 1em !important; }
    .m2-step2-keypad img.keypad-trigger {
      width: auto; }

  /*step3*/
  .m2-step3-keypad .keypad-popup, .m2-step3-keypad .keypad-inline, .m2-step3-keypad .keypad-key, .m2-step3-keypad .keypad-special {
    font-size: 44px !important; }
  .m2-step3-keypad .keypad-space {
    font-size: 44px !important;
    width: 2em !important; }
  .m2-step3-keypad .keypad-half-space {
    font-size: 44px !important;
    width: 1em !important; }

/* Modals */
#resetBT-modal-confirm {
  width: 700px;
  margin-left: -350px; }
  #resetBT-modal-confirm .modal-body {
    font-size: 30px;
    height: 90px;
    line-height: 28px;
    text-align: center; }
    #resetBT-modal-confirm .modal-body p {
      margin: auto 0; }
  #resetBT-modal-confirm .modal-footer .btn {
    font-size: 32px; }
  #resetBT-modal-confirm .modal-footer .btn-danger {
    float: left; }

#reset-modal-confirm {
  width: 700px;
  margin-left: -350px; }
  #reset-modal-confirm .modal-body {
    font-size: 30px;
    height: 90px;
    line-height: 28px;
    text-align: center; }
    #reset-modal-confirm .modal-body p {
      margin: auto 0; }
  #reset-modal-confirm .modal-footer .btn {
    font-size: 32px; }
  #reset-modal-confirm .modal-footer .btn-danger {
    float: left; }

#mquadro-modal-confirm {
  width: 660px;
  margin-left: -330px; }
  #mquadro-modal-confirm .modal-body {
    font-size: 30px;
    height: 110px;
    line-height: 30px;
    text-align: center; }
    #mquadro-modal-confirm .modal-body p {
      margin: auto 0; }
  #mquadro-modal-confirm .modal-footer .btn {
    font-size: 32px; }
  #mquadro-modal-confirm .modal-footer .btn-danger {
    float: left; }

#se-modal-confirm {
  width: 660px;
  margin-left: -330px; }
  #se-modal-confirm .modal-body {
    font-size: 30px;
    height: 140px;
    line-height: 30px;
    text-align: center; }
    #se-modal-confirm .modal-body p {
      margin: auto 0; }
  #se-modal-confirm .modal-footer .btn {
    font-size: 32px; }
  #se-modal-confirm .modal-footer .btn-danger {
    float: left; }

#leave-modal-confirm {
  width: 700px;
  margin-left: -350px; }
  #leave-modal-confirm .modal-body {
    font-size: 28px;
    height: 90px;
    line-height: 28px;
    text-align: center; }
    #leave-modal-confirm .modal-body p {
      margin: auto 0; }
  #leave-modal-confirm .modal-footer .btn {
    font-size: 32px; }
  #leave-modal-confirm .modal-footer .btn-danger {
    float: left; }

#quit-modal-confirm {
  width: 680px;
  margin-left: -340px; }
  #quit-modal-confirm .modal-body {
    font-size: 28px;
    height: 90px;
    line-height: 28px;
    text-align: center; }
    #quit-modal-confirm .modal-body p {
      margin: auto 0; }
  #quit-modal-confirm .modal-footer .btn {
    font-size: 32px; }
  #quit-modal-confirm .modal-footer .btn-danger {
    float: left; }

#mquadro-modal-generic {
  width: 620px;
  margin-left: -310px; }
  #mquadro-modal-generic .modal-body {
    font-size: 28px;
    height: 90px;
    line-height: 28px;
    text-align: center; }
    #mquadro-modal-generic .modal-body .alert-error {
      margin: auto 0; }
  #mquadro-modal-generic .modal-footer .btn {
    font-size: 28px; }

#mquadro-delete-item {
  width: 760px;
  margin-left: -380px; }
  #mquadro-delete-item .modal-body {
    font-size: 30px;
    height: auto;
    line-height: 28px;
    text-align: center; }
    #mquadro-delete-item .modal-body .alert-error {
      margin: auto 0; }
  #mquadro-delete-item .modal-footer .btn {
    font-size: 28px; }
  #mquadro-delete-item .modal-footer .btn-m2annulla {
    float: left; }

.modal-footer {
  text-align: center;
}

.modal-footer .btn {
  float: none !important;  /* rimuove il float che li spingeva a sinistra */
  display: inline-block;
  margin: 0 10px; /* spazio orizzontale tra i bottoni */
}



/*
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 ##################################################################################
 */
 /*
  #reset-modal-confirm 
  {
    width:600px;
    .modal-body 
    {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center;
      p
      {
      margin :auto 0;
      }
    }
    .modal-footer 
    {
      .btn
      {
        font-size:26px;
      }    
      .btn-danger
      {
        float:left;
      }
    }
  }

  #mquadro-modal-confirm
  {
    width:600px;
    .modal-body 
    {
      font-size: 28px;
      height: 150px;
      line-height: 32px;
      text-align: center;
      p
      {
      margin :auto 0;
      }
    }
    .modal-footer 
    {
      .btn
      {
        font-size:26px;
      }    
      .btn-danger
      {
        float:left;
      }
    }
  }

  #leave-modal-confirm
  {
    width:600px;
    .modal-body 
    {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center;
      p
      {
      margin :auto 0;
      }
    }
    .modal-footer 
    {
      .btn
      {
        font-size:26px;
      }    
      .btn-danger
      {
        float:left;
      }
    }
  }

  #quit-modal-confirm
  {
    width:600px;
    .modal-body 
    {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center;
      p
      {
      margin :auto 0;
      }
    }
    .modal-footer 
    {
      .btn
      {
        font-size:26px;
      }    
      .btn-danger
      {
        float:left;
      }
    }
  }

  #mquadro-modal-generic
  {
    width:600px;
    .modal-body 
    {
      font-size: 28px;
      height: 100px;
      line-height: 32px;
      text-align: center;
      .alert-error
      {
      margin :auto 0;
      }
    }
    .modal-footer 
    {
      .btn
      {
        font-size:26px;
      }    
    }
  }


  #mquadro-delete-item
  {
    width:600px;
    margin-left: -280px;
    .modal-body 
    {
      font-size: 28px;
      height: auto;
      line-height: 32px;
      text-align: center;
      .alert-error
      {
      margin :auto 0;
      }
    }
    .modal-footer 
    {
      .btn
      {
        font-size:26px;
      }    
      .btn-m2annulla
      {
        float:left;
      }
    }
  }*/