﻿/*Seccion DPTK*/
 
/*INICIO DPTK*/
/*@font-face {
    font-family: 'futura';
    src: url('/contento/assets/fonts/futura/futura-medium.woff2') format('woff2'), url('/contento/assets/fonts/futura/futura-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'futura-condensed';
    src: url('/contento/assets/fonts/futura/futura-condensed-medium.woff2') format('woff2'), url('/contento/assets/fonts/futura/futura-condensed-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
*/
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "futura-pt-condensed", Helvetica, Open Sans, Arial, sans-serif;
}

.body {
    font-family: "futura-pt", Helvetica, Open Sans, Arial, sans-serif;
}

.futura {
    font-family: "futura-pt", Helvetica, Open Sans, Arial, sans-serif;
}

/*.navbar .u-main-nav-v1 .nav-link {
    color: #307622; /*Color primary antes color: #fff;
}*/

/*.navbar .u-main-nav-v3 .nav-link {
    color: #307622;
    padding: 0 0 0 0;
}*/

.navbar {
    /*padding: 0 0 0 0;*/
}

.g-bg-secondary,
.g-bg-secondary--hover:hover,
.g-parent:hover .g-bg-secondary--parent-hover,
.g-bg-secondary--active.active,
.active .g-bg-secondary--active,
.g-parent.active .g-bg-secondary--parent-active {
    background-color: #767676 !important;
}

.g-bg-secondary-opacity-0_8 {
    background-color: rgba(118, 118, 118, 0.8) !important;
}

.g-bg-third,
.g-bg-third--hover:hover,
.g-parent:hover .g-bg-third--parent-hover,
.g-bg-third--active.active,
.active .g-bg-third--active,
.g-parent.active .g-bg-third--parent-active {
    background-color: #ffffff !important;
}

.g-color-secondary,
.g-color-secondary--hover:hover,
.g-color-secondary--active.cbp-filter-item-active {
    color: #767676 !important;
}

.g-color-secondary-opacity-0_3 {
    color: rgba(118, 118, 118, 0.3) !important;
}

.g-color-secondary-opacity-0_4 {
    color: rgba(118, 118, 118, 0.4) !important;
}

.g-color-secondary--before::before,
.g-color-secondary--after::after {
    color: #767676;
}

.u-btn-secondary {
    background-color: #767676;
    color: #fff;
}

    .u-btn-secondary:hover, .u-btn-secondary.active, .u-btn-secondary.cbp-filter-item-active {
        border-color: #767676;
        background-color: #b3b3b3;
    }

    .u-btn-secondary:hover, .u-btn-secondary:focus, .u-btn-secondary.active {
        color: #fff;
    }

    .u-btn-secondary:hover, .u-btn-secondary.active {
        border-color: #fff;
        background-color: #fff;
        color: #767676;
    }


.g-color-third,
.g-color-third--hover:hover,
.g-color-third--active.cbp-filter-item-active {
    color: #ffffff !important;
}

.g-color-third-opacity-0_3 {
    color: rgba(255, 255, 255, 0.3) !important;
}

.g-color-third-opacity-0_4 {
    color: rgba(255, 255, 255, 0.4) !important;
}

.g-color-third--before::before,
.g-color-third--after::after {
    color: #ffffff;
}

.c-txt-shadow {
    text-shadow: 4px 3px #ffffff;
}

.c-txt-shadow-light {
    text-shadow: 1px 1px #ffffff;
}

.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu.active > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:active > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:focus > a,
.navbar .u-sub-menu-v1 .hs-has-sub-menu .hs-has-sub-menu:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item.active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:active > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:focus > a, .navbar .u-sub-menu-v1 .hs-sub-menu .dropdown-item:hover > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item.active > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:active > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:focus > a,
.navbar .u-sub-menu-v1 .dropdown-menu .dropdown-item:hover > a, .navbar .u-sub-menu-v1 .hs-sub-menu a:active, .navbar .u-sub-menu-v1 .hs-sub-menu a:focus, .navbar .u-sub-menu-v1 .hs-sub-menu a:hover,
.navbar .u-sub-menu-v1 .dropdown-menu a:active,
.navbar .u-sub-menu-v1 .dropdown-menu a:focus,
.navbar .u-sub-menu-v1 .dropdown-menu a:hover {
    color: #50ace2 !important;
}

.u-btn-outline-secondary {
    color: #767676;
    border-color: #767676;
    background-color: transparent;
}

    .u-btn-outline-secondary:hover {
        color: #767676;
        border-color: #767676;
        background-color: transparent;
    }

.u-heading-v10__downer {
    opacity: 0.34;
}

.navbar .u-main-nav-v3 .nav-item.hs-has-sub-menu > a
{
    padding-right:0.5rem
}
/*FIN DPTK*/
/*------------------------------------
 ESTILOS RESULTADOS -- LISTADOS
------------------------------------*/
/*------------------------------------
 ESTILOS RESULTADOS 
------------------------------------*/
.botonera-puntos-intermedios {
    overflow: auto;
    padding-bottom: 5px;
}

.punto {
    display: table-cell;
    margin-bottom: 0;
}

.d-mt-200 {
    margin-bottom: 14.14286rem !important;
}

@media (min-width: 768px) {
    .d-mt-200--md {
        margin: 11.143rem !important;
    }
}

.dEquipo, .Equipo {
    color: rgba(0, 0, 0, 0.5);
}




.botonera-puntos-intermedios .punto {
    background-color: #fff;
}



td.Nombre {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

td.separador {
    padding: 0;
}




.tabla-resultados-puestos {
    display: table-cell;
}

.div-responsive {
    overflow: auto;
}

.div-responsive-fila {
    background: #fff;
    padding: 6px;
    margin: 0 3px;
    border-top: 2px solid #f7f7f7;
}

    .div-responsive-fila .dato {
        display: inline-block;
        padding: 6px;
        /*text-align: center;*/
    }

        .div-responsive-fila .dato.dDorsal {
            display: none;
        }

        .div-responsive-fila .dato.dDenoCategoria {
            display: table-cell;
            padding-top: 0;
            padding-bottom: 0;
        }

        .div-responsive-fila .dato.dSexo {
            display: table-cell;
            padding-top: 0;
            padding-bottom: 0;
        }

        .div-responsive-fila .dato.dTiempoOficial,
        .div-responsive-fila .dato.dValorString2,
        .div-responsive-fila .dato.dValorString3,
        .div-responsive-fila .dato.dValorString4,
        .div-responsive-fila .dato.dValorString5,
        .div-responsive-fila .dato.dValorString6,
        .div-responsive-fila .dato.dValorString7,
        .div-responsive-fila .dato.dValorString8,
        .div-responsive-fila .dato.dValorString9,
        .div-responsive-fila .dato.dValorString10,
        .div-responsive-fila .dato.dValorString11,
        .div-responsive-fila .dato.dValorString12 {
            display: table-cell;
            /*text-align: center;*/
            padding-top: 0;
            padding-bottom: 0;
        }

        .div-responsive-fila .dato.dNombre {
            display: table-cell;
            padding-bottom: 0;
        }

        .div-responsive-fila .dato.dEquipo {
            padding-top: 0;
            padding-bottom: 0;
        }

/* Video */
.botonera-video {
    padding-bottom: 5px;
    display: table-cell;
}

.box-todos-los-videos {
    margin-top: 50px;
}

/*.Club, .Calidad, .TokenEdicion {*/
.Calidad, .TokenEdicion
{
    display: none !important;
}

/*.div-responsive-fila .dClub {
    display: none;
}
*/
.div-responsive-fila .dCalidad {
    display: none;
}

.div-responsive-fila .dTokenEdicion {
    display: none;
}



/**********************/
/* FORMS DX*/
/*********************/
.dxbs-button-edit input,
.dxbs-textbox input,
.dxbs-dropdown-edit input,
.dxbs-spin-edit input {
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 0;
}


.dxbs-cbl .form-check {
    margin-top: 15px;
}
/*Asociado a padding de dxbs-dropdown-edit para que no quede la flecha descolocada*/
.dropdown-toggle {
    padding-top: 8px;
}

.dxbs-tagbox {
    border-radius: 0;
}

.dxbs-tagbox-input {
    padding-top: 7px;
    padding-bottom: 7px;
    border-radius: 0;
}

.dxbs-tag {
    transition: all .3s ease;
    border: solid 1px transparent !important;
    border-color: #3496c3 !important;
    padding: 5px;
    font-size: 1.1em;
    border-radius: 0;
    background-color: rgba(253, 146, 51, 0.1) !important;
    color: #3496c3 !important;
}

    .dxbs-tag:hover {
        background-color: #3496c3 !important;
        color: white !important;
    }

.form-control {
    border-radius: 0;
}

.col-form-label em {
    color: red;
}

.dxbs-edit-btn {
    background-color: #3496c3;
    border-color: rgba(253, 146, 51, 0.5) !important;
}

.custom-checkbox {
    position: relative;
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5rem;
    margin-top: 30px;
}

    .custom-checkbox .form-check-input {
        position: absolute;
        z-index: -1;
        opacity: 0;
    }

    .custom-checkbox .form-check-label::before {
        position: absolute;
        top: .0rem;
        left: 0;
        display: block;
        width: 1rem;
        height: 1rem;
        pointer-events: none;
        content: "";
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-color: #f8f8f8;
        /*border: 1px solid;
        border-color: black;*/
    }

    .custom-checkbox .form-check-label::after {
        position: absolute;
        top: 0.25rem;
        left: 4px;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

    .custom-checkbox .form-check-input:checked ~ .form-check-label::before {
        color: #fff;
        background-color: #3496c3; /*Primary*/
        border: 1px solid;
        padding: 10px;
        border-color: #ccc;
    }

    .custom-checkbox .form-check-label::before {
        /*border-radius: .25rem;*/
        border: 1px solid;
        padding: 10px;
        border-color: #ccc;
    }



    .custom-checkbox .form-check-input:checked ~ .form-check-label::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E");
    }

    .custom-checkbox span {
        padding-left: 10px;
        padding-top: 5px;
    }

    .custom-checkbox .form-check-input:checked ~ .form-check-label::before {
        background-color: #3496c3;
    }

/*Radio button*/

.custom-radio {
    position: relative;
    display: block;
    min-height: 2rem;
    padding-left: 2rem;
    margin-top: 0px;
}

.dxbs-cbl .column-element {
    background-color: #f8f8f8;
    padding-left: 5px;
}

.custom-radio .form-check-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

    .custom-radio .form-check-input:checked ~ .form-check-label span::after {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    }

.custom-radio .form-check-label {
    padding-top: 3px;
}

    .custom-radio .form-check-label span::after {
        position: absolute;
        top: 0.3rem;
        left: 0.27rem;
        display: block;
        width: 1rem;
        height: 1rem;
        content: "";
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% 100%;
    }

.custom-radio .form-check-input.is-valid:checked ~ .form-check-label span::before, .was-validated .form-check-input:valid:checked ~ .form-control-label span::before {
    background-color: #34ce57;
}

.custom-radio .form-check-input:checked ~ .form-check-label span::before {
    background-color: #007bff;
}

.custom-radio .form-check-input:checked ~ .form-check-label span::before {
    color: #fff;
    background-color: #3496c3;
}

.custom-radio .form-check-label span::before {
    border-radius: 50%;
}

.custom-radio .form-check-label span::before {
    position: absolute;
    top: .0rem;
    left: 0;
    display: block;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
    content: "";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #f8f8f8;
    border: 1px solid;
    padding: 10px;
    border-color: #ccc;
}


.fpago span {
    color: #1B66FF;
    border-bottom: 1px dashed;
    margin-right: 20px;
}

.fpago label {
    margin-bottom: 0.2rem;
}

.fpago input {
    margin-right: 5px;
}

div .TPV {
    background-image: url('/contento/assets/img/dptk/tpv.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;
    /*width:170px;*/
}

div .transfer {
    background-image: url('/contento/assets/img/dptk/transfer.jpg');
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 20px;
    /*width:170px;*/
}


.terminos-inscripcion {
    margin: 10px 0 10px 0;
    height: 165px;
    padding: 4px;
    border: 1px solid #9a9a9a;
    overflow: auto;
    font-size: 0.9em;
    color: #666666;
}



.terminos-inscripcion-custom {
    margin: 10px 0 10px 0;
    padding: 4px;
    border: 1px solid #9a9a9a;
    overflow: auto;
    font-size: 0.9em;
    color: #666666;
}

.form-check-input {
    margin-top: 0;
}

.formulario .text-muted {
    font-style: italic;
}

.val-summary {
    width: 100%;
}

.dxvsValidationSummary {
    font: inherit;
}

.dxpnlControl {
    font: inherit;
}

#reserva-gestor table td {
    padding: 3px;
    vertical-align: middle;
}
/**********************/
/*FIN FORMS DX*/
/*********************/

/*COOKIES*/
#cookies-barra-informativa {
    display: none;
    position: fixed;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: auto;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    z-index: 99999;
    padding: 6px;
}

.cookies-inner {
    width: 100%;
    height: 100%;
    position: relative;
    padding-left: 5px;
    font-size: 0.95em;
    top: 30%;
}

    .cookies-inner a.info {
        padding-left: 5px;
        text-decoration: underline !important;
        color: #fff;
        font-size: 0.90em;
        font-weight: bold;
    }

    .cookies-inner a.ok {
        padding: 5px;
        margin: 0px;
        min-width: 0px;
        color: #ffffff;
        text-decoration: none;
        padding-left: 7px;
        padding-right: 7px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        text-transform: none;
        font-size: 0.90em !important;
    }



