.navbar-dark .navbar-nav .nav-link{color:#DDD}
.navbar-dark .navbar-nav .nav-link:hover{color:#FFF}
.no-line, .no-line:hover, .no-line:focus {
    text-decoration: none !important;
}
.micro {
    font-size: 65%;
}
#vxmenu{
    position:fixed;
    top:0;
    left:-340px;
    background:#1A2226;
    box-shadow:0 0 40px rgba(0,0,0,0.9);
    width:300px;
    max-width:95%;
    height:100vh;
    z-index:1022;
    padding:5px 0;
    -webkit-transition:left 400ms;
    transition:left 400ms;
    overflow-y:scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}
#vxmenu::-webkit-scrollbar { 
    display: none;
}
.active_menu #closevxmenu{display:block}
.active_menu #vxmenu{left:0}
#closevxmenu{
    display:none;
    background-color:rgba(0,0,0,000.1);
    opacity:0;
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1021;
}
.bg-vx2,.bg-hvx2{
  background:#222D32 !important
}
.bg-vx3{
  background:#007053 !important
}
.text-vx3{
  color:#007053 !important
}
.bg-hvx2:hover{
  background:#111C21 !important
}
#vxmenu a.type-vx-1{
  color:#DDD;
  background:#007053;
}
#vxmenu a.type-vx-2{
  color:#DDD;
  background:#005370;
}
#vxmenu .menuicon{
  position:absolute;
  right:10px;
  top:9px;
}
.menuicon{
  color:#CCC;
  background: #1E282C;
  height:40px;
  line-height:40px;
  width:40px;
  border-radius:50%;
  text-align:center;
  -webkit-transition:all 400ms;
  transition:all 400ms;
}
.menuicon:hover{
  background:#2C3B41;
}
#app_header .menuicon{
  position:relative;
  margin-left:0;
}
.active_menu #app_header .menuicon{
  opacity:0;
  pointer-events:none;
  margin-left:-50px;
}
#vxmenu .menuicon{display:none}
.active_menu #vxmenu .menuicon{display:block}
#vxmenu .saldi{
  position:relative;
  font-size:14px;
  padding:10px 0;
  margin-top:10px;
}
#vxmenu .topupmini{
  padding:5px;
  margin-bottom:20px;
}
#vxmenu .logout{
  color:#ABA;
  font-size:11px;
  text-transform:uppercase;
}
/*
body{
  background:#12171B !important
}
body #app_header{
  background:#1A2226 !important;
}
*/
body{
  background:#0c161c !important;
}
body #app_header{
  background:#0c161c !important;
  border-bottom: solid 1px #242d33;
}
#vxmenu ul{
    margin:0;
    padding:0;
    list-style:none;
}
#vxmenu li>a, #vxmenu .d-flex>a{
    cursor:default;
    text-decoration:none;
    padding:10px;
    display:block;
    color:#ACB;
    margin-bottom:1px;
    background:#1E282C;
    -webkit-transition:all 400ms;
    transition:all 400ms;
}
#vxmenu li>a:hover, #vxmenu .d-flex>a:hover{
  background:#2C3B41;
  color:#FFF;
}
#vxmenu .sub{display:none}
#vxmenu .sub.active{display:block}
#vxmenu .sub li>a{
  padding-left:20px;
}
#vxmenu .title{
  position:relative;
  background:#0D171B;
  padding:8px;
  margin-top:10px;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:1px;
  color:#DDD;
}
#vxmenu .hasSub{
  cursor:pointer;
  transition:color 400ms;
}
#vxmenu .hasSub:hover{
  color:#FFF;
}
#vxmenu a.direct, #vxmenu .sub li>a{
  position:relative;
}
#vxmenu a.direct:after,#vxmenu li.hasSub:after{
  display: block;
  position:absolute;
  right:10px;
  top:50%;
  margin-top:-8px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content:'\f105';
  color: #CCC;
}
#vxmenu li.hasSub:after{
  font-size: 120%;
  right:6px;
  content:'\f0c9';
  color:#00bc8c;
}

#vxmenu a.hasSub:after{
  display: block;
  float:right;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content:'\f107';
  color: #CCC;
}
#vxmenu .active a.hasSub:after{
  content:'\f106';
}
.ricercaplayer input::placeholder, .cercacontratto input::placeholder{
  font-size:12px;
  color:#BBB;
}
.ricercaplayer input, .cercacontratto input{
  background: #2C3B41 !important;
  color:#DDD !important;
}
.ricercaplayer *,.cercacontratto *{
  border-radius:0;
  outline:0 !important;
  box-shadow:none !important;
}
#app_header .btn{
  border-radius:2px;
  padding:5px 10px;
}
  .vs__open-indicator{
    fill:#00bc8c !important;
  }
  .vs__clear{
    fill:#C00 !important;
  }
  .v-select,.vs__search::placeholder, .vs__dropdown-toggle, .vs__dropdown-menu,.vs__selected{
    background: #2C3B41 !important;
    color:#DDD !important;
  }
  .vs__selected{font-size:14px !important}
  .vs__search::placeholder{color:#BBB !important;font-size:12px !important;}
  .v-select{
    min-width: 200px !important;
    border-radius:0 !important;
  }
  .v-select .vs__dropdown-toggle{
  padding: 0 0 6px;
  border-radius:0;
}
.vs--searchable .vs__dropdown-option {
  padding:10px !important;
}
  .vs__dropdown-menu{border-radius:0 !important;padding-bottom:0 !important}
.vs__dropdown-option {
  display: block !important;
  padding: 3px 20px !important;
  clear: both;
  color: #CCC !important;
  background: #1E282C !important;
  font-size:14px !important;
}
.vs__dropdown-option--highlight {
  background: #2C3B41 !important;
  color: #FFF !important;
}
.vs__selected-options input{
  color:#DDD !important;
}
.fading-enter-active, .fading-leave-active {
  transition: opacity 0.4s;
}
.fading-enter, .fading-leave-to {
  opacity: 0;
}
.modal-mask {
  position: fixed;
  z-index: 9998;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .7);
  display: table;
}
.modal-wrapper {
  display: table-cell;
  vertical-align: middle;
}
.modal-container {
  width:350px;
  max-width: 100%;
  margin:-150px auto 0 auto;
  padding: 20px 30px;
  background-color: #111;
  border-radius: 2px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
}
.text-color-trans{
  -webkit-transition: color 500ms;
  transition: color 500ms;
}
.active>div>.mobile-filters-close{
  display:block;
}
.mobile-filters-close{
  display:none;
  position:absolute;
  top:60px;
  left:177px;
  font-size:16px;
  z-index:3;
  background:#1E282C;
  color:##20c997;
    height: 40px;
    line-height: 40px;
    width: 40px;
    border-radius: 50%;
    text-align:center;
    box-shadow:0 0 5px #CCC;
}
.list-group-item.moborder{
  display:none;
}
.sort>div{
  cursor: pointer;
}
#app_players .list-group-item.vx{
    border:none;
    box-shadow:inset 0 0 1px #111;
    transition: all 300ms
}
#app_players .list-group-item.vx:hover{
    background:#373737;
}
.fading-enter-active, .fading-leave-active {
  transition: opacity 0.4s;
}
.fading-enter, .fading-leave-to {
  opacity: 0;
}
.text-color-trans{
  -webkit-transition: color 500ms;
  transition: color 500ms;
}
.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}
.rendiconti .card{
  border:none;
  background:none;
}
.rendiconti .card-body{
  background: rgba(0,10,10,0.3);
  border-radius: 0 0 3px 3px;
}
@media screen and (max-width:576px){
  #vxmenu{
      left:auto;
      right:-340px;
      -webkit-transition:right 400ms;
      transition:right 400ms;
      font-size:18px;
  }
  .active_menu #closevxmenu{display:block}
  .active_menu #vxmenu{left:auto;right:0}
  #closevxmenu{left:auto;right:0}
  .list-statement{
    position:relative;
    z-index:1019;
  }
  .list-statement>.list-group-item:before{
     content:'Ordinamento';
     text-transform:none;
     color:#CFC;
     margin:10px 0;
     display:block;
  }
  .list-statement>.list-group-item{
    position:fixed;
    padding-top:60px;
    top:0;
    left:-250px;
    width:200px;
    height:100vh;
    background:rgba(5,10,10,0.98);
    border:0;
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    -webkit-transition:left 400ms;
    transition:left 400ms;
    z-index:2;
  }
  .list-statement.active>.list-group-item{
    left:0
  }
  .list-statement a.text-primary{
    color:#DDD !important;
    font-size:15px;
    font-weight:normal;
    text-decoration:none;
  }
  .list-statement.active .close-list-statement{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1;
    background:rgba(0,0,0,0.0001);
    opacity:0;
  }  
  body{
    padding-bottom:80px;
  }
  #app_playeranalisys{
    font-size:12px;
  }
}
@media screen and (max-width:900px){
    .players-list{
    position:relative;
    z-index:1019;
  }
  .list-group-item.moborder{
    display:block;
  }
  .players-list>.list-group-item:before{
     content:'Ordinamento';
     text-transform:none;
     color:#CFC;
     margin:10px 0;
     display:block;
  }
  .players-list>.list-group-item{
    position:fixed;
    padding-top:60px;
    top:0;
    left:-250px;
    width:200px;
    height:100vh;
    background:rgba(5,10,10,0.98);
    border:0;
    box-shadow:0 0 20px rgba(0,0,0,0.5);
    -webkit-transition:left 400ms;
    transition:left 400ms;
    z-index:2;
  }
  .players-list.active>.list-group-item{
    left:0
  }
  .players-list div.sort, .players-list div.sort>div{
    display:block;
    width:100%;
    min-width:160px;
    text-align:left !important;
    margin-bottom:15px;
  }
  .players-list a.text-primary{
    color:#DDD !important;
    font-size:15px;
    font-weight:normal;
    text-decoration:none;
  }
  .players-list.active .close-players-list{
    position:fixed;
    top:0;
    left:0;
    width:100vw;
    height:100vh;
    z-index:1;
    background:rgba(0,0,0,0.0001);
    opacity:0;
  }  
}
.footer-nav{
  background:#12171B;
  display:grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  column-gap:2px;
  list-style-type: none;
  text-align:center;
  height:80px;
  position:fixed;
  z-index:3;
  width:100%;
  bottom:0;
  left:0;
  margin:0;
  padding:0;
  box-shadow:0 0 4px #000;
}
.footer-nav .fa{
  display:block;
  color:#CCC;
  font-size:20px;
}
.footer-nav span{
  display:block;
  margin-top:8px;
  text-transform:uppercase;
  font-size:10px;
  line-height:13px;
}
.footer-nav a{
  color:#FFF;
  box-sizing:border-box;
  display:block;
  background:#1A2226;
  height:80px;
  padding-top:15px;
}
.special-modal-link a>span{color:#FFF}
.special-modal-link a:hover>span{color:inherit}
.paymentFrame{
  width: 100%;
  min-width: 320px;
  max-width: 550px;
  height:690px;
  overflow: hidden;
}
.paymentFrame iframe {
    width:100%;
    height:calc(100% - 40px);
    position:absolute;
    border:0;
    margin:0;
    padding:0;
    top:40px;
    left:0;
}
.pulsate {
    -webkit-animation: pulsate 3s ease-out;
    -webkit-animation-iteration-count: infinite; 
    opacity: 0.5;
}
@-webkit-keyframes pulsate {
    0% {opacity: 0.5}
    50% {opacity: 1.0}
    100% {opacity: 0.5}
}
  html.serviziEsterni, html.serviziEsterni body{
    overflow:hidden !important;
    height:100vh !important
  }
  .servizi_esterni iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100vh;
    margin:0;
    padding: 56px 0 0 0;
    z-index:3;
  }
  @media screen and (max-width:576px){
    .servizi_esterni iframe{
      height:calc(100vh - 80px);
    }
    .no-gutters-sm{
        margin-right: 0;
        margin-left: 0
    }
    .no-gutters-sm>.col,.no-gutters-sm>[class*="col-"]{
      padding-right: 0;
      padding-left: 0;
    }
  }