body {
    padding-top: 50px;
    padding-bottom: 20px;
}

.form-control {
    font-size: 17px;
}



/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 100%;
}


a.botonexcel {
    background: url('images/excel.png')no-repeat top left;
    display: block;
    width: 150px;
    height: 150px;
    text-indent: -9999px; /* hides the link text */
}

.redondeado {
    margin:5px;
    list-style:none;
}
.thumbnail {
    display: inline-block;
    display: block;
    height: auto;
    max-width: 100%;
    padding: 4px;
    line-height: 1.428571429;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 4px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

top-bar .top-bar-right {
    text-align: right;
    margin-top: 7px;
}

.icon{
        font-size: 32px;
    width: 26px;
    line-height: 1;
}

.media-object {
    display: block;
    border-radius: 2px;
    width: 32px;
}
.activity-item .avatar {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    width: 32px;
}

ul.main-menu li a {
    display: block;
    position: relative;
    font-size: 13px;
    color: rgb(218, 218, 218);
    padding: 12px 0px 12px 15px;
}

ul.main-menu li a:hover, ul.main-menu li a:focus {
    text-decoration: none;
    color: #fff;
    background-color: #2e2e2e;
}

.boton {
    background: #b75151;
    text-align: center;
    width: 120px;
    border-radius: 3px;
    margin: 20px;
    padding: 6px;
    color: #dddddd;
}

.boton2 {
    background: #0810a5;
    text-align: center;
    width: 120px;
    border-radius: 3px;
    margin: 20px;
    padding: 6px;
    color: #dddddd;
}

h2.textologin, p.textologin{
    text-shadow: 1px 1px #f4f4f4;
}   

.main-nav h3 {
    font-family: 'Open Sans';
    margin: 30px 10px 15px;
    padding-bottom: 12px;
    font-size: 1.3em;
    color: #6a6a6a;
    border-bottom: 1px solid #3d3d3d;
}

.popover-title {
    
    background-color: #b7cff3;
}

#loading {
    position: absolute;
    width: 100%;
    height: 100%;
    background:url('images/loading.gif') no-repeat center center;
}

#demo-wizard {
    width: 100%;
}

.redes{
    width: 120px !important;
}

.btn-xlarge {
    padding: 26px 40px;
    /*font-size: 0.5em;*/
    line-height: normal;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    }

.card {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
}

.card-block {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}

.card-title {
    margin-bottom: .75rem;
      color: #ccc;
}

.card-text{
        color: #ccc;
}

.modal-header {
    
    background-color: #ff8686;
}

.detalle {
    margin-top:10px;
    margin-bottom:10px;
}

.bienAncho {
    width: 100%;
}
.textocarnet {
    text-shadow: 1px 1px 5px #ffffff;
}
.carnet {
    /* The image used */
    background-image: url('img/carnet.jpg');
    /* Full height */
    height: 100%;
    width: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 55px;
    
    text-shadow: 2px 2px 10px #dad0c8;
    color: black;
    font-family: 'Roboto Condensed';
    line-height: 1.15;
}

.carnetentrenador {
    /* The image used */
    background-image: url('img/carnetentrenador.jpg');
    /* Full height */
    height: 100%;
    width: 100%;
    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-size: 55px;
    text-shadow: 2px 2px 10px #dad0c8;
    color: black;
    font-family: 'Roboto Condensed';
    line-height: 1.15;
}

.carnetImg {
    display: block;
    border-radius: 10px;
    width:300px;
    height: 415px;
    border-style: solid;
    border-width: 5px;
    
}

.carnettitulo {
    color: red;
    text-shadow: 2px 2px #ffffff;
    margin-bottom: -5px;
    font-size: 45px;
    font-family: 'Roboto Condensed';
}

.carnetsubtitulo {
    color: red;
    text-shadow: 2px 2px #ffffff;
    margin-bottom: -5px;
    font-size: 35px;
    font-family: 'Roboto Condensed';
}

.tablacarnet {
    border-spacing: 0px;
    /*border-collapse: separate;*/
}

    .tablacarnet td {
        padding-left: 20px;
    }


.espaciadogrande {
    margin-bottom: 400px;
}

.espaciado {
    margin-bottom: 50px;
}

.debajodellogo{
    margin-top : 450px;
}

.envoltorio {
    margin-left: 0px;
}

.iconAviso{
    color:gray;
}

.iconAviso:hover {
    color: red;
}

.caducado{
    background-color:#ed8b8b !important;
}
.ion {
  
    font-size: 22px;
}