html,
body {
    height: 100%;
}
h1{margin: 30px auto;}

.navbar-brand {
    height: 100px;
}
.navbar-brand > img {
    max-height: 100%;
}

.navbar-fixed-top .navbar-collapse{max-height: 340px;}
/*
.navbar-fixed-top .navbar-collapse .navbar-nav{display: none;}
.navbar-toggle{display: none;}

.breadcrumb{display: none;}*/

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 110px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}

.jumbotron .btn {
    font-size: 21px;
    padding: 14px 24px;
}

.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: "\e151";
}

a.desc:after {
    content: "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view td {
    white-space: nowrap;
}

.grid-view .filters input,
.grid-view .filters select {
    min-width: 50px;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}
div#main{text-align: center;}

/* home */
.home-index h2{margin: 30px 0px;}
.home-index .boton{text-align: center;margin: auto;}

.home-index .proximos-partidos{padding-right: 50px;}
.home-index .proximos-partidos div.partido:nth-child(odd) {background-color:#f5f5f5;}
.home-index .proximos-partidos div.partido:nth-child(even) {background-color:lightgrey;}
.home-index .proximos-partidos .partido{margin: 10px 0px;}
.home-index .proximos-partidos .partido .categoria{text-align: left; padding: 0px 15px;margin: 20px 0px;}
.home-index .proximos-partidos .partido .categoria .izquierda{font-weight: bold;text-transform: uppercase;}
.home-index .proximos-partidos .partido .datos{padding: 0px 15px; margin: 20px 0px; border-bottom: 2px solid;}
.home-index .proximos-partidos .partido .datos span.izquierda{float: left; text-transform: uppercase;}
.home-index .proximos-partidos .partido .datos span.derecha{float: right;}
.home-index .proximos-partidos .partido .datos span.derecha span{margin: 0px 10px;}
.home-index .proximos-partidos .partido .equipos{margin: 10px 0px;}
.home-index .proximos-partidos .partido .equipos span{text-transform: uppercase;}
.home-index .proximos-partidos .partido .equipos img{width: 60px; height: 60px;}
.home-index .proximos-partidos .partido .equipos .local{float: right;}
.home-index .proximos-partidos .partido .equipos .visitante{float: left;}
.home-index .proximos-partidos .partido .vs{margin-top: 75px;}
.home-index .proximos-partidos .partido .vs span{font-size: 15px;font-weight: bold;}

/* home banner patrocinadores */
.banner.patrocinadores{text-align: center;width: 100%;margin: 25px 0px;background-color: #f5f5f5; width: 100vw;padding: 30px 0px; position: relative;left: 50%;right: 50%;margin-left: -50vw;margin-right: -50vw;}
.banner.patrocinadores h2{ margin-top: 30px; margin-bottom: 0px;}
.banner.patrocinadores .patrocinadores .col-4{display: inline-block;margin: 10px;}
.banner.patrocinadores .patrocinadores .col-4 img{width: 200px;}
.banner.patrocinadores div.MagicScroll{margin: 20px 0px; background-color: #f5f5f5 !important;}
.banner.patrocinadores div.MagicScroll div{color: #f5f5f5 !important;}
.banner.patrocinadores div.MagicScroll span{display: none !important;}

/* home sidebar patrocinadores */
.sidebar.patrocinadores h2{text-align: center;}
.sidebar.patrocinadores .patrocinador img{text-align: center;margin: 5px auto;width: 150px;height: auto;}



/* partidos */
.container_match{margin: 30px 0;}
.container_match ul{list-style: none;padding: 0 1%;}
.container_match ul li{margin: 10px 0px;border: 1px solid;border-radius: 15px;background-color: #f5f5f5;}

.partidos-index .container_matches_nuevo .image{display: inline-flex;margin: 2%;}
.partidos-index .container_matches_nuevo .image img{margin: auto;}
.partidos-index .container_matches_nuevo .info_lugar{display: inline-flex;margin: 5px; margin-top:24px;vertical-align: top;}
.partidos-index .container_matches_nuevo .info_lugar p.lugar{margin: 0px;}
.partidos-index .container_matches_nuevo .info_date{width: 47%; display: inline-flex;margin: 5px; flex-wrap: wrap; vertical-align: top;text-align: center;}
.partidos-index .container_matches_nuevo .info_date .hora{width: 100%;}
.partidos-index .container_matches_nuevo .info_date .dia{width: 100%;}    
.partidos-index .container_matches_nuevo .info_date p.hora span{font-size: 18px;}
.partidos-index .container_matches_nuevo .partido{display: inline-flex; margin: 0px 86px 10px;text-align: center;}
.partidos-index .container_matches_nuevo .partido .teams{display: none;}
.partidos-index .container_matches_nuevo .partido .teams, .partidos-index .container_matches_nuevo .partido .logos,.partidos-index .container_matches_nuevo .partido .resultado{margin: 0px;}
.partidos-index .container_matches_nuevo .partido .resultado{margin: 18px 5px 0px;}
.partidos-index .container_matches_nuevo .partido .resultado span.guion{font-size: 35px;}
.partidos-index .container_matches_nuevo .partido .visitor img{padding: 5px;margin: 20px 5px 0px;}
.partidos-index .container_matches_nuevo .partido span.local,.partidos-index .container_matches_nuevo .partido span.visitor{margin-top: 36px; width: 150px;}
.partidos-index .container_matches_nuevo .partido span.local{text-align: right;}
.partidos-index .container_matches_nuevo .partido span.visitor{text-align: left;}
.partidos-index .container_matches_nuevo img{width:60px;height: 60px;}
.partidos-index .container_matches_nuevo div{}
.partidos-index .container_matches_nuevo .logos img{margin: 12px 5px 0px;}

/* equipos */
.equipos-index .row{display: flex;flex-direction: column-reverse;}
.equipos-index ul{list-style: none;}
.equipos-index .jugadores{padding: 0;}
.equipos-index .jugadores div:first-child{display: block;}
.equipos-index .jugadores .equipo-nombre{margin:30px auto;}
.equipos-index .jugadores li{display: inline-block;}
.equipos-index .jugadores li img{max-width: 150px;}
.equipos-index .jugadores .info_jugador{padding: 0;width: 199.82px;}
.equipos-index .jugadores .info_jugador .jugador{margin: 6px 6px;padding: 10px;border-radius: 30px;background-color: #f5f5f5;border: 1px solid #777;}
.equipos-index .jugadores .info_jugador .jugador .nombre{margin: 10px auto 0px;}
.equipos-index .jugadores .info_jugador .jugador .apellidos{margin: 0px auto 0px;height: 40px;}
.equipos-index .equipos{background-color: #f5f5f5;}
.equipos-index .equipos p{margin: 10px auto;}
.equipos-index .equipos button{border: 1px solid;padding: 7px;margin:10px auto;}




@media(min-width:498px){
    /* home */
    .home-index .container_matches_nuevo .image{display: inline-flex;margin: 4px 0px 0px -11px;}
    .home-index .container_matches_nuevo .info_date{width: 33%; margin:0px;}
    .home-index .container_matches_nuevo .partido{width: 35%; margin: -17px -4px 0px;}
    .home-index .container_matches_nuevo .partido .logos img{margin: -50px -2px 0px 0px;}
    .home-index .container_matches_nuevo .partido .resultado{margin: -43px 5px;}
    /* partidos */
    .partidos-index{text-align: center;width: 100%;margin: 25px 0px;}
    .partidos-index .container_matches_nuevo{display: inline-flex; position: relative; width: 100%;}
    .partidos-index .container_matches_nuevo div{display: inline-flex; margin:0px;}
    .partidos-index .container_matches_nuevo .image{width: auto;}
    .partidos-index .container_matches_nuevo .info_lugar{width: 18%;display: block;margin-top: 0px;margin-left: 1%;}
    .partidos-index .container_matches_nuevo .info_lugar p.lugar{margin-top: 40px;}
    .partidos-index .container_matches_nuevo .info_date{width: 30%; display: block;margin-top: 16px;}
    .partidos-index .container_matches_nuevo .info_date .hora{width: 100%;}
    .partidos-index .container_matches_nuevo .info_date .dia{width: 100%;}
    .partidos-index .container_matches_nuevo .partido{width: 35%;position: absolute;right: 0; margin: 0;}
  
    .container_match ul{list-style: none;padding: 0;}
}


@media(min-width:767px){
    /* home */
    .home-index .container_matches_nuevo .image{display: inline-flex;margin: 4px 0px 0px -11px;}
    .home-index .container_matches_nuevo .info_lugar{display: inline-flex;margin: 0px; margin-top:24px;vertical-align: top;}
    .home-index .container_matches_nuevo .info_date{width: 100%; margin:0px;}
    .home-index .container_matches_nuevo .partido{width: 100%; margin: -17px -4px 0px;}
    .home-index .container_matches_nuevo .partido .resultado{margin: 18px 5px;}
    .home-index .container_matches_nuevo .partido .logos img{margin: 13px -2px 0px 0px;}
    
    /* partidos */
    .partidos-index{text-align: center;width: 100%;margin: 25px 0px;}
    .partidos-index .container_matches_nuevo{display: inline-flex; position: relative; width: 100%;}
    .partidos-index .container_matches_nuevo div{display: inline-flex; margin:0px 10px;}
    .partidos-index .container_matches_nuevo .image{width: auto;}
    .partidos-index .container_matches_nuevo .info_lugar{width: 15%; display: block;margin-top: 0px;}
    .partidos-index .container_matches_nuevo .info_lugar p.lugar{margin-top: 40px;}
    .partidos-index .container_matches_nuevo .info_date{width: 27%; display: block;margin-top: 16px;}
    .partidos-index .container_matches_nuevo .info_date .hora{width: 100%;}
    .partidos-index .container_matches_nuevo .info_date .dia{width: 100%;}
    .partidos-index .container_matches_nuevo .partido{width: auto;position: absolute;right: 0; margin: 0px 6%;}
    
    .container_match ul{list-style: none;padding: 0 12%;}
    
    /* equipos */
    .equipos-index .row{display: block;}
    .equipos-index ul{list-style: none;}
    .equipos-index .jugadores{padding: 0;}
    .equipos-index .jugadores .equipo-nombre{margin:30px auto;}
    .equipos-index .jugadores li{display: inline-block;}
    .equipos-index .jugadores .info_jugador .jugador{padding: 10px;}
    .equipos-index .jugadores .info_jugador .jugador .nombre{margin: 10px auto 0px;}
    .equipos-index .jugadores .info_jugador .jugador .apellidos{margin: 0px auto 0px;}
    .equipos-index .equipos button{border: 1px solid;padding: 7px;margin:10px auto;}
}

@media(min-width:992px){
    /* home */
    .home-index .container_matches_nuevo .info_date{width: 33%;}
    .home-index .container_matches_nuevo .partido{margin: -17px 17% 0px;}

    /* partidos */
    .partidos-index .container_match ul li{width: 760px;}
    .partidos-index .container_matches_nuevo .partido{margin: 0px -9%;}
    .partidos-index .container_matches_nuevo .partido .teams{display: inline-flex;}
    .partidos-index .container_matches_nuevo .info_lugar{width: 12%; margin-left: 2%;}
    .partidos-index .container_matches_nuevo .info_date{width: 20%;}
    .partidos-index .container_matches_nuevo .partido{margin: 0px -3%;}
}