/*Seccion DPTK*/

@font-face {
    font-family: 'Gotham';
    src: url('/contento/assets/fonts/gotham/GothamBold.woff2') format('woff2'), url('/contento/assets/fonts/gotham/GothamBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('/contento/assets/fonts/gotham/GothamLight.woff2') format('woff2'), url('/contento/assets/fonts/gotham/GothamLight.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

/*INICIO DPTK*/

h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4,
h5,
.h5,
h6,
.h6 {
    font-family: "Gotham", Open Sans, Helvetica, Arial, sans-serif;
}


.navbar .u-main-nav-v1 .nav-link {
    color: #0a8237; /*Color primary antes color: #fff;*/
}

.navbar .u-main-nav-v3 .nav-link {
    color: #0a8237;
    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: #0a8237 !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: #1f1f1f !important;
}

.g-color-secondary,
.g-color-secondary--hover:hover,
.g-color-secondary--active.cbp-filter-item-active {
    color: #0a8237 !important;
}

.g-color-secondary-opacity-0_3 {
    color: rgba(10, 130, 55, 0.3) !important;
}

.g-color-secondary-opacity-0_4 {
    color: rgba(10, 130, 55, 0.4) !important;
}

.g-color-secondary-opacity-0_5 {
    color: rgba(10, 130, 55, 0.5) !important;
}

.g-color-secondary-opacity-0_6 {
    color: rgba(10, 130, 55, 0.6) !important;
}

.g-color-secondary-opacity-0_7 {
    color: rgba(10, 130, 55, 0.7) !important;
}

.g-color-secondary-opacity-0_8 {
    color: rgba(10, 130, 55, 0.8) !important;
}

.g-color-secondary--before::before,
.g-color-secondary--after::after {
    color: #0a8237;
}

.u-btn-secondary {
    background-color: #0a8237;
    color: #fff;
}

    .u-btn-secondary:hover, .u-btn-secondary.active, .u-btn-secondary.cbp-filter-item-active {
        border-color: #6fc6df;
        background-color: #6fc6df;
    }

    .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: #6fc6df;
    }


.g-color-third,
.g-color-third--hover:hover,
.g-color-third--active.cbp-filter-item-active {
    color: #1f1f1f !important;
}

.g-color-third-opacity-0_3 {
    color: rgba(0, 56,138, 0.3) !important;
}

.g-color-third-opacity-0_4 {
    color: rgba(0, 56,138, 0.4) !important;
}

.g-color-third--before::before,
.g-color-third--after::after {
    color: #1f1f1f;
}

.c-txt-shadow {
    text-shadow: 4px 3px #1f1f1f;
}

.c-txt-shadow-light {
    text-shadow: 1px 1px #1f1f1f;
}

.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: #0a8237 !important;
}

.u-btn-outline-secondary {
    color: #0a8237;
    border-color: #0a8237;
    background-color: transparent;
}

    .u-btn-outline-secondary:hover {
        color: #1f1f1f;
        border-color: #1f1f1f;
        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 
------------------------------------*/
.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 {
    display: none !important;
}

.div-responsive-fila .dClub {
    display: none;
}

.div-responsive-fila .dCalidad {
    display: none;
}

.div-responsive-fila .dTokenEdicion {
    display: none;
}


.vr td.Nombre {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.vr td.separador {
    padding: 0;
}

.vr .Club, .vr .Calidad, .vr .TokenEdicion {
    display: none !important;
}

.vr .div-responsive-fila .dClub {
    display: none;
}

.vr .div-responsive-fila .dCalidad {
    display: none;
}

.vr .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: #0a8237 !important;
    padding: 5px;
    font-size: 1.1em;
    border-radius: 0;
    background-color: rgba(10, 130, 55, 0.1) !important;
    color: #0a8237 !important;
}

    .dxbs-tag:hover {
        background-color: #0a8237 !important;
        color: white !important;
    }

.form-control
{
    border-radius:0;
}

.col-form-label em {
    color: red;
}

    .dxbs-edit-btn {
        background-color: #0a8237;
        border-color: rgba(10, 130, 55, 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: #0a8237; /*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: #0a8237;
}

/*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: #0a8237;
    }

    .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;
}

.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*/
    /*********************/