@charset "UTF-8";

            #layoutSidenav_content{
                top: 112px !important;
            }

            .sb-nav-fixed #layoutSidenav #layoutSidenav_nav .sb-sidenav{

            }

            .datatablesSimple{
                width: 100%;
            }
            .datatablesSimple td{
                font-size: 18px;
                text-align: center;
                padding:  5px 0;
            }
            .datatablesSimple td input{
            }
            .badge-secondary{
                background: black;
            }
            .badge-lg{
                height: 32px;
                width: 32px;
                font-size: 20px;
                padding: 5px 0;
            }
             .badge-input{
                width: 32px;
                font-size: 17px;
                text-align: center;
                padding: 3px;
            }
            .dataTable-search, .dataTable-input { display: none; }

            td.puntos{
                border-left: 1px #ccc solid;
                border-right: 1px #ccc solid;
            }

            @media (min-width: 576px) {
                .font-size-sm-10{
                    font-size: 12px !important;
                }
                .font-size-sm-8{
                    font-size: 12px !important;
                }
            }
            .font-size-sm-8{
                font-size: 8px;
            }

            .font-size-sm-10{
                font-size: 10px;
            }



.bg-dark-grey{
	background: #333;
}
.bi-24{
	font-size: 24px;
}
.bi-16{
	font-size: 16px;
}
.bi-12{
	font-size: 12px;
}
.badge{
	text-decoration: none;
}
  .bg-xl{
    /*
    width: 40px;
    height: 40px;
    padding: 8px 0;
    */
    width: 30px;
    height: 30px;
    padding: 6px 0 !important;
    border-radius: 2rem;
    font-size: 18px;
  }

  .icon-fix{
      position: relative; 
      top:-2px
  }

.bg-sin-guardar{
    border: 1px solid #6c757d;
    color: #6c757d;
    background: white;
    font-style: italic;
    font-weight: 300;
}

  .badge-exacto{
        background: #188754 !important;
        color: #188754 !important;
    }

  .badge-1x2{
      background: #fd7e14 !important;
      color: #fd7e14 !important;
  }

  .badge-nada{
  background: #dc3545 !important;
  color: #dc3545 !important;
  }

.cu-xmas-tree{
    mask-image : url("./bootstrap-icon/fonts/xmas-tree.svg");
    -webkit-mask-image : url("./bootstrap-icon/fonts/xmas-tree.svg");
}


.cu-12{
    width: 12px;
    height: 12px;
}

.cu-16{
    width: 16px;
    height: 16px;
}

.cu-20{
    width: 20px;
    height: 20px;
}
.cu-24{
    width: 24px;
    height: 24px;
}

.cu{
    background-size: contain;
    background-position: 50%;
    background-repeat: no-repeat;
    position: relative;
    display: inline-block;
    line-height: 1em;
}

.cu-white{
    background-color: white;
}
.cu-black{
    background-color: black;
}
.cu-grey{
    background-color: #c5c6c8;
}



.cu-trophy{
    fill: #000;
    position: relative;
    top: -12px;margin-left: -2px;font-size: 17px;color: black;
}
.sb-nav-link-cu-icon i{
    background-color: rgba(255, 255, 255, 0.25)
}

/* Clock */

.clock .badge-cu-lg{
    width: 45px;
    height: 35px;
    line-height: 10px;
    margin: 1px 2px;
    padding-top:8px;
}

.clock .badge-cu-lg span{
    font-size: 20px !important;
}
.clock .badge-cu-lg small{
    font-size: 8px !important;
}

.clock .badge-cu-xs{
    width: 13px;
    height: 12px;
    line-height: 1px;
    margin: 1px 0px;
    padding:4px 1px;
}

.clock .badge-cu-xs span{
    font-size: 8px !important;
}
.clock .badge-cu-xs small{
    font-size: 4px !important;
    display: none;
}

.clock-menu .h{
    display: none;
}