body {
    padding-top: 55px;;
    background:#222 url('/img/bg_july.jpg') no-repeat fixed;
    background-size: cover;
}
.bg-dark {
  background-color:#1A2226 !important;
}
.cursor-pointer{
  cursor: pointer;
}
.cursor-default{
  cursor: default !important;
}
.backModal,.closeModal{
  outline:0 !important;
  font: normal normal normal 40px/1 FontAwesome;
  cursor:default !important;
  position:absolute;
  left:0;
  top:0;
  background:none;
  border:none;
  width:40px;
  height:auto;
  padding:0;
  margin:0;
  background-color:rgba(255,255,255,0.02);
  color:#375a7f;
  transition:all .4s;
  z-index:2
}
.closeModal{left:auto;right:0}
.backModal:hover,.closeModal:hover{
  color:#3498DB;
  background-color:rgba(255,255,255,0.03);
}
.backModal::after{content:"\f104"}
.closeModal::after{content:"\f104"}
.closeModal::before{content:"\f105";margin-right:-5px}
.wrapper {
    margin:0;
    padding:0;
    display: flex;
    min-width: 100%;
    max-width:100%;
    align-items: stretch;
}
#mariocontent{
  width: 100%;
  max-width: 100%;
  padding-top:30px;
  margin:0 auto;
}
#sidebar {
    position:relative;
    width: 250px;
    transition: all 0.3s;
    z-index: 2;
}
.main-nav{
    width: 100%;
    max-width: 100%;
    position: fixed;
    z-index: 1020;
    top:0;
    left:0;
    box-shadow:0 0 5px #000;
    transition: all 0.3s;
    padding-top:8px;
    padding-bottom:8px;
}
.main-nav .navbar-brand{
  padding:0;
}
.main-nav .navbar-brand img{
  position:relative;
  top:-1px;
}
.main-nav.active{
  padding-left:250px;
}
#sidebar>div {
    background:#733;
    height: 100vh;
    position:fixed;
    width: 250px;
    z-index: 2;
}
#sidebar.active {
    margin-left: -250px;
}
#mycontract .btn-group.ruoli label, #contratto .btn-group.ruoli label{cursor:default;text-transform:uppercase;color:#DDD;font-size:13px;line-height:23px}
#mycontract .btn-group.ruoli label.active, #contratto .btn-group.ruoli label.active{color:#FFF}
#mycontract .allegato .card-header, #contratto .allegato .card-header{font-size:0.8em; padding:5px !important}
#mycontract .allegato button.up, #contratto .allegato button.up{
  outline:none;
  display:block;
  float:left;
  width:60px;
  height:80px;
  border:0;
  margin:0;
  margin-left:18px;
  padding:0;
  background:transparent url('/img/ico.png') no-repeat 50% 50%;
  background-size:contain;
  opacity:0.7;
}
#mycontract .allegato .img, #contratto .allegato .img{
  position:relative;
  top:-5px;
  outline:none;
  display:block;
  float:left;
  width:90px;
  height:70px;
  border:0;
  margin:0 2px 22px;
  padding:0;
  background:transparent url('/img/icons.png') no-repeat 25% -60px;
}
#mycontract .allegato .img:hover, #contratto .allegato .img:hover{
  opacity:0.8;
  cursor:pointer;
}
#mycontract .allegato .img button, #contratto .allegato .img button{
  border-radius:50%;
  opacity:0.8;
  font-size:12px;
  font-weight:bold;
  font-family:'Arial',sans-serif;
  position:absolute;
  top:0;
  right:-2px;
  display:block;
  padding:5px;
  line-height:10px;
}
#mycontract .allegato .img>span, #contratto .allegato .img>span{
  position:absolute;
  font-size:9px;
  width:100%;
  top:70px;
  height:24px;
  overflow:hidden;
  text-align:center;
  line-height:11px;
}
#contratto .allegato .img.pdf, #mycontract .allegato .img.pdf {
  background-position:37% 10px
}
#contratto .allegato .img.doc,#contratto .allegato .img.docx, #mycontract .allegato .img.doc,#mycontract .allegato .img.docx {
  background-position:37% -128px
}
#contratto .allegato .img.jpg,#contratto .allegato .img.jpeg,#contratto .allegato .img.png,#contratto .allegato .img.gif,#contratto .allegato .img.jfif,#contratto .allegato .img.heic, #mycontract .allegato .img.jpg,#mycontract .allegato .img.jpeg,#mycontract .allegato .img.png,#mycontract .allegato .img.gif,#mycontract .allegato .img.jfif,#mycontract .allegato .img.heic {
  background-position:30% -195px
}
#contratto .allegato button:hover, #mycontract .allegato button:hover {
  opacity:1
}
.list-group-item.contratto{
  padding: 0.5rem 1.25rem;
  -webkit-transition:background-color 400ms;
  transition:background-color 400ms;
}
.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #292929;
    border-color: #333
}
.list-group-item.contratto.archived{background:#122}
.list-group-item.contratto.archived::before{
    display: block;
    position:absolute;
    top:8px;
    right:18px;
    content: "\f00c";
    font-family:'FontAwesome';
    font-size: 16px;
    color:#0C0;
}
.list-group-item.contratto.checking{
  background-color:#111;
}
.list-group-item.contratto.archived .rag_sociale{font-size:0.9em}
.list-group-item.contratto.archived .close,.list-group-item.contratto.checking .close{visibility:hidden;pointer-events:none}
.list-group-item.contratto.archived .ctmenu a,.list-group-item.contratto.archived .ctmenu button{display:none}
.list-group-item.contratto.checking .ctmenu a,.list-group-item.contratto.checking .ctmenu button{display:none}
.list-group-item.contratto.checking .ctmenu a.richiesta-btn, .list-group-item.contratto.archived .ctmenu a.cprint{display:inline-block}
.list-group-item .allegati{font-size:13px}
.ctmenu a.btn-exa{
  display:inline-block !important;
  width:30px;
  height:15px;
  background:url('/img/exa.png') no-repeat 50% 50%;
  background-size:contain;
  opacity:0.6;
  transition:opacity 600ms;
}
.ctmenu a.btn-exa:hover{
  opacity:1;
}
.microatt{
  position:relative;
  top:5px;
  display:inline-block;
  vertical-align:top;
  color:#BBB;
  padding:0 0 0 17px !important;
  margin-right:15px;
  background:transparent url('/img/icons.png') no-repeat 0 -16px;
  background-size:14px auto;
  height:15px;
  line-height:15px;
  opacity:0.8;
}
.contratto a.exaccount, .contratto.archived span.exaccount{display:none}
.contratto.archived a.exaccount, .contratto.tmp-archived a.exaccount{display:inline}
.microatt:hover{opacity:1;color:#CCC;}
.microatt.micro-pdf{
  background-position:0 0;
}
.microatt.micro-doc,.microatt.micro-docx{
  background-position:0 -32px
}
.microatt.micro-jpg,.microatt.micro-peg,.microatt.micro-jpeg,.microatt.micro-png,.microatt.micro-gif,.microatt.micro-jfif,.microatt.micro-heic{
  background-position:0 -47px
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
 
input[type="number"] {
    -moz-appearance: textfield;
}
.dropdown-menu.show[aria-labelledby="servizi"] {
    display: flex;
    width: 500px;
    flex-wrap: wrap
}

.dropdown-menu.show[aria-labelledby="servizi"] .dropdown-item {
    width: 33.333%
}

.dropdown-menu.show[aria-labelledby="servizi"] .dropdown-item:first-child {
    width: 100%
}
.eventi .table td,.bonus .table td{
    padding:0.1rem 0.50rem;
    vertical-align:middle;
}
.eventi .table th,.bonus .table th{
    padding:0.2rem 0.50rem;
    vertical-align:middle;
}
.bonus .table th{
  font-size:82%;
  text-transform:uppercase;
  font-weight:normal;
  border-top:0;
}
.eventi td, .bonus td,.eventi th, .bonus th{
  text-align:center;
}
.eventi .table-primary th{
  border-radius:5px 5px 0 0;
  border-top:0;
}
.eventi table{
 
}
.eventi .table td:nth-child(n+3)::before,.bonus .table td:nth-child(n+3)::before{
    content:'\20AC  ';
    color:#CCC;
    font-weight:normal;
    font-family:'Arial','Helvetica',sans-serif;
    font-size:80%
}
.horiz-line {
  display:flex;
}
.horiz-line:after {
  color:white;
  content:'';
  flex:1;
  border-bottom:1px dotted #000;
  margin:auto 0 auto 0.25rem;
  box-shadow: 0 2px 0 rgba(0255,255,255,0.5)
}
.horiz-line-right{
  display:flex;
}
.horiz-line-right:before {
  color:white;
  content:'';
  flex:1;
  border-bottom:1px dotted #000;
  margin:auto 0 auto 0.25rem;
  box-shadow: 0 2px 0 rgba(0255,255,255,0.5)
}
.eventi tbody input, .bonus tbody input{
  max-width:60px;
  text-align:center;
  font-weight:bold;
}
.ctmenu .setcheck-btn, .check-status{
    font-size:13px;
    width:auto;
    height:auto;
    background-color:#222;
    padding:2px 9px;
    line-height:normal;
    border-radius:5px;
    margin-top:2px;
    color:#BBB;
}
.ctmenu .setcheck-btn:hover{
    background-color:#000;
    color:#EEE;
}
#modal-richieste .unsend{display:none}
    .container-fluid.max {
        max-width:1480px
    }
.faq>div{
    background-color:rgba(0,0,0,0.5);
    padding:10px 20px 10px 30px;
    margin:10px auto;
    position:relative;
    -webkit-transition: background-color 1000ms linear;
    -moz-transition: background-color 1000ms linear;
    -o-transition: background-color 1000ms linear;
    -ms-transition: background-color 1000ms linear;
    transition: background-color 1000ms linear;
}
.faq>div.active{
    background-color:rgba(0,0,0,0.8);
}
.faq>div.active h5{
    color:#0CF;
}
.faq h5:focus{
  color:initial
}
.faq h5{
    cursor:pointer;
    padding:10px 0;
    margin:0;
    color:#CCC;
}
.faq>div>div{
    display:none;
    line-height:180%;
    color:#DDD;

}
.faq>div::before{
    display: block;
    position:absolute;
    top:22px;
    left:10px;
    content: "\f0d7";
    font-family:'FontAwesome';
    font-size: 14px;
    color:#F90;
}
.faq>div.active::before{
    top:20px;
    content: "\f0d8";
}
.faq ul{
    margin:0;
    padding:0 0 0 20px;;
}

.collapse-chevron,.collapse-chevron:hover{
  text-decoration:none;
} 
.collapse-chevron:after {
    position:relative;
    font-family:Fontawesome;
    content:'\f077';
    font-size:70%;
    margin-left:3px;
    bottom:2px;
}
.collapse-chevron.collapsed:after {
    content:'\f078';
    
}
body #contratto .v-select ul{
    margin-left:0;
    padding-left:0;
    overflow-x:hidden;
}
body #contratto .v-select ul li {
    margin-bottom:0
}
body #contratto .v-select ul li {
    white-space:normal;
    padding-right:0;
}
body .vs--disabled .vs__search, body .vs--disabled .vs__selected{
  background-color:transparent;
}
body .vs--disabled .vs__actions{
  display:none
}
.b-table .notes{position:relative}
.b-table .notes.noted:after{content:"";position:absolute;top:1px;right:-4px;display:block;width:7px;height:7px;background:#c00;border-radius:100%;box-shadow:-2px 2px 3px #000}
@media (min-width: 1500px) {
    .container.max {
        max-width:1480px
    }
}
@media (min-width: 1400px) {
    .container.max {
        max-width:1400px
    }
    .container-fluid.max {
        max-width:1400px
    }
}
@media (max-width: 992px) {
    .ctmenu{
      margin:5px 0;
    }
    .contratto .richiesta-btn,.contratto .checks{
      background-color:#111;
      padding:4px 10px;
      margin:0 0 -4px 0!important;
      border-radius:5px;
      height:auto !important;
      width:auto !important;
      line-height:normal !important;
    }
    .cprint{
      background-color:#111 !important;
      width:30px !important;
      margin-top:4px;
      height:25px !important;
      border:3px solid #111 !important;
      border-radius:5px;
    }
    .richiesta-btn::after{
      margin-left:3px;
      font-family:Arial,'Helvetica', sans-serif;
      font-size:12px;
      content:'Richiedi allegati';
    }
    .checks::after{
      display:inline-block;
      margin-left:3px;
      font-family:Arial,'Helvetica', sans-serif;
      font-size:12px;
      content:'Contiene errori';
    }
    .fa-paperclip.checks::after{
      content:none
    }
    .microatt{
      display:block !important;
      float:none;
      border-bottom:1px dotted #000;
      margin:0 5px 16px;
    }
    .list-group-item.contratto.archived .close,.list-group-item.contratto.checking .close{display:none}
}
.gametypes-modal{
  position:fixed;
  top:0;
  left:0;
  width:100vw;
  height:100vh;
  background:rgba(0,0,0,0.95);
  z-index:9991;
  overflow-y:scroll;
  text-align:center;
  padding:100px 0;
}
.gametypes-modal>a{
  position:fixed;
  top:20px;
  right:40px;
  font-size:50px;
  line-height:50px;
  text-decoration:none;
  font-weight: 300;
  transform: scale(1, 0.8);
  text-shadow:1px 1px 2px #000;
}
.gametypes-modal>div{
  display:inline-block;
  text-align:left;
}
.gametypes-modal .custom-control{
  font-size:16px;
  line-height:22px;
  margin:20px 0; 
}
.stats-expanded label{
    transition:all 400ms;
}
@media screen and (max-width:1080px){
  .stats-expanded label{
    font-size:13px
  }
}
@media screen and (min-width:978px){
  .stats-expanded{
    margin-top:-45px;
  }
  .d-mdvx-flex{
    display:flex !important;
  }
  .d-mdvx-none{
    display:none !important;
  }
}