/*CSS HANDLER */
/*COUPON CSS*/






.ctable {
  /*display:block;*/
  background-image:url(../img/coupon_row_bg.png);
  border-collapse:separate; 
  
  margin:0;
  padding-top:0;
  table-layout:fixed;
  width:220px;
  border:4px solid #000000;
  border-top:none;
  border-bottom:none;
  
  
  
}
.ctable span{





}
.ctable tr{
  /*background-image:url(../img/coupon_row_bg.png);*/
  background-repeat:no-repeat;
  /*display:block;*/
  font-size:11px;
  
  /*border: 2px solid #000000;*/
  margin:0;
  padding:0;
  
  /*width:220px;*/
  

  
}

.cfissa a.attiva {
  color: green;
}

.ctable tr:hover {
  /*background-image:url(../img/coupon_row_hover_bg.png);*/
}
.ctable tr td{
  /*background-image:url(../img/coupon_row_bg.png);*/
  background-repeat:no-repeat;
  height:50px;
  vertical-align:top;


}

.ctable tr td:hover, .ctable tr:hover td {

  background-image:url(../img/coupon_row_hover_bg.png);
  
}



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



/**/ 


#cstep2, #cstep3{
  clear:both;
    text-align: center;
}


.imoney{
  float:left;
  width:97px;
}


#itable {
  display:block;
  padding-top:4px;
  margin-bottom:0;
}


#ioval, #ibval, #iwval {
  width:150px;
  text-align:right;
}
#ibval {
  color:#FFFFFF;
}
#ibval.bonuscolor {
  color:#FFCC00;
}

/* Ultimo DIV in basso */
#ibtns {
  
}
.imoney {
  float:left;
  height:38px;
  margin-left:52px;
  padding:6px 0 0;
  width:112px
  
}

#cstake {
  display: block;
  height: 18px;
  text-align: right;
}



.nobtn {
  display:block;
  float:left;
    width: 84px;
    height: 22px;
    margin: 6px 8px;
    padding: 0;
    border: 0;
    text-indent: -1000em;
    cursor: pointer; /* hand-shaped cursor */
  background:transparent url(../img/coupon_cancel_btn.png) no-repeat center top;
}
.timerdiv {
  color:#FFFFFF;
  width:200px;
  margin:10px;
  clear:left;
  font-size:11px;
}


.ib_reserve {
  width: 100%;
  margin-top: 10px;
}
#repeat_last_container {
  background: #ffffff none repeat scroll 0 0;
  margin: 0 3px;
  padding: 4px;
}

.repeat_last {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.repeat_last_txt{
     padding-left: 5px;
}

.ifoot { /* footer del Coupon */
  height:3px;
}
.speedfoot, .ifoot {
  
}

.ctable li.hidden {
  display:none;
}

.loader {
  background-image: url("../img/coupon_loader.gif");
  background-position: center center;
  background-repeat: no-repeat;
  height: 20px;
}

#itable{
  margin-top:6px; 
  display:none;
}

#itable li, #cstep1, #cstep2, #cstep3, #cstep3, #cstep4 {
     clear: both;
     display: block;
     padding: 5px 0;
}
#itable li span{
  float:right;
  
  
}

#iconfirm { 
  padding:8px;
  
}
.cstep .glyphicon{
     
     
     line-height: 24px;
     margin: 0 4px;
     
}



.ib_scom, .ib_up, .ib_dw, .ib_canc, .ib_conf, .ib_repl, .ib_prev, .ib_prin, .ib_neue, .wb_conf, .wb_canc, .openpanel, .delcouponconf{  
    
    
     clear: both;
     float: none;
     text-indent: 0;
    
}

.ib_scom {
  width: auto;
  display: block;
  margin: 0 auto;
}

.ib_canc, .wb_canc ,
.ib_conf, .wb_conf,
.openpanel, .delcouponconf {
/*     width: 45.6%;*/
}
.ib_repl, .ib_prev, .ib_prin, .ib_neue {
  font-size: 11px;
  padding: 4px;
  text-align: center;
}



#cstep4{
     clear: both;
     text-align: center;
}

.ib_del, .ib_update {
    background-image: url("../img/coupon_scommetti_btn.png");
    color: #121212;
    display: inline-block;
    float: none;
    height: 22px;
    line-height: 22px;
    text-align: center;
    text-indent: 0;
    width: 90px;
    border-radius: 4px 4px 4px 4px;
}

.ib_del {
  margin: 0 11px 8px 48px;
}
.ib_del:hover, .ib_update:hover{
    color: #222222;
    background-position: 0 -22px;
}




/*FINE COUPON*/










/*stile per il coupon nuovo*/

#couponcontainer .h1header {
    border-bottom: 2px solid var(--colore_principale_dark);;
  line-height: 15px;
  padding-left: 5px;
  position: relative;
  height:40px;
}
#couponcontainer .title{
  display: inline-block;
  width: 60px;
  
}

.cboth{
    background-image: none;
    clear: both;
    height: 0;
}

a.cdel {
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
  color: var(--testo_gradiente);
}

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

a#togglescroll {
  padding: 5px;
  position: absolute;
  right: 25px;
  text-decoration: none;
  top: 0;
  z-index: 10;
  color: var(--testo_gradiente);
}

a#togglescroll:hover{
  color: #222;
  
}

.totevents {
  display: block;
  font-size: 10px;
}

.prono_list .cboth{
 /*background-image:url("../img/giocata_bottom.png");*/
    clear:both;
    *float:left;

}


.scrollable.tabs_coupon {
  width: 277px;
}

.tabs_coupon{
    
    
    margin-top: 4px;
    padding-left: 1px;

    
    }
    
    
    
   .tabs_coupon li{    
   
    
        margin:0 2px;
        vertical-align:bottom;
       
    }
.tabs_coupon a{
    background-color: var(--colore_principale);;
   color: var(--testo_gradiente);
   cursor: pointer;
   display: inline-block;
   margin-right: 0;
   text-align: center;
   text-decoration: none;
   text-transform: uppercase;
   vertical-align: bottom;
   width: 100%;
    }
    
.tabs_coupon a.current, .tabs_coupon a.current:hover {
    background-color: #FFFFFF;
    color: #333333;
    text-decoration: none;
    }
    
.tabs_coupon a.disabled, .tabs_coupon a.disabled:hover {
  background-color: transparent;
  color: var(--testo_gradiente);
  cursor: default !important;
}


.tabs_coupon a:hover{
    color:#fff;
    background-color: #222;
    }


.coupon{
    
    
    display:block;
    font-size:0px;
    margin-bottom:0;
    margin-top:0;
    padding-top:1px;
    /*width:212px;*/
}
.coupon *{
    
    font-size: 10px;
    
}


.giocata, .integrale.giocata{
        
       /*background-image:url("../img/css_sprite.png");
        background-position:-386px -390px;*/
       background-image:none;
        background-color:#EFEFEF;
        clear:both;
        margin:0 1px;
        padding-top:1px;
        color: #222;
        
}
.giocata:hover, .integrale.giocata:hover{
    
      /*background-position:-386px -434px;*/
    
}
.integrale.giocata{
        
       clear:both;
       height:auto;
     
}
    .descr{
       clear: both;
    margin-top: 4px;
    padding: 1px 4px;
    position: relative;
    }
    
.descr span {
  display: inline-block;
  float: left;
  height: 22px;
  font-size:14px; 
  margin: 0 3px 0 0;
}


        .couponsistema .descr .ccode_new{          
            margin-left: 22px;
        }
        .cevent_new{        
            text-transform: capitalize;
            max-width:142px;
            overflow:hidden;
            white-space:nowrap;
    
        }
    .cmani_new{
      
      display: none !important;
    }
        .cqt_new{
           position: absolute;
           right: 0;
           top: 0;
        }
            .cqt_new a{
                color: #E63A00;
                font-size: 12px;
                /*text-shadow: 0 0 6px #999999;*/
            }
            .cqt_new a:hover{
              text-decoration: none;
              color: #222;
            }
    
        .cfissa{
           position: absolute;
           top: 0;
           left: 4px;
        }
        .cfissa a{
            color: #E63A00;
           /* text-shadow: 0 0 6px #999999;*/
        }
        .cfissa a:hover{
          text-decoration: none;
          color: #222;
        }
        .cfissa.attiva a{
            color: #222;            
        }
        
        
    .prono_list{
        clear: both;
        margin: 0 4px;
    }
    .giocata .prono_list{
        height:20px;
    }
    .giocata.integrale .prono_list{
       background-repeat:repeat-y;
        clear:both;
        height:auto;
        padding-left:1px;
    }
    
        .prono{
            color: #222222;
            display: block;
            height: 20px;
            line-height: 20px;
            margin-bottom: 0;
            /*padding: 0 2px;*/
            
            }
            .prono.changed, .integrale .prono.changed{
                background: #ff0000 !important;
            }
            .prono.changed span, .prono.changed span span, .integrale .prono.changed span, .integrale .prono.changed span span{
                color: #EFEFEF !important;
            }
        .prono.disabled{
            /*background-color:#5384D1;
            border-color:#70A5F7 #345993 #345993 #70A5F7;
            border-style:solid;
            border-width:1px;*/
            }
.prono span {
  font-size: 12px;
}

.prono span.quote_desc {
  font-size: 12px;
}

.integrale .prono {
   background-color: #CCCCCC;
    display: block;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;    

    
    }
.integrale .prono:first-child{
   
}
.prono a{
    color: #222222;
    display: block;
    height: 18px;
    overflow: hidden;
    text-decoration: none;
    width: 100%;
    padding-right: 10px;
    position: relative;   
}
.prono a:hover{
  color:#222222;
}
.prono .quote_text {
  display: inline-block;
  float: left;
  width: 65%;
}
.prono .quote_text .class_text {
  float: left;
  margin: 0;
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.prono .quote_text .prono_text {
  float: left;
  font-weight: bold;
  max-width: 130px;
  overflow: hidden;
  padding: 0 10px;
  max-width: 35%;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 10px;
}
.integrale .prono .quote_text .prono_text{
    
}
.integrale .prono .quote_text{    
    
    overflow:hidden;
   
        
}
.prono .quote_amount{
   
    
   
}

.integrale .prono .quote_amount{
   

}
/* css per eliminare i singoli segni di un integrale*/

/*zak*/
.quote_amount {
  display: inline-block;
  float: right;
  width: 35%;
}

.delpkid {
  color: #999999;
  font-size: 11px;
  margin-top: 3px;
  position: absolute;
  right: 0;
}
.delpkid:hover{
    
    color: #cc2200;
    
}
.giocata .delpkid{
  display: none;
}
.giocata.integrale .delpkid {
  display: inline-block;
  font-size: 12px;
  text-indent: -10px;
}
/*sezione del sistema*/



/* system.css */

#systable {
    font-size: 13px;
    overflow-x: hidden;
}
 #systable li {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    margin: 0 3px;
    min-height: 45px;
}
#systable li span,
#systable li input,
#systable li label {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  margin: 0 4px;
}
 #systable input[type="checkbox"] {
    float: left;
    margin-top: 8px;
    margin-left: 0;
}
.row1,
.row2 {
    line-height: 21px;
    padding: 4px;
}
.row1 {
    padding-top: 7px;
}
.row1 label {
  line-height: 30px;
  white-space: nowrap;
  width: 55px;
}
.row1 span.comb {
  text-align: right;
  width: 50px;
}
#systable .row1 input[type="text"] {
    float: right;
    margin-top: 1px;
}
#systable .row1 input[type="text"],
.amountbet #cstake,
#inttable input[type="text"] {
    border: 1px solid #999999;
    border-radius: 2px;
    padding: 0 4px;
    font-size: 13px;
}
#systable .row1 input[type="text"] {
    width: 38%;
}
.row2 {
    margin-bottom: 6px;
    padding-bottom: 0;
    padding-top: 0;
}
.row2 span {} .row2 span+ span {
    color: #DD3300;
    text-align: right;
}
/* fine system.css */

.system{
    
}
.system_row {
  background: none repeat scroll 0 0 #fff;
  display: block;
  font-weight: normal;
  /*height: 60px;*/
  margin: 0 3px;
  overflow: hidden;
  padding: 4px;
}
.system_row span{
    color: #111111;      
}
.amountbet .currency {
  float: right;
}
.upper_row{
   
    padding: 4px 2px;
    
}
.upper_row a span{
        background-image: url("../img/css_sprite.png");
    background-position: -488px -345px;
    display: block;
    float: right;
    height: 21px;
    margin-right: 0;
    margin-top: 1px;
    overflow: hidden;
    text-align: left;
    text-indent: 500px;
    white-space: nowrap;
    width: 41px;
}
.upper_row a span{
        background-image: url("../img/css_sprite.png");
    background-position: -488px -364px;
    }


.upper_row label{
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    min-width: 127px;
    
}
    .scomm_numb,  .system_row_quote {        
      display: inline-block;
      width: 48%;
        overflow:hidden;
        white-space:nowrap;
       
    }
.scomm_numb span {
  padding-right: 5px;
}
    
  .system_row_quote {
    text-align: right;
    float: right;
    }
    .system_row_quote span{
        padding-left: 5px;            
    }
    

     .scomm_numb .comb_desc{
        letter-spacing: 0;
        color: #111;
     }
    .system_row_check{
        float:left;
    }
    
    #cstep1 span{
        padding: 0 4px;
    }

  #cstep1 span#aloc {
    display: block;
    padding: 10px 0 !important;
    text-align: center;
    width: 100%;
  }
  
#cstep1 .amountbet {
  float: right;
  font-size: 16px;
  margin: 0 0px 10px 0;
  position: relative;
  width: 78px;
}
    
.lower_row{
/*    height: 21px;*/
  line-height: 25px;
  padding: 4px 2px;
    
}


.lower_row span.system_win{
     float: right;
      
      
        text-align: right;
        width: 80px;
}  
.lower_row span.system_row_multiplier {
  float: left;
  overflow: hidden;
  padding-right: 0;
  padding: 0 5px;
}
#impcomb0 {
  float: left;
  text-align: right;
  width: 60px;
}
      .lower_row span.amount{
    
    float:right;
}  
    
    .system input{
        
        
        padding:2px;
       height:20px;
    font-size: 14px;
       
    }
    .system  .amountbet, .system  .amounttot {
        
/*        position:relative;
        font-size:16px;
        color:var(--colore_principale);;*/
        
        }
    
    .system .amountbet {
      color: #292929;
     
    }
     .system  .amountbet input,  .system  .amounttot input, #cstake{
            
            color: #222222;
     }
     
.amountbet #cstake {
  float: right;
  font-size: 15px;
  font-weight: bold;
  height: 20px;
  position: relative;
  width: 50px;
  line-height: 20px;
}
     
    .system  .amountbet input{
      width: 70px;
        
    }
    .system  .amounttot{
/*        float:left;
        width:68px;*/
        
        
    }
    
    
    #intRows .amounttot{
        float:left;
        margin-left:145px;
        width:72px;
    }
    
.system .amounttot input {
  width: 70px;
}

 .integer_info{
  background-color: #fff;
  clear: both;
  font-size: 14px;
  font-weight: bold;
  margin: 0 3px;
  padding: 7px;
}

.fisse, .colonne{
    float:right;
    
}
.fisse span, .colonne span{
    color:var(--colore_principale);;
    
}
#sysRows, #intRows{
   padding-bottom:1px; 
    }


#itable, #ibtns{
    background-color: #FFFFFF;
    background-repeat: repeat-x;
    border: 1px solid transparent;
    color: #222222;    
    margin-left: 3px;
    margin-right: 3px;
    margin-top: 0;
    padding: 4px;
}
#itable{
    display: none;    
}


#itable  #vincita_max{
    clear:both;    
    text-align:center;
}


#itable #vincita_min span, #itable #vincita_max  span {
    color:#dd2200;
    font-size: 20px;
}


#itable li span:first-child{
    
    float:left;
    text-align:left;

    
}
#itable li span{
       
    display:block;
    float:right;
    
    
    padding:0 5px;
    text-align:right;
    width:auto;
}


#syssummarytable{
    clear:both;
    }
    





/*gestione del oclore al cmabio di  quota dopo la proprosal*/


 .quote_amount.changed{
    background-color:#fff;    
    color:#cc2200;
    padding:0 4px;
 }
 
 
 /*coupon largo .large*/
 
 .coupLarge #couponcontainer{
   background: none repeat scroll 0 0 var(--colore_principale);;    
    
    clear: both;
		z-index: 9999;
    width: 300px;
 }
 
 .coupLarge #right_column {
    float: right;
    width: 300px;
  margin-right: 0;
}

.coupLarge .tabs_coupon li {
    border-radius: 4px 4px 0 0;
    display: inline-block;
    height: 30px;
    line-height: 30px;
    vertical-align: bottom;
    width: 47%;
}


.coupLarge .giocata, .coupLarge .integrale.giocata {
   

   
    clear: both;
    margin: 3px 5px;
    padding-bottom: 2px;
    padding-top: 1px;
}


.coupLarge .prono {
    
    
}
.coupLarge .integrale .prono {
    margin-top: 2px;
    
    
}

.coupLarge .integrale .prono .quote_text {
    white-space:nowrap;
    overflow: hidden;    
}



.coupLarge .cevent_new {
  max-width: 225px;
  text-overflow: ellipsis;
}

.coupLarge .couponsistema .cevent_new {
  max-width: 210px;
}


#disabled {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1;
}
#centercoupon{
     margin: 0 auto;
     width: 300px;
}
#centercoupon #main_content{
    min-height: 0;
    min-width: 0;
    width:300px;
    position:relative;
    padding-bottom:90px;
}
#centercoupon #couponcontainer {
    margin-bottom: 14px;
    padding-bottom: 90px;
    position: relative;
    width: 296px;
}
#centercoupon #cstep1{
     display:none !important;
}


/* per lo scroll del coupon */

#ctable {
  overflow-y: auto;
  overflow-x: hidden;
}
.fixedcoupon {
  position: fixed;
  top: 5px;
}
#widgetsContainer.fixedwidgets {
  position: fixed;
}
.coupLarge .prono {
  width: auto;
}
/* fine per lo scroll del coupon */




#widgetsContainer{
  width: 300px;
  padding-top: 10px;
  clear: both
}


/*CORONA BET*/

#cb_box {

  display: block;
  height: 25px;
  left: 120px;
  position: absolute;
  top: 2px;
  width: 50px;
  z-index: 1;

}

#cb_box:hover a {
  transform: rotateY(720deg);
}

#cb_box a {
  width: 100%;
  height: 100%;
  display: block;
background-image: url("../img/coronabet.png");
  transition-duration: 2s;
  transition-property: transform;
}



/*POPUP*/

#reg_side p {
  display: inline;
  margin-right: 5px;
}

#reg_side {
  padding-top: 10px;
  border-top: 1px dashed #ccc;
  margin-top: 10px;
}

#aloc{
  text-align: center;
}
.livebetpage  #aloc{
    display: block;
}


.totNEvents:empty::after {
  content: "0";
}