@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,700;0,800;1,700&display=swap');

body{ background-color:#00234d!important; background-image: none!important;}

body:after{
      content:"";
      position:fixed; /* stretch a fixed position to the whole screen */
      top:0;
      height:100vh; /* fix for mobile browser address bar appearing disappearing */
      left:0;
      right:0;
      z-index:-1; /* needed to keep in the background */
	  background-image: url(nnn.png);
	  background-position:center center;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      -o-background-size: cover;
      background-size: cover;
}



a{color:black!important; text-decoration:none;}		a:hover{color:inherit; text-decoration:none;}	a:visited{color:black!important; text-decoration:none;}		a:active{color:black!important; text-decoration:none;}

#sidebar a{color:white!important;}

.times{font-size:0.9em;}

@media screen and (max-width: 500px) {
    #botaofaba{
    display:block;
    
    }
    .fechado #botaofaba{
    display:none;
    
    }
    
    .oculbi{
        display: block;
    
    }
    .times{
    width:100%;
    }
    .fechado {
        -webkit-transform: translate3d(100vw,0,0) !important;
        transform: translate3d(100vw,0,0) !important;
    }
      #acoesdiv {
        width: 100%;
        
    
    }
    .padding0{padding: 0 !important;}
    #acoesdivin {
        width: 100%;
        overflow-y: scroll; /* has to be scroll, not auto */
      -webkit-overflow-scrolling: touch;
    }
    
    .cota{
        width:28.3%;
        font-weight:bold;
        font-family: Geneva, Arial, Helvetica, sans-serif;
        font-style: italic;
    
    }
    .mais{width:15%;}
    }
    
    
@media screen and (max-width: 600px){

    .cota { width: 28.3%; font-weight: bold; font-family: Geneva, Arial, Helvetica, sans-serif; font-style: italic;}
    .times { width: 100%!important;}
    .mais { width: 15%;padding-right: 0px;}
    
    }
    
    
    .barra{ height: 110px; background: linear-gradient(45deg, #ffca00, #da9a29); }


    @media (max-width: 768px){
    #custom-search-form{padding: 0px 15px;}
    .align-right{ text-align:center;}
    .search-query{ width:100%;}
    .logo img{max-width: 65%;margin-bottom:10px;}
    #topo_desk{ padding-bottom:5px!important;}
    
    .ligas{border:0;}
    /*body{ background-size: auto 80vh; }*/
    
    
    
    
    .barra {
        /* border-bottom: 75px solid #e5a900; */
        margin-bottom: -78px;
        height: 75px;
        border-bottom: 0;
        background: linear-gradient(45deg, #14105d, #eea236, #14105d);
    }
    
    #menu_app_i{right: 0; top: 20px; left:inherit;}
    
    }


    
    #topo_desk{min-height: 200px;}
	.barra-menu{transition: all 1s; background-position: center -60px;}
	.barra-menu.logo_cel{background-image: url(/styles/2/logo_new.png?V542) !Important;
    background-size: auto 85%;
    background-repeat: no-repeat;
    background-position: center 1%;}
	
	#LIVEEV > .camp{ position:relative; padding-left: 70px; }
#LIVEEV > .camp::before {
    content: " ";
    background-image: url(/aovivo.png);
	background-size: 60px auto;
	 background-repeat: no-repeat;
	 background-position:5px center;
    display: block;
    height: 100%;
	top:0px;
	left:0px;
   
    width: 100%;
    position: absolute;
	animation: blink-animation 1s infinite;
	animation-timing-function: ease-in-out;

}


@keyframes blink-animation {
  to {
   opacity: .5;
  }
}

/* #esportes_cel{position: relative;  max-width: 1170px;  margin: auto;  bottom: -123px; margin-top:-120px;} */




@media (max-width: 768px) {
    .p-15px {
        padding: 0 !important;
    }
    .b-c{ padding:5px;}
    .bg-bt{background-size:cover; background-position: initial;}
    #topo_desk{min-height: inherit;}
#esportesemu.pluss{
width: 100%;
flex: 0 0 100%;
height: 60px;
}
.oslider{margin-top: 10px!important;}
.esportes_cel{position: fixed!important;background: #e5a900;top: 64px;z-index: 990;padding-top: 7px;font-size: 0.8em;bottom:inherit!important;margin-top:inherit!important;padding-bottom: 5px; background: linear-gradient(45deg, #eea236, #041c6f); right: 0; }
#esportes_cel{padding-left:15px;padding-right:15px;/* bottom: -85px; *//* margin-top: -75px; */max-width: inherit!important;width:100%;}
}







@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media (max-width: 640px) { .abas{ margin-bottom:10px;line-height:1.2;}   .nav_p{font-size: 0.9em; line-height: 1.2;border-radius: 0px;}   .mar{margin-right: -15px; margin-left: -15px;}
.icone{ padding:12px;}
.icone_m{ padding:8px;}
.icone i{ font-size: 1.6em;}

}
@media (max-width: 768px) {
#sidebar {

    max-width: 250px;

}

.stm-next-match .stm-next-match-units .stm-next-match-unit{max-width:100%!important; margin-left:0!important;}

}

@-webkit-keyframes blinker {
    from { opacity: 1.0; }
    to { opacity: 0.0; }
  }
  
  #LIVEEV .camp img {
    -webkit-animation-name: blinker;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: cubic-bezier(.5, 0, 1, 1);
    -webkit-animation-duration: 1.7s;
  }


  .conta-jp {position: absolute;top: 85px;right: 40px;background: #020b44;padding: 5px;border-radius: 5px;font-weight: bold;height: 20px;display: flex;justify-content: center;align-items: center;color: white;font-size: 0.8em;white-space: nowrap;}

  #acoesdiv{z-index: 998;}
  #acoesdiv.fechado #botaoaba{overflow:inherit!important;z-index: -1;}
  #acoesdivin {    background: white;}
  .oculbi{font-size: 1em;background: #ffb900;color: white;margin-top: 0;}

  

  #modal .row .row .col-sm-9 span {min-height: 100%;}

#bilhete > div{border-left: 5px solid #ffb900;border-radius: 5px;margin-top: 5px;/* display: flex; */position: relative;}
#bilhete > div a{ position: absolute;right: 15px;bottom: 32%;background: #ff0000;padding: 5px 8px;font-size: 0.7em;color: white!important;border-radius: 5px;}

#bilhete div:nth-child(2n) {    border-left: 5px solid #c7c7c7;}

.exclui {color: white;}
.sidebarCollapse:hover{ cursor:pointer;}

@media (max-width: 1200px) {
.barra-camp {

    left: 0px;

}

.barra-destaque{
left: -15px;

}


}

@media (min-width: 1200px) {
.barra-camp {

    right: calc((100vw - 1188px) / 2 * -1);

}
}

#LIVECONTAINER .titulogeral{color:white!important;}
.dest{color:white!important;}

.bilhete .style1{ color:white!important;}

.bg-light {
    color:#252173!important;
}


.btn-group-or > .btn:last-child {
    background-color: #6c757d!important;
}

.bstyle1 { color: #ffffff!important;}
.bstyle4 { color: #fab500!important;}
.bstyle5 { color: #fab500!important;}

#esportes_cel{ z-index:9;}