.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}

.col-xs-12 {
  width: 100%;
}

.col-xs-11 {
  width: 91.66666666666666%;
}

.col-xs-10 {
  width: 83.33333333333334%;
}

.col-xs-9 {
  width: 75%;
}

.col-xs-8 {
  width: 66.66666666666666%;
}

.col-xs-7 {
  width: 58.333333333333336%;
}

.col-xs-6 {
  width: 50%;
}

.col-xs-5 {
  width: 41.66666666666667%;
}

.col-xs-4 {
  width: 33.33333333333333%;
}

.col-xs-3 {
  width: 25%;
}

.col-xs-2 {
  width: 16.666666666666664%;
}

.col-xs-1 {
  width: 8.333333333333332%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-pull-11 {
  right: 91.66666666666666%;
}

.col-xs-pull-10 {
  right: 83.33333333333334%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-8 {
  right: 66.66666666666666%;
}

.col-xs-pull-7 {
  right: 58.333333333333336%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-5 {
  right: 41.66666666666667%;
}

.col-xs-pull-4 {
  right: 33.33333333333333%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-2 {
  right: 16.666666666666664%;
}

.col-xs-pull-1 {
  right: 8.333333333333332%;
}

.col-xs-pull-0 {
  right: 0;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-push-11 {
  left: 91.66666666666666%;
}

.col-xs-push-10 {
  left: 83.33333333333334%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-8 {
  left: 66.66666666666666%;
}

.col-xs-push-7 {
  left: 58.333333333333336%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-5 {
  left: 41.66666666666667%;
}

.col-xs-push-4 {
  left: 33.33333333333333%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-2 {
  left: 16.666666666666664%;
}

.col-xs-push-1 {
  left: 8.333333333333332%;
}

.col-xs-push-0 {
  left: 0;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

.col-xs-offset-11 {
  margin-left: 91.66666666666666%;
}

.col-xs-offset-10 {
  margin-left: 83.33333333333334%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-8 {
  margin-left: 66.66666666666666%;
}

.col-xs-offset-7 {
  margin-left: 58.333333333333336%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-5 {
  margin-left: 41.66666666666667%;
}

.col-xs-offset-4 {
  margin-left: 33.33333333333333%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-2 {
  margin-left: 16.666666666666664%;
}

.col-xs-offset-1 {
  margin-left: 8.333333333333332%;
}

.col-xs-offset-0 {
  margin-left: 0;
}

@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666666666666%;
  }
  .col-sm-10 {
    width: 83.33333333333334%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666666666666%;
  }
  .col-sm-7 {
    width: 58.333333333333336%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666666666667%;
  }
  .col-sm-4 {
    width: 33.33333333333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.666666666666664%;
  }
  .col-sm-1 {
    width: 8.333333333333332%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666666666666%;
  }
  .col-sm-pull-10 {
    right: 83.33333333333334%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666666666666%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333336%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666666666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.666666666666664%;
  }
  .col-sm-pull-1 {
    right: 8.333333333333332%;
  }
  .col-sm-pull-0 {
    right: 0;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666666666666%;
  }
  .col-sm-push-10 {
    left: 83.33333333333334%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666666666666%;
  }
  .col-sm-push-7 {
    left: 58.333333333333336%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666666666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.666666666666664%;
  }
  .col-sm-push-1 {
    left: 8.333333333333332%;
  }
  .col-sm-push-0 {
    left: 0;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-sm-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666666666666%;
  }
  .col-md-10 {
    width: 83.33333333333334%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666666666666%;
  }
  .col-md-7 {
    width: 58.333333333333336%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666666666667%;
  }
  .col-md-4 {
    width: 33.33333333333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.666666666666664%;
  }
  .col-md-1 {
    width: 8.333333333333332%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666666666666%;
  }
  .col-md-pull-10 {
    right: 83.33333333333334%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666666666666%;
  }
  .col-md-pull-7 {
    right: 58.333333333333336%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666666666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.666666666666664%;
  }
  .col-md-pull-1 {
    right: 8.333333333333332%;
  }
  .col-md-pull-0 {
    right: 0;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666666666666%;
  }
  .col-md-push-10 {
    left: 83.33333333333334%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666666666666%;
  }
  .col-md-push-7 {
    left: 58.333333333333336%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666666666667%;
  }
  .col-md-push-4 {
    left: 33.33333333333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.666666666666664%;
  }
  .col-md-push-1 {
    left: 8.333333333333332%;
  }
  .col-md-push-0 {
    left: 0;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-md-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-md-offset-1 {
    margin-left: 8.333333333333332%;
  }

  .col-md-offset-0-5 {
    margin-left: 4.166666666666665%;
  }

  .col-md-offset-0-25 {
    margin-left: 2.083333333333325%;
  }

  .col-md-offset-0 {
    margin-left: 0;
  }
}

@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666666666666%;
  }
  .col-lg-10 {
    width: 83.33333333333334%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666666666666%;
  }
  .col-lg-7 {
    width: 58.333333333333336%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666666666667%;
  }
  .col-lg-4 {
    width: 33.33333333333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.666666666666664%;
  }
  .col-lg-1 {
    width: 8.333333333333332%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-lg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-lg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-lg-pull-0 {
    right: 0;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666666666666%;
  }
  .col-lg-push-10 {
    left: 83.33333333333334%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666666666666%;
  }
  .col-lg-push-7 {
    left: 58.333333333333336%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666666666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.666666666666664%;
  }
  .col-lg-push-1 {
    left: 8.333333333333332%;
  }
  .col-lg-push-0 {
    left: 0;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-lg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}

.login-background{
    background-image: url("stabilimento_large.jpg")!important;
}

/*.login-form{
    display: inline;
}*/

/* --------------------------------- Generiche ----------------------------------------- */
.row-flex-display-center-vertical {
  display: flex !important;
  align-items: center !important;
}

.row-flex-display-center-horizontal {
  display: flex !important;
  justify-content: center !important;
}

.remove-padding-right{
  padding-right: 0 !important;
}

.remove-padding-left{
  padding-left: 0 !important;
}

.remove-padding-top{
  padding-top: 0 !important;
}

.remove-padding-bottom{
  padding-bottom: 0 !important;
}

.remove-margin {
  margin: 0 !important;
}

.remove-margin-right{
  margin-right: 0 !important;
}

.remove-margin-left{
  margin-left: 0 !important;
}

.remove-margin-top{
  margin-top: 0 !important;
}

.remove-margin-bottom{
  margin-bottom: 0 !important;
}

.row-full-width {
  width: 100%;
}

.full-width {
  width: 100% !important;
}

.full-height {
  height: max-content !important;
}

@media (min-width: 992px) {
  .position-sticky-top {
    position : sticky !important;
    top : 0
  }

  .position-sticky {
    position: sticky !important;
  }
}

@media(width > 992px) {
  .position-sticky-prod {
    position: sticky !important;
  }
  .stickyContainer {
    position: sticky;
    top: 0;
    background: rgb(255, 255, 255);
    max-height:70vh;
  }
}


.position-sticky-left {
  position : sticky;
  left : 0;
}

.position-sticky-right {
  position : sticky;
  right : 0;
}

/*.navbar-fixed-top {
  position: fixed;
  right: 0;
  left: 0;
}*/

.remove-border{
  border: 0 !important;
}

.border-color-2 {
  border: solid 1px !important;
  border-color: #44494f !important;
}

.border-bottom {
  border-bottom: solid 1px;
  padding-bottom: 5px;
  border-color: #44494f;
}

.border-bottom-color1 {
  border-bottom: solid 2px !important;
  padding-bottom: 5px !important;
  padding-top: 10px !important;
  border-color: #99908A !important;
}

.border-bottom-color2 {
  border-bottom: solid 1px !important;
  padding-bottom: 5px !important;
  border-color: rgba(153, 144, 138, .3) !important;
}

.border-top {
  border-top: solid 1px;
  padding-top: 5px;
  border-color: #44494f;
}

.border-top-color2 {
  border-top: solid 1px !important;
  padding-top: 5px !important;
  border-color: rgba(153, 144, 138, .3) !important;
}

.border-right-color2 {
  border-right: solid 1px;
  padding-right: 5px;
  border-color: #99908A;
}

.border-left-color2 {
  border-left: solid 1px;
  padding-left: 5px !important;
  border-color: #99908A;
}

.separatorText {
  font-size: large;
  color: #99908A;
}

.separatorDots {
  font-size: x-large;
  opacity: 70%;
}

@media (width < 1600px) {
  .separatorDots {
    font-size: xx-small;
    opacity: 70%;
  }
}

@media (width < 1000px) {
  .separatorDots {
    display: none;
  }
}

.font-size-large {
  font-size: large;
}

.font-size-x-large {
  font-size: x-large;
}

.z-index-front-all {
  z-index: 10000;
}

.z-index-front {
  z-index: 100;
}

@media (min-width: 768px) {
  .overflow-x {
    overflow-x: scroll !important;
  }
}

@media (min-width: 200px) {
  .overflow-y {
    overflow-y: scroll !important;
  }
}

.newComponentsColor {
  color: #99908A !important;
  background-color: #99908A !important;
}

div.uploader span.action {
  background: #A47F4C !important;
  color: white !important;
}


.hr-height {
  height: 5px;
}

.prospect-pad-bot{
  padding-bottom: 30px;
}

.scheda-pad-bot{
  padding-bottom: 10px;
}

.placeholder-error::placeholder{
  color: red !important;
}

.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

select.input-sm {
  height: 30px;
  line-height: 30px;
}

.form-searchbar {
  display:flex;
  flex-direction:row;
  
  border:1px solid grey;

  padding:1px;
}

.form-searchbar-no-border {
  display:flex;
  flex-direction:row;
  padding:1px;
}

.searchbar {
  flex-grow:2;
  border:0!important;
}

.searchbar:focus {
  outline: none;
}

.form-searchbar:focus-within { 
  outline: 1px solid rgb(255, 255, 255) 
}

.buttonSearch {
  border:1px solid rgb(255, 255, 255);
  background:rgb(255, 255, 255);
  color:rgb(157, 157, 157);
}

.buttonCalendar{
  border:0;
  background:white;
}

.buttonCalendarVis{
  border: 1px solid #cccccc;
  background:#eee;
}

.buttonCalendarVis > a > i{
  color: #555;
}

.buttonDisabled{
  background-color: grey !important;
  opacity: 60% !important;
}

.buttonDisabled:hover{
  cursor:not-allowed !important;
}

.sideMainBody {
  padding-bottom: 5%;
  /*box-sizing: content-box;*/
  background: white;
  max-width: -webkit-fill-available;
}

.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
  background-color: #fefefe;
  margin: 15% auto; /* 15% from the top and centered */
  padding: 20px;
  border: 1px solid #888;
  width: 80%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 991px) {
  .button-responsive {
    width : 20% !important;
  }

  .button-responsive {
    width: 100% !important;
  }
}

.margin-10 {
  margin: 10px !important;
}

.margin-20 {
  padding: 20px !important;
}

.display-block {
  display: block !important;
}

.accordion {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 0px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: 'Lato';
  transition: 0.4s;
  border-radius: 25px !important;
}

.active, .accordion:hover {
  background-color: #ccc;
}

.panel {
  padding: 0 18px !important;
  background-color: white !important;
  border: none !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.margin-left-5 {
  margin-left: 5px !important;
}

.margin-left-10 {
  margin-left: 10px !important;
}

.margin-left-15 {
  margin-left: 15px !important;
}

.margin-right-5 {
  margin-right: 10px !important;
}

.margin-right-10 {
  margin-right: 10px !important;
}

.margin-bottom-10 {
  margin-bottom: 10px !important;
}

.margin-bottom-5 {
  margin-bottom: 5px !important;
}

.margin-top-10 {
  margin-top: 10px !important;
}

.margin-top-5 {
  margin-top: 5px !important;
}

.margin-top-3 {
  margin-top: 3px !important;
}

div.sinistra, div.destra {
  float: left;
  width: 50%;
  box-sizing: border-box;
}

div.sinistra {
  border-right: 1px solid #000;
  padding-right: 20px;
}

div.destra {
  padding-left: 20px;
}

div.sinistra-prod, div.destra-prod {
  float: left;
  /*width: 50%;*/
  box-sizing: border-box;
}

div.sinistra-prod {
  padding-right: 20px;
}

div.destra-prod {
  border-left:2px solid #A47F4C;
  padding-left: 20px;
}

.catalogItemCounter {
  border: solid 1px grey;
  border-radius: 50px;
  font-size: small;
  color : grey;
  padding-left: 5px;
  padding-right: 5px;
}

.jstree-clicked {
  background: transparent !important;
  color: #337ab7 !important;
  box-shadow: inset 0 0 1px #999999 !important;
}

.jstree-anchor:visited, .jstree-anchor:hover {
  background: inherit !important;
  opacity: 70% !important;
}

.jstree-default, .jstree-hovered {
  box-shadow: inset 0 0 1px #cccccc !important;
}

.divider {
  font-size: 2vh;
  display: flex;
  align-items: center;
}

.divider::before, .divider::after {
  flex: 1;
  content: '';
  padding: 3px;
  border-top: 3px dotted #99908A;
  border-bottom: 3px dotted #99908A;
  opacity: 40%;
  margin: 5px;
}

.divider2 {
  font-size: 2vh;
  display: flex;
  align-items: center;
}

.divider2::before, .divider2::after {
  flex: 1;
  content: '';
  padding: 3px;
  /*border-top: 3px dotted #99908A;
  border-bottom: 3px dotted #99908A;*/
  background: url(https://hotel.sambonet.it/images/icons/dotted.png) repeat-x center;
  opacity: 40%;
  margin: 5px;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

.torna-su {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}
  
.torna-su a {
  text-decoration: none;
  padding: 10px 15px;
  background-color: #000000;
  color: #fff;
  border-radius: 50px;
}

div.scroll-container {
  background-color: #ffffff;
  overflow: auto;
  white-space: nowrap;
  padding: 10px;
}

div.scroll-container img {
  padding: 10px;
}

.scrolling-wrapper {
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;

  .card {
    display: inline-block;
    margin: 10px !important;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
    padding: 16px;
    text-align: left;
    background-color: #f1f1f1;
  }
}

/* Position the image container (needed to position the left and right arrows) */
.container-gallery {
  position: relative;
}

/* Hide the images by default */
.mySlides-gallery {
  display: none;
}

/* Add a pointer when hovering over the thumbnail images */
.cursor-gallery {
  cursor: pointer;
}

/* Next & previous buttons */
.prev-gallery,
.next-gallery {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -50px;
  color: rgb(130, 129, 129);
  font-weight: bold;
  font-size: 20px;
  border-radius: 0 3px 3px 0;
  user-select: none;
  -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next-gallery {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev-gallery:hover,
.next-gallery:hover {
  background-color: rgba(95, 94, 94, 0.575) !important;
}

/* Number text (1/3 etc) */
.numbertext-gallery {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* Container for image text */
.caption-container-gallery {
  text-align: center;
  background-color: #222;
  padding: 2px 16px;
  color: white;
}

.row-gallery:after {
  content: "";
  display: table;
  clear: both;
}

/* Six columns side by side */
.column-gallery {
  float: left;
  width: 20%;
}

/* Add a transparency effect for thumnbail images */
.demo-gallery {
  opacity: 0.6;
}

.active-gallery,
.demo-gallery:hover {
  opacity: 1;
}


.container-banner {
  width: 100%;
  background-image: url('../images/temp/banner.PNG');
  height: 350px;
  background-position: center;
}

.container-box {
  position: relative;
  min-height:35vh; 
  padding-left:2%;
  padding-right:2%;
  display: flex;
  flex-direction: column;
  height: 100%; /* Assicura che il contenitore occupi tutta l'altezza */
  
}



.container-box img {
  position: absolute;
  
  /* Center the top-left position of the img */
  top: 5%;
  left:20%;
  
    /* Center relative to the diving line */
  transform: translate(-50%, -50%);
}

.box-white {
  background:white;
  height:5%;
}

.box-grey {
  background:#f1f2f6;
  height:95%;
  border-radius: 10px !important;
  flex-grow: 1; /* Forza gli elementi a occupare lo stesso spazio verticale */
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Distribuisce il contenuto */
}

@media(width : 912px) {
  .container-box {
    position: relative;
    height:25vh; 
  }
  .box-text{
    margin-top:16%!important;
  }
  .box-button1{
    margin-top:57%!important;
  }
  .box-button2{
    margin-top:15%!important;
  }
  .box-button3{
    margin-top:3%!important;
  }
  .box-button4{
    margin-top:27%!important;
  }
  .box-button5{
    margin-top:69%!important;
  }
  
}

@media(width < 912px) {
  .headerMobile {
    min-height:250px!important; 
    margin-top:7%!important;
  }
  .titleMobile{
    margin-left:2%!important;
  }
}

.ulNoDots {
  list-style-type: none;
}

.uploadFile{
  border: solid 1px rgb(207, 206, 206);
  border-radius: 10px !important;
  width:100%;
}

.uploadFile::file-selector-button {
  margin-right: 20px;
  border: none;
  background: #A47F4C;
  padding: 10px 20px;
  border-radius: 10px;
  color: #fff;
  cursor: pointer;
  transition: background .2s ease-in-out;
}

.uploadFile::file-selector-button:hover {
  background: #906f42;
}

.relatedProd::-webkit-scrollbar {
  width: 20px !important;
  height: 8px !important;
  opacity: 70% !important;
}

/* Track */
.relatedProd::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
 
/* Handle */
.relatedProd::-webkit-scrollbar-thumb {
  background: rgba(168, 168, 168, 0.658); 
  border-radius: 10px;
}

/* Handle on hover */
.relatedProd::-webkit-scrollbar-thumb:hover {
  background: gray; 
}

.topMenu{
  color:black;
  font-size:18px;
  font-weight:600;
}

.flexDisplayCenter{
  display: flex;
  justify-content: center !important;
  align-items: center !important;
}

.gridDisplayCenter{
  display: grid;
  justify-content: center !important;
}

* {
  -webkit-tap-highlight-color: transparent;
}

/* -------------------------------- ImageSlideShow ------------------------------------- */

* {box-sizing:border-box}

/* Slideshow container */
.slideshow-container {
  max-width: 1000px;
  position: relative;
  margin: auto;
}

/* Hide the images by default */
.mySlides {
  display: none;
}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  margin-top: -22px;
  padding: 16px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(0,0,0,0.8);
}

/* Caption text */
.text {
  color: #f2f2f2;
  font-size: 15px;
  padding: 8px 12px;
  position: absolute;
  bottom: 8px;
  width: 100%;
  text-align: center;
  font-family: "Lato";
}

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.dotActive, .dot:hover {
  background-color: #717171;
}

/* Fading animation */
.fade {
  opacity: 100% !important;
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: 40%}
  to {opacity: 100%}
}

/* --------------------------------- Products ------------------------------------------ */

input[type="number"] {
  -webkit-appearance: textfield;
  -moz-appearance: textfield;
  appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
}

.number-input {
  display: inline-flex;
}

.number-input,
.number-input * {
  box-sizing: border-box;
}

.number-input button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input button:after {
  display: inline-block;
  position: absolute;
}

.number-input input[type=number] {
  font-family: sans-serif;
  max-width: 5rem;
  padding: .5rem;
  font-size: 2rem;
  height: 3rem;
  font-weight: bold;
  text-align: center;
}

.variantTr {
  line-height: 2 !important;
  border-top: solid 1px #333333 !important;
}

.variantTd {
  border-top: solid 1px #333333 !important;
  vertical-align: middle !important;
}

.variantCartBtn {
	background: #000000;
	border-radius: 35px !important;
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	line-height: 1;
	margin: 0;
	outline: none;
	padding: 10px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out; /* Hovers */
}

.image-scrolling-down{
  position: sticky; 
  top: 100px;
}

.cursor-default{
  cursor: default;
}

/* --------------------------------- Products grid ------------------------------------- */

/* Float four columns side by side */
.prodColumn {
  float: left;
  width: 25%;
  padding: 0 10px;
}

/* Remove extra left and right margins, due to padding in columns */
.prodRow {
  margin: 0 -5px;
  margin-bottom: 15px;
}

/* Clear floats after the columns */
.prodRow:after {
  content: "";
  display: table;
  clear: both;
}

/* Style the counter cards */
.prodCard {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2); /* this adds the "card" effect */
  padding: 16px;
  text-align: left;
  background-color: #f1f1f1;
}

.prodCard :hover{
  cursor: pointer !important;
}

/* Responsive columns - one column layout (vertical) on small screens */
@media screen and (max-width: 600px) {
  .prodColumn {
    width: 100%;
    display: block;
    margin-bottom: 20px;
  }
}

/* ------------------------------------------------------------------------------------- */

/* -------------------------------- Pagination ----------------------------------------- */

.pagination {
  display: inline-block;
}

.pagination a {
  color: black;
  float: left;
  text-decoration: none;
  border-radius: 10px !important;
  border: 1px solid #ddd;
  margin: 0 4px;
}

@media (width < 700px) {
  .pagination a {
    padding: 4px 7px !important;
  }
}

@media (width > 700px) {
  .pagination a {
    padding: 8px 16px !important;
  }
}

.pagination a.active {
  background-color: #99908A;
  color: white;
  border-radius: 5px;
}

.pagination a:hover:not(.active) {
  background-color: #99908A;
}

/* ------------------------------------------------------------------------------------- */

/* ---------------------------- Prodotti correlati ------------------------------------- */

.containerHorizontalGrid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: 1fr;
  grid-column-gap: 5px;
  grid-row-gap: 0px;
}

/* --------------------------------- Select2 ------------------------------------------- */

.container {
  background: #fff !important;
  border: 1px solid #ccc !important;
  padding: 30px !important;
}

div:not(.dashboardBoxes).select2.select2-container,
div:not(.dashboardBoxesMobile).select2.select2-container {
  width: 100% !important;
}

.select2.select2-container .select2-selection {
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  height: 34px !important;
  /*margin-bottom: 15px !important;*/
  outline: none !important;
  transition: all .15s ease-in-out !important;
}

.select2.select2-container .select2-selection .select2-selection__rendered {
  color: #333 !important;
  line-height: 32px !important;
  padding-right: 33px !important;
}

.select2.select2-container .select2-selection .select2-selection__arrow {
  background: #f8f8f8 !important;
  border-left: 1px solid #ccc !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-radius: 0 3px 3px 0 !important;
  height: 32px !important;
  width: 33px !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single {
  background: #f8f8f8 !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--single .select2-selection__arrow {
  -webkit-border-radius: 0 3px 0 0 !important;
  -moz-border-radius: 0 3px 0 0 !important;
  border-radius: 0 3px 0 0 !important;
}

.select2.select2-container.select2-container--open .select2-selection.select2-selection--multiple {
  border: 1px solid #34495e !important;
}

.select2.select2-container .select2-selection--multiple {
  height: auto !important;
  min-height: 34px !important;
}

.select2.select2-container .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 0 !important;
  height: 32px !important;
}

.select2.select2-container .select2-selection--multiple .select2-selection__rendered {
  display: block !important;
  padding: 0 4px !important;
  line-height: 29px !important;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice {
  background-color: #f8f8f8 !important;
  border: 1px solid #ccc !important;
  -webkit-border-radius: 3px !important;
  -moz-border-radius: 3px !important;
  border-radius: 3px !important;
  margin: 4px 4px 0 0 !important;
  padding: 0 6px 0 22px !important;
  height: 24px !important;
  line-height: 24px !important;
  font-size: 12px !important;
  position: relative !important;
}

.select2.select2-container .select2-selection--multiple .select2-selection__choice .select2-selection__choice__remove {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  height: 22px !important;
  width: 22px !important;
  margin: 0 !important;
  text-align: center !important;
  color: #e74c3c !important;
  font-weight: bold !important;
  font-size: 16px !important;
}

.select2-container .select2-dropdown {
  background: transparent !important;
  border: none !important;
  margin-top: -5px !important;
}

.select2-container .select2-dropdown .select2-search {
  padding: 0 !important;
}

.select2-container .select2-dropdown .select2-search input {
  outline: none !important;
  border: 1px solid #34495e !important;
  border-bottom: none !important;
  padding: 4px 6px !important;
}

.select2-container .select2-dropdown .select2-results {
  padding: 0 !important;
}

.select2-container .select2-dropdown .select2-results ul {
  background: #fff !important;
  border: 1px solid #34495e !important;
}

.select2-container .select2-dropdown .select2-results ul .select2-results__option--highlighted[aria-selected] {
  background-color: #3498db !important;
}

/* ------------------------------------------------------------------------------------- */

/* --------------------------------- Side (burger) menu' ------------------------------- */

.sidenav {
  height: 100% !important;
  width: 0;
  position: fixed !important;
  z-index: 1000000000000 !important;
  top: 0;
  left: 0;
  background-color: #ffffff;
  overflow-x: hidden !important;
  transition: 0.5s !important;
  /*padding-top: 60px !important;
  padding-bottom: 5% !important;*/
}

.sideFiltersAnimated {
  width: 0 !important;
  position: fixed !important;
  left: 0 !important;
  overflow-x: hidden !important;
  transition: 0.3s !important;
}

.mainBodyAnimated {
  right: 0 !important;
  bottom: 0 !important;
  position: fixed !important;
  overflow-x: hidden !important;
  overflow-y: scroll !important;
  transition: 0.3s !important;
}

.overlay {
  position: fixed !important;
  right: 0 !important;
  background-color: rgba(0,0,0,0.4) !important;
  z-index: 100000 !important;
  opacity:0.3 !important;
}

.sidenav a {
  padding: 8px 8px 8px 32px !important;
  text-decoration: none !important;
  font-size: 22px !important;
  color: #000000 !important;
  display: block; /*!important;*/
  transition: 0.3s !important
}

.sidenav a:hover {
  color: #7e7e7e !important;
}

.sidenav .closebtn {
  position: absolute !important;
  top: 0 !important;
  right: 25px !important;
  font-size: 36px !important;
  margin-left: 50px !important;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}

.menuVoice {
  font-weight: bold !important;
}
.menuVoice.main {
  display: flex !important;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; /* importante per l'effetto */
}

.menuVoice.main > :nth-child(2) {
  margin-left: auto;
}

@media screen and (width > 800px){
  .dashboardInfo {
    font: bold !important;
    font-size: 3vh !important;
  }
  
  .dashboardInfoSub {
    font-size: 2vh !important; 
  }
  .dashboardHeader {
    font: bold !important;
    font-size: 24px !important;
  }
  
  .dashboardHeaderSub {
    font-size: 20px !important; 
  }
}

@media screen and (width < 750px) {
  .dashboardInfo {
    font: bold !important;
    font-size: 5vw !important;
  }
  
  .dashboardInfoSub {
    font-size: 3vw !important; 
  }

  .dashboardHeader {
    font: bold !important;
    font-size: 20px !important;
  }
  
  .dashboardHeaderSub {
    font-size: 15px !important; 
  }
}

.dashboardSecondHeader {
  background-color:#EAEBF0 !important;
}

.dashboardBoxesFont {
  font-weight: bold !important;
  font-size: 2.5vh !important;
}

.dashboardBox-grey {
  background-color:#EAEBF0 !important;
  border: solid 1px !important;
  border-color: #EAEBF0 !important;
  border-radius: 10px !important;
  height: 20vh !important;
}
.dashboardBox-transp {
  background-color:transparent;
  border: solid 1px !important;
  border-color: #EAEBF0 !important;
  border-radius: 05px !important;
  height: 20vh !important;
}

.dashboardBoxMobile {
  background-color:#f1f2f6 !important;
  border: solid 1px !important;
  border-color: #f1f2f6 !important;
  border-radius: 10px !important;
  padding-top: 2% !important;
  padding-bottom: 2% !important;
  margin:1% 2% 3% 2%; 
  width:96%; 
  display:flex; 
  align-items:center;
}

.dashboardNavigate {
  border: solid 1px !important;
  border-color: white !important;
  background-color: white !important;
  border-radius: 15px !important;
  padding-left: 10px !important;
  position: absolute !important;
  bottom: 0 !important;
  margin-bottom: 2vh !important;
}

.dashboardNavigateFont {
  font-size: 2vh !important;
}

.conteiner-menu{
  background-color: #f9f9f9 !important;
}

.menuInnerVoice {
  margin-left: 6% !important;
  padding-right: 0 !important;
  padding-left: 20% !important;
  font-weight: 300;
}
.menuInnerVoice.withIcon {
  display: flex !important;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start; /* importante per l'effetto */
}

.menuInnerVoice.withIcon > :nth-child(2) {
  margin-left: auto;
}


@media screen and (min-width: 768px){
  .dashboardVoiceImg {
    width: 15vh !important;
    height: 15vh !important;
  }
}
@media screen and (min-width: 992px){
  .dashboardVoiceImg {
    width: 7vh !important;
    height: 7vh !important;
  }
}
@media screen and (min-width: 1200px){
  .dashboardVoiceImg {
    width: 9vh !important;
    height: 9vh !important;
  }
}
@media screen and (min-width: 1400px){
  .dashboardVoiceImg {
    width: 10vh !important;
    height: 10vh !important;
  }
}


/* ------------------------------------------------------------------------------------- */


/* --------------------------------- Top Navbar ---------------------------------------- */

  .main-nav {
    width: 100%;
    background-color: white;
    -moz-box-shadow: 0 4px 4px -2px rgba(136,136,136,0.9);
    -webkit-box-shadow: 0 4px 4px -2px rgba(136,136,136,0.9);
    box-shadow: 0 0 13px 0 rgba(136,136,136,0.9);
    border-color: #44494f;
  }

  .main-nav .nav-bar {
    margin-top: 0px;
    margin-bottom: 0px;
    height: 28px;
    background-color: #e7e7e7;
  }

  .main-nav .nav-bar ul,.main-nav .nav-bar ol {
    margin-bottom: 0;
    list-style-position: outside;
  }

  .main-nav .nav-bar > li {
    text-transform: uppercase;
    font-family: "Lato", sans-serif;
    font-size: 16px;
    line-height: 28px;
    border: 0;
    box-shadow: none;
      -webkit-shadow: none;
      -moz-shadow: none;
      -o-shadow: none;
  }

  .main-nav .nav-bar > li:last-child {
    border: 0;
    box-shadow: none;
      -webkit-shadow: none;
      -moz-shadow: none;
      -o-shadow: none;
  }

  .main-nav .nav-bar > li:hover {
    background-color: #e7e7e7;
  }

  .main-nav .nav-bar > li > a {
    color: #000;
  }

  .main-nav .nav-bar > li > a {
    padding: 0px 11px;
    font-size: 16px;
  }

  .main-nav .nav-bar > li:first-child > a:first-child {
    padding-left: 17px;
    margin-left:0;
  }

  .main-nav .nav-bar > li > a:hover {
    color: #53B9A4;
  }

  .main-nav .nav-bar > li > a.active {
    color: #53B9A4;
  }

  .main-nav .nav-bar ul {
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 999999999999;
    position: relative;
  } 

  .main-nav .nav-bar ul li {
    display: block;
    position: relative;
    background: #E7E7E7;
  }

  .main-nav .nav-bar li ul {
    display: none;
    background: #E7E7E7;
  }

  .main-nav .nav-bar ul li a {
  display: block;
  text-decoration: none;
  padding: 10px 15px 5px 15px;
  background: #E7E7E7;
  white-space: nowrap;
  }

  .main-nav .nav-bar ul li a:hover {
  background: #E7E7E7;
  color: #53B9A4;
  }

  .main-nav .nav-bar li:hover ul {
  display: block;
  position: absolute;
  background: #E7E7E7;
  left:0px;
  top: 22px;
  }

  .main-nav .nav-bar li:hover li {
  float: none;
  background: #E7E7E7;
  }

  .main-nav .nav-bar li:hover a {
  background: #E7E7E7;
  }

  .main-nav .nav-bar li:hover li a:hover {
  background: #E7E7E7;
  color: #53B9A4;
  }

  .main-nav .nav-bar li ul li {
  border-left: 0px;
  }

  .main-nav .nav-bar li ul li a {
  border-top: 0px;
  background-color: #E7E7E7;
  border: 0;
  box-shadow: none;
  -webkit-shadow: none;
  -moz-shadow: none;
  -o-shadow: none;
  /* font-weight: bold; */
  color: #000;
  }

  .main-nav .nav-bar li ul li a.active {
  background: #E7E7E7;
  color: #53B9A4;
  }

  .main-nav .nav-bar li ul li a.others {
  font-weight: normal!important;
  }

  .main-nav .nav-bar li ul li a.sub-brand {
  color: #8b8b8b;
  padding: 0px 15px 5px 15px;
  font-weight: normal;
  }

  .main-nav .nav-bar li ul li:last-child > a {
  padding-bottom: 15px;
  }


  /*Navbar language*/

  /* Style The Dropdown Button */
  .dropbtn {
    background-color: #ffffff;
    color: white;
    padding: 16px;
    font-size: 14px;
    border: none;
    cursor: pointer;
  }

  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }

  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    right:0;
    background-color: #f9f9f9;
    min-width: 100px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }


  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    text-decoration: none;
    display: flex;
  }

  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #f1f1f1}

  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {
    display: block;
  }

  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {
    background-color: #f1f1f1;
  }

  /*dropdown per burger menu*/
  .dropbtn2 {
    background-color: #ffffff;
    color: white;
    padding: 16px;
    font-size: 14px;
    border: none;
    cursor: pointer;
  }
  


/* --------------------------------- Fine Top Navbar ----------------------------------- */
/* --------------------------------- FOOTER -------------------------------------------- */

.page-footer {
    bottom: 0;
    position: sticky;
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2%;
  color: white;
  text-align: center;
  z-index: 10000000 !important;
}

footer{
  display:none;
}

/* --------------------------------- FOOTER -------------------------------------------- */


/* --------------------------------- Browse Principale --------------------------------- */

.buttonFilterSubmit {
  background-color: #99908A !important;
}

.buttonFilterSubmit:hover {
  background-color: #77706c !important;
}

.buttonColorMain {
  background-color: #99908A !important;
}

.buttonColorMain:hover {
  background-color: #756f6a !important;
}

.buttonColorSecond {
  background-color: #333333 !important;
}

.buttonColorSecond:hover {
  background-color: #333333d7 !important;
}

.colorMain {
  color: #99908A !important;
}

.colorMain:hover{
  color: #756f6a !important;
}

.colorSecond{
  color: #333333 !important;
}

.colorSecond:hover{
  color: #333333d7 !important;
}

.newTableTr{
  line-height: 3 !important;
  border-bottom: 0.5px solid #99908A !important;
}

.newTableTr-line-2{
  line-height: 2 !important;
  border-bottom: 0.5px solid #99908A !important;
}

/* -------------------------------------------------- 
   Generic styles
-----------------------------------------------------*/

* {
	margin: 0;
}

body {
	background-color: #ffffff;
}

/*html, body {
	height: 100%;
}*/

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -46px; /* the bottom margin is the negative value of the footer's height */
}

.push {
	height: 46px; /* .push must be the same height as .footer */
}

@font-face {
	font-family: 'Lato';
	src: url('font/League_Gothic-webfont.eot');
	src: url('font/League_Gothic-webfont.eot?#iefix')
		format('embedded-opentype'), url('font/League_Gothic-webfont.ttf')
		format('truetype'),
		url('font/League_Gothic-webfont.svg#LeagueGothicRegular')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

h1,h2,h3,h4,h5,h6 {
	font-family: "Lato", sans-serif;
	font-weight: normal;
}

ul,ol,li {
	color: #454a4f;
	font-size: 17px;
	line-height: 20px;
	font-family: "Lato", sans-serif;
	list-style-position: inside;
}

.no_mobile {
}

.bodybg {
	background: white url('../img/bg.png') 0 0 repeat; /* modificato */
}

.shadow {
	-moz-box-shadow: 0 3px 5px rgba(136,136,136,0.9);
	-webkit-box-shadow: 0 3px 5px rgba(136,136,136,0.9);
	box-shadow: 0 3px 5px rgba(136,136,136,0.9);
}

.no-shadow {
	box-shadow: none;
   	-webkit-shadow: none;
   	-moz-shadow: none;
   	-o-shadow: none;

}

.std_box {
	position: relative;
	background-color: #f2f2f2;
}


div.is_body {
	padding-right: 20px;
	min-height: 600px;
	max-height: 600px;
}

div.is_body_mobile {
	display: none;
}

div.body_wrapper {
	padding: 13px;
}

div.with-title {
	min-height: 515px;
	max-height: 515px;
}

div.with-subtitle {
	min-height: 480px;
	max-height: 480px;
}

div.is_title {
	background: #171716; 
	margin: 0;
	padding: 13px;
	vertical-align: middle;
	/*height: 85px;*/
}

.is_title p {
	margin: 0;
	font-size: 30px;
	font-family: "Lato";
	line-height: 30px;
	text-transform:uppercase;
	color: #fff;
	padding-right: 70px;
}

div.is_subtitle {
	background: #757c82 url(../img/location.jpg) 0 0 no-repeat; 
	margin: 0;
	/*height: 35px;*/
}

.is_subtitle p {
	margin: 0;
	font-size: 26px;
	font-family: "Lato";
	line-height: 26px;
	text-transform:uppercase;
	color: #fff;
	padding: 5px 10px 4px 40px;
}

div.is_date {
	background: url('../img/data_bg.png') 0 0 no-repeat;
	height: 74px;
	width: 51px;
	position: absolute;
	top: -7px;
	right: 13px;
	margin: 0;
	font-size: 26px;
	font-family: "Lato";
	line-height: 23px;
	color: #fff;
	text-align: right;
	padding: 3px 5px;
}

div.is_date_big {
	background: url('../img/datab_bg.png') 0 0 no-repeat;
	height: 80px;
	width: 84px;
	position: absolute;
	top: -7px;
	right: 13px;
	margin: 0;
}

div.is_date_big > p {
	font-size: 25px;
	font-family: "Lato";
	line-height: 33px;
	color: #fff;
	text-align: center;
	padding: 0;
}

div.is_year {
	background-color: #f2f2f2;
	padding: 6px 13px;
	text-align: center;
	font-size: 25px;
	font-family: "Lato";
	line-height: 25px;
	text-transform:uppercase;
	color: #000;	
}

div.is_month {
	background-color: #D3D3D3;
	padding: 6px 13px;
}

.is_month ul {
	list-style-type: none;
	padding:0;
	margin:0;
}

.is_month ul > li {
	padding:0;
	margin:0;
	font-size: 18px;
	font-family: "Lato";
	line-height: 18px;
	text-transform:uppercase;
	color: #000;
}

.is_month ul > li:first-child {
	margin-top:7px;
}

.is_month ul > li:last-child {
	margin-bottom:7px;
}

.is_month ul > li > a {
	color: #000;
}

.is_month ul > li > a:hover {
	color: #5DB4A4;
}

.is_month ul > li > a.active {
	color: #5DB4A4;
}

.sml p {
	margin: 0;
	font-size: 24px;
	font-family: "Lato";
	line-height: 24px;
	text-transform:uppercase;
	color: #fff;
	padding-right: 0px;
}

.sml > div.is_title {
	padding: 10px 13px;
}

div.no-fixed {
	height: auto!important;
}

.is_body p {
	font-family: "Lato", sans-serif;
	font-size: 17px;
	color: #454a4f;
	line-height: 20px;
}

.is_body_mobile p {
	font-family: "Lato", sans-serif;
	font-size: 17px;
	color: #000;
}

p.description {
	font-family: "Lato", sans-serif;
	font-size: 15px;
	padding: 0 22px;
	color: #000;
}

div.last {
	height: 30px;
}

p.sub {
	color: #65b5a5;
}

.no_padding {
	padding:0
}

.no_padding_left {
	padding-left:0;
}

.no_padding_right {
	padding-left:0;
}

.margin_top {
	margin-top: 30px;
}

.margin_bottom {
	margin-bottom: 30px!important;
}

.error {
	color: #fff;
}

#datepicker {
	font-family: "Lato"!important;
	text-transform: uppercase!important;
}

/* -------------------------------------------------- 
   Top navigation
-----------------------------------------------------*/
.top-nav {
	background-color: #000;
	z-index: 10;
}

.top-nav .nav-bar {
	margin-top: 0px;
	margin-bottom: 0px;
	height: 34px;
	background: #000;
	color: #C2C3C8;
	z-index: 10;
}

.top-nav .nav-bar ul,.top-nav .nav-bar ol {
	margin-bottom: 0;
	list-style-position: outside;
}

.top-nav .nav-bar > li {
	font-family: "Lato", sans-serif;
	font-size: 12px;
	line-height: 34px;
	border: 0;
	box-shadow: none;
   	-webkit-shadow: none;
   	-moz-shadow: none;
   	-o-shadow: none;
}

.top-nav .nav-bar > li:last-child {
	border: 0;
	box-shadow: none;
   	-webkit-shadow: none;
   	-moz-shadow: none;
   	-o-shadow: none;
}

.top-nav .nav-bar > li:hover {
	background-color: #000;
}

.top-nav .nav-bar > li > a {
	color: #C2C3C8;
}

.top-nav .nav-bar > li > a:first-child {
	padding: 0px 10px;
	font-size: 12px;
}

.top-nav .nav-bar > li:first-child > a:first-child {
	padding-left: 17px;
	padding-right: 10px;
	margin-left:0;
}

.top-nav .nav-bar > li > a:hover {
	color: #fff;
}

a.network {
	color: #fff !important;
	text-transform: uppercase;
}

#resp-network {
	display: none;
	background-color: #000;
	color: #fff;
	border: 0;
	margin: 0;
	padding: 5px 0;
}

/* search box */
form.search_form {
	margin:0;
	padding:4px 17px 0 0;
	border:0;
}

input.search_inpt {
	border:0;
	margin:0;
	padding:0 6px;
	background: url('../img/search_inpt.jpg') no-repeat top left;
	height: 25px;
	width: 116px;
	display:inline;
	float: right;
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #afafb0;
}

input.search_inpt:focus {
	background-color: #4C4D52;
	background: url('../img/search_inpt.jpg') no-repeat top left;
	background-size: auto auto;
	border: 0;
}

input.search_submit {
	border:0;
	margin:0;
	padding:0;
	background: url('../img/search_submit.jpg') no-repeat top right;
	height: 25px;
	width: 29px;
	display:inline;
	float: right;
	cursor: pointer;
}

/* langswitcher */
div.styled-select select {
	background: #4c4d52;
   	width: 70px;
   	padding: 2px;
   	padding-top: 0px;
   	height: 22px;
	font-family: "Lato", sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #aaa;
	border:1px solid #4C4D52; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px 10px;
	outline:none!important;
}
div.styled-select {
	margin-top: 6px;
	margin-right: 15px;
	float: right;
	width: 50px;
   	height: 22px;
   	overflow: hidden;
	background: #4C4D52;
	border:1px solid #4C4D52; -moz-border-radius: 10px; -webkit-border-radius: 10px;border-radius: 10px 10px;
}

/* -------------------------------------------------- 
   Main navigation
-----------------------------------------------------*/

#resp-main {
	display: none;
	background-color: #E7E7E7;
	color: #000;
	border: 0;
	margin: 0;
	padding: 5px 0;
}

/* --------------------------------------------------
   Dropshipment
---------------------------------------------------*/
.container{
    padding: 0 30px;
    margin-right: auto;
    margin-left: auto;
}
.dsRow{
    /*width: 100%;*/
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    /*margin-right: -15px;
    margin-left: -15px;*/
}
.col-12{
    width: 100%;
    display: inline-block;
    float: left;
}
.col-6{
    width: 50%;
    display: inline-block;
    float: left;
}
.col-4{
    width: 33.333333%;
    display: inline-block;
    float: left;
}
.col-3{
    width: 25%;
    display: inline-block;
    float: left;
}
#recipientForm{
    display: none;
    padding: 15px 5px;
    overflow: visible;
    background-color: #e1e1e1;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.form-control{
    margin-bottom: 10px;
    padding: 0 10px;
}
.form-control input, .form-control  select{
    height: 35px;
    width: 100%;
}
#openedCartContainer .description{
    font-size: 14px;
}
.openedCart{
    background-color: #e1e1e1;
    padding: 15px;
    text-align: left;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 2%;
}
/*.buttonWithBuyIcon{
    width: 40px;
    height: 40px;
    padding: 5px 10px;
    border: none;
    background: #000000;
    background-size: 25px auto;
    font-weight: normal;
    cursor: pointer;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}
.buttonWithBuyIcon:hover{
    background-color: #000000;
}*/

.buttonWithBuyIcon {
	background: #000000;
	border-radius: 35px !important; /*8*/
	border: none;
	color: white;
	cursor: pointer;
	display: inline-block;
	font-family: 'Lato';
	font-size: 14px;
	/*font-weight: bold;*/
	line-height: 1;
	margin: 0;
	outline: none;
	padding: 10px 20px 11px;
	position: relative;
	text-align: center;
	text-decoration: none;
	-webkit-transition: background-color 0.15s ease-in-out;
	-moz-transition: background-color 0.15s ease-in-out;
	-o-transition: background-color 0.15s ease-in-out;
	transition: background-color 0.15s ease-in-out; /* Hovers */
}

.buttonWithBuyIcon:hover
{
  color: white;
  background-color: #746b66;
}

.dsButton{
    height: 35px;
    color: #ffffff;
    background: #65b5a5;
    font-weight: normal;
    border-collapse: collapse;
    padding: 5px 10px;
    border: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}
.dsButton:hover{
    background: #000000;
}
.dsButtonInverted{
    height: 35px;
    color: #65b5a5;
    background: #ffffff;
    font-weight: normal;
    border-collapse: collapse;
    padding: 5px 10px;
    border: 2px solid #65b5a5;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    cursor: pointer;
    font-weight: bold;
}
.dsButtonInverted:hover{
    background: #000000;
    color: #ffffff;
    border: 2px solid #000000;
}
#editRecipient{
    display: none;
}
.fright{
    float: right;
}
.ellipsis{
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 1px 0;
}
.required{
    display: inline-block;
    color: #ff0000;
    margin-left: 5px;
}
.errorForm{
    display: none;
    color: #ff0000;
    margin-left: 10px;
}
.marginTop0{
    margin-top: 0 !important;
}
.marginTop10{
    margin-top: 10px;
}
.marginTop50{
    margin-top: 50px;
}
.marginLeft100{
    margin-left: 100px;
}
.disInBlock{
    display: inline-block;
}
.select2-selection__rendered {
    line-height: 31px !important;
}
.select2-container .select2-selection--single {
    height: 30px !important;
}
.select2-selection__arrow {
    height: 34px !important;
}

/* --------------------------------------------------
   Dropshipment media query
---------------------------------------------------*/
@media screen and (min-width: 768px){
    .container {
        width: 750px;
    }
}
@media screen and (min-width: 992px){
    .container {
        width: 970px;
    }
}
@media screen and (min-width: 1200px){
    .container {
        width: 1170px;
    }
}
@media screen and (min-width: 1400px){
    .container {
        width: 100%;
    }
}


/* -------------------------------------------------- 
   Home slider
-----------------------------------------------------*/
#slider_home {
	background: url(../img/foundation/spinner.gif) center center #000 no-repeat;
	width: 100%;
	height: 500px;
}

#slider_home img {
	display: none;
	width: 100%;
}

#slider_home.orbit {
	background: none;
}

#slider_home.orbit img {
	display: block;
}

div.orbit, div.orbit-wrapper {
	margin-bottom: 0px!important;
}

.is-slider {
	width: 1660px;
}

#orbit_navigation {
	margin-top: 10px;
	background-color: #d0d5d9;
	height: 72px;
	border-bottom: 5px solid #65b5a5;
	text-align:center;
}

#prev_slide {
	width: 17px;
	height: 17px;
	margin: 0;
	padding:0;
	position: relative;
	float: left;
	top: 30px;
	left: 5px;
	cursor:pointer;
	opacity: 0.6;
}

#next_slide {
	width: 17px;
	height: 17px;
	margin: 0;
	padding:0;
	position: relative;
	float: right;
	top: 30px;
	right: 5px;
	cursor:pointer;
	opacity: 0.6;
}

#next_slide:hover, #prev_slide:hover {
	opacity: 1;
}

#prev_slide img, #next_slide img {
	border: 0;
}

#curr_thumb {
	text-align:center;
	margin-top: 7px;
}

/* -------------------------------------------------- 
   Main logo - homepage
-----------------------------------------------------*/
#corporate_name_mobile {
	display:none;
	background-color: #171715;
	text-align: left;
	padding: 15px;
}

#corporate_name_mobile p.industries {
	margin: 0;
	padding: 0;
	color: #6DB3A8;
	font-size: 25px;
	font-family: "Lato";
	line-height: 25px
}

#corporate_name_mobile p.leader {
	margin: 0;
	padding: 0;
	color: #CFD4D7;
	font-size: 25px;
	font-family: "Lato";
	line-height: 25px
}

#main_logo {
	background: transparent;
	position: absolute;
	top: 32px;
	left: 32px;
	z-index: 999999999;
	text-align: right;
}

/* -------------------------------------------------- 
   Main container
-----------------------------------------------------*/
.mainCnt{
	margin-top: 32px;
}

/* -------------------------------------------------- 
   Brand
-----------------------------------------------------*/
#slider_brand {
	background: url(../img/foundation/spinner.gif) center center #000 no-repeat;
	width: 100%;
	height: 600px;
}

#slider_brand img {
	display: none;
	width: 100%;
}

#slider_brand.orbit {
	background: none;
}

#slider_brand.orbit img {
	display: block;
}

#bullets_cnt {
	height: 28px;
	background:#000;
	width: 100%;
	padding-top: 8px;
}

.brand_box {
	background-color: #f2f2f2;
	clear:both;
	position: relative;
	float:none;
	padding: 15px;
	padding-bottom: 30px;
}

.brand_box > a.button {
	position: absolute;
	bottom:0;
	right:0;
}

.brand_box p{
	font-family: "Lato", sans-serif;
	font-size: 17px;
	color: #000;
	line-height: 20px;
}

.brand_nav {
	height: 66px;
	margin-top: 30px;
	float: right;
	font-family: "Lato";
	line-height: 66px;
	font-size: 17px;
	text-transform: uppercase;
}

.prev {
	padding-left: 38px;
	background: #000 url(../img/prev_arrow.png) no-repeat center left;
	padding-right: 24px;
	
}

.prev:hover {
	background-color: #65b5a5;
}

.next {
	padding-left: 24px;
	padding-right: 38px;
	background: #000 url(../img/next_arrow.png) no-repeat center right;
}

.next:hover {
	background-color: #65b5a5;
}

.brand_nav a {
	color: #fff;
	text-decoration:none;
}

.brand_nav a:hover {
	color: #fff;
	text-decoration:none;
}

/* -------------------------------------------------- 
   Desing
-----------------------------------------------------*/
.award {
	margin-top:0;	
	padding:0;
}

.award span {
	color: #5db4a6;
	font-size: 24px;
	font-family: "Lato";
	text-transform: uppercase;
	line-height: 26px;
	background: url('../img/point.png') no-repeat bottom right;
	cursor:pointer;
	width: 100px;
	height: 26px;
	display: block;
}

.award span.active {
	background-position: top right;
}

.separator {
	border-right: 3px solid #aeaeae;
	width: 56px;
	height: 55px;
	z-index: 0;
}

/* -------------------------------------------------- 
   News
-----------------------------------------------------*/

div.main_news {
	max-height: 626px;
	min-height: 626px;
	position: relative;
}

div.main_news h2{
	font-size: 22px;
	font-family: "Lato";
	line-height: 22px;
	color: #000!important;
	text-transform: uppercase;
	font-weight: normal;
}

div.main_news h2 a {
	color: #000;
}

div.main_news h2 a:hover {
	color: #5DB4A5;
}

div.std_news {
	max-height: 298px;
	min-height: 298px;
	position: relative;
	margin-bottom: 30px;
}

div.last_news {
	margin-bottom: 0px!important;
}

div.std_news h2{
	font-size: 22px;
	font-family: "Lato";
	line-height: 22px;
	color: #000!important;
	text-transform: uppercase;
	font-weight: normal;
}

div.std_news h2 a {
	color: #000;
}

div.std_news h2 a:hover {
	color: #5DB4A5;
}

div.body {
	padding: 0 15px 15px 15px;
	font-family: "Lato", sans-serif;
}

div.body p{
	font-family: "Lato", sans-serif;
	font-size: 17px;
	color: #454a4f;
	line-height:20px;
}

a.newsDetails {
	height:19px;
	width: 19px;
	background: #000 url('../img/plus.jpg') center center no-repeat;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	right: 0;
}

a.newsDetails:hover {
	opacity: 1;
}

div.is_date_news {
	color: #fff;
	background-color: #000;
	font-size: 22px;
	font-family: "Lato";
	line-height: 22px;
	text-transform: uppercase;
	padding: 5px;
	position: absolute;
	top:0;
	right:0;		
}

/* -------------------------------------------------- 
   Standard
-----------------------------------------------------*/
div.bgimage {
	background-color: #44494f;
	text-align: center;
	margin-bottom: 11px;
	padding: 0;
	height: 420px;
	line-height: 420px;
}

div.bgimage img {
	margin: auto;
	vertical-align: middle;
}

p.std_title {
	margin: 0;
	font-size: 17px;
	font-family: "Lato";
	line-height: 17px;
	text-transform:uppercase;
	color: #44494f;
	padding: 20px 16px;
}

p.std_date {
	font-size: 18px;
	font-family: "Lato";
	text-transform:uppercase;
	color: #fff;
	background: #44494f;
	min-height: 31px;
	text-align: center;
	line-height: 31px;
	padding: 0 7px;
	margin-left: 5px;
}

a.std_attach {
	min-height: 31px;
	min-width: 31px;
	background: #5db4a4 url('../img/download.jpg') center center no-repeat;
	opacity: 0.8;
	margin-left: 5px;
}

a.std_attach:hover {
	opacity: 1;
}

a.std_link {
	min-height: 31px;
	min-width: 31px;
	background: #5db4a4 url('../img/link2.jpg') center center no-repeat;
	opacity: 0.8;
	margin-left: 5px;
}

a.std_link:hover {
	opacity: 1;
}

div.std_separator {
	height: 8px;
}


/* -------------------------------------------------- 
   Expo
-----------------------------------------------------*/

div.databig_separator {
	padding-top: 300px;
}

div.databig_datepicker {
	padding-top: 210px;
}

/* -------------------------------------------------- 
   Press
-----------------------------------------------------*/

p.press_title {
	margin: 0;
	font-size: 26px;
	font-family: "Lato";
	line-height: 26px;
	text-transform:uppercase;
	color: #000;
	padding: 16px;
}

p.press_author {
	margin: 0;
	font-size: 18px;
	font-family: "Lato";
	min-height: 31px;	
	line-height: 31px;
	text-transform:uppercase;
	color: #000;
	text-align: right;
	line-height: 31px;
	padding: 0 0 0 7px;
}

p.press_date {
	font-size: 18px;
	font-family: "Lato";
	text-transform:uppercase;
	color: #fff;
	background: #000;
	min-height: 31px;
	text-align: center;
	line-height: 31px;
	padding: 0 7px;
	margin-left: 5px;
}

a.press_attach {
	min-height: 31px;
	min-width: 31px;
	background: #5db4a4 url('../img/download.jpg') center center no-repeat;
	opacity: 0.8;
	margin-left: 5px;
}

a.press_attach:hover {
	opacity: 1;
}

a.press_link {
	min-height: 31px;
	min-width: 31px;
	background: #5db4a4 url('../img/link2.jpg') center center no-repeat;
	opacity: 0.8;
	margin-left: 5px;
}

a.press_link:hover {
	opacity: 1;
}

div.press_separator {
	height: 23px;
}

/* -------------------------------------------------- 
   Contact
-----------------------------------------------------*/

div.contact_box {
	height: 92px;
	position: relative;
	margin-bottom: 20px;
	overflow:hidden;
}

div.contact_box p {
	font-family: "Lato", sans-serif;
	font-size: 17px;
	color: #454a4f;
	line-height:20px;
}

a.contactDetailsOpen {
	height:19px;
	width: 19px;
	background: #000 url('../img/plus.jpg') center center no-repeat;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	right: 0;
}

a.contactDetailsOpen:hover {
	opacity: 1;
}

a.contactDetailsClose {
	display:none;
	height:19px;
	width: 19px;
	background: #000 url('../img/minus.jpg') center center no-repeat;
	opacity: 0.8;
	position: absolute;
	bottom: 0;
	right: 0;
}

a.contactDetailsClose:hover {
	opacity: 1;
}


/* -------------------------------------------------- 
   Footer
-----------------------------------------------------*/
.footer {
	background-color: #000;
	margin: 0;
}

.footer p {
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 13px;
	padding: 0 17px;
	line-height: 46px;
	margin:0;
}

.footer p.copyright {
	text-transform: uppercase;
}

.footer p.expand,.footer p.expand a {
	color: #C2C3C8;
	text-transform: uppercase;
}

div.closed {
	display: none;
}

#megaDrop {
	background-color: #000;
	padding-top: 15px;
}

#megaDrop p.expand,#megaDrop p.expand a {
	font-family: "Lato", sans-serif;
	font-size: 13px;
	float: right;
	color: #C2C3C8;
	text-transform: uppercase;
}

#megaDrop p.copyright {
	color: #fff;
	font-family: "Lato", sans-serif;
	font-size: 13px;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

#megaDrop p.first {
	padding-left: 17px;
}

#megaDrop p.copyright span {
	font-size: 12px;
}

#megaDrop p.facebook {
	color: #C2C3C8;
	font-family: "Lato", sans-serif;
	font-size: 13px;
}

#megaDrop p.facebook img {
	margin-bottom: -3px;
	margin-left: 3px;
}

#megaDrop ul {
	margin-top: 3px;
}

#megaDrop ul,#megaDrop li {
	list-style-type: none;
}

#megaDrop ul li {
	font-size: 11px;
	text-transform: uppercase;
	font-family: "Lato", sans-serif;
	line-height: 16px;
}

#megaDrop ul li>a {
	color: #C2C3C8;
}

#megaDrop ul li>a:hover {
	color: #fff;
}

#megaDrop div.loghi {
	text-align: right;
	padding-right: 17px;
}

#megaDrop div.loghi p {
	padding-right: 17px;
	text-align: right;
}

#megaDrop div.loghi img {
	margin-top: 25px;
}

/* -------------------------------------------------- 
   Buttons
-----------------------------------------------------*/
.button {
	text-decoration: none;
	text-align: center;
	padding: 5px 25px; /* 10 e 30 */
	border: none;
	font: 15px "Lato", sans-serif;
	color: #ffffff;
	background: #000000;
	/*background: #65b5a5;*/
	font-weight: normal;
  border-radius: 35px !important;
  
}

.button:hover {
	padding: 5px 25px; /* 10 e 30 */
	border: none;
	font: 15px "Lato", sans-serif;
	color: #ffffff;
	/* background: #65b5a5; */
	background: #44494f;
}

.button:active {
	padding: 5px 25px; /* 10 e 30 */
	border: none;
	font: 15px "Lato", sans-serif;
	color: #ffffff;
	/* background: #65b5a5; */
	background: #000000;
}

.button img {
	border:0;
	margin-bottom: -5px;
	margin-left: 5px;	
}

.buttonB {
	text-decoration: none;
	text-align: center;
	padding: 22px;
	border: none;
	font: 17px "Lato", sans-serif;
	color: #ffffff;
	background: #000000;
	font-weight: normal;
}

.buttonB:hover {
	padding: 22px;
	border: none;
	font: 17px "Lato", sans-serif;
	color: #ffffff;
	background: #65b5a5;
}

.buttonB:active {
	padding:22px;
	border: none;
	font: 17px "Lato", sans-serif;
	color: #ffffff;
	background: #65b5a5;
}

.buttonB img {
	border:0;
	margin-top:-12px;
	margin-bottom: -18px;
}

.buttonBinv {
	text-decoration: none;
	text-align: center;
	padding: 22px;
	border: none;
	font: 17px "Lato", sans-serif;
	color: #ffffff;
	background: #65b5a5;
	font-weight: normal;
}

.buttonBinv:hover {
	padding: 22px;
	border: none;
	font: 17px "Lato", sans-serif;
	color: #ffffff;
	background: #000000;
	font-weight: normal;
}

.buttonBinv:active {
	padding:22px;
	border: none;
	font: 17px "Lato", sans-serif;
	color: #ffffff;
	background: #000000;
	font-weight: normal;
}

.buttonBinv img {
	border:0;
	margin-top:-12px;
	margin-bottom: -18px;
}


.buttonC {
	text-decoration: none;
	text-align: center;
	padding: 5px 10px; /* 10 e 30 */
	border: none;
	font: 15px "Lato", sans-serif;
	color: #65b5a5;
	/* background: #000000; */
	background: #ffffff;
	font-weight: normal;
}

.buttonC:hover {
	padding: 5px 10px; /* 10 e 30 */
	border: none;
	font: 15px "Lato", sans-serif;
	color: #ffffff;
	/* background: #65b5a5; */
	background: #000000;
}

.buttonC:active {
	padding: 5px 10px; /* 10 e 30 */
	border: none;
	font: 15px "Lato", sans-serif;
	color: #ffffff;
	/* background: #65b5a5; */
	background: #000000;
}


/* -------------------------------------------------- 
   Tags
-----------------------------------------------------*/

div.is_tag {
	background-color: #D3D3D3;
	padding: 6px 0px;
	min-height: 228px;
}

ul.tagcloud
{
	list-style-type:none;
    	margin:0px;
    	padding:0px 5px;
	overflow:hidden;
	clear:both;
}

ul.tagcloud li
{
	display:inline !important;
	line-height:2em;
	font-family: "Lato";
	text-transform: uppercase;
	float:left;
	margin:0 0.5em;
}

ul.tagcloud li a
{
	color: #000;
}

ul.tagcloud li a:hover {
	color: #5DB4A4;
	text-decoration: underline;
}

ul.tagcloud li a.active {
	color: #5DB4A4;
	text-decoration: underline;
}

ul.tagcloud li.cloud-10 a
{
	font-size:110%;
}

ul.tagcloud li.cloud-20 a
{
	font-size:120%;
}

ul.tagcloud li.cloud-30 a
{
	font-size:130%;
}

ul.tagcloud li.cloud-40 a
{
	font-size:140%;
}

ul.tagcloud li.cloud-50 a
{
	font-size:150%;
}

ul.tagcloud li.cloud-60 a
{
	font-size:160%;
}

ul.tagcloud li.cloud-70 a
{
	font-size:170%;
}

ul.tagcloud li.cloud-80 a
{
	font-size:180%;
}

ul.tagcloud li.cloud-90 a
{
	font-size:190%;
}

ul.tagcloud li.cloud-100 a
{
	font-size:200%;
}

/* -------------------------------------------------- 
   Pagination
-----------------------------------------------------*/

div.pagination {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align:right;
}

div.pagination ul {
	list-style-type:none;
    	margin:0px;
    	padding:0px;
	padding-top: 15px;
	padding-bottom: 10px;
}

div.pagination ul li {
	display:inline !important;
	margin-right:1px;
}

div.pagination ul li:last-child {
	margin:0;
}

div.pagination ul li a {
	font-family: "Lato";
	text-transform: uppercase;
	font-size: 26px;
	line-height: 26px;
	padding: 5px 15px;	
	background-color: #b2b2b2;
	color: #000;
}

div.pagination ul li a:hover {
	color: #fff;
	background-color: #000;
}

div.pagination ul li a.active {
	color: #fff;
	background-color: #000;
}


.top_nav .row, .top_nav .row .columns {
	min-width: 980px!important;
}

.nav-bar > li {
	display:inline!important;
}

.nav-bar > li > a {
	display:inline!important;
}

.main-nav .nav-bar li ul {
	float:none!important;
}

.main-nav .nav-bar ul li {
	float:none!important;
}

/* -------------------------------------------------- 
   Media queries
-----------------------------------------------------*/

@media only screen and (max-width: 767px) {
	.no_mobile{
		display: none!important;
	}

	div.is_body_mobile {
		display: block;
	}	
	
	form.search_form {
		margin:0;
		padding:4px 0 0 0;
		border:0;
		width:100%;
		display:inline-block;
		margin: 0 auto;
	}

	

	/* main logo */
	#corporate_name_mobile {
		display: block;
	}

	/* standard */
	div.bgimage {
		margin-top: 30px;
		height: auto;
		line-height: 0;
	}

	/* news */
	div.main_news {
		max-height: auto;
		min-height: auto;
		height: auto!important;
		margin-bottom: 30px;
	}

	/* expo */
	div.databig_separator {
		padding-top: 0px;
	}

	div.databig_datepicker {
		padding-top: 15px;
	}

	/* footer */
	.footer p.copyright {
		float: none;
		display: block;
		widht: 100%;
		text-align: right;
	}
	.footer p.expand {
		float: none;
		display: block;
		widht: 100%;
	}
	
	#megaDrop p.first {
		padding-left: 0px;
	}
	
	#megaDrop div.loghi {
		text-align: left;
		padding-right: 0px;
	}
}

.my_intesta{
	background-color: black!important;
	color: white!important;
	text-align: center!important;
	text-transform: uppercase!important;
}

.my_intestaColorMain{
	background-color: #99908A;
	color: white!important;
	text-align: center!important;
	text-transform: uppercase!important;
}

.my_intestaColorOrdini{
	background-color: #666666;
	color: white!important;
	text-align: center!important;
	text-transform: uppercase!important;
}

.my_intesta_subtable{
	background-color: grey!important;
	color: white!important;
	text-align: center!important;
	text-transform: uppercase!important;
}

.my_right{
	text-align: right!important;
}

.my_left{
	text-align: left!important;
}

.my_center{
	text-align: center!important;
}

.my_bold{
	font-weight:bold!important;
}

.my_form_clean{
	border: 0px!important; 
	margin: 0px!important;
}


.my_table_green{
	background-color: #65B5A5;
	color: #ffffff;
}
.my_table_grey{
	background-color: #969494;
	color: #ffffff;
}
.my_table_colorMain{
	background-color: #99908A;
	color: #ffffff;
}


.labelfiltro{
	font-size: 14px;
	font-weight:bold!important;
	color: #ffffff;
}
.labelfiltrobig{
	font-size: 17px;
	font-weight:bold!important;
	color: #ffffff;
}
.combo {
	font-size: 12px; 
	font-family:"Lato", sans-serif;
	height: 30px;
	width: 140px;
}
.combo160 {
	font-size: 12px; 
	font-family:"Lato", sans-serif;
	height: 30px;
	width: 160px;
}

.combo200 {
	font-size: 12px; 
	font-family:"Lato", sans-serif;
	height: 30px;
	width: 200px;
}
.combo300 {
	font-size: 12px; 
	font-family:"Lato", sans-serif;
	height: 30px;
	width: 420px;
}
.ricercaclienti {
	font-size: 12px; 
	font-family:"Lato", sans-serif;
	text-align: right;
}
#bordorosso{border: 1px solid red;}
#bordoverde{border: 1px solid green;}
#bordoblu{border: 1px solid blue;}
#bordovuoto{border: 1px solid #cccccc;}

.noshow {

	display: none;

}

.imageordinuff {
	cursor: pointer;
}

.buttonred
{
  text-decoration-line: none;
  text-decoration-style: solid;
  text-align: center;
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  font-family: "Lato",sans-serif;
  font-style: normal;
  font-size: 15px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-feature-settings: normal;
  font-language-override: normal;
  font-kerning: auto;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  color: #ffffff;
  background-color: red; /* #65b5a5; */
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
  font-weight: normal;
}

/* Line 1271 */
.buttonred:hover
{
  padding-top: 5px;
  padding-right: 10px;
  padding-bottom: 5px;
  padding-left: 10px;
  border-top-width: medium;
  border-right-width: medium;
  border-bottom-width: medium;
  border-left-width: medium;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-image-source: none;
  border-image-slice: 100% 100% 100% 100%;
  border-image-width: 1 1 1 1;
  border-image-outset: 0 0 0 0;
  border-image-repeat: stretch stretch;
  font-family: "Lato",sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 15px;
  line-height: normal;
  font-size-adjust: none;
  font-stretch: normal;
  font-feature-settings: normal;
  font-language-override: normal;
  font-kerning: auto;
  font-synthesis: weight style;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  color: #ffffff;
  background-color: #000000;
  background-image: none;
  background-repeat: repeat;
  background-attachment: scroll;
  background-position: 0% 0%;
  background-clip: border-box;
  background-origin: padding-box;
  background-size: auto auto;
}

.arrow-up{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../img/arrow_up.png") no-repeat center center;
    background-size: 16px 16px;
    cursor: pointer;
}

.arrow-down{
    display: inline-block;
    width: 16px;
    height: 16px;
    background: transparent url("../img/arrow_down.png") no-repeat center center;
    background-size: 16px 16px;
    cursor: pointer;
}

.iconXls{
    display: inline-block;
    width: 32px;
    height: 32px;
    /* background: transparent url("../img/xlsx-file-format-extension.png") no-repeat center center; */
    color: green;
    background-size: 32px 32px;
    cursor: pointer;
}

.iconXls :hover {
  color: seagreen;
}

.iconPdf{
    display: inline-block;
    width: 32px;
    height: 32px;
    /* background: transparent url("../img/pdf-file-format-symbol.png") no-repeat center center; */
    color: orangered;
    background-size: 32px 32px;
    cursor: pointer;
}

.iconPdf :hover {
  color: red;
}

.iconAddToCart{
    display: inline-block;
    width: 32px;
    height: 32px;
    /* background: transparent url("../img/add-to-cart.png") no-repeat center center; */
    background-size: 32px 32px;
    cursor: pointer;
}

.iconDuplicate{
    display: inline-block;
    width: 32px;
    height: 32px;
    /* background: transparent url("../img/duplicate.png") no-repeat center center; */
    background-size: 32px 32px;
    cursor: pointer;
}

.iconTrash{
    display: inline-block;
    width: 32px;
    height: 32px;
    /* background: transparent url("../img/trash.png") no-repeat center center; */
    background-size: 32px 32px;
    cursor: pointer;
}

.mr25{
    margin-right: 25px;
}

.ml25{
    margin-left: 25px;
}

.ml10{
    margin-left: 10px;
}

.mb10{
    margin-bottom: 10px;
}

.offerPrintPopover{
    position: absolute !important;
    top: -80px;
    /* background-color: #ffffff; */
    /* width: 150px; */
    /*height: 100%;*/
    /* border: 1px solid #000000; */
    /* padding: 8px 10px; */
    text-align: left;
    left: 20px;
    display: none;
}


/* FINE BROWSE PRINCIPALE */

#navbarLogo {

  text-align: center;

}



#navbarLogoImg {

  max-width: 185px;

  margin: 1.2rem auto;

}



.login-footer {

  position: relative;

  bottom: 0px;

  z-index: 9999;

  width: 100%;

}



.login-footer .text-right p {

  color: #000000;

}



.login-footer div.col-xs-12 {

  padding: 0 2rem;

}


.container-image {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width:30px;
}

.container-image-flag {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 6% 0%;
}

.container-image2 {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  min-width: 30px;
}

.container-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.image {
  float: left;
}

.text {
  font-size: 14px;
  padding-left: 10%;
  float: left;
}

.text-r {
  font-size: 14px;
  padding-right: 10px;
  float: left;
}

.text > U:hover {
  color: #337ab7;
}

.container-image-login {
  display: flex;
  width: 100%;
  height: 100%;
  flex-direction: row;
  flex-wrap: wrap;
}


.container-1 {
  background: url('../img/login_background_image.JPG');
  width: 50%;
  height: 500px; 
  background-repeat: no-repeat;
  background-size: contain;
  /*border: 0.25rem solid black;*/
}

.container-2 {
  background: url('../img/login_background_image.JPG');
  background-size: cover;
}

/* container */
.responsive-two-columns {
  display:flex;
  flex-wrap:wrap;
}

/* columns */
.responsive-two-columns > * {
  width:100%;
  padding:1rem;
}

/* tablet breakpoint */
@media (min-width:768px) {
  .responsive-two-columns > * {
      width:50%;
  }
}

.flex-container {
  display: flex;
  flex-direction: column;
}

.flex-container2 {
  display: flex;
  flex-direction: column;
}


.flex-left {
  width: 100%;
  height: 100%;
  /*border: 3px solid red;*/
  display: grid;
  place-items: center;
  align-content: center;
}

.flex-right {
  width: 100%;
  height: 100%;
  /*border: 3px solid green;*/
  display: grid;
  place-items: center;
  align-content: stretch;
  align-items: end;
  justify-content: center;
}


@media (min-width:768px) {
  .flex-container2{
    flex-direction: row;
  }
  .flex-left{
    width: 50%;
  }
  .flex-right{
    width: 50%;
    justify-content: end;
  }
}

.row-container {
  width: 100%;
  /*border: 3px solid rgb(17, 0, 255);*/
}

.column-container {
  display: flex;
  flex-direction: column;
  flex-basis: 100%;
  flex: 1;
}


/*.select2-selection--single {
  height: 100% !important;
}
.select2-selection__rendered{
  word-wrap: break-word !important;
  text-overflow: inherit !important;
  white-space: normal !important;
}*/

.select2{
  max-width:100vh !important;
}

/* --------------------------------- Footer dashboard ----------------------------------------- */
.container-footer {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
/*@media (min-width: 768px) {
  .container-footer {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container-footer {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container-footer {
    width: 1170px;
  }
}
@media (min-width: 1800px) {
  .container-footer {
    width: 1750px;
  }
}*/

.fslider,
.fslider .flexslider,
.fslider .slider-wrap,
.fslider .slide,
.fslider .slide > a,
.fslider .slide > img,
.fslider .slide > a > img {
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
}

.homepage_image_height{
  height: 500px !important;
}


.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}

.containe-footerr > .navbar-header,
.container-fluid > .navbar-header,
.container-footer > .navbar-collapse,
.container-fluid > .navbar-collapse {
  margin-right: -15px;
  margin-left: -15px;
}
@media (min-width: 768px) {
  .container-footer > .navbar-header,
  .container-fluid > .navbar-header,
  .container-footer > .navbar-collapse,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .navbar > .container-footer .navbar-brand,
  .navbar > .container-fluid .navbar-brand {
    margin-left: -15px;
  }
}
.container-footer .jumbotron,
.container-fluid .jumbotron {
  border-radius: 6px;
}
.jumbotron .container-footer {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 48px 0;
  }
  .container-footer .jumbotron,
  .container-fluid .jumbotron {
    padding-left: 60px;
    padding-right: 60px;
  }
  .jumbotron h1,
  .jumbotron .h1 {
    font-size: 63px;
  }
}

.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container-footer:before,
.containe-footerr:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}

.clearfix:after,
.dl-horizontal dd:after,
.container-footer:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-footer:after {
  clear: both;
}

#footer .footer-widgets-wrap {
	position: relative;
	padding: 80px 0;
}

.footer-widgets-wrap .col_full,
.footer-widgets-wrap .col_half,
.footer-widgets-wrap .col_one_third,
.footer-widgets-wrap .col_two_third,
.footer-widgets-wrap .col_three_fourth,
.footer-widgets-wrap .col_one_fourth,
.footer-widgets-wrap .col_one_fifth,
.footer-widgets-wrap .col_two_fifth,
.footer-widgets-wrap .col_three_fifth,
.footer-widgets-wrap .col_four_fifth,
.footer-widgets-wrap .col_one_sixth,
.footer-widgets-wrap .col_five_sixth { margin-bottom: 0; }

.footer-logo {
	display: block;
	margin-bottom: 30px;
}

.postcontent { width: 860px; }
.postcontent.bothsidebar { width: 580px; }
.sidebar { width: 240px; }
.col_full { width: 100%; }
.col_half { width: 48%; }
.col_one_third { width: 30.63%; }
.col_two_third { width: 65.33%; }
.col_one_fourth { width: 22%; }
.col_three_fourth { width: 74%; }
.col_one_fifth { width: 16.8%; }
.col_two_fifth { width: 37.6%; }
.col_three_fifth { width: 58.4%; }
.col_four_fifth { width: 79.2%; }
.col_one_sixth { width: 13.33%; }
.col_five_sixth { width: 82.67%; }
body.stretched .container-fullwidth {
	position: relative;
	padding: 0 60px;
	width: 100%;
}

.postcontent,
.sidebar,
.col_full,
.col_half,
.col_one_third,
.col_two_third,
.col_three_fourth,
.col_one_fourth,
.col_one_fifth,
.col_two_fifth,
.col_three_fifth,
.col_four_fifth,
.col_one_sixth,
.col_five_sixth {
	display: block;
	position: relative;
	margin-right: 4%;
	margin-bottom: 50px;
	float: left;
}

.col_half_no_margin_right{
	display: block;
	position: relative;
	margin-right: 0%;
	margin-bottom: 50px;
	float: left;
}

.postcontent,
.sidebar { margin-right: 40px; }

.col_full {
	clear: both;
	float: none;
	margin-right: 0;
}

.postcontent.col_last,
.sidebar.col_last { float: right; }

.col_last {
	margin-right: 0 !important;
	clear: right;
}

#respond,
#respond form { margin-bottom: 0; }

.commentlist li #respond { margin: 30px 0 0; }

.commentlist li li #respond { margin-left: 30px; }

#respond p { margin: 10px 0 0 0; }

#respond p:first-child { margin-top: 0; }

#respond label small {
	color: #999;
	font-weight: normal;
}

#respond input[type="text"],
#respond textarea { margin-bottom: 0; }

#respond .col_one_third,
#respond .col_full { margin-bottom: 20px; }

.fb-comments,
.fb_iframe_widget,
.fb-comments > span,
.fb_iframe_widget > span,
.fb-comments > span > iframe,
.fb_iframe_widget > span > iframe {
	display: block !important;
	width: 100% !important;
	margin: 0;
}

form .col_full,
form .col_half,
form .col_one_third,
form .col_two_third,
form .col_three_fourth,
form .col_one_fourth,
form .col_one_fifth,
form .col_two_fifth,
form .col_three_fifth,
form .col_four_fifth,
form .col_one_sixth,
form .col_five_sixth { margin-bottom: 25px; }

.widget {
	position: relative;
	margin-top: 50px;
}

.sidebar-widgets-wrap .widget {
	padding-top: 50px;
	border-top: 1px solid #EEE;
}

.widget:first-child { margin-top: 0; }

.sidebar-widgets-wrap .widget:first-child {
	padding-top: 0;
	border-top: 0;
}

.widget > h4 {
	margin-bottom: 25px;
	font-size: 15px;
	font-weight: 600;
	letter-spacing: 2px;
	text-transform: uppercase;
}

.sidebar-widgets-wrap .widget > h4 { letter-spacing: 1px; }

.widget p:not(.lead) { font-size: 14px; }

/* Widget - Links
-----------------------------------------------------------------*/

.widget_nav_menu ul,
.widget_nav_menu li,
.widget_links ul,
.widget_links li,
.widget_meta ul,
.widget_meta li,
.widget_archive ul,
.widget_archive li,
.widget_recent_comments ul,
.widget_recent_comments li,
.widget_recent_entries ul,
.widget_recent_entries li,
.widget_categories ul,
.widget_categories li,
.widget_pages ul,
.widget_pages li,
.widget_rss ul,
.widget_rss li {
	list-style: none;
	margin: 0;
}

.widget_nav_menu li,
.widget_links li,
.widget_meta li,
.widget_archive li,
.widget_recent_comments li,
.widget_recent_entries li,
.widget_categories li,
.widget_pages li,
.widget_rss li { padding: 4px; }

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li {
	display: inline-block;
	padding: 0 3px 0 12px;
}

.widget_recent_comments li {
	display: block;
	/*background: url("/images/icons/widget-comment.png") left top no-repeat;*/
	padding: 4px 0 4px 20px;
}

.widget_nav_menu li a,
.widget_links li a,
.widget_meta li a,
.widget_archive li a,
.widget_recent_entries li a,
.widget_categories li a,
.widget_pages li a,
.widget_rss li a,
.widget_recent_comments li a {
	/*background: url("/images/icons/widget-link.png") left top no-repeat;*/
	border: none !important;
	color: #ffffff;
	font-size: 14px;
}

.widget_nav_menu li a:hover,
.widget_links li a:hover,
.widget_meta li a:hover,
.widget_archive li a:hover,
.widget_recent_entries li a:hover,
.widget_categories li a:hover,
.widget_pages li a:hover,
.widget_rss li a:hover,
.widget_recent_comments li a:hover { color: #868585; }

.widget_recent_comments li a {
	display: inline;
	padding: 0;
	background: none !important;
}

.widget_nav_menu > ul > li:first-child,
.widget_links > ul > li:first-child,
.widget_meta > ul > li:first-child,
.widget_archive > ul > li:first-child,
.widget_recent_comments > ul > li:first-child,
.widget_recent_entries > ul > li:first-child,
.widget_categories > ul > li:first-child,
.widget_pages > ul > li:first-child,
.widget_rss > ul > li:first-child { border-top: 0 !important; }

.widget_nav_menu > ul,
.widget_links > ul,
.widget_meta > ul,
.widget_archive > ul,
.widget_recent_comments > ul,
.widget_recent_entries > ul,
.widget_categories > ul,
.widget_pages > ul,
.widget_rss > ul { margin-top: -4px !important; }

.widget_nav_menu ul ul,
.widget_links ul ul,
.widget_meta ul ul,
.widget_archive ul ul,
.widget_recent_comments ul ul,
.widget_recent_entries ul ul,
.widget_categories ul ul,
.widget_pages ul ul,
.widget_rss ul ul { margin-left: 15px; }


/* Widget - Testimonial & Twitter
-----------------------------------------------------------------*/

.widget .testimonial.no-image .testi-image { display: none; }

.widget .testimonial.twitter-scroll .testi-image { margin-right: 10px; }

.widget .testimonial:not(.twitter-scroll) .testi-image,
.widget .testimonial:not(.twitter-scroll) .testi-image a,
.widget .testimonial:not(.twitter-scroll) .testi-image img {
	width: 42px;
	height: 42px;
}

.widget .testimonial.twitter-scroll .testi-image,
.widget .testimonial.twitter-scroll .testi-image a,
.widget .testimonial.twitter-scroll .testi-image img,
.widget .testimonial.twitter-scroll .testi-image i {
	width: 28px;
	height: 28px;
}

.widget .testimonial.twitter-scroll .testi-image i {
	background-color: #EEE;
	line-height: 28px;
	font-size: 14px;
	color: #888;
}

.widget .testimonial p { font-size: 14px; }


/* Widget - Quick Contact Form
-----------------------------------------------------------------*/

.quick-contact-widget .form-control,
.quick-contact-widget .input-group,
.quick-contact-widget .sm-form-control { margin-bottom: 10px; }

.quick-contact-widget .input-group .form-control { margin-bottom: 0; }

.quick-contact-widget form,
#template-contactform { position: relative; }


/* Newsletter Widget
-----------------------------------------------------------------*/

.subscribe-widget h5 {
	font-weight: 300;
	font-size: 14px;
	line-height: 1.5;
}


/* Twitter Feed Widget
-----------------------------------------------------------------*/

.widget-twitter-feed li { margin: 15px 0 0 0; }

.widget-twitter-feed li:first-child { margin-top: 0; }

.widget-twitter-feed small {
	display: block;
	margin-top: 3px;
}

.widget-twitter-feed small a { color: #999; }


/* Small Post
-----------------------------------------------------------------*/

.widget-twitter-feed li { margin: 15px 0 0 0; }

.widget-twitter-feed li:first-child { margin-top: 0; }

.widget-twitter-feed small {
	display: block;
	margin-top: 3px;
}

.widget-twitter-feed small a { color: #999; }

.nobottommargin { margin-bottom: 0 !important; }

.bottommargin-sm { margin-bottom: 30px !important; }

.clear-bottommargin-sm { margin-bottom: -30px !important; }

.nobottompadding { padding-bottom: 0 !important; }

.form-control-footer {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 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;
}
.form-control-footer:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control-footer::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control-footer:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control-footer[disabled],
.form-control-footer[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
  opacity: 1;
}
textarea.form-control-footer {
  height: auto;
}

.form-group-sm .form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.form-group-sm .form-control {
  height: 30px;
  line-height: 30px;
}
textarea.form-group-sm .form-control,
select[multiple].form-group-sm .form-control {
  height: auto;
}

.form-group-lg .form-control-footer {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.form-group-lg .form-control-footer {
  height: 46px;
  line-height: 46px;
}
textarea.form-group-lg .form-control-footer,
select[multiple].form-group-lg .form-control-footer {
  height: auto;
}
.has-feedback .form-control-footer {
  padding-right: 42.5px;
}

.has-success .form-control-footer {
  border-color: #3c763d;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .form-control-footer:focus {
  border-color: #2b542c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #67b168;
}

.has-warning .form-control-footer {
  border-color: #8a6d3b;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .form-control-footer:focus {
  border-color: #66512c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #c0a16b;
}

.has-error .form-control-footer {
  border-color: #a94442;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .form-control-footer:focus {
  border-color: #843534;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
}

@media (min-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control-footer {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control-footer {
    width: auto;
  }
  .form-inline .input-group > .form-control-footer {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.input-group .form-control-footer {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.input-group-lg > .form-control-footer,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px;
}
select.input-group-lg > .form-control-footer,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
  height: 46px;
  line-height: 46px;
}
textarea.input-group-lg > .form-control-footer,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control-footer,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
  height: auto;
}
.input-group-sm > .form-control-footer,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-group-sm > .form-control-footer,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
  height: 30px;
  line-height: 30px;
}
textarea.input-group-sm > .form-control-footer,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control-footer,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
  height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control-footer {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control-footer:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group .form-control-footer:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control-footer:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

@media (min-width: 768px) {
  .navbar-form .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control-footer {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control-footer {
    width: auto;
  }
  .navbar-form .input-group > .form-control-footer {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}
.divcenter {
	position: relative !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
.has-success .input-group-addon {
  color: #3c763d;
  border-color: #3c763d;
  background-color: #dff0d8;
}
.has-warning .input-group-addon {
  color: #8a6d3b;
  border-color: #8a6d3b;
  background-color: #fcf8e3;
}
.has-error .input-group-addon {
  color: #a94442;
  border-color: #a94442;
  background-color: #f2dede;
}

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger.focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff;
}

/* ----------------------------------------------------------------
	Top Login
-----------------------------------------------------------------*/

#top-login { margin-bottom: 0; }

#top-login .checkbox { margin-bottom: 10px; }

#top-login .form-control { position: relative; }

#top-login .form-control:focus { border-color: #CCC; }

#top-login .input-group#top-login-username { margin-bottom: -1px; }

#top-login #top-login-username input,
#top-login #top-login-username .input-group-addon {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}

#top-login .input-group#top-login-password { margin-bottom: 10px; }

#top-login #top-login-password input,
#top-login #top-login-password .input-group-addon {
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}



.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}

.tright { text-align: right !important; }

.fright { float: right !important; }

/* ----------------------------------------------------------------
	Styled Icons
-----------------------------------------------------------------*/


.i-rounded,
.i-plain,
.i-circled,
.i-bordered,
.social-icon {
	display: block;
	float: left;
	margin: 4px 11px 7px 0;
	text-align: center !important;
	font-size: 28px;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	cursor: pointer;
	font-style: normal;
}

body:not(.device-touch) .i-rounded,
body:not(.device-touch) .i-plain,
body:not(.device-touch) .i-circled,
body:not(.device-touch) .i-bordered,
body:not(.device-touch) .social-icon {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.i-rounded,
.i-circled,
.i-bordered {
	width: 52px !important;
	height: 52px !important;
	line-height: 52px !important;
	background-color: #444;
	border-radius: 3px;
}

.i-bordered {
	border: 1px solid #555;
	line-height: 50px !important;
	background-color: transparent !important;
	color: #444;
	text-shadow: none;
}

.i-plain {
	width: 36px !important;
	height: 36px !important;
	font-size: 28px;
	line-height: 36px !important;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
}

.i-plain:hover { color: #777; }

.i-circled { border-radius: 50%; }

.i-light {
	background-color: #F5F5F5;
	color: #444;
	text-shadow: 1px 1px 1px #FFF;
	box-shadow: inset 0 0 15px rgba(0,0,0,0.2);
}

.i-alt {
	background-image: url('/images/icons/iconalt.svg');
	background-position: center center;
	background-size: 100% 100%;
}


.i-rounded:hover,
.i-circled:hover {
	background-color: #1ABC9C;
	color: #FFF;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	box-shadow: 0 0 0 rgba(0,0,0,0.2);
}

.i-bordered:hover {
	background-color: #444 !important;
	color: #FFF;
	border-color: #444;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-small.i-rounded,
.i-small.i-plain,
.i-small.i-circled,
.i-small.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 14px;
}

.i-small.i-rounded,
.i-small.i-circled,
.i-small.i-bordered {
	width: 28px !important;
	height: 28px !important;
	line-height: 28px !important;
}

.i-small.i-bordered { line-height: 26px !important; }

.i-small.i-plain {
	width: 18px !important;
	height: 18px !important;
	font-size: 14px;
	line-height: 18px !important;
}


/* Icon Size - Small
-----------------------------------------------------------------*/

.i-medium.i-rounded,
.i-medium.i-plain,
.i-medium.i-circled,
.i-medium.i-bordered {
	margin: 6px 13px 9px 0;
	font-size: 21px;
}

.i-medium.i-rounded,
.i-medium.i-circled,
.i-medium.i-bordered {
	width: 36px !important;
	height: 36px !important;
	line-height: 36px !important;
}

.i-medium.i-bordered { line-height: 34px !important; }

.i-medium.i-plain {
	width: 28px !important;
	height: 28px !important;
	font-size: 20px;
	line-height: 28px !important;
}


/* Icon Size - Large
-----------------------------------------------------------------*/

.i-large.i-rounded,
.i-large.i-plain,
.i-large.i-circled,
.i-large.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 42px;
}

.i-large.i-rounded,
.i-large.i-circled,
.i-large.i-bordered {
	width: 64px !important;
	height: 64px !important;
	line-height: 64px !important;
}

.i-large.i-bordered { line-height: 62px !important; }

.i-large.i-plain {
	width: 48px !important;
	height: 48px !important;
	font-size: 42px;
	line-height: 48px !important;
}


/* Icon Size - Extra Large
-----------------------------------------------------------------*/

.i-xlarge.i-rounded,
.i-xlarge.i-plain,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
	margin: 4px 11px 7px 0;
	font-size: 56px;
}

.i-xlarge.i-rounded,
.i-xlarge.i-circled,
.i-xlarge.i-bordered {
	width: 84px !important;
	height: 84px !important;
	line-height: 84px !important;
}

.i-xlarge.i-bordered { line-height: 82px !important; }

.i-xlarge.i-plain {
	width: 64px !important;
	height: 64px !important;
	font-size: 56px;
	line-height: 64px !important;
}


/* ----------------------------------------------------------------
	Icon Overlay
-----------------------------------------------------------------*/

.i-overlay {
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	text-align: center;
	background: rgba(0,0,0,0.2) url('/images/grid.png') repeat;
}

.i-overlay img,
.i-overlay i {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -24px 0 0 -24px;
	width: 48px !important;
	height: 48px !important;
	font-size: 48px;
	line-height: 1;
	color: #E5E5E5;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

.i-overlay i {
	margin: -18px 0 0 -18px;
	width: 36px;
	height: 36px;
	line-height: 36px;
	font-size: 24px;
}

.on-hover.i-overlay { opacity: 0; }

body:not(.device-touch) .on-hover.i-overlay {
	-webkit-transition: opacity 0.3s linear;
	-o-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}

.on-hover.i-overlay:hover { opacity: 1; }


/* ----------------------------------------------------------------
	Social Icons
-----------------------------------------------------------------*/


.social-icon {
	margin: 0 5px 5px 0;
	width: 40px;
	height: 40px;
	font-size: 20px;
	line-height: 38px !important;
	color: #555;
	text-shadow: none;
	border: 1px solid #AAA;
	border-radius: 3px;
	overflow: hidden;
}


/* Social Icons - Rounded
-----------------------------------------------------------------*/

.si-rounded { border-radius: 50%; }

/* Social Icons - Borderless
-----------------------------------------------------------------*/

.si-borderless { border-color: transparent !important; }

/* Social Icons - Dark
-----------------------------------------------------------------*/

.si-dark {
	background-color: #444;
	color: #FFF !important;
	border-color: transparent;
}

/* Social Icons - Light
-----------------------------------------------------------------*/

.si-light {
	background-color: rgba(0,0,0,0.05);
	color: #666 !important;
	border-color: transparent;
}

/* Social Icons - Colored
-----------------------------------------------------------------*/

.si-colored { border-color: transparent !important; }

.si-colored i { color: #FFF; }

/* Social Icons - Large
-----------------------------------------------------------------*/

.social-icon.si-large {
	margin: 0 10px 10px 0;
	width: 56px;
	height: 56px;
	font-size: 30px;
	line-height: 54px !important;
}

/* Social Icons - Small
-----------------------------------------------------------------*/

.social-icon.si-small {
	width: 32px;
	height: 32px;
	font-size: 14px;
	line-height: 30px !important;
}

.social-icon i {
	display: block;
	position: relative;
}

body:not(.device-touch) .social-icon i {
	-webkit-transition: all .3s ease;
	-o-transition: all .3s ease;
	transition: all .3s ease;
}

.social-icon i:last-child { color: #FFF !important; }

.social-icon:hover i:first-child { margin-top: -38px; }

.social-icon.si-large:hover i:first-child { margin-top: -54px; }

.social-icon.si-small:hover i:first-child { margin-top: -30px; }

.social-icon:hover {
	color: #555;
	border-color: transparent;
}

.si-colored.social-icon { border-color: transparent; }

/* Social Icons - Sticky
-----------------------------------------------------------------*/

.si-sticky {
	position: fixed;
	top: 50%;
	left: 5px;
	width: 36px;
	z-index: 100;
}

/* Social Icons - Sticky Right
-----------------------------------------------------------------*/

.si-sticky.si-sticky-right {
	left: auto;
	right: 8px;
}

/* Social Icons - Share
-----------------------------------------------------------------*/

.si-share {
	position: relative;
	padding-left: 5px;
	border-top: 1px solid #EEE;
	border-bottom: 1px solid #EEE;
}

.si-share span {
	line-height: 36px;
	font-weight: bold;
	font-size: 13px;
}

.si-share div { float: right; }

.si-share .social-icon {
	margin: -1px 0;
	border-radius: 0;
	font-size: 15px;
}

.si-facebook:hover,
.si-colored.si-facebook { background-color: #3B5998 !important; }
.si-delicious:hover,
.si-colored.si-delicious { background-color: #205CC0 !important; }
.si-paypal:hover,
.si-colored.si-paypal { background-color: #00588B !important; }
.si-flattr:hover,
.si-colored.si-flattr { background-color: #F67C1A !important; }
.si-android:hover,
.si-colored.si-android { background-color: #A4C639 !important; }
.si-smashmag:hover,
.si-colored.si-smashmag { background-color: #E53B2C !important; }
.si-gplus:hover,
.si-colored.si-gplus { background-color: #DD4B39 !important; }
.si-wikipedia:hover,
.si-colored.si-wikipedia { background-color: #333 !important; }
.si-stumbleupon:hover,
.si-colored.si-stumbleupon { background-color: #F74425 !important; }
.si-foursquare:hover,
.si-colored.si-foursquare { background-color: #25A0CA !important; }
.si-call:hover,
.si-colored.si-call { background-color: #444 !important; }
.si-ninetyninedesigns:hover,
.si-colored.si-ninetyninedesigns { background-color: #F26739 !important; }
.si-forrst:hover,
.si-colored.si-forrst { background-color: #5B9A68 !important; }
.si-digg:hover,
.si-colored.si-digg { background-color: #191919 !important; }
.si-spotify:hover,
.si-colored.si-spotify { background-color: #81B71A !important; }
.si-reddit:hover,
.si-colored.si-reddit { background-color: #C6C6C6 !important; }
.si-blogger:hover,
.si-colored.si-blogger { background-color: #FC4F08 !important; }
.si-cc:hover,
.si-colored.si-cc { background-color: #688527 !important; }
.si-dribbble:hover,
.si-colored.si-dribbble { background-color: #EA4C89 !important; }
.si-evernote:hover,
.si-colored.si-evernote { background-color: #5BA525 !important; }
.si-flickr:hover,
.si-colored.si-flickr { background-color: #FF0084 !important; }
.si-google:hover,
.si-colored.si-google { background-color: #DD4B39 !important; }
.si-instapaper:hover,
.si-colored.si-instapaper { background-color: #333 !important; }
.si-klout:hover,
.si-colored.si-klout { background-color: #FF5F52 !important; }
.si-linkedin:hover,
.si-colored.si-linkedin { background-color: #0E76A8 !important; }
.si-vk:hover,
.si-colored.si-vk { background-color: #2B587A !important; }
.si-rss:hover,
.si-colored.si-rss { background-color: #EE802F !important; }
.si-skype:hover,
.si-colored.si-skype { background-color: #00AFF0 !important; }
.si-twitter:hover,
.si-colored.si-twitter { background-color: #00ACEE !important; }
.si-youtube:hover,
.si-colored.si-youtube { background-color: #C4302B !important; }
.si-vimeo:hover,
.si-colored.si-vimeo { background-color: #86C9EF !important; }
.si-aim:hover,
.si-colored.si-aim { background-color: #FCD20B !important; }
.si-yahoo:hover,
.si-colored.si-yahoo { background-color: #720E9E !important; }
.si-email3:hover,
.si-colored.si-email3 { background-color: #6567A5 !important; }
.si-macstore:hover,
.si-colored.si-macstore { background-color: #333333 !important; }
.si-myspace:hover,
.si-colored.si-myspace { background-color: #666666 !important; }
.si-podcast:hover,
.si-colored.si-podcast { background-color: #E4B21B !important; }
.si-cloudapp:hover,
.si-colored.si-cloudapp { background-color: #525557 !important; }
.si-dropbox:hover,
.si-colored.si-dropbox { background-color: #3D9AE8 !important; }
.si-ebay:hover,
.si-colored.si-ebay { background-color: #89C507 !important; }
.si-github:hover,
.si-colored.si-github { background-color: #171515 !important; }
.si-googleplay:hover,
.si-colored.si-googleplay { background-color: #DD4B39 !important; }
.si-itunes:hover,
.si-colored.si-itunes { background-color: #222 !important; }
.si-plurk:hover,
.si-colored.si-plurk { background-color: #CF5A00 !important; }
.si-pinboard:hover,
.si-colored.si-pinboard { background-color: #0000E6 !important; }
.si-soundcloud:hover,
.si-colored.si-soundcloud { background-color: #FF7700 !important; }
.si-tumblr:hover,
.si-colored.si-tumblr { background-color: #34526F !important; }
.si-wordpress:hover,
.si-colored.si-wordpress { background-color: #1E8CBE !important; }
.si-yelp:hover,
.si-colored.si-yelp { background-color: #C41200 !important; }
.si-intensedebate:hover,
.si-colored.si-intensedebate { background-color: #009EE4 !important; }
.si-eventbrite:hover,
.si-colored.si-eventbrite { background-color: #F16924 !important; }
.si-scribd:hover,
.si-colored.si-scribd { background-color: #666666 !important; }
.si-stripe:hover,
.si-colored.si-stripe { background-color: #008CDD !important; }
.si-print:hover,
.si-colored.si-print { background-color: #111 !important; }
.si-dwolla:hover,
.si-colored.si-dwolla { background-color: #FF5C03 !important; }
.si-statusnet:hover,
.si-colored.si-statusnet { background-color: #131A30 !important; }
.si-acrobat:hover,
.si-colored.si-acrobat { background-color: #D3222A !important; }
.si-drupal:hover,
.si-colored.si-drupal { background-color: #27537A !important; }
.si-buffer:hover,
.si-colored.si-buffer { background-color: #333333 !important; }
.si-pocket:hover,
.si-colored.si-pocket { background-color: #EE4056 !important; }
.si-bitbucket:hover,
.si-colored.si-bitbucket { background-color: #0E4984 !important; }
.si-stackoverflow:hover,
.si-colored.si-stackoverflow { background-color: #EF8236 !important; }
.si-hackernews:hover,
.si-colored.si-hackernews { background-color: #FF6600 !important; }
.si-xing:hover,
.si-colored.si-xing { background-color: #126567 !important; }
.si-instagram:hover,
.si-colored.si-instagram { background-color: #3F729B !important; }
.si-quora:hover,
.si-colored.si-quora { background-color: #A82400 !important; }
.si-openid:hover,
.si-colored.si-openid { background-color: #E16309 !important; }
.si-steam:hover,
.si-colored.si-steam { background-color: #111 !important; }
.si-amazon:hover,
.si-colored.si-amazon { background-color: #E47911 !important; }
.si-disqus:hover,
.si-colored.si-disqus { background-color: #E4E7EE !important; }
.si-plancast:hover,
.si-colored.si-plancast { background-color: #222 !important; }
.si-appstore:hover,
.si-colored.si-appstore { background-color: #000 !important; }
.si-pinterest:hover,
.si-colored.si-pinterest { background-color: #C8232C !important; }
.si-fivehundredpx:hover,
.si-colored.si-fivehundredpx { background-color: #111 !important; }

.icon-envelope2:before {
	content: "\e6bf";
}
span.middot {
	display: inline-block;
	margin: 0 5px;
}
.icon-headphones:before {
	content: "\e6de";
}
.icon-angle-up:before {
	content: "\e7a6";
}

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success.focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff;
}

.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #337ab7;
  border-color: #2e6da4;
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff;
}

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.modal-open {
  overflow: hidden;
}
.modal2 {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal2.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-open .modal2 {
  overflow-x: hidden;
  overflow-y: auto;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 15px;
}
.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}

.dark{
  background-color: black;
}

/* --------------------------------- Side search box ------------------------------- */

.sidenavSearch {
  height: 100% !important;
  width: 0;
  position: fixed !important;
  z-index: 10000000000 !important;
  top: 0;
  right: 0;
  background-color: #f9f9f9 !important;
  overflow-x: hidden !important;
  transition: 0.5s !important;
  padding-top: 60px !important;
  padding-bottom: 5% !important;
}

.sidenavSearch a {
  padding: 8px 8px 8px 32px !important;
  text-decoration: none !important;
  font-size: 22px !important;
  color: #000000 !important;
  display: block; /*!important;*/
  transition: 0.3s !important
}

.sidenavSearch a:hover {
  color: #7e7e7e !important;
}

.sidenavSearch .closebtn {
  position: absolute !important;
  top: 0 !important;
  right: 25px !important;
  font-size: 36px !important;
  margin-left: 50px !important;
}

@media screen and (max-height: 450px) {
  .sidenavSearch {padding-top: 15px;}
  .sidenavSearch a {font-size: 18px;}
}

.input-circle-searchSidePanel-span{
  border-radius: 25px !important;
  font-size: 20px !important;
  background-color: #eee;
  font-family: 'Lato'!important;  
}

.input-circle-searchSidePanel, .input-circle-searchSidePanel:focus{
  border-radius: 25px !important;
  font-size: 20px !important;
  padding: 1em !important;
  border: none !important;
  background-color: #eee !important; 
}




.searchPanelBox{
  margin-top: 10% !important;
}

.searchPanelBox a{
  font-size: 18px !important;
}

.buttonSearchPanelInside {
  border-radius: 35px !important; /*8*/
	border: none;
  padding-left: 2em;
  padding-right: 2em;
  color: #444;
  background-color: #eee;
}

.buttonSearchPanelInside:hover {
  border-radius: 35px !important; /*8*/
	border: none;
  padding-left: 2em;
  padding-right: 2em;
	color: #444;
  background-color: #ddd;
}


/* --------------------------------- Breadcrumb ----------------------------------------- */
/* Style the list */
ul.breadcrumb {
  padding: 10px 16px;
  list-style: none;
  background-color: #ffffff;
  font-family: 'Lato'!important; 
  font-weight: 600;
}

/* Display list items side by side */
ul.breadcrumb li {
  display: inline;
  font-size: 17px;
  font-weight: normal;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumb li + li::before {
  padding: 8px;
  color: #454a4f;
  content: ">\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumb li a {
  color: #454a4f;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumb li a:hover {
  color: #000000;
  text-decoration: underline;
}

/*------------------------------------------------------------------------------_*/

.returnsLeftSidePanel{
  color: white;
  background-color: #746b66;
  border-radius: 25px !important;
  padding-top: 50px;
  padding-bottom: 50px;
}

/************************* breadcrumbBackofficePages *****************************/
/* Style the list */
ul.breadcrumbBackofficePages {
  padding: 10px 16px;
  list-style: none;
  background-color: #ffffff;
  font-family: 'Lato'!important; 
  font-weight: 600;
}

/* Display list items side by side */
ul.breadcrumbBackofficePages li {
  display: inline;
  font-size: 17px;
  font-weight: normal;
}

/* Add a slash symbol (/) before/behind each list item */
ul.breadcrumbBackofficePages li + li::before {
  padding: 8px;
  color: #454a4f;
  content: ">\00a0";
}

/* Add a color to all links inside the list */
ul.breadcrumbBackofficePages li a {
  color: #454a4f;
  text-decoration: none;
}

/* Add a color on mouse-over */
ul.breadcrumbBackofficePages li a:hover {
  color: #000000;
  text-decoration: underline;
}

/******************************* POPUP ***************************/

.overlay-bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height:100%;
	width: 100%;
	cursor: pointer;
	z-index: 10001; /* high z-index */
	background: #000; /* fallback */
	background: rgba(0,0,0,0.75);
}
	.overlay-content {
		display: none;
		/*background: #f7dde1;*/
    background: white;
		padding: 1%;
		width: 40%;
		position: absolute;
		top: 15%;
		left: 50%;
		margin: 0 0 0 -20%; /* add negative left margin for half the width to center the div */
		cursor: default;
		z-index: 10002;
		/*box-shadow: 0 0 5px rgba(0,0,0,0.9);*/
    border-radius:7px !important; 
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.575);
    transition: 0.3s;
	}

  .popupfoot {  
    padding:10px; 
    text-align:right; 
    padding-top:2%;
  }

	.close-btn-popup, .confirm-btn-popup {
		background: #000000;
    border-radius: 35px !important; /*8*/
    border: none;
    color: white;
    cursor: pointer;
    display: inline-block;
    font-family: 'Lato';
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; /* Hovers */
	}
	.close-btn-popup:hover {
		background: #ccc;
	}

	.cancel-btn-popup {
		background: #ccc;
    border-radius: 35px !important; /*8*/
    border: none;
    color: black;
    cursor: pointer;
    display: inline-block;
    font-family: 'Lato';
    font-size: 14px;
    /*font-weight: bold;*/
    line-height: 1;
    margin: 0;
    outline: none;
    padding: 10px 20px 11px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: background-color 0.15s ease-in-out;
    -moz-transition: background-color 0.15s ease-in-out;
    -o-transition: background-color 0.15s ease-in-out;
    transition: background-color 0.15s ease-in-out; /* Hovers */
	}
	.cancel-btn-popup:hover {
		background: #ccc;
	}

/* media query for most mobile devices */
@media only screen and (min-width: 0px) and (max-width: 480px){

	.overlay-content {
		width: 96%;
		margin: 0 2%;
		left: 0;
	}
}

.text-popup{
  padding-left:5%;
  font-size:18px;
}

.text-popup-error{
  padding-left:5%;
  font-size:18px;
  color:#841d27;
}

.text-popup-info{
  padding-left:5%;
  font-size:18px;
  color:#052d68;
}

.stop-scrolling-popup {
  height: 100%;
  overflow: hidden !important;
}

.accordionFaq {
  background-color: #eee;
  color: #444;
  cursor: pointer;
  padding: 0px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: 'Lato';
  transition: 0.4s;
  border-radius: 25px !important;
}

.accordionFaq.insideFaq{
  background-color: transparent;
  color: #444;
  cursor: pointer;
  padding: 0px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: 'Lato';
  transition: 0.4s;
  border-bottom: solid 1px #000;
  border-radius: 0% !important;
}

.active, .accordionFaq:hover {
  background-color: #ccc;
}

.panelFaq {
  margin-top:1%!important;
  padding: 0 2% !important;
  background-color: white !important;
  border: none !important;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}

.accordionsFaqContainer{
  padding:0 1% !important;
}

#content {
  overflow: visible !important;
}

.productsImgDefault{
  width: 100% !important;
  height: auto!important;
}

.accordion-cart {
  background-color: #A47F4C;
  color: white;
  cursor: pointer;
  padding: 0px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: 'Lato';
  transition: 0.4s;
  border-radius: 25px !important;
}

.active-cart, .accordion-cart:hover {
  color: white;
  background-color: #D5BFA4;
}

@keyframes pulse {
  0% {
      transform: scale(1);
  }
  50% {
      transform: scale(1.5);
  }
  100% {
      transform: scale(1);
  }
}

.blockuiLogoPulse{
	width: 50%;
	height: 50%;
	animation: pulse 2s infinite;
}

@keyframes rotateAction {

  100% {
      transform: rotate(360deg);
  }
}

.blockuiLogoRotate{
	width: 25%;
	height: 25%;
	animation: rotateAction 4s infinite;
}

body.blockPage {
	opacity: 0;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -1;
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity .3s ease;
	-o-transition: opacity .3s ease;
	transition: opacity .3s ease;
}

.cartAccordion {
  background-color: #A47F4C!important;
  color: white;
  cursor: pointer;
  padding: 0px !important;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  font-family: 'Lato';
  transition: 0.4s;
  border-radius: 25px !important;
}

.active.cartAccordion,
.cartAccordion:hover {
  background-color: #c79b5d!important;
}

.cartAccordion:disabled {
  background-color: #D5BFA4!important;
}

.select2-selection__clear {
  margin-right: 2% !important;
}

.number-input-cart {
  display: inline-flex;
}

.number-input-cart,
.number-input-cart * {
  box-sizing: border-box;
}

.number-input-cart button {
  outline:none;
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  cursor: pointer;
  margin: 0;
  position: relative;
}

.number-input-cart button:after {
  display: inline-block;
  position: absolute;
}

.number-input-cart input[type=number] {
  max-width: 5rem;
  text-align: right;
}

.bntLoader {
  display: inline-block;
  width: 15px;
  aspect-ratio: 1;
  border-radius: 50% !important;
  border: 2px solid;
  border-color: var(--btnLoader-color);
  animation: l20-1 0.8s infinite linear alternate, l20-2 1.6s infinite linear;
}

.bntLoader.golden{
--btnLoader-color: #A47F4C;
}

@keyframes l20-1{
  0%    {clip-path: polygon(50% 50%,0       0,  50%   0%,  50%    0%, 50%    0%, 50%    0%, 50%    0% )}
  12.5% {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100%   0%, 100%   0%, 100%   0% )}
  25%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 100% 100%, 100% 100% )}
  50%   {clip-path: polygon(50% 50%,0       0,  50%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
  62.5% {clip-path: polygon(50% 50%,100%    0, 100%   0%,  100%   0%, 100% 100%, 50%  100%, 0%   100% )}
  75%   {clip-path: polygon(50% 50%,100% 100%, 100% 100%,  100% 100%, 100% 100%, 50%  100%, 0%   100% )}
  100%  {clip-path: polygon(50% 50%,50%  100%,  50% 100%,   50% 100%,  50% 100%, 50%  100%, 0%   100% )}
}

@keyframes l20-2{ 
 0%    {transform:scaleY(1)  rotate(0deg)}
 49.99%{transform:scaleY(1)  rotate(135deg)}
 50%   {transform:scaleY(-1) rotate(0deg)}
 100%  {transform:scaleY(-1) rotate(-135deg)}
}

/* HTML: <div class="loader"></div> */
.rowLoader {
  display: inline-block;
  width: 10px;
  aspect-ratio: 1;
  border-radius: 50% !important;
  animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
    0%  {box-shadow: 20px 0 #000, -20px 0 #0002;background: #000 }
    33% {box-shadow: 20px 0 #000, -20px 0 #0002;background: #0002}
    66% {box-shadow: 20px 0 #0002,-20px 0 #000; background: #0002}
    100%{box-shadow: 20px 0 #0002,-20px 0 #000; background: #000 }
}

.firstLevelTd{
  border-right: 1px solid #C0C0C0 !important;
}

.firstTd{
  border-left: 1px solid #C0C0C0 !important;
}

.lastTd{
  border-right: 1px solid #C0C0C0 !important;
}

.secondLevelTd{
  border-bottom: 1px solid #C0C0C0;
  border-right: 1px solid #C0C0C0;
  padding: 0.5%;
}

.searchPanelLoadingBox{
  display: flex; 
  justify-content: center;
}
.searchPanelLoadingBoxLoader {
  width: 50px;
  aspect-ratio: 1;
  border-radius: 50% !important;
  background: 
    radial-gradient(farthest-side,#A47F4C 94%,#0000) top/8px 8px no-repeat,
    conic-gradient(#0000 30%,#A47F4C);
  -webkit-mask: radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 0);
  animation: l13 1s infinite linear;
}
@keyframes l13{ 
  100%{transform: rotate(1turn)}
}

#navbarAIImg{
  max-width: 50%;
}

#navbarAIImgContainer{
  width: 35%;
}

#navbarSearchContainer{
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  justify-content: space-between;
}

/* Nasconde l'elemento su schermi piccoli (mobile: max 767px) */
@media (max-width: 767px) {
  .hide-mobile {
    display: none !important;
  }
}

/* Nasconde l'elemento su schermi grandi (desktop: min 768px) */
@media (min-width: 768px) {
  .hide-desktop {
    display: none !important;
  }
}

.d-flex {
  display: flex;
}

.d-flex.f-nowrap {
  flex-wrap: nowrap;
}

.d-flex.jc-center {
  justify-content: center;
}

.d-flex.ai-center {
  align-items: center;
}

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

/* GESTIONE MARGINE */
  .m-0 {
    margin: 0px !important;
  }

  .m-5px {
    margin: 5px !important;
  }

  .m-10px {
    margin: 10px !important;
  }

  .m-15px {
    margin: 15px !important;
  }

  .m-5pc {
    margin: 5% !important;
  }

  .m-10pc {
    margin: 10% !important;
  }

  .m-15pc {
    margin: 15% !important;
  }

  .ml-0 {
    margin-left: 0px !important;
  }

  .ml-5px {
    margin-left: 5px !important;
  }

  .ml-10px {
    margin-left: 10px !important;
  }

  .ml-15px {
    margin-left: 15px !important;
  }

  .ml-5pc {
    margin-left: 5% !important;
  }

  .ml-10pc {
    margin-left: 10% !important;
  }

  .ml-15pc {
    margin-left: 15% !important;
  }

  .mr-0 {
    margin-right: 0px !important;
  }

  .mr-5px {
    margin-right: 5px !important;
  }

  .mr-10px {
    margin-right: 10px !important;
  }

  .mr-15px {
    margin-right: 15px !important;
  }

  .mr-5pc {
    margin-right: 5% !important;
  }

  .mr-10pc {
    margin-right: 10% !important;
  }

  .mr-15pc {
    margin-right: 15% !important;
  }

  .mt-0 {
    margin-top: 0px !important;
  }

  .mt-5px {
    margin-top: 5px !important;
  }

  .mt-10px {
    margin-top: 10px !important;
  }

  .mt-15px {
    margin-top: 15px !important;
  }

  .mt-5pc {
    margin-top: 5% !important;
  }

  .mt-10pc {
    margin-top: 10% !important;
  }

  .mt-15pc {
    margin-top: 15% !important;
  }

  .mb-0 {
    margin-bottom: 0px !important;
  }

  .mb-5px {
    margin-bottom: 5px !important;
  }

  .mb-10px {
    margin-bottom: 10px !important;
  }

  .mb-15px {
    margin-bottom: 15px !important;
  }

  .mb-5pc {
    margin-bottom: 5% !important;
  }

  .mb-10pc {
    margin-bottom: 10% !important;
  }

  .mb-15pc {
    margin-bottom: 15% !important;
  }
/* END */

/* GESTIONE PADDING */
  .p-0 {
    padding: 0px !important;
  }

  .p-5px {
    padding: 5px !important;
  }

  .p-10px {
    padding: 10px !important;
  }

  .p-15px {
    padding: 15px !important;
  }

  .p-5pc {
    padding: 5% !important;
  }

  .p-10pc {
    padding: 10% !important;
  }

  .p-15pc {
    padding: 15% !important;
  }

  .pl-0 {
    padding-left: 0px !important;
  }

  .pl-5px {
    padding-left: 5px !important;
  }

  .pl-10px {
    padding-left: 10px !important;
  }

  .pl-15px {
    padding-left: 15px !important;
  }

  .pl-5pc {
    padding-left: 5% !important;
  }

  .pl-10pc {
    padding-left: 10% !important;
  }

  .pl-15pc {
    padding-left: 15% !important;
  }

  .pr-0 {
    padding-right: 0px !important;
  }

  .pr-5px {
    padding-right: 5px !important;
  }

  .pr-10px {
    padding-right: 10px !important;
  }

  .pr-15px {
    padding-right: 15px !important;
  }

  .pr-5pc {
    padding-right: 5% !important;
  }

  .pr-10pc {
    padding-right: 10% !important;
  }

  .pr-15pc {
    padding-right: 15% !important;
  }

  .pt-0 {
    padding-top: 0px !important;
  }

  .pt-5px {
    padding-top: 5px !important;
  }

  .pt-10px {
    padding-top: 10px !important;
  }

  .pt-15px {
    padding-top: 15px !important;
  }

  .pt-5pc {
    padding-top: 5% !important;
  }

  .pt-10pc {
    padding-top: 10% !important;
  }

  .pt-15pc {
    padding-top: 15% !important;
  }

  .pb-0 {
    padding-bottom: 0px !important;
  }

  .pb-5px {
    padding-bottom: 5px !important;
  }

  .pb-10px {
    padding-bottom: 10px !important;
  }

  .pb-15px {
    padding-bottom: 15px !important;
  }

  .pb-5pc {
    padding-bottom: 5% !important;
  }

  .pb-10pc {
    padding-bottom: 10% !important;
  }

  .pb-15pc {
    padding-bottom: 15% !important;
  }
/* END */

.button-align .content-align {
  display: flex;
  align-items: center;
  gap: 6px; /* distanza tra testo, immagine, e icona */
  font-size: 1rem;
  line-height: 1.2;
}

.button-align .icon-img {
    position: relative !important;
    left: 0%;
    height: 1.5em;
    width: auto;
    vertical-align: middle;
    transform: translate(0%, 0%);
}

.dashboardBoxMobile .icon-img {
    position: relative !important;
    left: 1%;
    height: 2.5em;
    width: auto;
    vertical-align: middle;
    transform: translate(0%, 0%);
}

.dashboardSelectForm{
  display: flex;
  flex-direction: row;
  align-items: center;
}

.dashboardSelect{
  width: 70%!important;
  margin-right:3%;
  border-radius: 35px !important; /* arrotondamento dei bordi */
  border: 1px solid #ccc !important; /* facoltativo, definisce il bordo */
  padding: 5px 10px !important; /* facoltativo, per un po' di spazio interno */
  appearance: none !important; /* rimuove lo stile predefinito della select su alcuni browser */
  background-color: #fff !important; /* facoltativo, sfondo bianco */
}

.dashboardSelectBtn{
  width: 30%!important;
}

.dashboardBoxFirst {
  flex:0 0 auto;
}

.dashboardBoxSecond {
  flex:1; 
  margin-left:2%
}

.dashboardBoxSecondForm {
  flex:1; 
  margin-left:2%
}

.box-text-footer{
  margin-bottom:5%; 
  margin-left:5%
}

.box-text-body{
   margin-top:10%; 
   margin-left:5%;
   margin-bottom:5%;
}