.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
        border:none;
    }

    .btn-circle {
        /*  Adelante atrás de torneo  */
        
        width: 34px;
        height: 34px;
        border: 1px solid #e3e3e3 !important;
        color: #868686 !important;
        background-color: white !important;
        border-radius: 50% !important;
        !important: 0px 0px !important;
        margin: -6px 4px 0px 0px;
        display: inline-block;
        padding: 0px !important;
        font-size: 1.3rem;
        background: none !important;
    }

    #tournament{
        background: white;
        padding: 14px;
    }
   
    /* Default: show full */
    .short-text {
      display: none;
    }

    /* Mobile */
    @media (max-width: 768px) {
        #tournament{
            padding: 0;
        }

      .full-text {
        display: none;
      }

      .short-text {
        display: inline;
        font-weight: 600;
        font-size: 0.85rem;
      }

    }
    .btnRotar{
        position: absolute;
        left: -30px;
        font-size: 1.4em !important;
        top: 65px;
    }
    .tooltip {
      position: relative;
      display: inline-block;
      cursor: pointer;
    }

    .tooltip-text {
      visibility: hidden;
      opacity: 0;
      background-color: black;
      color: white;
      text-align: center;
      border-radius: 6px;
      padding: 5px 8px;
      position: absolute;
      bottom: 125%; /* position above the div */
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s;
      white-space: nowrap;
      z-index: 1;
    }

    .tooltip:hover .tooltip-text {
      visibility: visible;
      opacity: 1;
    }
    .jugadorEnCuadros .badge{
        font-size: 10px;
        position: absolute;
        top: -11px;
        left: -5px;        
    }

    .pointerDragula {
      cursor: grab;        /* Indicates the item can be dragged */
    }
    .fondoDragula{
        background-color: #EAF7F2;
    }
    .leyendUp{
        font-weight: bold;
        font-size: 9px;
        margin-bottom: 4px;

    }
    .jugadorEnCuadros:active {
      cursor: grabbing;    /* Indicates the item is being dragged */
    }
    /*  Modificación de pestañas  */

    .nav.nav-tabs.nav-top-border .nav-item a.nav-link.active {
        border: none !important;
        background: none;
        border-bottom: 4px solid #f2133e !important;
        text-align: center !important;
    }
    .nav.nav-tabs.nav-top-border .nav-item {
        border: none !important;
        color: #555555;
        background: none;
        text-transform: uppercase !important;
        font-weight: 700;
        text-align: center;
    }
    .nav.nav-tabs.nav-top-border .nav-item a {
        color: #474c41 !important;
    }    
    /* Estilos para llaves de torneo */
    .divLlaves{
        /* min-height: 60%; */
    }
    main{
        display:flex;
        flex-direction:row;
    }
    .llaveVacia{
        border:none !important;
    }
    .resaltarPata{
        color: #cdcdcd !important;
    }

    .ronda{
        display:flex;
        flex-direction:column;
        justify-content:center;
        width:200px;
        list-style:none;
        padding:0;
    }
    .ronda .spacer{flex-grow:1;min-height: 50px;}
    .ronda .spacer:first-child,
    .ronda .spacer:last-child{ flex-grow:.5; }

    .ronda .game-spacer{
        flex-grow:1;
    }
    body{
        font-family:sans-serif;
        font-size:small;
        padding:10px;
        line-height:1.4em;
    }
    li.game{
        padding-left:20px;
        color: black;
    }

    li.game.winner{
        font-weight:bold;
    }
    li.game span{
        float:right;
        margin-right:5px;
    }

    li.game-top{ border-bottom:1px solid #aaa; }

    li.game-spacer{
        border-right:1px solid #aaa;
        min-height: 70px;
    }

    li.game-bottom{ 
        border-top:1px solid #aaa;
    }

    /* End: Estilos para llaves de torneo */

    /* Estilos para round robin */

    .divCuadrosDragula .card .card-title {
        font-size: 1.1rem !important;
    }
    .divCuadrosDragula .card-header {
        padding: 0.6rem 0.6rem !important;
    }
    .divCuadrosDragula .card {
        margin-bottom: 0.8rem !important;
        margin-left: 0 !important;
    }

    .divCuadrosDragula .card-moved .card, .card-moved .card-header {
        background-color: #ffffff !important;
        color: #e800a8 !important;
    }    
    .id_j_llave{
        position: relative;
        top: 23px;
        font-size: 12px;
        height: 0px;
    }
    .marcEnLLave{
        float: left;
        width: 20px;
    }
    /* End: Estilos para round robin */