﻿
/* CORRECCION DE TAMAÑO DE FUENTE PARA LOS SWEETALERT */
.swal2-actions button.swal2-styled {
    font-size: 1em !important;
}

.swal2-title {
    font-size: 1.5em !important;
    min-width: 100% !important;
}

.swal2-html-container {
    font-size: 1.2em !important;
    overflow-x: hidden !important;
}

/* TAMAÑO DEL LOGO EN DASHBOARD */
.desktop-logo {
    height: 3.5rem !important;
}

.toggle-logo {
    height: 2.5rem !important;
}

/* AJUSTE DE TAMAÑO DE FUENTES */
.fs-12 {
    font-size: 12px !important;
}

.fs-13 {
    font-size: 13px !important;
}

.fs-14 {
    font-size: 14px !important;
}

.fs-15 {
    font-size: 15px !important;
}

.fs-16 {
    font-size: 16px !important;
}

.fs-17 {
    font-size: 17px !important;
}

.fs-18 {
    font-size: 18px !important;
}

.fs-19 {
    font-size: 19px !important;
}

.fs-20 {
    font-size: 20px !important;
}

.manita {
    cursor: pointer;
}

.dt-orderable-none, .dt-orderable-asc {
    font-weight: bold !important;
}


/* DISEÑO CUANDO PASAS EL MOUSE SOBRE UN ROW DE UN DATATBALE **/
.tableTR:hover > td {
    color: #0d6efd !important;
}

/* ESCONDER ICONO POR DEFAULT DEL ACORDEON */
.accordion-button:after {
    content: none !important;
}


/* AJUSTES DEL PLUSGIN SELECT2 PARA TAMAÑO DEL SELECT **/
.select2-container--open {
    z-index: 99999 !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 35px !important;
}

.select2-container .select2-selection--single {
    height: 36px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 34px !important;
}


.extraSelectDataTable {
    float: left;
    margin-top: 0.5rem;    
    line-height: 1.3;
}

.light-style .select2-container--default .select2-selection--single .select2-selection__rendered {    
    font-size: 15px;
}

/** AJUSTE PARA EL CALENDARIO */
.fc-view-harness{
    margin:5px !important;
}

.light-style:not([dir=rtl]) .fc-event-primary:not(.fc-list-event) {
    border-bottom: 1px solid #bdd1f7 !important;
}

.w-30 {
    width: 90px;
}

.w-45 {
    width: 45px;
}

/* ESTILO PARA EL BRACKET DE EQUIPOS */
.container-brackets{
    overflow: visible !important;
    width: 100% !important;
}

.player {
    height: 28px !important;
    /*border-radius: 5px !important;*/
    border: 0px solid #607d8b45 !important;
    /*box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important;*/
    margin-top: 7px !important;
}

.container-brackets .round.rd-2 .match .player {
   /* margin-bottom: 90px !important;*/
}

.container-brackets .separator-brackets.rd-1 .line {
    height: 124px !important;
    margin-bottom: 104px !important;
}

.container-brackets .separator-brackets.rd-1 .line:first-child {
    margin-top: 46px !important;
}

.container-brackets .separator-brackets.rd-2 .line:nth-child(-n+3) {
    height: 241px !important;
    margin-bottom: 215px !important;
    margin-top: 103.5px !important;
}
.container-brackets .separator-brackets.rd-2 .line:nth-child(4) {        
    margin-bottom: 0px !important; 
    height: 244px !important;       
}

.container-brackets .separator-brackets.rd-3 .line:nth-child(1) {
    height: 476px !important;
    margin-bottom: 439px !important;
    margin-top: 212.5px !important;
}

.container-brackets .separator-brackets.rd-3 .line:nth-child(2) {
    margin-top: 445.5px !important;
    height: 462px !important;
}

.container-brackets .separator-brackets.rd-4 .line {
    height: 954px !important;
    margin-top: 412px !important;
    margin-bottom: 472px !important;
}

.container-brackets .match .player {
    margin-bottom: 8px !important;
}

.container-brackets .round.rd-5 .match .player {
    
    margin-top: 10px !important;
    margin-bottom: 8px !important;
}

.spn_nombreEquipoBracket{
    top: 4px;
    position: relative;
    margin-left: 3px;
}

.container-brackets .round {
    width: 220px !important;
}

.brackets-header{
    margin-bottom: 0px !important;
    width: 100% !important;
}

.brackets-header .title {    
    width: 225px !important; 
}

.co-bracket-title.checked {
    border: 1px solid #4a154b !important;
    background-color: #4a154b;
    box-shadow: 0px 0px 4px 0px #4a154b;
}

.co-bracket-title.checked > label > span > span.h6 {
    color: white;
}

.co-bracket-title {
    border: 1px solid #4a154b;
}

.match {
    border: 1px solid rgb(211.6, 216, 221) !important;
    background-color: white !important;
    border-radius: 6px !important;
    box-shadow: 0 2px 14px rgba(38, 60, 85, 0.16) !important;
}

.dv-fecha-bracket {
    background-color: #e5e5e5;
}

.container-brackets .round {    
    margin-left: -30px !important;
}

.rd-2 > div.match{
    margin-bottom: 131px !important;
    margin-top: 39px !important;
}

.rd-3 > div.match:nth-child(-n+3){
    margin-bottom: 358px !important;
    margin-top: 100px;
}

.rd-3 > div.match:nth-child(4){        
    margin-bottom: 0px;
}

.rd-4 > div.match:nth-child(1){
    margin-bottom: 855px !important;
    margin-top: 180px;
}

.rd-4 > div.match:nth-child(2){        
    margin-top: 518px;
}

.rd-5 > div.match{        
    margin-top: 460px;
}

html.dark-style .match {
    background-color: #36445d !important;
    border: 1px solid #36445d !important;
    box-shadow: 0 2px 10px 2px rgb(100 100 100 / 16%) !important; 
}


html.dark-style .player {
    background-color: #36445d !important;        
}

html.dark-style .player.winner {
    background-color: #4caf5073 !important;        
}

html.dark-style .dv-fecha-bracket {
    background-color: rgb(30 44 70) !important;      
}

.player.winner {
    background-color: #4caf5073 !important;
    color: #000000 !important;
}

.player.loser {
    opacity: 0.6 !important;
}