/* Move down content because we have a fixed navbar that is 50px tall */
body {
    padding-top: 3px;
    color: #808080;
    /*background-color: #151313;*/
    background-color: #1A1A1A;
}

/* Wrapping element */
/* Set some basic 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 widths on the form inputs since otherwise they're 100% wide */
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
input[type="select"] {
    max-width: 280px;
}


@media print {
    table {
        font-size: 20pt;
    }

    .no-page-break {
        page-break-inside: avoid;
    }

    .premiar {
        width: 1200px;
    }
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
    .navbar a {
        color: #ffffff;
        text-align: center;
        text-decoration: none;
        margin-right: 76px;
    }

    #myCarousel {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    #noticias {
        display: none;
    }

    .first-menu-icon {
        margin-left: 60px;
    }

    .mainContent {
        padding: 10px;
    }

    .resultados {
        padding-left: 15px;
    }

    .campeonato {
        padding-left: 25px;
    }

    .contacto {
        padding-left: 10px;
    }

    .inscripcion {
        margin-left: 30px;
    }

    .mapas {
        padding-left: 5px;
    }

    .carousel-height {
        height: 500px;
    }

    .code-logo {
        height: 100px;
        z-index: 1;
        position: relative;
        margin-bottom: -20px;
    }

    .archivo-container {
        float: left;
        overflow: hidden;
        margin-right: 15px;
        margin-bottom: 15px;
    }

    #footer .hr-50 {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .navbar a {
        color: #ffffff;
        text-decoration: none;
    }

    #myCarousel {
        display: none;
    }

    #noticias {
        display: block;
    }

    .container {
        padding: 0;
    }

    .icon-border-bottom {
        border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
        margin-bottom: 5px;
    }

    .icon-border-top {
        border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
    }

    .carousel-height {
        height: 180px;
    }

    .code-logo {
        width: 35%;
        z-index: 1;
        position: relative;
        margin-bottom: -5px;
    }

    #footer .border-bot {
        border-bottom: 1px solid #808080;
    }

    #footer .address {
        margin-top: 5px;
    }

    #footer .hr-50 {
        width: 70%;
        margin: 0 auto;
        border: none;
        height: 1px;
        background-color: #bdb6b6;
    }
}

.archivo-container {
    float: left;
    overflow: hidden;
    margin-right: 15px;
    margin-bottom: 15px;
    /*border-bottom: 1px solid #9A0002;*/
    padding-left: 20px;
}

.container {
    max-width: 1200px;
}

.mainContent {
    background-color: #ffffff;
    min-height: 85vh;
}

#footer {
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #9A0002;
    text-align: left;
    min-height: 100px;
    border-top: 3px solid #808080;
    padding: 10px;
}

    #footer .fContainer {
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }

    #footer ul {
        list-style-type: none;
        padding: 0px;
        margin: 0px;
        line-height: 2.2em;
    }

    #footer a {
        color: #89867e;
    }

    #footer .socialLogo {
        margin-top: 10px;
    }

.tituloSeccion {
    font-size: 26pt;
    font-weight: lighter;
    display: block;
    margin-left: 10px;
    color: #B30D02;
}

.subtituloSeccion {
    font-size: 18pt;
    font-weight: lighter;
    display: block;
    margin-bottom: 15px;
    margin-left: 10px;
    color: #B30D02;
}

.form-control-container {
    margin-bottom: 10px;
}

.inscripcion-label {
    font-weight: bold;
}

.anchorButton {
    text-decoration: underline;
    color: #0000EE;
    cursor: pointer;
}

.copilotoTextBox {
    display: inline-block;
    width: 77%;
}

.copilotos-container {
    border-radius: 4px;
    background-color: white;
    border: 1px solid #ccc;
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
}

.noCopilotosAgregados {
    padding-left: 20px;
    color: #f33939;
}

.eliminar {
    margin-left: 10px;
    color: #105fb5;
    text-decoration: underline;
    cursor: pointer;
}

.inscripcion-copilotos-text {
    font-size: 10pt;
}

.tituloInscripcion {
    color: #B30D02;
    font-size: 18pt;
}

.requerido {
    color: #e11212;
    font-style: italic;
}

.mensajeLabelError {
    color: Red;
    border: 1px dashed red;
    margin: 0 auto;
    padding: 3px;
    font-size: 12pt;
    display: block;
    width: 95%;
    text-align: center;
    background: #FFC0C0 url('../images/error.png') no-repeat 20px 4px;
    margin: 10px;
    min-height: 28px;
    padding-left: 40px;
}

.mensajeLabelSuccess {
    color: #2B7905;
    border: 1px dashed #2B7905;
    margin: 0 auto;
    padding: 6px;
    font-size: 12pt;
    display: block;
    width: 95%;
    text-align: center;
    margin-top: 10px;
    background: #DCFFCB url('../images/success.png') no-repeat 20px 4px;
    margin: 10px;
    min-height: 28px;
    padding-left: 40px;
}

.mensajeLabelException {
    background-color: #FFFA9E;
    color: #ff6500;
    border: 1px dashed #ff6500;
    margin: 0 auto;
    padding: 3px;
    font-size: 12pt;
    display: block;
    width: 95%;
    text-align: center;
    margin-top: 10px;
    min-height: 38px;
}

.info {
    padding: 10px;
    padding-bottom: 20px;
    margin-bottom: 15px;
    font-size: 21pt;
    font-weight: lighter;
    color: #9A0002;
}

.hiddenCol {
    display: none;
}

.float-left {
    float: left;
}

.gps-logo {
    margin: 10px;
    padding: 3px;
}

#tablas div {
    overflow-x: auto;
}

.tituloClase {
    font-size: 14pt;
    margin-top: 20px;
}

.tituloClaseMenu {
    display: block;
    height: 25px;
}

.revisarDatos {
    padding: 4px;
    background-color: #febf04;
    color: #333232;
    text-align: center;
    margin-bottom: 20px;
    min-height: 60px;
    font-size: 18pt;
    line-height: 60px;
}

.confirmarDatos {
    display: block;
    color: #ffffff;
    font-size: 14pt;
    border: 1px solid #a8a8a8;
    background-color: #1A1A1A;
    padding: 3px;
    border-radius: 4px;
}

.instagram-icon {
    float: left;
    color: white;
    padding-top: 12px;
    padding-left: 10px;
}

.facebook-icon {
    float: left;
    color: white;
    padding-top: 12px;
}

.tally-marks {
    float: right;
    color: white;
}

.img-noticias-container {
    border: 6px solid white;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
}

.lblOverall {
    display: inline-block;
    font-size: 20pt;
    padding-left: 15px;
    margin-bottom: 15px;
}

.tabla-campeonato {
    padding: 1px;
    margin-bottom: 10px;
}

    .tabla-campeonato tr {
        line-height: 2em;
    }


.linkAzul {
    color: #349af8;
    text-decoration: underline;
    cursor: pointer;
}

.linkAzulNoUnderline {
    color: #349af8;
    cursor: pointer;
}

.formar {
    width: auto;
    font-size: 11pt;
}

.premiar {
    width: 600px;
    font-size: 14pt;
}

.table {
    font-size: 11pt;
    padding: 2px;
}