/*@import url('https://fonts.googleapis.com/css?family=Open+Sans');*/
.newlink{
    position:relative;
}
.newlink::after{
    content:'new';
    color:#FF0;
    font-size:8px;
    letter-spacing:0.5px;
    position:absolute;
    rotate:-10deg;
    bottom:6px;
    text-shadow:-3px -3px 1px #000;
    right:5px;
}
.n-status{
  display:inline-block;
  border-radius:2px;
  background:green;
  opacity:0.8;
  width:10px;
  height:10px;
  box-shadow:0 0 3px rgba(0,0,0,0.7);
}
.n-status-2{
  display:none

}
.n-status-6{
  /*bloccato */
  background:orange;
  
}
.n-status-3{
  /*chiuso */
  background:red;
  
}
.servizi_esterni>iframe#servizi_esterni.new{
    height:calc(100vh + 150px);
    top:-150px;
}
.navbar-dark .navbar-nav .nav-link{
	font-size:13px;
	text-transform:uppercase;
	padding-left:0.4rem;
}
.not-focusable:focus,.not-focusable:active:focus,.not-focusable:active,.not-focusable:hover {
    outline: none !important;
    box-shadow: none !important;
}
.notesms{position:relative;left:-5px;}
.notesmd::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;

}
.punto .skinName{
  font-size:110%;
  opacity:0.9;
  padding-top:6px;
}
.punto .skinName:after{
  content:'Skin';
  font-size:11px;
  color:#3498DB
}
.notifications{
  position:relative;
}
.notifications.check-active{
	margin-left:8px;
	animation: notifyalert 1s ease-in-out infinite;
}
.notifications.check-active i{
	color:#F60;
}
.notifications>div{
    position:absolute;
    top:52px;
    background:#1A2226;
    width:310px;
    box-sizing:border-box;
    box-shadow:0 5px 5px rgba(0,0,0,0.5);
    border:1px solid #333
}
.notify-icon{
  position:relative;
  outline:none !important;
  color:#CCC;
  background: #1E282C;
  height:40px;
  line-height:40px;
  width:40px;
  border-radius:50%;
  text-align:center;
  -webkit-transition:all 400ms;
  transition:all 400ms;
  padding:0;
  border:0;
  margin:0;
}
.notify-icon:hover{
  background:#2C3B41;
}
.notifications>div::before{
  position:absolute;
  top:-7px;
  left:9px;
  content:'';
  width: 0; 
  height: 0; 
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 7px solid #333;
}
.notifications ul{
    margin:0;
    padding:0;
    list-style:none;
}
.notifications ul li{
    padding:10px;
    box-shadow:inset 0 0 1px #000;
    border-bottom:1px solid #666;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size:13px;
    color:#DDD;
}
.notifications ul li:last-child{
    border:none;
}
.tn{
    position:absolute;
    min-width:14px;
    height:15px;
    padding:0 2px;
    line-height:14px;
    font-size:10px;
    background:red;
    border-radius:100%;
    color:#FFF;
    right:-2px;
    bottom:-1px;
}

.new{
  animation-name: example;
  animation-duration: 5s;
}

@keyframes example {
  from {
   background-color:#293030;
   color:#FFF
  }
}
#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;
}

.active_menu #app_header .skinlogo>img,#vxmenu .skinlogo>img{
  height:0;
  -webkit-transition:all 600ms;
  transition:all 600ms
}
#app_header .skinlogo>img, .active_menu #vxmenu .skinlogo>img{
  height:35px;
  -webkit-transition:all 500ms;
  transition:all 500ms;
}
#app_header .skinlogo.bet24>img, .active_menu #vxmenu .skinlogo.bet24>img{
	height:60px;
}
#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;
}
#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';
}
span.sm-manager {
    display:block;
    font-size:70%;
    letter-spacing:1px;
    line-height:90%;
    color:#888;
    font-weight:bold;
}
@media screen and (max-height:820px){
    .list-group.mail_templates {
        overflow-y:auto;
        max-height:calc(100vh - 160px)
    }
}
@media (max-width: 992px) {
  #app_header{
    padding-right:0;
  }
  #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}
  .notifications{
    position:absolute;
    right:55px;
  }
 .notifications>div{
   left:-220px;
 } 
 .notifications>div::before{
   left:229px
 }
.notifications.check-active{
		right:105px;
}
}
.language{
    position:relative;
    background:rgba(0,20,20,0.2);
    padding:10px 0;
    text-align:center;
}
#glt-translate-trigger{right:auto;left:20px;}.goog-te-gadget { margin-top:2px !important; }p.hello { font-size:12px; color:#666; }#google_language_translator { clear:both; }#flags { width:165px; }#flags a { display:inline-block; margin-right:2px; }.goog-tooltip {display: none !important;}.goog-tooltip:hover {display: none !important;}.goog-text-highlight {background-color: transparent !important; border: none !important; box-shadow: none !important;}#google_language_translator a {display: none !important; }.goog-te-gadget {color:transparent !important;}.goog-te-gadget { font-size:0px !important; }.goog-branding { display:none; }#google_language_translator { display:none; }.goog-te-banner-frame{visibility:hidden !important;}body { top:0px !important;}
.flag{
    display:inline-block !important;
    width:22px;
    height:16px;
    margin:0 20px;
    background:url('/img/flags22.png') -59px -177px no-repeat;
    opacity:1;
}
.flag.de{background-position: -30px -119px;display:none}
.flag.fr{background-position: -117px -90px;display:none}
.flag.ru{background-position: -30px -293px;display:none}
.flag.es{background-position: -1px -322px;}
.flag.en{background-position: -88px -351px;display:none}
.flag:hover{opacity:0.9;}
.table-muted,.table-muted>th,.table-muted>td {
    opacity:0.75
}
.vixstat-table {
    margin:0 auto 80px auto !important;
}
.vixstat-table>.vx-row{
    margin-left:200px;
    position:sticky;
    position:-webkit-sticky;
	top:53px;
	z-index:3
}
.vixstat-row .punto,.totals .punto{
    position:sticky;
    position:-webkit-sticky;
    left:0;
    z-index:1
}
.punto.sts{
    background:#121212;
	font-size:14px;
	position:sticky;
	position:-webkit-stycky;
	top:53px;
	left:0;
	z-index:999999999999999;
	font-weight:bold;
	height:50px;
	line-height:50px;
	margin-top:-50px;
	z-index:3;
}
.vx-row div,.vixstat-row div{
	white-space:normal;
	display:inline-block;
	vertical-align:middle;
}
.vixstat-top{
  position:relative;
  z-index:4;
  min-width:100%
}
.vixstat-menu{
	position:relative;
	z-index:2;
opacity:0.9;padding-left:20px;
}
.fatherscrumb{
  width:1380px;
  max-width:100%;
  margin:-20px auto 20px auto;
}
.fatherscrumb.mini{
  width:100%;
  max-width:100%;
  margin:0 auto;
  font-size:10px;
  position: relative;
}
.fatherscrumb.mini .btn{
	font-size:12px;
	padding:1px 8px;
}
.mobile-fixed{
  position:sticky;
  width:1380px;
  left:calc((100vw - 1380px) / 2);
  margin:0;
}
.cprint.cprintvad{
  background-position:0 -82px !important;
}
@media screen and (max-width:1380px){
  .mobile-fixed{
    width:calc(100vw - 18px);
    position:sticky !important;
    left:9px !important;
  }
}
@media screen and (max-width:980px){
	.servizi_esterni>iframe#servizi_esterni.new{
	    height:calc(100vh + 40px);
	    top:-40px;
	}   
}
@media (max-width: 768px) {
  body:has(.table-responsive .b-table) {
    overflow-x: hidden !important;
  }
  .table-responsive table.b-table {width:max-content !important}
}
@media screen and (max-width:720px){
  .fatherscrumb{
    background: #12171B !important;
    position: fixed;
    z-index:2;
    top: 56px !important;
    height:36px;
    padding-top:3px;
    white-space:nowrap;
    overflow-x:scroll;
    margin-top:0;
    margin-bottom:0;
  }
  .fatherscrumb>div{
    padding:0 10px 0 10px;
  }
  .fatherscrumb.mini{
    background: transparent !important;
	width:100%;
	max-width:100%;
    position: relative;
    z-index:2;
    top: 0 !important;
    height:auto;
    padding-top:0;
    white-space:nowrap;
    overflow-x:scroll !important;
    margin-top:0;
    padding-bottom:5px;
	height:38px;
  }
  .fatherscrumb.mini div{
	  position:absolute;
	  padding:0 10px 0 0;
	  
  }
}
@media screen and (max-width:600px){
  .mobile-fixed .custom-control-label{
    font-size:88%;
  }
  .vixstat-table,.vixstat-menu{
    padding-left:9px !important;
    padding-right:9px !important;
  }
  .vixstat-menu>div{
    left:9px !important;
  }
  .small-sm{
    font-size:85%
  }
  #app_stats .vdp-datepicker__calendar{
    position:fixed;
    top:55px;
    left:0;
    width:100%;
  }
}
@media screen and (max-width:500px){
	.vixstat-table>.vx-row{
		margin-left:115px;
	}
}
@media screen and (max-width:1115px){.hidev-1115{display:none!important}}
@media screen and (max-width:1052px){.hidev-1052{display:none!important}}
@media screen and (max-width:1210px){.hidev-1210{display:none!important}}
@keyframes notifyalert {
    0%, 100% { 
        opacity: 1; 
    }
    50% { 
        opacity: 0.5; 
    }
}
.notify-rino{
  animation: notifyRino 1.5s infinite;
}
@keyframes notifyRino {
  0% {
    background-color:#900;
    transform: scale(1);
    opacity: 1;
  }
  50% {
    background-color:#333;
    transform: scale(0.9);
    opacity: 0.6;
  }
  100% {
    background-color:#900;
    transform: scale(1);
    opacity: 1;
  }
}