body{overflow-x: hidden;}



.alert {

  padding: 15px;

  margin-bottom: 20px;

  border: 1px solid transparent;

  border-radius: 4px;

}



.alert h4 {

  margin-top: 0;

  color: inherit;

}



.alert .alert-link {

  font-weight: bold;

}



.alert > p,

.alert > ul {

  margin-bottom: 0;

}



.alert > p + p {

  margin-top: 5px;

}



.alert-dismissable,

.alert-dismissible {

  padding-right: 35px;

}



.alert-dismissable .close,

.alert-dismissible .close {

  position: relative;

  top: -2px;

  right: -21px;

  color: inherit;

}



.alert-success {

  background-color: #dff0d8;

  border-color: #d6e9c6;

  color: #3c763d;

}



.alert-success hr {

  border-top-color: #c9e2b3;

}



.alert-success .alert-link {

  color: #2b542c;

}



.alert-info {

  background-color: #d9edf7;

  border-color: #bce8f1;

  color: #31708f;

}



.alert-info hr {

  border-top-color: #a6e1ec;

}



.alert-info .alert-link {

  color: #245269;

}



.alert-warning {

  background-color: #fcf8e3;

  border-color: #faebcc;

  color: #8a6d3b;

}



.alert-warning hr {

  border-top-color: #f7e1b5;

}



.alert-warning .alert-link {

  color: #66512c;

}



.alert-danger {

  background-color: #f2dede;

  border-color: #ebccd1;

  color: #a94442;

}



.alert-danger hr {

  border-top-color: #e4b9c0;

}



.alert-danger .alert-link {

  color: #843534;

}



.bode{background-color: rgba(0, 0, 0, 0.2); padding-top: 100px !important; position: absolute !important; z-index: 9999; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important;}

.bode img{max-height: 140px !important;}

.bode h6{font-size: 17px !important; color: #000 !important; }



.alert{

  position: relative;

  padding: 0.75rem 1.25rem;

  margin-bottom: 1rem;

  border: 1px solid transparent;

  border-radius: 0.25rem;

}

.alert-warning{

  color: #856404;

    background-color: #fff3cd;

    border-color: #ffeeba;

}

.clique_verifica_reserva{cursor: pointer;}



span.pixp{font-size: 17px !important; font-weight: 300 ;}



a.periodo{font-size: 16px; font-weight: 400; color:#333}

.hin{border: 1px solid #e1e1e1 !important; border-left: 3px solid #ab2229 !important; padding: 15px !important; margin-bottom: 10px !important;}

.hin:hover{background-color: #ab2229 !important; color: #FFF !important; border-color: #ab2229 !important;}



.text-danger{color: #de4848;}

iframe{width: 100% !important;}



.cartao_amarelo{width: 20px !important; height: 10px !important; background-color: #FFA500;}

.cartao_vermelho{width: 10px !important; height: 10px !important; background-color: #de4848;}



.swal2-html-container{font-size: 20px !important;}

.swal2-title {font-size: 30px !important;}.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {

z-index: 99999;}

.swal2-styled.swal2-confirm{background-color: #ab2229 !important; font-size: 14px !important;}



@media(max-width:992px){

  .jogo_mexe{width: 100% !important; text-align: center !important; margin-top: 20px !important;}

  .logo-time-grande{float:none !important; margin: auto !important;}

  .fmais2{float: right !important; width: 100% !important; text-align: center !important;}

}



.fmais{float: left !important; margin-left: 8px !important;}

.fmais2{float: right !important;}



.esp{margin-left: 4px !important;}

.milt{ margin-top: 3px !important;}

.milt2{ clear: both !important;}

.logo-time-grande{float: left; max-height: 70px !important; margin-bottom: 5px !important;}

.logo-time{max-height: 30px !important; margin-bottom: 11px !important;}



.badge-success{background-color: #22af46 !important; color: #FFF !important;}

.badge-danger{background-color: #de4848 !important;  color: #FFF !important;}





.container{padding-left: 0 !important; padding-right: 0 !important;}

.elipses{overflow: hidden;  height: 50px; margin-bottom: 5px; font-weight: 400;}

.float-left{float: left !important;}



ul.dt-sc-fancy-list{padding: 0; margin-top: 0;} 

.dt-sc-pro-detail, .dt-sc-pro-detail .dt-sc-pro-price {border: 1px solid #e6e6e6;}

.borda-cinza{border-bottom: 5px solid #e6e6e6 !important;}



.btn{float: left !important; margin-right: 6px;}

textarea{ min-height: 120px; resize: none;}

label{font-weight: 400; color: #555;}

.lateral-reserva{position: fixed; width: 350px; height: 100%; right: -400px; z-index: 999999; 

  background-color: #FFF; border-left: 8px solid #ab2229; padding: 30px; }

  .mascara{background: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; display: none; position: fixed; left: 0; top: 0; z-index: 9999;}



.horarios-reserva{font-weight: 400;}

.clique_reserva{cursor: pointer; }



table.agenda_quadras{

  width: 100% !important;

  max-width: 100% !important;

}



table.agenda_quadras th{

  padding: 30px !important;

  font-size: 15px !important;

  font-weight: 400;

  width: 12,5% !important;

}



table.agenda_quadras tr td{

  padding: 40px !important;

  font-size: 15px !important;

  width: 12,5% !important;

}



table.agenda_quadras tr td.reservado{

  background-color: #ab2229;

  color: #FFF;

  font-size: 14px !important;

  font-weight: 300;

}





.select_check_quadra{padding: 30px 40px; border: 1px solid #efefef; color: #4d4d4d; font-size: 17px; font-weight: 300; text-align: center; vertical-align: middle; cursor: pointer; 

  display: inline-block; margin-right: 10px; border-bottom: 3px solid #efefef; font-weight: 400;}



  .select_check_quadra:hover{background-color: #ab2229; color: #FFF;}



  .select_check_quadra_selected{background-color: #ab2229 !important; color: #FFF !important;}



.art-numero{font-size: 20px; color: #999;}

.art-gols{font-size: 20px; font-weight: 600;}

.art-nome{font-size: 18px;}



th:first-child{position:sticky; left: 0; background-color: #FFF !important;}

td:first-child{position:sticky; left: 0; background-color: #FFF;}

td:nth-child(2){position:sticky; left: 30px; background-color: #FFF;}



table.agenda_quadras td:nth-child(2){position:inherit !important;}





td.crispa{position:relative !important; left:0 !important;}



.data-jogo{font-weight: 500; font-size: 13px; color: #555;}

.jogo{font-weight: 300; font-size: 18px;}

a .jogo{color: #333 !important;}



.jogo-result{font-weight: 600;}

.jogo-versus{color: #ccc; font-size: 14px;}



.jogo-result-big{font-weight: 600; font-size: 30px !important; line-height: 60px !important;}

.jogo-versus-big{color: #ccc; font-size: 17px;}



.card-header{background-color: #f5f5f5; padding: 10px 15px; font-weight: 400; text-transform: capitalize; cursor: pointer; border-bottom: 1px solid #ccc;}

.card-header a{color: #4d4d4d; }

.card-body{padding: 20px;}

.icon-down i{font-size: 18px !important;}



.text-center{text-align: center !important;}

.text-right{text-align: right !important;}



.bg-white{background-color: #FFF !important;}

a:hover{color: inherit !important;}



.ul-jogo{width: 9px; height: 9px; border-radius: 50%; margin: auto; display: inline-block;}

.bg-success{background-color: #5cb85c;}

.bg-error{background-color: #d9534f;}



#logo img{max-height: 120px !important;} 



.dt-sc-button:hover{color: #FFF !important;}

.mt0{margin-top: 0px !important;}

.mt10{margin-top: 10px !important;}

.mt20{margin-top: 20px !important;}

.mt30{margin-top: 30px !important;}



.mb0{margin-bottom: 0px !important;}

.mb10{margin-bottom: 10px !important;}

.mb20{margin-bottom: 20px !important;}

.mb30{margin-bottom: 30px !important;}







.social-media{background-color: #ab2229  !important;}



.color-vermelho{color: #ab2229  !important;}



.preloader {

    background: #024995;

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    z-index: 999999;

  }

  .preloader .loader {

    margin: -30px 0 0 -30px;

    padding: 20px;

    box-sizing: border-box;

    width: 60px;

    height: 60px;

    position: absolute;

    top: 50%;

    left: 50%;

    border-radius: 50%;

    background: url("../uploads/gira.png") 50% 50% no-repeat #024995;

    animation-name: spin;

    animation-duration: 1200ms;

    animation-timing-function: linear;

    animation-iteration-count: infinite;

  }



  .pre-h3{

    margin: -5px 0 0 0px;

    padding: 20px;

    box-sizing: border-box;

    width: 100%;

    height: 60px;

    position: absolute;

    top: 50%;

    left: 0;

    text-align: center;



  }

  .cardNaoSelecionado{
    box-shadow: 2px 4px 8px 4px rgba(0,0,0,0.1);
    transition: 0.3s; 
    border-radius: 5px;
  }
  
  .cardSelecionado{
    box-shadow: 2px 4px 8px 4px rgba(0,0,255,0.4);
    transition: 0.3s; 
    border-radius: 5px;
  }

  @-moz-keyframes spin {

    from {

      -moz-transform: rotate(0deg);

    }

    to {

      -moz-transform: rotate(360deg);

    }

  }

  @-webkit-keyframes spin {

    from {

      -webkit-transform: rotate(0deg);

    }

    to {

      -webkit-transform: rotate(360deg);

    }

  }

  @keyframes spin {

    from {

      transform: rotate(0deg);

    }

    to {

      transform: rotate(360deg);

    }

  }