html, body{padding: 0 !important; margin: 0 !important; width: 100%}

html {
  height: 100%;
  box-sizing: border-box;
}
body {
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  min-height: 100%;
  font-family: "Helvetica Neue", Arial, sans-serif;
}

.loading{
  width: 100%;
  height:100%;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 9999;
  background-color: #000;
  opacity: 0.9;
  color: #fff;
  display: grid;
}
.loading i{width: 40px; height: 40px; margin: auto;}

small{color: white !important}
#app {
  font-family: 'Avenir', Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;
}

[v-cloak]{display: none !important}


.container{text-align: center;}
.main-container{text-align: center;}

.inline{display: inline-block; padding-right: 10px}
.centrami{text-align: center !important;}
.btn-black{
    color: #fff;
    background-color: #444;
    border-color: #000;
}
.btn-black:hover{color: #fff; background-color: #222;}
.topbar .topbar-left{background-color: #fff;}
.topbar .logo{padding-left: 15px;}
.apps-dropdown .more-apps {margin-top: 0px}
.apps-dropdown .dropdown-menu{min-width: 260px}
.footer-container{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0;
    text-align: center;
}

#login .j-forms .success-view .icon-left, #login .j-forms .success-view .icon-right, #login .j-forms span.success-view, #login .j-forms .success-message i{
  color: initial;
}
#login .j-forms .success-view .icon-left, #login .j-forms .success-view .icon-right{
  border-color: initial;
}
#login .j-forms .success-view .checkbox i, #login .j-forms .success-view .radio i, #login .j-forms .success-view .checkbox-toggle i, #login .j-forms .success-view .radio-toggle i, #login .j-forms .success-view input, #login .j-forms .success-view select, #login .j-forms .success-view textarea{
  background-color: #fff !important;
}
#login .container{padding-top: 0px}
#login .login-container{margin-top: 0px}
#login p{line-height: 1.5}
#login h2{font-size: 16px; font-weight: bold;}
#login hr{border-top: 1px solid #2c3e50; margin-top: 45px}
.login-video{text-align: center;}
.login-video img{border: 1px solid #444; margin: auto;}
.accordion-toggle:after {font-family: 'FontAwesome'; content: "\f078"; float: right; color: white; position: absolute; right: 20px; margin-top: -36px;}
.accordion-toggle.collapsed:after {content: "\f054";}
#orders .accordion-toggle:after{margin-top: -45px;}

#orders .products{padding-top: 8px;}

.w-section-header {padding-bottom: 20px}
.w-section-header h3{margin: 0}

.btn-spaziami i.zmdi{padding-left: 5px}
.pointer:hover{cursor: pointer;}
.mini{font-size: 12px}

.panel-heading{padding: 15px;}


.panel-title p{margin-bottom: 0px}
.purchase .panel-body{padding: 0}
.panel-group .panel-heading + .panel-collapse > .panel-body, .panel-group .panel-heading + .panel-collapse > .list-group{border: none;}
.purchase th{text-align: center;}

.panel-collapse .table, .inside-me{border: 4px solid #139c9b; border-top: none}
.inside-me p{padding-top: 1em}
.inside-xs{border-left: 4px solid #139c9b; border-right: 4px solid #139c9b; padding-bottom: 10px}
#orders button, #keys button{padding: 2px 8px}
.error-message p{text-align: center;}
.downloads .line{padding: 20px 0}

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

.selector{float: right; padding: 10px}
.selector .vue-switcher{padding: 0px 5px 0px 10px}
.selector i{font-size: 19px}
.shadow{opacity: 0.5}

@media only screen and (min-width : 481px) {
   .prodotti.row {
   display: flex;
   flex-wrap: wrap;
   }
   .prodotti.row > [class*='col-'] {
   display: flex;
   flex-direction: column;
   margin: auto;
   }
  .prodotti.row:after, 
  .prodotti.row:before {
   display: flex;
  }
}

.prodotti .nomeprodotto{height: 70px; position: relative;}
.prodotti .nomeprodotto h4{ position: absolute; top: 50%; transform: translateY(-50%); width: 100%; margin: auto;}

.prodotti h5{margin-bottom: 0px}
.prodotti .prodotto{padding: 40px}
.prodotti .prodotto img{margin: auto;}
.prodotti .prodotto img:hover{cursor: pointer;}

/* Mobile */
.topbar .topbar-right .left-bar-switch{width: inherit; height: inherit;}
.topbar .topbar-right .left-bar-switch:hover{background-color: transparent;}
@media screen and (max-width: 768px){
  .widget-content .col-xs-2, .widget-content .col-xs-4, .widget-content .col-xs-6, .widget-content .col-xs-8{padding-left: 5px; padding-right: 5px}
  .widget-content .col-xs-2{padding-right: 15px}
  h4{font-size: 12px}
  .prodotto h4{font-size: 20px}
  h1{font-size: 25px; margin-top: 0px}
  .panel-title p{font-size: 12px}
  .accordion-toggle:after{right: 8px; font-size: 10px;}
  #orders .accordion-toggle:after{margin-top: -50px}
  .table{font-size: 12px}
  .j-forms .wizard-breadcrumb.number-style .steps p{font-size: 10px; line-height: 12px;}
  .j-multistep .block-form-footer button{float: none; margin:auto;}
  #keys button.btn-danger{font-size: 10px}
  .selector{float: none; padding-top: 30px}
}

.w-section-header .router-link-active i.zmdi-chevron-left{
  width:25px;
  height:25px;
}