:root {
    --color-primario: #1F1F1F;
    --color-primario-1: #101010;
    --color-primario-2: #0A0A0A;
    --color-primario-3: #0000;
    --color-primario-a: #2F2F2F;
    --color-primario-b: #424141;
    --color-primario-c: #636363;

    --color-secundario: #E2FC03;
    --color-secundario-1: #E9FF2D;
    --color-secundario-2: #EFFF63;
    --color-secundario-3: #F5FF9C;
    --color-secundario-a: #BDD300;
    --color-secundario-b: #94A500;
    --color-secundario-c: #647000;

    --color-acento: #D9D9D9;
    --color-acento-1: #F4F4F4;
    --color-acento-2: #F8F8F8;
    --color-acento-3: #FFFFFF;
    --color-acento-a: #A9A9A9;
    --color-acento-b: #666666;
    --color-acento-c: #424242;
}

*{
    padding: 0px !important;
    margin: 0px !important;
}

body.body{
    background-color: var(--color-primario);
}

header.header{
    background-image: url('../img/cancha.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 721px;
}
header.header.header-ayuda{
    height: auto !important;
}

header .col-10{
    display: flex;
    align-items: center;
    padding-right: 30px !important;
    padding-left: 40px !important;
}

.menu img{
    margin-left: 30px !important;
    height: 120px;
}

.ul-menu{
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--color-acento-3)
}

.ul-menu a{
    text-decoration: none;
    color: var(--color-acento-3)
}

.menu-item{
    margin: 0px 20px !important;
    font-family: 'Catamaran', sans-serif;
    font-weight: bold;
    font-size: 20px;
    transform: scale(1);
    transition: 0.3s ease-in;
}
.menu-item:hover{
    transform: scale(1.1);
    transition: 0.3s ease-in;
}
.menu .botones{
    justify-content: space-around;
}

.menu .botones span{
    height: 40px;
    width: 2px;
    background-color: var(--color-acento-3);
    margin: 0px 10px;
}
.menu .botones a{
    text-decoration: none;
    color: var(--color-acento-3)
}
.menu .botones p, .menu .botones a{
    display: flex;
    align-items: center;
}
.menu .botones p.iniciar-sesion{
    margin-right: 5px;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    box-shadow: 1px 1px 5px #000;
}
.menu .botones p.registro{
    margin-left: 5px;
    background-color: var(--color-primario);
    color: var(--color-acento-3);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    box-shadow: 1px 1px 5px #000;
}

.menu .botones p.iniciar-sesion:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

.menu .botones p.registro:hover{
    background-color: var(--color-primario-a);
    transition: 0.3s ease-in;
}
    


.banner-principal{
    margin: 10% 0px 0px 50px !important;
    color: #fff;
    font-family: 'Catamaran', sans-serif;
}
.banner-principal h2{
    font-size: 50px;
    font-weight: 600;
}
.banner-principal h2 span{
    font-weight: 800;
}
.banner-principal h2 span span{
    color: var(--color-secundario);
}
.banner-principal p.text{
    font-size: 16px;
    margin-top: 10px !important;
}
.banner-principal a{
    text-decoration: none;
}
.banner-principal p.conocer-mas{
    width: 227px;
    height: 39px;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 20px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    box-shadow: 1px 1px 5px #000;
    margin-top: 10px !important;
    text-align: center;
}
.banner-principal p.conocer-mas:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

section.cards-presentacion{
    width: 100%;
    background-color: var(--color-primario);
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 100px !important;
    padding-top: 100px !important;
}
section.cards-presentacion .cont-card{
    display: flex;
    justify-content: center;
}
section.cards-presentacion .cont-card .card{
    background-color: var(--color-secundario-1);
    height: 382px;
    width: 335px;
    border-radius: 30px 10px 30px 10px;
    box-shadow: 0px 4px 4px #000;
}
section.cards-presentacion .cont-card .card .cont-icono{
    padding: 20px !important;
}
section.cards-presentacion .cont-card .card .cont-texto{
    margin-top: 20px !important;
    padding-left: 20px !important;
}
section.cards-presentacion .cont-card .card .cont-texto h3{
    font-size: 25px;
    font-weight: 700;
    font-family: 'Catamaran', sans-serif;
}
section.cards-presentacion .cont-card .card .cont-texto p{
    font-size: 16px;
    font-weight: 600;
    font-family: 'Catamaran', sans-serif;    
    padding-right: 7px !important;
    margin-top: 7px !important;
}

section.tabs{
    font-family: 'Catamaran', sans-serif;    
    padding-bottom: 100px !important;
}
section.tabs .pestanias{
    color: var(--color-secundario);
    display: flex;
    justify-content: space-between;
    padding: 0px 350px !important;
}
section.tabs .pestanias p{
    font-size: 25px;
    font-family: 'Catamaran', sans-serif;    
    font-weight: 700;
    padding: 5px 20px !important;
    border-radius: 30px 30px 0px 0px;
}
section.tabs .pestanias p.inactive{
    color: var(--color-secundario);
}
section.tabs .pestanias p.active{
    background-color: var(--color-primario-a);
}
section.tabs .pestanias p.inactive:hover{
    background-color: var(--color-primario-a);
    transition: 0.3s ease-in;
}
section.tabs .cont-tab{
    background-color: var(--color-primario-a);
    height: 455px;
    display: flex;
    padding: 60px !important;
}
section.tabs .cont-tab .descripcion h3{
    font-size: 35px !important;
    color: var(--color-secundario);
    font-weight: 600;
}
section.tabs .cont-tab .descripcion h3 span{
    font-weight: 800;
}
section.tabs .cont-tab .descripcion p{
    color: #fff;
    margin-top: 20px !important;
}
section.tabs .cont-tab .imagen{
    display: flex;
    justify-content: flex-end;
}

section.glosario{
    padding-left: 50px !important;
    font-family: 'Catamaran', sans-serif;    
    padding-bottom: 50px !important;
}
section.glosario h3{
    color: #fff;
    font-size: 35px;
    font-weight: 600;
}
section.glosario h3 span{
    font-weight: 800;
    color: var(--color-secundario);
}
section.glosario h5{
    height: 53px;
    width: 327px;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 25px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px !important;
    border-radius: 30px 10px 30px 10px;
    margin-top: 30px !important;
}
section.glosario h5:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}
section.glosario ul{
    margin-top: 10px !important;
    color: #fff;
}
section.glosario ul li{
    margin: 15px 0px !important;
    display: flex;
    align-items: center;
}
section.glosario ul li img{
    margin-right: 10px !important;
}
section.glosario ul li span{
    margin-right: 5px !important;
}

footer{
    padding: 10px 60px !important;
    background-color: var(--color-primario-1);
    height: 404px;
    font-family: 'Catamaran', sans-serif;    
}
footer .indice{
    display: flex;
    justify-content: center;
    align-items: top;
    color: #fff;
    padding-top: 80px !important;
}
footer .indice .col-6{
    padding: 0px 20px !important;
}
footer .indice h5{
    font-size: 18px;
    margin-bottom: 5px !important;
    padding-bottom: 5px !important;
    border-bottom: 1px solid #fff;
}
footer .indice a{
    text-decoration: none;
    color: #fff;
}
footer .indice p{
    font-size: 16px;
}
footer .contacto{
    display: flex;
    justify-content: center;
    align-items: top;
    color: #fff;
    padding-top: 80px !important;
    padding-left: 240px !important;
}
footer .contacto p{
    font-size: 18px;
    color: #fff;
}
footer .contacto img{
    margin-right: 30px !important;
    margin-top: 10px !important;
}
footer .row{
    padding-bottom: 50px !important;
    border-bottom: 1px solid #fff;
}
footer .copyright{
    color: #fff;
    display: flex;
    justify-content: space-between;
    padding-top: 40px !important;
}
footer .copyright a{
    color: #fff;
}



section.terminos{
    color: #fff !important;
    padding: 50px !important;
    font-family: 'Catamaran', sans-serif;
}
section.terminos h5{
    font-size: 35px !important;
    color: #fff !important;
    font-weight: 700;
}
section.terminos h3{
    font-size: 25px;
    margin-top: 25px !important;
}
section.terminos p{
    max-width: 80%;
    margin-top: 10px !important;
}
section.terminos ul li{
    margin-left: 20px !important;
}
.header-terminos{
    background: none !important;
}

.formulario.login input.form-control, .formulario.register input.form-control{
    background: #000;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;
}
.formulario.login button#submit-login, .formulario.register button#submit-login, .formulario.register button#next-step{
    border: none;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 20px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in;
}
.formulario.login button#submit-login:hover, .formulario.register button#submit-login:hover, .formulario.register button#next-step:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}
.formulario.login a, .formulario.register a{
    text-decoration: none;
    color: #fff;
    margin-left: 15px !important;
    display: flex;
    height: 40px;
    align-items: center;
}

.formulario.login input::placeholder, .formulario.register input::placeholder{
    color: #fff !important;
}
.formulario.login input:-ms-input-placeholder, .formulario.register input:-ms-input-placeholder{
    color: #fff !important;
}
.formulario.login input::-ms-input-placeholder, .formulario.register input::-ms-input-placeholder{
    color: #fff !important;
}

.formulario.register .form-check.d-flex.align-items-center{
    margin-bottom: 20px !important;
}

.banner-principal-register{
    margin-top: 30px !important;
}


.form-select.select-perfil{
    background: none;
    border: none;
    color: #fff !important;
    font-size: 30px;
}
.form-select{
    overflow: hidden; 
}
.form-select::-webkit-scrollbar{
    display: none;
}
.form-select option{
    margin: 30px 0px !important;
}


.alert.alert-success, .alert.alert-danger{
    margin-bottom: 20px !important;
    padding: 10px !important;
}

.menu-dashboard .my-account i{
    margin-right: 10px !important;
}


.banner-principal.step-1.banner-principal-register-2.row.d-flex.align-items-center.aos-init.aos-animate{
    margin-top: 80px !important;
}


.register-2 #profile{
    margin-bottom: 30px !important;
    background: none;
    color: #fff;
    border: none;
    overflow: hidden;
    appearance: none; /* Elimina los estilos por defecto en navegadores modernos */
    -webkit-appearance: none; /* Safari */
    -moz-appearance: none; /* Firefox */
    border: none; /* Sin bordes */
    background: none; /* Sin fondo */
    outline: none; /* Sin marco al enfocar */
    box-shadow: none; /* Sin sombras */
    font-family: inherit; /* Usa la misma fuente que el contenedor */
    font-size: inherit; /* Usa el tamaño de fuente del contenedor */
    color: inherit; /* Usa el color del texto del contenedor */
    padding: 0; /* Sin relleno */
    margin: 0; /* Sin margen */
    cursor: pointer; /* Cambia el cursor a puntero */
}
.register-2 #profile:focus{
    outline: none;
    box-shadow: none;
}
.register-2 #profile:active{
    outline: none;
    box-shadow: none;
}
.register-2 #profile option{
    padding: 5px 20px !important;
    background: none;
    color: #fff;
    border: none;
    font-size: 25px;
    font-weight: 600;
}
.register-2 #profile option{
    background: none !important; 
    color: #ffff;
}
.register-2 #profile option:checked,
.register-2 #profile option:hover,
.register-2 #profile option:focus {
    background: none !important; 
    color: #fff;
}
.register-2 #profile option:checked{
    background-color: var(--color-secundario) !important;
    color: #000 !important;
    border-radius: 10px !important;
}

.cont-iconos-registro{
    flex-direction: column !important;
    margin-right: 10px !important;
    margin-top: -5px !important;
}
.cont-iconos-registro i{
    width: 100%;
    height: 50px;
    font-size: 25px;
}
.cont-options-registro-perfil{
    align-items: center;
}


header.header-dashboard{
    background-image: url('') !important;
    background: var(--color-primario) !important;
    height: auto;
}

.header-dashboard .logo img{
    height: 60px;
}
.header-dashboard .logo p{
    font-weight: 900 !important;
}

.header-dashboard .topbar{
    margin: 10px !important;
    padding: 0px 50px !important;
    padding-left: 15px !important;
    margin-top: 20px !important;
    border-radius: 15px;
    background-color: #2b2b2b;
    justify-content: center;
    align-items: center;
    color: #fff !important;
    font-family: 'Catamaran', sans-serif;
}
.header-dashboard .topbar a{
    text-decoration: none;
    color: #fff;
}
.header-dashboard .topbar .user{
    justify-content: flex-end;
    font-size: 16px;
}
.header-dashboard .topbar .sign-out{
    margin-left: 10px !important;
    justify-content: flex-end;
    font-size: 13px;
    border: none;
    background-color: var(--color-primario-c);
    color: var(--color-acento-3);
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    transition: 0.3s ease-in;
}
.header-dashboard .topbar .sign-out:hover{
    background-color: #737373;
    transition: 0.3s ease-in;
}
.header-dashboard .topbar .user a:hover{
    color: #e8e7e7 !important;
    transition: 0.3s ease-in;
}
.header-dashboard .topbar .user a{
    transition: 0.3s ease-in;  
}
.header-dashboard .topbar .sign-out:hover a{
    color: #fff !important;
}
.header-dashboard .topbar .sign-out a{
    color: #fff !important;
}
.header-dashboard .topbar .user i{
    margin-right: 10px !important;
    font-size: 25px;
}
.header-dashboard .topbar .sign-out i{
    margin-right: 5px !important;
    font-size: 15px;
}
.header-dashboard .topbar .sign-out a{
    display: flex;
    justify-content: center;
    align-items: center;
}
.header-dashboard .topbar .user-name{
    margin-right: 10px !important;
}
.header-dashboard .topbar .user-name:hover{
    color: #D9D9D9;
    transition: 0.3s ease-in;
}
.header-dashboard .topbar span{
    height: auto;
    width: 2px;
    background-color: var(--color-acento-3);
    margin: 0px 10px !important;
}

.dashboard-main{
    height: auto;
    padding: 10px !important;
}
.dashboard-main section{
    border-radius: 15px;
    padding: 0px 50px !important;
    height: 400px;
    margin: 0px 3px !important;
}
.dashboard-main section.sidebar{
    background-color: #2b2b2b;
    margin-right: 20px !important;
} 

.account-main{
    padding: 10px !important;
    justify-content: space-between;
}
.account-main .resumen, .account-main .club{
    padding: 0px 50px !important;
    border-radius: 15px;
    height: 150px;
    background-color: #2b2b2b;
}
.account-main .cont-club{
    padding-left: 20px !important;
}
.account-main .resumen{
    background-image: url('../img/fondo-account.png');
    background-size: cover;
    color: #fff;
    font-family: 'Catamaran', sans-serif;
}
.account-main .resumen i{
    font-size: 60px !important;
    margin-right: 250px !important;
    text-shadow: 5px 3px 10px #000;
}
.account-main .resumen h3{
    font-weight: bold !important;
    font-size: 35px;
    text-shadow: 5px 3px 10px #000;
}
.account-main .resumen p{
    font-weight: bold;
    text-transform: capitalize;
    text-shadow: 5px 3px 10px #000;
}
.account-main .resumen .edit-profile{
    display: flex;
    justify-content: flex-end;
    margin-left: 55% !important;
}
.account-main .resumen .edit-profile a{
    text-decoration: none;
    color: #fff;
}
.account-main .resumen .edit-profile i{
    font-size: 20px !important;
    margin: 0px !important;
    transition: 0.3s ease-in;
}
.account-main .resumen .edit-profile i:hover{
    color: #e8e7e7 !important;
    transition: 0.3s ease-in;
}
.account-main .resumen.banner-extra, .edit-profile .cont-video .banner-extra{
    position: relative;
    overflow: hidden;
    min-height: 300px;
    border-radius: 15px;
}
.edit-profile .cont-video{
    padding: 30px 10px 30px 30px !important;
}
.account-main .resumen.banner-extra .video-fondo, .edit-profile .cont-video .banner-extra .video-fondo{
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    transform: translate(-50%, -50%);
    object-fit: cover;
    opacity: 0.5;
  }
.account-main .club{
    color: #fff;
    font-family: 'Catamaran', sans-serif;
    background-image: url('../img/fondo-account.png');
    background-size: cover;
}
.account-main .club .titulo{
    padding-top: 30px !important;
    font-size: 25px;
}
.account-main .club .titulo span{
    color: var(--color-secundario);
    font-weight: bold !important;
}
.account-main .club .titulo i{
    margin-left: 10px !important; 
    font-size: 12px;
}
.account-main .club .titulo a{
    text-decoration: none;
    color: #fff;
    margin-left: 0px !important;
}
.account-main .club .info-club i{
    margin-right: 10px !important;
    font-size: 18px;
    transition: 0.3s ease-in;
}
.account-main .club .info-club i:hover{
    color: #e8e7e7 !important;
    transition: 0.3s ease-in;
}
.account-main .club .info-club p{
    font-size: 18px;
    margin-left: 10px !important;
}
.account-main .club .info-club{
    margin-top: 10px !important;
}
.account-main .club .info-club img{
    height: 30px;
}

section.cont-edit-profile{
    height: auto;
    padding: 10px !important;
}
section.cont-edit-profile form input.form-control, section.cont-edit-profile form textarea{
    background: #000;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;
}
section.cont-edit-profile form textarea{
    height: 50px;
    padding-top: 10px !important;
}
section.cont-edit-profile form button#submit, .cont-formulario-futbol button#submit{
    border: none;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px !important;
    width: 149px !important;
    height: 33px !important;
}
section.cont-edit-profile form button#submit:hover, .cont-formulario-futbol button#submit:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}
section.cont-edit-profile form{
    margin-left: 10px !important;
    margin-top: 30px !important;
}
section.cont-edit-profile .alert.alert-success, section.cont-edit-profile .alert.alert-danger{
    margin-left: 50px !important;
}
section.cont-edit-profile label{
    color: #fff;
    margin: 0px !important;
    padding: 0px !important;
    margin-bottom: 5px !important;
    font-size: 14px;
}
.dashboard-main .sidebar{
    font-family: 'Catamaran', sans-serif;
}
.dashboard-main .sidebar h5{
    color: #fff;
    font-family: 'Catamaran', sans-serif;
    font-size: 20px;
    font-weight: 500;
    margin-top: 40px !important;
}
.dashboard-main .sidebar h5 span{
    font-weight: 700;
    font-weight: bold;
}
.dashboard-main .sidebar a{
    text-decoration: none;
}
.dashboard-main .sidebar h2{
    font-weight: 700;
    font-family: 'Catamaran', sans-serif;
    color: var(--color-secundario);
    font-weight: bold;
    font-size: 50px;
}
.dashboard-main .sidebar .panel-options ul{
    margin-top: 30px !important;
}
.dashboard-main .sidebar .panel-options ul li{
    list-style: none;
    margin: 20px 0px !important;
    font-size: 25px;
    transition: 0.3s ease-in;
}
.dashboard-main .sidebar .panel-options ul a{
    text-decoration: none;
    color: #fff
}
.dashboard-main .sidebar .panel-options ul a:hover li{
    padding-left: 10px !important;
    transition: 0.3s ease-in;
}
.dashboard-main .sidebar .panel-options ul li i.fa-arrow-right, .dashboard-main .sidebar .panel-options ul li i.fa-futbol, .dashboard-main .sidebar .panel-options ul li i.fa-paperclip, .dashboard-main .sidebar .panel-options ul li i.fa-chart-bar{
    margin-right: 10px !important;
}
.dashboard-main .sidebar .panel-options ul li i.fa-arrow-right{
    font-size: 18px !important;
}
.cont-stats-principales-home{
    margin-bottom: 50px !important;
    margin-top: 30px !important;
} 
.cont-stats-principales-home .cont-stat{
    padding: 10px !important;
    font-family: 'Catamaran', sans-serif;
}
.cont-stats-principales-home .cont-stat .card{
    border-radius: 10px;
    background-color: #2b2b2b;
    min-height: 400px;
    padding: 20px !important;
    border: 1px solid var(--color-acento-b);
}
.seccion-chats .cont-stats-principales-home .cont-stat .card{
    min-height: 620px;
}
.cont-stats-principales-home .cont-stat .card canvas{
    margin-top: 30px !important;
}
.cont-stats-principales-home .cont-stat .card .reportes-listado li a{
    text-decoration: none;
    display: flex;
}
.cont-stats-principales-home .cont-stat .card .reportes-listado{
    max-height: 200px !important;
    overflow-y: scroll;
}
.cont-stats-principales-home .cont-stat .card .reportes-listado li a i{
    margin-right: 5px !important;
}
.cont-stats-principales-home .cont-stat .card.cont-reportes-listado p{
    margin-bottom: 10px !important;
}

.dashboard-main .cont-banner.d-flex{
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
}
.dashboard-main .banner-principal{
    margin: 0px !important;
}

.cont-stats-principales-home .cont-stat .card .titulo-stat h3{
    color: #fff;
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 7px !important;
}
.cont-stats-principales-home .cont-stat .card .titulo-stat h3 span{
    font-weight: 300 !important;
}


.cont-stats-principales-home .cont-stat .card .resumen-datos .dato{
    align-items: center;
    color: #fff;
    margin-top: 15px !important;
}
.cont-stats-principales-home .cont-stat .card .resumen-datos .dato i{
    font-size: 30px;
    padding: 10px !important;
    background-color: var(--color-secundario);
    border-radius: 100%;
    color: #000;
    margin-right: 10px !important;
}
.cont-stats-principales-home .cont-stat .card .resumen-datos .dato h5{
    font-weight: bold;
}
.cont-stats-principales-home .cont-stat .card .resumen-datos .dato p{
    font-size: 12px;
    font-weight: 500;
}
.cont-stats-principales-home .cont-stat .card .cont-notas{
    color: #fff;
    margin-top: 10px !important;
    width: 80%;
}
.cont-stats-principales-home .cont-stat .card .cont-notas a{
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-style: italic;
}
.cont-stats-principales-home .cont-stat .card .cont-notas i{
    margin-left: 7px !important;
}
.cont-stats-principales-home .cont-stat .card .cont-notas .nota{
    background-color: var(--color-secundario);
    color: #000;
    padding: 5px 10px !important;
    max-width: 90%;
    font-size: 14px;
    margin-bottom: 5px !important;
    border-radius: 10px;
}
.cont-stats-principales-home .cont-stat .card .cont-notas .nota:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}
.cont-stats-principales-home .cont-stat .card .cont-notas .nota p{
    color: #000;
    font-weight: bold;
    font-style: normal;
    font-size: 14px;
}
.cont-stats-principales-home .cont-stat .card .cont-notas .nota i{
    color: #000;
}
.cont-stats-principales-home .cont-notas .agregar-nota a, .cont-stats-principales-home .cont-notas .agregar-nota a{
    text-decoration: none !important;
    color: #fff !important;
}
.cont-stats-principales-home .cont-stat .card a.agregar-nota-boton{
    text-decoration: none;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 13px;
    font-style: italic;
    margin-top: 10px !important;
}
.cont-stats-principales-home .cont-stat .card i{
    margin-left: 7px !important;
}
.cont-stats-principales-home .cont-stat .card .cont-notas button.btn-link{
    background: none !important;
    border: none !important;
    color: #fff;
    padding-top: 5px !important;
}

.modal.show{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
#modal-notas-dashboard{
    width: 100%;
}
#modal-notas-dashboard .modal-content{
    height: 300px;
    padding: 30px !important; 
    background-color: #2b2b2b;
    border: 1px solid var(--color-acento-c);
    color: #fff;
}
#modal-notas-dashboard .modal-content .modal-header .modal-title{
    width: 90%;
    font-weight: bold;
    padding-bottom: 10px !important;
}
#modal-notas-dashboard .modal-content .modal-header button{
    width: 10%;
    margin-top: -10px !important;
    background: none;
    border: none;
    color: var(--color-secundario);
}
#modal-notas-dashboard .modal-content .modal-body{
    padding-top: 30px !important;
    overflow-y: scroll;
}
#modal-notas-dashboard .modal-content .modal-footer p{
    padding-top: 5px !important;
    font-weight: 200;
}




::-webkit-scrollbar {
    width: 8px;  /* Ancho de la barra */
    height: 8px; /* Altura de la barra horizontal */
}

/* Estilo para el fondo de la barra de desplazamiento */
::-webkit-scrollbar-track {
    background: var(--color-primario-3);  /* Color del fondo de la barra */
    border-radius: 10px;   /* Bordes redondeados */
}

/* Estilo para el "thumb" (la parte que se mueve) de la barra de desplazamiento */
::-webkit-scrollbar-thumb {
    background: var(--color-secundario); /* Color del thumb */
    border-radius: 10px; /* Bordes redondeados */
}

/* Estilo para el "thumb" cuando está en estado hover */
::-webkit-scrollbar-thumb:hover {
    background: var(--color-secundario-1); /* Color del thumb cuando está en hover */
}






.cont-escudo-equipo{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    border: 1px solid var(--color-secundario);
    margin-right: 400px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.cont-escudo-equipo img{
    max-width: 100%;
}
.info-equipo{
    display: flex;
    align-items: center;
}
.info-equipo i.fa-pen{
    font-size: 20px !important;
    margin-left: 15px !important;
}
.col-8.resumen .sin-info-equipo{
    margin-left: 30px !important;
}


a{
    color: #fff !important;
    text-decoration: none; 
}


.equipo-main .resumen, .equipo-main .club{
    background-image: url('../img/fondo-account.png');
}
.equipo-main .club .info-club{
    margin-top: 0px !important;
}
.form-edit-profile{
    font-family: 'Catamaran', sans-serif !important;    
}
.form-edit-profile select#equipo{
    background: #000;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;
}

section.cont-edit-profile .alert.alert-success a, section.cont-edit-profile .alert.alert-danger a{
    color: #0A3622 !important;
    font-weight: 600 !important;
}


.cont-plantel p.sin-jugadores{
    color: #fff !important;
    font-style: italic;
}

.cont-stat .card{
    color: #fff !important;
}
.cont-stat .card .busqueda-jugadores{
    margin-top: 10px !important;
}
.cont-stat .card .busqueda-jugadores input{
    background: #000;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;
}
.cont-stat .card .busqueda-jugadores button{
    padding: 0px !important;
    margin: 0px !important;
    height: 40px;
    margin-left: 5px !important;
    width: 40px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    border: none !important;
    background-color: var(--color-secundario);
}
.cont-stat .card .busqueda-jugadores button i{
    margin: 0px !important;
    padding: 0px !important;
    color: #000 !important;
}
.cont-stat .card .busqueda-jugadores button:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

.cont-stat .card #resultados-busqueda{
    height: 100px;
    border-radius: 30px;
    overflow-y: scroll;
}

.cont-jugador-busqueda{
    padding-top: 20px !important;
    padding-bottom: 20px !important;
    padding-left: 20px !important;
    background-color: var(--color-primario) !important;
}
.cont-stat .card #resultados-busqueda .cont-jugador-busqueda .equipo-jugador-busqueda{
    font-size: 13px;
    margin-top: -7px !important;
}
.cont-stats-principales-home .cont-stat .card  #resultados-busqueda i{
    color: var(--color-secundario) !important;
}

div.jugador-plantel{
    width: 70% !important;
    padding: 20px 50px !important;
    margin-bottom: 20px !important;
    border-radius: 30px;
    background:  var(--color-primario) !important;
}
.cont-stats-principales-home.d-flex.row.cont-plantel .titulo-stat{
    margin-bottom: 20px !important;
}
div.jugador-plantel .id-jugador{
    border-bottom: 1px solid var(--color-acento-b) !important;
    margin-bottom: 10px !important;
    font-size: 14px !important;
}
div.jugador-plantel .info-jugador{
    font-size: 25px !important;
    font-weight: 600;
}
div.jugador-plantel .d-flex{
    align-items: center;
}
div.jugador-plantel img{
    height: 80px;
    width: 80px !important;
    object-fit: cover;
    border-radius: 100% !important;
    border: 1px solid var(--color-secundario);
}
div.jugador-plantel .col-4{
    padding-left: 30px !important;
}
div.jugador-plantel .col-4 p.edad{
    margin-top: -5px !important;
}
div.jugador-plantel .acciones button.eliminar{
    background: none;
    border: none;
    box-shadow: none;
}
div.jugador-plantel .acciones a, div.jugador-plantel .acciones button.eliminar{
    margin: 0px !important;
    margin-right: 10px !important;
    margin-top: 10px !important;
    padding: 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
    height: 40px !important;
    width: 40px !important;
    text-align: center;
    text-decoration: none;
    background: var(--color-secundario) !important;
    color: var(--color-primario-1) !important;
}
div.jugador-plantel .acciones a:hover, div.jugador-plantel .acciones button.eliminar:hover{
    background-color: var(--color-secundario-2) !important;
    transition: 0.3s ease-in !important;
}
div.jugador-plantel .acciones a i.fa-eye, div.jugador-plantel .acciones button i.fa-trash{
    margin: 0px !important;
    padding: 0px !important;
    margin-left: 0px !important;
    text-align: center;
}
div.jugador-plantel .acciones button.eliminar{
    color: var(--color-secundario) !important;
    background: var(--color-primario-2) !important;
}
div.jugador-plantel .acciones button.eliminar:hover{
    background-color: var(--color-primario-a) !important;
    transition: 0.3s ease-in !important;
}

.cont-jugador-busqueda button.btn.btn-primary.col-auto{
    height: 20px !important;
    width: 20px !important;
    color: #000 !important;
    text-align: center;
}

.cont-chat{
    height: 300px !important;
}
.cont-chat .card{
    height: 300px;
    overflow-y: scroll;
}
.chat div.jugador-plantel{
    background: none !important;
    padding: 0px !important;
    margin: 20px 0px !important;
    border-radius: 0px !important;
    padding: 20px 0px !important;
    padding-top: 0px !important;
    border-bottom: 1px solid var(--color-acento-c) !important;
    width: 100% !important;
}
.chat div.jugador-plantel .info-jugador p{
    font-size: 16px;
    margin-left: 25px !important;
}
.chat div.jugador-plantel .info-jugador button.btn{
    margin-left: 25px !important;
    border-radius: 30px 10px 30px 10px;
    font-size: 14px;
    padding: 5px 10px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-secundario);
    color: var(--color-primario-1);
    border: none;
    margin-top: 5px !important;
    font-weight: 600;
}
.chat div.jugador-plantel .info-jugador button.btn i{
    margin-right: 5px !important;
}
div.jugador-plantel .puesto{
    text-transform: capitalize;
}
.cont-stats-principales-home.cont-plantel .cont-plantel{
    height: 400px;
    overflow-y: scroll;
}




.chat .col-12.mensaje-propio{
    display: flex;
    justify-content: flex-end;
}

.chat .col-12.mensaje-respuesta p {
    padding: 10px 15px !important;
    background-color: var(--color-secundario);
    color: var(--color-primario-1);
    border-radius: 0px 15px 15px 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    max-width: 75%;
    margin-left: auto;
    text-align: left;
    margin-top: 10px !important;
}

.chat .col-12.mensaje-propio p {
    padding: 10px 15px !important;
    background-color: var(--color-primario-1);
    color: var(--color-secundario);
    border-radius: 15px 15px 0px 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    max-width: 75%;
    margin-right: auto;
    text-align: left;
    margin-top: 10px !important;
}


#chat-form{
    margin-top: 40px !important;
}
#chat-form .mensaje-del-chat textarea.chat, #chat-form .mensaje-del-chat button.btn.btn-primary{
    background: none !important;
    border: none;
    resize: none;
}
#chat-form .mensaje-del-chat{
    background-color: #fff !important;
    padding: 10px !important;
    border-radius: 15px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}
#chat-form .mensaje-del-chat button.btn.btn-primary{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    padding-right: 30px !important;
}
#chat-form .mensaje-del-chat button.btn.btn-primary i{
    color: var(--color-primario-1) !important;
    font-size: 25px;
}
#chat-form .mensaje-del-chat button.btn.btn-primary:hover i{
    color: var(--color-acento-c) !important;
    transform: 0.3s ease-in !important;
}
#chat-form .mensaje-del-chat textarea.chat{
    padding: 10px !important;
}



.chat .mensajes small.mensaje-fecha-chat{
    margin-top: 5px !important;
    font-style: italic !important;
    font-size: 12px !important;
}

.chat #mensajes .texto{
    min-height: 400px;
    max-height: 400px;
    overflow-y: auto;
}


section.row.adjuntos{
    margin-top: -75px !important;
}
section.row.adjuntos .instrucciones{
    padding: 0px 20px !important;
    border-left: 1px solid #fff;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
section.row.adjuntos .instrucciones i{
    margin-right: 5px !important;
}
section.row.adjuntos .instrucciones p{
    margin-left: 5px !important;
    margin-top: 10px !important;
}

section.row.adjuntos .formulario h5{
    margin-top: 30px !important;
}
section.row.adjuntos .formulario form button{
    margin-left: 20px !important;
    border-radius: 30px 10px 30px 10px;
    font-size: 14px;
    padding: 5px 30px !important;
    background: var(--color-secundario);
    color: var(--color-primario-1);
    border: none;
    margin-top: 5px !important;
    font-weight: 600;
}
section.row.adjuntos .formulario .adjunto{
    display: flex;
    align-items: center;
    width: 45%;
    padding: 7px 10px !important;
    border-radius: 30px 10px 30px 10px;
    margin-top: 10px !important;
    color: var(--color-primario);
    background-color: #000 !important;
    transition: 0.3s ease-in;
}
section.row.adjuntos .formulario .adjunto a{
    color: var(--color-secundario) !important;
    font-size: 14px;
    background-color: #000 !important;
    text-decoration: none;
    transition: 0.3s ease-in;
}
section.row.adjuntos .card{
    min-height: 400px !important;
}
section.row.adjuntos .formulario .adjunto:hover{
    background-color: var(--color-primario-2) !important;
    transition: 0.3s ease-in;
}
section.row.adjuntos .formulario .adjunto:hover a{
    background-color: var(--color-primario-2) !important;
}
section.row.adjuntos .formulario .adjunto p{
    margin-left: 5px !important;
    margin-right: 15px !important;
}
section.row.adjuntos .formulario .btn-descarga{
    font-size: 20px;
    background-color: #000 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-left: 10px !important;
}
section.row.adjuntos .formulario .btn-descarga i{
    margin: 0px !important;
    padding: 0px !important;
    margin-right: 5px !important;
    color: var(--color-secundario) !important;
}
section.row.adjuntos .formulario .listado{
    max-height: 180px;
    width: 70%;
    overflow-y: scroll;
    margin-top: 10px !important;
}
.footer-adjuntos{
    margin-top: 100px !important;
}
.footer-myaccount footer{
    height: 490px !important;
}


#volver-login.volver-login{
    background-color: var(--color-secundario);
    height: 40px;
    padding: 0px !important;
    display: flex;
    justify-content: center;
    border-radius: 30px 10px 30px 10px;
    box-shadow: 1px 1px 5px #000;
}
#volver-login.volver-login a{
    color: var(--color-primario) !important;
    font-size: 16px;
    font-weight: bold;
    padding: 0px !important;
    margin-left: 0px !important;
}

.detalle-jugador .cont-jugador img{
    height: 200px;
    width: 200px !important;
    object-fit: cover;
    border-radius: 100% !important;
    border: 1px solid var(--color-secundario);
}
.detalle-jugador .cont-jugador h2{
    font-size: 40px;
    font-weight: 600;
}

.cont-edit-datos-personales{
    padding: 50px 0px !important;
    padding-right: 10px !important;
    padding-left: 20px !important;
}
.cont-edit-datos-personales .card{
    border-radius: 10px;
    background-color: #2b2b2b;
    min-height: 630px;
    padding: 20px !important;
    font-family: 'Catamaran', sans-serif;    
    border: 1px solid var(--color-acento-b);
}
.cont-edit-datos-personales .card .titulo, .cont-edit-profile .titulo{
    padding-top: 30px !important;
    padding-left: 30px !important;
    font-size: 25px;
    color: #fff !important;
    font-weight: 300;
    font-family: 'Catamaran', sans-serif;    
}
.cont-edit-profile .titulo{
    padding-left: 0px !important;
}
.cont-edit-datos-personales .card .titulo span, .cont-edit-profile .titulo span{
    color: var(--color-secundario);
    font-weight: bold !important;
    font-weight: 500;
}
.cont-edit-datos-personales .card .titulo h3, .cont-edit-profile h3{
    font-size: 35px !important;
}
.cont-edit-datos-personales .card .titulo p, .cont-edit-profile .titulo p{
    margin-top: 20px !important;
    font-size: 25px !important;
}
.cont-formulario-futbol p{
    color: #fff !important;
    font-size: 20px !important;
    margin-top: 40px !important;
    margin-left: 30px !important;
}
 .cont-formulario-futbol button#submit{
    width: 159px;
    margin-top: 20px !important;
    margin-left: 30px !important;
 }
.cont-formulario-futbol form select{
    background: #000;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;
    margin-left: 30px !important;
}
.cont-formulario-futbol form select option{
    background: #000 !important;
    color: #fff !important;
}
.cont-formulario-futbol form select option:checked, .cont-formulario-futbol form select option:hover, .cont-formulario-futbol form select option:focus, .cont-formulario-futbol form select:checked,  .cont-formulario-futbol form select:hover,  .cont-formulario-futbol form select:focus{
    background: #000 !important;
    color: #fff !important;
}

section.cont-edit-profile .alert.alert-danger, section.cont-edit-profile .alert.alert-success{
    margin-left: 0px !important;
    margin-top: 10px !important;
}

.cont-btn-volver{
    display: flex;
    justify-content: flex-end;
}
.btn-volver{
    text-decoration: none;
}
.btn-volver i{
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background-color: #E2FC03 !important;
    color: #000 !important;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
}
.btn-volver i:hover{
    background-color: #EFFF63 !important;
    transition: 0.3s ease-in;
}
.detalle-jugador .cont-jugador .item{
    justify-content: center !important;
    align-items: center !important;
    margin-top: 30px !important;
}
.detalle-jugador .cont-jugador .item .item-info{
    font-size: 50px;
    text-align: center;
    font-weight: 600;
}
.detalle-jugador .cont-jugador .item .item-info i{
    margin-right: 6px !important;
}
.detalle-jugador .cont-jugador .item .item-info i.fa.fa-shoe-prints{
    transform: rotate(-90deg) !important;
}
.detalle-jugador .cont-jugador .item .item-label{
    margin-top: -12px !important;
    text-align: center;
    font-size: 20px;
}
.cont-jugador i.fa.fa-ban{
    margin-left: 0px !important;
}

.cont-formulario-futbol .col-6.cont-detalles-juego{
    padding-left: 50px !important;
}
.cont-formulario-futbol .col-6.cont-detalles-juego p{
    margin-bottom: 10px !important;
}
.cont-formulario-futbol .col-6.cont-detalles-juego .caracteristicas-futbolista{
    margin-left: 30px !important;
    color: #fff;
}
.cont-formulario-futbol .col-6.cont-detalles-juego .caracteristicas-futbolista label{
    font-size: 18px !important;
    display: flex;
}
.cont-formulario-futbol .col-6.cont-detalles-juego .caracteristicas-futbolista input {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    margin-right: 10px !important;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    border: 2px solid #333 !important;
    background-color: #fff !important;
    cursor: pointer;
    position: relative;
}

.cont-formulario-futbol .col-6.cont-detalles-juego .caracteristicas-futbolista input:checked {
    background-color: #1f1f1f !important;
    border-color: #1f1f1f !important;
}

.cont-formulario-futbol .col-6.cont-detalles-juego .caracteristicas-futbolista input:checked::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    background-color: #E2FC03 !important;
    border-radius: 50%;
}

.cont-jugador .cont-info-jugador{
    display: flex !important;
    align-items: center !important;
}
.detalle-jugador .cont-jugador .cont-info-jugador img{
    border: none !important;
    height: 30px !important;
    width: 30px !important;
    object-fit: contain !important;
    border-radius: 0px !important;
    margin-left: 10px !important;
}

section.detalle-jugador .tab{
    display: flex !important;
}
section.detalle-jugador .tab .tab-name{
    border-radius: 10px 10px 0px 0px !important;
    display: flex !important;
    color: #fff !important;
    background-color: #2b2b2b;
    padding: 10px 0px !important;
    border: 1px solid var(--color-acento-b);
    border-bottom: 0px !important;
    justify-content: center !important;
    cursor: pointer;
}
section.detalle-jugador .tab .tab-2{
    margin-left: 10px !important;
}
section.detalle-jugador .tab .tab-name.inactive{
    background-color: #424141 !important;
    transition: 0.3s ease-in;
}
section.detalle-jugador .tab .tab-name:hover{
    background-color: #2b2b2b !important;
    transition: 0.3s ease-in;
}
section.detalle-jugador .cont-tab-information{
    border-radius: 0px 0px 10px 10px !important;
    border-top: 0px !important;
}
section.detalle-jugador .col-9.cont-stat .card {
    min-height: 345px !important;
}
section.detalle-jugador .cont-tab-information ul li{
    list-style: none;
    font-size: 16px !important;
    display: flex;
    margin-bottom: 10px !important;
    transition: 0.3s ease-in;
}
section.detalle-jugador .cont-tab-information ul li:hover{
    margin-left: 10px !important;
    transition: 0.3s ease-in;
}
section.detalle-jugador .cont-tab-information ul li i{
    margin-right: 10px !important;
    height: 22px !important;
    width: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    background-color: var(--color-secundario) !important;
    border-radius: 100% !important;
}
section.detalle-jugador .cont-tab-information ul li i.fa.fa-ban{
    background: none !important;
    color: #fff !important;
}


.form-control[type=file]:not(:disabled):not([readonly]){
    padding-top: 12px !important;
    height: 50px !important;
    padding-left: 30px !important;
}

.cont-foto-perfil-input input#foto_perfil{
    margin-bottom: 0px !important;
}
.cont-foto-perfil-input small{
    color: #fff;
    font-style: italic;
}
.cont-foto-perfil-input{
    margin-bottom: 30px !important;
}

.resumen img.foto-perfil-edit{
    height: 80px !important;
    width: 80px !important;
    border: 1px solid #BDD300 !important;
    border-radius: 100% !important;
    object-fit: cover;
}
.cont-info-edit-profile{
    width: 30% !important;
}
.cont-info-profile{
    width: 40% !important;
}
.account-main .resumen .edit-profile{
    margin-left: 85% !important;
    margin-top: -100px !important;
}

.header-foto-perfil{
    border-radius: 100% !important;
    height: 40px !important;
    width: 40px !important;
    border: 1px solid #BDD300 !important;
    object-fit: cover !important;
    margin-right: 10px !important;
}

.cont-info-edit-profile .col-8{
    margin-left: 15px !important;
}
.cont-info-edit-profile .col-8.col-8-con-foto{
    margin-left: 0px !important;
}

.cont-reportes-type{
    padding: 0px 50px !important;
    min-height: 700px !important;
    align-items: center;
}
.cont-reportes-type .cont-reporte-type{
    border-radius: 10px;
    padding: 0px 20px !important;
}
.cont-reportes-type .cont-reporte-type .reporte-type{
    border-radius: 10px;
    background-color: #2b2b2b;
    min-height: 500px;
    padding: 20px !important;
    color: #fff !important;
    transition: 0.3s ease-in;
    border: 1px solid var(--color-acento-b);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.cont-reportes-type .cont-reporte-type .reporte-type i{
    font-size: 100px;
    margin-bottom: 30px !important;
}
.cont-reportes-type .cont-reporte-type .reporte-type h3{
    font-size: 40px;
    text-align: center;
}
.dashboard-main.dashboard-reportes-main section{
    align-items: flex-start;
}
.cont-reportes-type .cont-reporte-type .reporte-type:hover{
    background-color: #1f1f1f !important;
    transition: 0.3s ease-in;
}
.cont-reportes-type a i, .cont-reportes-type a h3{
    text-decoration: none !important;
    color: #fff;
}
.cont-reportes-type a{
    text-decoration: none !important;
}
.cont-btn-listado-reportes{
    height: 150px !important;
    display: flex;
    justify-content: center;
    font-family: 'Catamaran', sans-serif;
}
.cont-btn-listado-reportes .col-12{
    display: flex;
    justify-content: center;
}
.cont-btn-listado-reportes .btn-listado-reportes{
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    width: 350px;
    height: 60px;
    background-color: var(--color-secundario);
    transition: 0.3s ease-in;
}
.cont-btn-listado-reportes a i, .cont-btn-listado-reportes a h3{
    text-decoration: none !important;
    color: #000;
}
.cont-btn-listado-reportes a{
    text-decoration: none !important;
}
.cont-btn-listado-reportes .btn-listado-reportes:hover{
    background-color: var(--color-secundario-1);
    transition: 0.3s ease-in;
}
.cont-btn-listado-reportes .btn-listado-reportes i{
    font-size: 30px;
    margin-right: 15px !important;
}

#section-reportes.section-reportes{
    min-height: 1000px !important;
    margin: 0px !important;
    padding-left: 100px !important;
}
#section-reportes.section-reportes.section-reportes-individual{
    min-height: 1100px !important;
}

.reportes-main .indicativo{
    height: 100px;
    padding: 100px !important;
    padding-top: 70px !important;
    margin: 0px !important;
    display: flex !important;
}
.reportes-main .indicativo .cartel{
    width: 30.7%;
    color: #fff;
    padding: 10px 30px !important;
    display: flex;
    align-items: center;
    border-radius: 10px;
    background-color: #2b2b2b;
    border: 1px solid var(--color-acento-b);
    font-family: 'Catamaran', sans-serif;
}
.reportes-main .btn-volver{
    margin-right: 10px !important;
}
.reportes-main .btn-volver i{
    height: 50px !important;
    width: 50px !important;
}

.reportes-main .indicativo .cartel i{
    font-size: 30px;
    margin-right: 15px !important;
}

.section-reportes .tabla-referencias{
    color: #fff;
    padding: 10px 30px !important;
    padding-top: 20px !important;
    display: flex;
    align-items: flex-start;
    border-radius: 10px;
    background-color: #2b2b2b;
    border: 1px solid var(--color-acento-b);
    font-family: 'Catamaran', sans-serif;
    height: 820px;
}
.section-reportes .tabla-referencias.tabla-referencias-individual{
    height: 1000px !important;
}

.section-reportes .contador-estadisticas{
    color: #fff;
    padding: 20px !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-family: 'Catamaran', sans-serif;
    height: 600px;
}
.section-reportes .contador-estadisticas h4{
    font-size: 40px !important;
}


a.btn.btn-secondary{
    border: none !important;
    background-color: var(--color-primario-c);
    color: var(--color-acento-3);
    font-size: 16px !important;
    font-weight: 300 !important;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin-bottom: 40px !important;
    width: 149px !important;
    height: 33px !important;
    text-decoration: none !important;
    margin-left: 20px !important;
}
a.btn.btn-secondary p{
    color: var(--color-acento-3);
    padding: 0px !important;
    margin: 0px !important;
    font-size: 16px !important;
    font-weight: 300 !important;
}
.cont-formulario-futbol a.btn.btn-secondary{
    margin-top: 20px !important;
}
a.btn.btn-secondary:hover{
    background-color: #737373 !important;
    transition: 0.3s ease-in !important;
}

section.cont-formu-add-note{
    min-height: 800px !important;
    padding: 50px !important;
}
h2.title-add-note{
    color: #fff;
    font-size: 35px;
    margin-top: 50px !important;
    font-family: 'Catamaran', sans-serif;
    margin-bottom: 40px !important;
}
section.cont-edit-profile form button#submit{
    width: 200px !important;
}
section.cont-edit-profile{
    margin: 50px !important;
    margin-top: 0px !important;
}

#section-reportes .tabla-referencias .equipo-reporte img.escudo{
    height: 50px !important;
    width: 50px !important;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #BDD300;
    margin-top: 30px !important;
}
#section-reportes .tabla-referencias .equipo-reporte div.d-block{
    margin-left: 10px !important;
    margin-top: 20px !important;
}
#section-reportes .tabla-referencias .equipo-reporte div.d-block input{
    background: none;
    border: none;
    color: #fff !important;
    font-size: 20px !important;
}
#section-reportes .tabla-referencias .equipo-reporte div.d-block input:focus, #section-reportes .tabla-referencias .equipo-reporte div.d-block input:active, #section-reportes .tabla-referencias .equipo-reporte div.d-block input:checked{
    border: none !important;
    outline: none !important;
}


.marcador img.escudo-marcador, .marcador i.fa-shield{
    height: 50px !important;
    width: 50px !important;
    object-fit: cover;
    border-radius: 100%;
    border: 1px solid #BDD300;
    margin: 0px 20px !important;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    color:#424141;
}

.marcador, .marcador .marcador-local, .marcador .marcador-visitante{
    display: flex;
    align-items: center;
    justify-content: center;
}

.marcador .marcador-local, .marcador .marcador-visitante{
    margin: 0px 20px !important;
}

.marcador .marcador-local{
    margin-left: 0px !important;
}

.marcador{
    justify-content: flex-start;
    padding-top: 20px !important;
}

.marcador button{
    margin: 0px 5px !important;
    background: none;
    height: 40px;
    width: 40px;
    text-align: center;
    border: none;
    box-shadow: none;
    background-color: #E2FC03;
    border-radius: 10px;
    transition: 0.3s ease-in;
}

.marcador button:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

.marcador p.goles-local, .marcador p.goles-visitante{
    margin: 0px 10px !important;
    font-size: 25px;
}

.form-reporte-equipo-rival input, .form-reporte-equipo-rival input:focus, .form-reporte-equipo-rival input:active{
    background: #000;
    height: 40px;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;    
}

.tabla-referencias p.nombre-rival{
    font-size: 23px;
}

.titulo-reporte-estadistico{
    margin-top: 40px !important;
}

.cronometro{
    display: flex;
    align-items: center;
}

.cronometro .time{
    margin-left: 10px !important;
}

.cronometro #stop-chronometer, .cronometro #continue-chronometer, .cronometro #stop-chronometer-individual, .cronometro #continue-chronometer-individual{
    background: none;
    color: #94A500;
}

.cronometro #stop-chronometer, .cronometro #stop-chronometer-individual{
    margin-left: 20px !important;
}

.stats button{
    background-color: var(--color-secundario);
    box-shadow: none;
    border-radius: 10px;
    border: none;
    width: 100%;
    height: 40px;
    transition: 0.3s ease-in;
    margin-bottom: 10px !important;
}

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

.stats .rival button{
    background-color: #101010 !important;
    color: #fff !important;
}
.stats .rival button:hover{
    background-color: #2b2b2b !important;
    transition: 0.3s ease-in !important;
}


.stats button i{
    margin-right: 5px !important;
}

.stats button:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

.listado-acciones{
    background-color: #101010;
    border-radius: 10px;
    height: 420px;
    overflow-y: scroll;
    margin-top: 20px !important;
    padding: 20px !important;
}

.cont-stats{
    padding-top: 20px !important;
}

.tabla-referencias #list-stats{
    margin-top: 30px !important;
}

.tabla-referencias #list-stats h5{
    margin-bottom: 10px !important;
}

.tabla-referencias #list-stats h5.title-rival{
    margin-top: 30px !important;
}

.tabla-referencias #list-stats li{
    font-weight: 300;
}

.tabla-referencias #list-stats li i{
    margin-right: 5px !important;
}

.listado-acciones ul{
    margin-top: 20px !important;
}

.listado-acciones ul li{
    list-style: none;
    margin-bottom: 10px !important;
    font-weight: 300;
}

.listado-acciones ul li span{
    width: 80% !important;
}

#acciones-log button{
    height: 25px;
    width: 25px;
}

#acciones-log button i{
    font-size: 15px !important;
}

#section-reportes .tabla-referencias .btn-save-reporte, #section-reportes .tabla-referencias .btn-download-reporte, #modal-confirmacion #confirmar-envio, #modal-confirmacion #cancelar-envio, #modal-confirmacion-individual #confirmar-envio-individual, #modal-confirmacion-individual #cancelar-envio-individual{
    border: none;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px !important;
    width: 149px !important;
    height: 33px !important; 
    margin-top: 40px !important;  
    transition: 0.3s ease-in;
}
#section-reportes .tabla-referencias .btn-save-reporte:hover, #section-reportes .tabla-referencias .btn-download-reporte:hover, #modal-confirmacion #confirmar-envio:hover, #modal-confirmacion-individual #confirmar-envio-individual:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

#modal-confirmacion, #modal-confirmacion-individual{
    display: flex;
    justify-content: center;
}

#modal-confirmacion.modal, #modal-confirmacion-individual.modal{
  display: none;
  position: fixed;
  z-index: 999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background: rgba(0,0,0,0.6);
  justify-content: center;
  align-items: center;
}

#modal-confirmacion .modal-content, #modal-confirmacion-individual .modal-content{
    height: 300px;
    width: 400px;
    padding: 30px !important;
    background-color: #2b2b2b;
    border: 1px solid var(--color-acento-c);
    color: #fff;
}

#modal-confirmacion h4, #modal-confirmacion-individual h4{
    width: 90%;
    font-size: 20px;
    font-weight: bold;
    padding-bottom: 10px !important; 
}

#modal-confirmacion .modal-content textarea, #modal-confirmacion-individual .modal-content textarea{
  width: 100%;
  height: 80px;
  padding: 10px !important;
  border-radius: 10px;
  margin-top: 10px !important;
  resize: vertical;
}

#modal-confirmacion .modal-actions, #modal-confirmacion-individual .modal-actions{
    margin-top: 15px;
    display: flex;
    justify-content: center;
}

#modal-confirmacion #cancelar-envio, #modal-confirmacion-individual #cancelar-envio-individual{
    margin-left: 10px !important;
    background-color: var(--color-primario-c);
    color: #fff;
    font-weight: 300 !important;
}
#modal-confirmacion #cancelar-envio:hover, #modal-confirmacion-individual #cancelar-envio-individual:hover{
    background-color: #737373 !important;
    transition: 0.3s ease-in !important;
}


.tabla-referencias #mensaje-resultado{
    padding: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
}

.tabla-referencias-individual #mensaje-resultado-individual{
    padding: 5px !important;
    border-radius: 5px !important;
    margin-top: 10px !important;
}


#section-reportes .tabla-referencias .btn-download-reporte{
    width: auto !important;
    margin-left: 20px !important;
}

#section-reportes .tabla-referencias .btn-save-reporte{
    width: auto !important;
}

#section-reportes .tabla-referencias .btn-download-reporte i, #section-reportes .tabla-referencias .btn-save-reporte i{
    margin-right: 5px !important;
}

.contador-estadisticas .cont-plantel select{
    background: #000;
    height: 40px;
    width: 400px !important;
    border-radius: 30px;
    border: 1px solid var(--color-secundario);
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 30px !important;
    padding: 0px 20px !important;
}

.col-6.d-flex.cont-stats .propio, .col-6.d-flex.cont-stats .rival, .propio, .rival{
    padding: 0px 20px !important;
}


.modal-visible {
    display: flex !important;
}

.modal-oculto {
    display: none !important;
}

.dashboard-main section.cont-reportes{
    padding: 20px 100px !important;
    display: flex;
    justify-content: space-between;
    margin-bottom: 200px !important;
}
.dashboard-main section.cont-reportes h4{
    color: #fff !important;
    font-size: 28px;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte{
    padding: 20px !important;
    color: #fff;
    align-items: center;
    border-radius: 10px;
    background-color: #2b2b2b;
    border: 1px solid var(--color-acento-b);
    font-family: 'Catamaran', sans-serif;  
    width: 45% !important;  
}

.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table{
    margin-top: 40px !important;
    background: none !important;
    border: none !important;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table th, .dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table tr, .dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table thead, .dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table td{
    background: none !important;
    border: none !important;
    color: #fff !important;
    font-size: 18px !important;
    font-family: 'Catamaran', sans-serif;
    display: flex;
    justify-content: space-between;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table thead, .dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table tr{
    width: 100% !important;
    justify-content: space-between;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table thead tr th{
    color: #737373 !important; 
    font-weight: 500;
    width: 100%;
    justify-content: space-around;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table tbody tr{
    background-color: #3a3a3a !important;
    padding: 3px 10px !important;
    border-radius: 5px !important;
    margin-bottom: 10px !important;
    width: 100% !important;
    justify-content: space-around;
    display: flex;
    align-items: center;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table tbody tr td{
    font-size: 14px !important;
    width: 100% !important;
    justify-content: center;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table thead{
    margin-bottom: 10px !important;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table td a{
    display: flex;
    align-items: center;
    text-decoration: none;
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table td a i{
    background: none !important;
    color: var(--color-secundario);
    margin-right: 30px !important;
    font-size: 17px !important;
    transition: 0.3s ease-in;    
}
.dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table td a i:hover{
    color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}

.tbody-scroll-wrapper {
    max-height: 230px;
    overflow-y: auto;
    display: flex !important;
    align-items: flex-start;
}
.tbody-scroll-wrapper table {
    margin: 0;
}

/* Scroll personalizado (compatible con navegadores modernos) */
.tbody-scroll-wrapper::-webkit-scrollbar {
    width: 6px;
}
.tbody-scroll-wrapper::-webkit-scrollbar-thumb {
    background-color: #E2FC03;
    border-radius: 3px;
}


.reportes-main .reporte-titulo .cartel{
    width: 50% !important;
}
.reportes-main .reporte-titulo .cartel h2 span{
    font-weight: 300 !important;
}


.cont-reportes .info-partido p{
    align-items: center;
    font-family: 'Catamaran', sans-serif;
    color: #fff !important;
}
.cont-reportes .info-partido p i{
    margin-right: 10px !important;
}
.cont-reportes .estadisticas .col-6{
    color: #fff !important;
    font-family: 'Catamaran', sans-serif;
}
.cont-reportes .estadisticas{
    justify-content: space-between;
}
.cont-reportes .estadisticas .col-6 h4{
    font-size: 20px !important;
    margin-top: 30px !important;
    margin-bottom: 12px !important;
}


#estadisticas-grafico, #estadisticas-grafico-grupal{
    display: none !important;
}

.btn-select-graficos{
    margin-top: 20px !important;
}
.btn-select-graficos #ver-grafico, .btn-select-graficos #descargar-reporte-individual,.btn-select-graficos #descargar-reporte-grupal{
    border: none;
    background-color: var(--color-secundario);
    color: var(--color-primario);
    font-size: 16px;
    font-weight: bold;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 149px !important;
    height: 33px !important;
    transition: 0.3s ease-in;
}
.btn-select-graficos #ver-grafico:hover, .btn-select-graficos #descargar-reporte-individual:hover, .btn-select-graficos #descargar-reporte-grupal:hover{
    background-color: var(--color-secundario-2);
    transition: 0.3s ease-in;
}
.btn-select-graficos #ver-grafico i, .btn-select-graficos #descargar-reporte-individual i, .btn-select-graficos #descargar-reporte-grupal i{
    margin-right: 10px !important;
}
.btn-select-graficos #descargar-reporte-individual, .btn-select-graficos #descargar-reporte-grupal{
    margin-left: 20px !important;
}
.dashboard-main section.cont-reportes-detalle{
    margin-bottom: 500px !important;
}

.cont-stats-principales-home .cont-stat .card .reportes-listado{
    max-height: 200px !important;
    overflow-y: scroll;
}
.cont-stats-principales-home .cont-stat .card .reportes-listado li i{
    height: 22px !important;
    width: 22px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000 !important;
    background-color: var(--color-secundario) !important;
    border-radius: 100% !important;
    margin-right: 5px !important;
}
.cont-stats-principales-home .cont-stat .card .reportes-listado li{
    margin-bottom: 10px !important;
    transition: 0.3s ease-in;
}
.cont-stats-principales-home .cont-stat .card .reportes-listado li:hover{
    margin-left: 10px !important;
    transition: 0.3s ease-in;
}

.dashboard-main section.cont-reportes.cont-reportes-comparacion{
    margin-bottom: 670px !important;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .tabla-individual{
    margin-top: 50px !important;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion a i.fa.fa-plus{
    cursor: pointer !important;
}
.cont-grafico-comparacion{
    background: none !important;
    border: none !important;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .cont-tabla-reporte table button{
    background: none !important;
    border: none !important;
    box-shadow: none !important;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .cont-tabla-reporte table button i{
    color: #E2FC03;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .cont-tabla-reporte table button:disabled i{
    color: #636363;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .tabla-agregados h5{
    margin-bottom: 10px !important;
    margin-top: 50px !important;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .tabla-agregados i.fa-undo{
    margin-left: 10px !important;
    font-size: 12px !important;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .tabla-agregados .reporte-agregado{
    display: flex;
    align-items: center;
}
.dashboard-main section.cont-reportes.cont-reportes-comparacion .tabla-agregados .reporte-agregado span{
    margin-left: 10px !important;
    font-weight: 300;
}

.tabla-grupales button#btn-download-comparacion-reporte{
    border: none !important;
    background: var(--color-secundario) !important;
    color: var(--color-primario) !important;
    font-size: 16px !important;
    font-weight: bold !important;
    padding: 5px 15px !important;
    border-radius: 30px 10px 30px 10px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-top: 40px !important;
    height: 33px !important;
    transition: 0.3s ease-in !important;
}
.tabla-grupales button#btn-download-comparacion-reporte:disabled{
    background: var(--color-primario-c) !important;
    transition: 0.3s ease-in;
}
section.row.adjuntos .formulario form button.disabled{
    background: var(--color-primario-c) !important;
}
.tabla-grupales button#btn-download-comparacion-reporte:disabled:hover{
    background: var(--color-primario-c) !important;
    transition: 0.3s ease-in;
}

.tabla-grupales button#btn-download-comparacion-reporte i{
    margin-right: 10px !important;
}
.tabla-grupales button#btn-download-comparacion-reporte:hover{
    background: var(--color-secundario-2) !important;
    transition: 0.3s ease-in;
}

#helpAccordion{
    font-family: 'Catamaran', sans-serif;
    margin: 100px !important;
    padding-bottom: 0px !important;
    margin-bottom: 50px !important;
    border-radius: 10px !important;
    border: 1px solid var(--color-acento-b) !important;
}
.accordion-item {
    background: #1f1f1f !important;
    padding: 50px !important;
    border: none !important;
    transition: 0.3s ease-in;
    border-radius: 10px !important;
}
.accordion-item:hover{
    background: var(--color-primario-1) !important;
    transition: 0.3s ease-in;
}
.accordion-item.open{
    background: var(--color-primario-1) !important;
}
.accordion-item.open i{
    transform: rotate(180deg);
    transition: 0.3s ease-in;
}
.accordion-header {
    width: 100%;
    padding: 15px;
    color: #fff !important;
    font-size: 30px !important;
    background: none !important;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    border: none;
    outline: none;
    transition: background-color 0.3s ease;
}
.accordion-header:hover {
    background-color: #333;
}
.accordion-content {
    max-height: 0;
    overflow: hidden;
    color: #fff;
    font-size: 20px !important;
    padding: 0 15px;
    transition: max-height 0.3s ease;
}
.accordion-content.open {
    padding: 15px;
    max-height: 200px; /* ajusta según contenido */
}
.accordion-header i.fa-angle-down{
    color: var(--color-secundario) !important;
    margin-right: 10px !important;
    transition: 0.3s ease-in;   
}
header.header.header-ayuda .col-6{
    display: flex;
    align-items: center;
}
header.header.header-ayuda .col-6 h2{
    color: #fff;
    font-family: 'Catamaran', sans-serif;
}
header.header.header-ayuda .col-6 span{
    color: #fff;
    font-weight: 300;
    font-size: 50px !important;
    margin-right: 30px !important;
    margin-top: -20px !important;
}





@media print {
    .no-print {
      display: none !important;
    }
}

@media screen and (max-width: 700px) {
    div.banner-principal p.text {
        font-size: 30px !important;
    }
    .menu{
        padding-top: 10px !important;
    }
    .menu .col-2{
        width: 20% !important;
    }
    .menu .col-10{
        width: 80% !important;
        margin: 0px !important;
        padding: 0px !important;
    }
    .menu img {
        height: 70px !important;
        margin: 0px !important;
    }
    .menu.col-8.d-flex{
        display: none !important;
    }
    .menu .botones{
        width: 100% !important;
        justify-content: flex-end;
    }
    .menu .botones p.iniciar-sesion{
        font-size: 14px !important;
        margin-right: 7px !important;
    }
    .menu .botones p.registro{
        font-size: 14px !important;
        margin-left: 7px !important;
        margin-right: 10px !important;
    }
    .banner-principal.aos-init.aos-animate{
        padding: 10px !important;
        margin: 0px !important;
        width: 100% !important;
    }
    .banner-principal.aos-init.aos-animate .col-7.d-block{
        width: 100% !important;
        margin-top: 100px !important;
    }
    .banner-principal h2{
        font-size: 30px;
    }
    div.banner-principal p.text{
        font-size: 16px !important;
    }
    .banner-principal p.conocer-mas{
        font-size: 15px !important;
        margin-left: 10px !important;
        width: 150px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        height: 30px !important;
    }
    footer .row{
        flex-direction: column !important;
        justify-content: center !important;
    }
    footer .col-4{
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
    }
    footer .col-4 img{
        height: 150px;
    }
    footer .col-4.indice{
        padding-top: 0px !important;
    }
    footer .contacto img{
        height: 30px !important;
        margin-right: 0px !important;
    }
    footer .contacto{
        padding: 0px !important;
        margin: 0px !important;
        text-align: center;
        display: block !important;
        margin-top: 30px !important;
    }
    footer{
        min-height: 650px !important;
        padding: 0px !important;
    }
    footer .row{
        border-bottom: none !important;
    }
    footer .copyright{
        flex-direction: column !important;
        display: flex !important;
        justify-content: center !important;
        text-align: center !important;
    }
    footer .copyright p{
        margin-top: 10px !important;
    }
    section.terminos{
        padding: 20px !important;
        margin-bottom: 50px !important;
    }
    section.terminos h5{
        font-size: 30px !important;
    }
    section.terminos p{
        font-size: 13px !important;
    }
    section.terminos h3{
        font-size: 23px !important;
    }
    .col-4.d-block.formulario.login, .col-4.d-block.formulario.register{
        width: 100% !important;
        margin-top: 20px !important;
    }
    .col-4.d-block.formulario.login .row.d-flex{
        align-items: center !important;
    }
    .col-4.d-block.formulario.login .row.d-flex .col-7{
        margin: 0px !important;
    }
    .col-4.d-block.formulario.login .row.d-flex .col-7 p{
        font-size: 14px !important;
        margin-top: -10px !important;
        margin-left: 10px !important;
    }
    .formulario.login button#submit-login, .formulario.register button#submit-login, .formulario.register button#next-step{
        width: 150px !important;
        margin-bottom: 10px !important;
        font-size: 15px !important;
    }
    header.header{
        height: 800px !important;
    }
    .col-4.d-block.formulario.register button#submit-login{
        width: 150px !important;
        margin-bottom: 10px !important;
        font-size: 15px !important;
    }
    .col-4.d-block.formulario.register .col-7{
        margin: 0px !important;
    }
    .col-4.d-block.formulario.register .col-7 p{
        font-size: 14px !important;
        margin-top: -10px !important;
        margin-left: 5px !important;
    }
    .banner-principal.step-1.banner-principal-register-2.row.d-flex.align-items-center.aos-init.aos-animate{
        margin-top: 0px !important;
    }
    .header-dashboard .logo.d-flex.align-items-center.left.col-3{
        display: none !important;
    }
    .header-dashboard .user.col-6.d-flex{
        width: 100% !important;
    }
    .header-dashboard .topbar span{
        display: none !important;
    }
    .header-dashboard .topbar{
        padding: 10px 20px !important;
    }
    main.row.dashboard-main.d-flex{
        flex-direction: column-reverse !important;
    }
    main.row.dashboard-main.d-flex section{
        width: 100% !important;
    }
    main.row.dashboard-main.d-flex section.col-6.d-flex.cont-banner {
        height: 160px;
    }
    main.row.dashboard-main.d-flex section.sidebar.col-5{
        padding: 10px !important;
    }
    .cont-stats-principales-home.d-flex.row{
        flex-direction: column !important;
    }
    .cont-stats-principales-home.d-flex.row .col-3, .cont-stats-principales-home.d-flex.row .col-6{
        width: 100% !important;
    }
    .cont-stats-principales-home.d-flex.row .col-6 canvas{
        height: 100px !important;
    }
    .header-ayuda .logo.d-flex.align-items-center.left.col-3{
        display: block !important;
        width: 50% !important;
    }
    .header-ayuda .col-3{
        display: none !important;
    }
    .header-ayuda .user.col-6.d-flex{
        width: 50% !important;
    }
    #helpAccordion{
        margin: 30px 10px !important;
    }
    .accordion-item{
        padding: 20px !important;
    }
    .accordion-header{
        font-size: 20px !important;
    }
    .accordion-content{
        font-size: 13px !important;
    }
    section.row.account-main.d-flex{
        display: none !important;
    }
    main.row.account-main.d-flex{
        flex-direction: column !important;
    }
    section.col-8.resumen.d-flex.align-items-center, .account-main .cont-club{
        width: 100% !important;
    }
    .account-main .cont-club{
        margin-top: 20px !important;
    }
    .cont-club.col-4{
        margin-left: 0px !important;
        padding: 0px !important;
    }
    .account-main .resumen, .account-main .club{
        padding: 0px 20px !important;
    }
    .d-flex.row.cont-info-profile.align-items-center, .d-flex.row.cont-info-edit-profile.align-items-center{
        width: 100% !important;
    }
    .d-flex.row.cont-info-profile.align-items-center .col-2, .d-flex.row.cont-info-edit-profile.align-items-center .col-2{
        width: 20% !important;
    }
    .d-flex.row.cont-info-profile.align-items-center .col-8, .d-flex.row.cont-info-edit-profile.align-items-center .col-8{
        width: 40% !important;
    }
    .account-main .resumen{
        padding-left: 10px !important;
    }
    .account-main .resumen h3{
        font-size: 22px !important;
    }
    .account-main .resumen p{
        font-size: 12px !important;
    }
    .account-main .resumen .edit-profile{
        margin-left: 60% !important;
        margin-top: -70px !important;
    }
    .row.edit-profile section.cont-edit-profile.col-5{
        width: 100% !important;
        padding: 10px !important;
        margin: 0px !important;
    }
    .cont-stats-principales-home.d-flex.row.cont-plantel .col-9.cont-stat{
        width: 100% !important;
    }
    div.jugador-plantel{
        width: 100% !important;
        flex-direction: column !important;
    }
    div.jugador-plantel .col-4{
        padding-left: 0px !important;
        width: 100% !important;
    }
    div.jugador-plantel .d-flex{
        margin-top: 20px !important;
    }
    div.jugador-plantel{
        padding: 20px !important;
    }
    .cont-stats-principales-home.d-flex.row .col-3, .cont-stats-principales-home.d-flex.row .col-6{
        width: 100% !important;
    }
    .cont-stats-principales-home.d-flex.row.cont-plantel .titulo-stat ul{
        flex-direction: column !important;
    }
    .cont-stats-principales-home.d-flex.row.cont-plantel .cont-jugador.d-flex{
        flex-direction: column !important;
    }
    .detalle-jugador .cont-jugador img{
        height: 100px;
        width: 100px !important;
    }
    .detalle-jugador .cont-jugador h2{
        font-size: 30px !important;
    }
    .detalle-jugador .cont-jugador .item .item-info{
        font-size: 30px;
    }
    .col-9.d-block.cont-info{
        width: 100% !important;
    }
    .detalle-jugador .cont-jugador .col-12 .col-3, .detalle-jugador .cont-jugador .col-12 .col-4{
        width: 50% !important;
    }
    .detalle-jugador .cont-jugador h2{
        margin-top: 20px !important;
    }
    .d-block.item.col-3:nth-child(3){
        display: none !important;
    }
    .col-9.cont-stat.chat{
        width: 100% !important;
        margin-top: 350px !important;
    }
    .col-3.cont-stat.cont-chat .jugador-plantel.d-flex .col-2{
        width: 20% !important;
    }
    .col-3.cont-stat.cont-chat .jugador-plantel.d-flex .col-10{
        width: 80% !important;
    }
    .col-3.cont-stat.cont-chat .jugador-plantel.d-flex{
        flex-direction: row !important;
    }
    .cont-stats-principales-home .cont-stat .col-3.instrucciones{
        display: none !important;
    }
    .cont-stats-principales-home .col-9.formulario{
        width: 100% !important;
    }
    section.row.adjuntos .formulario .listado{
        width: 100% !important;
    }
    section.row.adjuntos .formulario .adjunto{
        width: 90% !important;
    }
    section.row.adjuntos .formulario form button{
        margin-left: 0px !important;
    }
    main.row.dashboard-main.dashboard-reportes-main.reportes-main.d-flex{
        flex-direction: column !important;
    }
    .reportes-main .indicativo{
        padding: 10px !important;
    }
    .reportes-main .indicativo .cartel{
        width: 90% !important;
        padding: 10px !important;
    }
    main.row.dashboard-main.d-flex section{
        flex-direction: column;
    }
    main.row.dashboard-main.d-flex section .col-12, main.row.dashboard-main.d-flex section .col-4, main.row.dashboard-main.d-flex section .col-8{
        width: 100% !important;
        height: 200px !important;
    }
    main.row.dashboard-main.d-flex section{
        padding: 0px !important;
    }
    .cont-reportes-type .cont-reporte-type .reporte-type{
        min-height: 200px !important;
        height: 200px !important
    }
    .cont-reportes-type .cont-reporte-type .reporte-type i{
        font-size: 60px !important;
    }
    .cont-reportes-type .cont-reporte-type .reporte-type h3{
        font-size: 25px !important;
    }
    main.row.dashboard-main.d-flex section .col-8{
        margin-top: 30px !important;
    }
    main.row.dashboard-main.reportes-main.d-flex{
        flex-direction: column !important;
        height: 1000px !important;
    }
    .dashboard-main section.cont-reportes .col-6.cont-tabla-reporte{
        width: 100% !important;
        margin-top: 40px !important;
    }
    section.col-12.row.d-flex.cont-reportes.mt-4{
        display: block !important;
    }
    .dashboard-main section.cont-reportes .col-6.cont-tabla-reporte table tbody tr td{
        padding: 5px !important;
    }
    main.row.dashboard-main.reportes-main.d-flex {
        display: block !important;
    }
    div#estadisticas-lista{
        width: 100% !important;
    }
    section.col-12.row.d-flex.cont-reportes.mt-4 .info-partido{
        margin-top: 20px !important;
    }
    .d-flex.btn-select-graficos{
        margin-top: 350px !important;
    }
    div#estadisticas-grafico .estadisticas{
        display: block !important;
    }
    div#estadisticas-grafico .col-6{
        width: 100% !important;
    }
    .reportes-main .indicativo h2{
        font-size: 22px !important;
    }
    .reportes-main .indicativo i{
        font-size: 25px !important;
    }
    .reportes-main .btn-volver i{
        font-size: 15px !important;
        height: 30px !important;
        width: 30px !important;
    }
    .indicativo.reporte-titulo.d-flex.row .col-10.d-flex.align-items-center{
        width: 100% !important;
    }
    main.row.dashboard-main.reportes-main.comparacion-main.d-flex{
        height: 1550px !important;
    }
    .dashboard-main section.cont-reportes.cont-reportes-comparacion .tabla-agregados .reporte-agregado{
        font-size: 12px !important;
    }
    main.row.dashboard-main.d-flex section.col-6.d-flex.cont-banner h2{
        margin-top: 70px !important;
    }
    .col-4.cont-reporte-type{
        margin-bottom: 30px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex #section-reportes.section-reportes{
        padding: 0px !important;
        display: block !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex{
        min-height: 2500px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .section-reportes .tabla-referencias{
        width: 100% !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .section-reportes .tabla-referencias button{
        font-size: 12px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .section-reportes .contador-estadisticas h4{
        font-size: 30px !important;
        height: 30px !important;
        margin-top: 40px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .section-reportes .col-12{
        height: auto !important;
        flex-direction: column !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .col-6.d-flex.marcador{
        flex-direction: column !important;
        width: 100% !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .contador-estadisticas.d-block.col-9{
        width: 100% !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .d-flex.marcador-visitante{
        flex-direction: row-reverse !important;
        margin-left: 0px !important;
    }
    .header-dashboard .topbar .sign-out{
        font-size: 12px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .col-6.d-block.marcador{
        width: 100% !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .col-6.d-flex.cont-stats{
        width: 100% !important;
    }
    main.row.dashboard-main.main-creacion-reporte.reportes-main.d-flex .stats button{
        font-size: 12px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.main-creacion-reporte-individual.reportes-main.d-flex{
        min-height: 3000px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.main-creacion-reporte-individual.reportes-main.d-flex .contador-estadisticas.d-block.col-9 h4{
        font-size: 30px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.main-creacion-reporte-individual.reportes-main.d-flex .contador-estadisticas.d-block .col-12 h4.col-6{
        width: 100% !important;
    }
    main.row.dashboard-main.main-creacion-reporte.main-creacion-reporte-individual.reportes-main.d-flex h4.col-6.cont-jugador-reporte{
        display: none !important;
    }
    main.row.dashboard-main.main-creacion-reporte.main-creacion-reporte-individual.reportes-main.d-flex .contador-estadisticas .cont-plantel select{
        width: 250px !important;
    }
    main.row.dashboard-main.main-creacion-reporte.main-creacion-reporte-individual.reportes-main.d-flex .d-block.stats.d-flex{
        margin-top: 40px !important;
    }
    main.row.equipo-main.account-main.d-flex .col-8.info-equipo.d-flex h3 {
        margin-left: 12px !important;
    }
    section.cont-edit-datos-personales.col-7{
        width: 100% !important;
    }
    .cont-edit-datos-personales .card{
        padding: 10px !important;
    }
    .cont-edit-datos-personales .card .titulo h3, .cont-edit-profile h3{
        font-size: 30px !important;
    }
    .cont-edit-datos-personales .card .titulo p{
        font-size: 20px !important;
    }
    .cont-edit-datos-personales .card .cont-formulario-futbol .d-flex{
        flex-direction: column !important;
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    .cont-edit-datos-personales .card .cont-formulario-futbol .col-6{
        width: 100% !important;
    }
    .cont-edit-datos-personales .card .titulo, .cont-edit-profile .titulo{
        padding: 20px !important;
    }
    .cont-formulario-futbol p, .cont-formulario-futbol form select{
        margin-left: 0px !important;
    }
    .cont-edit-datos-personales .card .cont-formulario-futbol .col-6{
        padding-left: 0px !important;
        margin-left: 0px !important;
    }
    .cont-formulario-futbol button#submit, .cont-formulario-futbol a.btn.btn-secondary{
        margin: 0px !important;
    }
    .cont-formulario-futbol a.btn.btn-secondary{
        margin-top: 10px !important;
    }
}