﻿/*Seccion DPTK*/

.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: #ff5400 !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: #ff5400 !important;
}

.g-color-secondary-opacity-0_3 {
    color: rgba(187, 192, 0, 0.3) !important;
}

.g-color-secondary-opacity-0_4 {
    color: rgba(187, 192, 0, 0.4) !important;
}

.g-color-secondary--before::before,
.g-color-secondary--after::after {
    color: #ff5400;
}

.u-btn-secondary {
    background-color: #ff5400;
    color: #fff;
}

    .u-btn-secondary:hover, .u-btn-secondary.active, .u-btn-secondary.cbp-filter-item-active {
        border-color: #CE4A09;
        background-color: #CE4A09;
    }

    .u-btn-secondary:hover, .u-btn-secondary:focus, .u-btn-secondary.active {
        color: #CE4A09;
    }

    .u-btn-secondary:hover, .u-btn-secondary.active {
        border-color: #CE4A09;
        background-color: #CE4A09;
        color: #fff;
    }


.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: #50ace2 !important;
}

.u-btn-outline-secondary {
    color: #ff5400;
    border-color: #ff5400;
    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*/



/**********************/
/* 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: #1c4a8d !important;
    padding: 5px;
    font-size: 1.1em;
    border-radius: 0;
    background-color: rgba(253, 146, 51, 0.1) !important;
    color: #1c4a8d !important;
}

    .dxbs-tag:hover {
        background-color: #1c4a8d !important;
        color: white !important;
    }

.form-control
{
    border-radius:0;
}

.col-form-label em {
    color: red;
}

    .dxbs-edit-btn {
        background-color: #1c4a8d;
        border-color: rgba(253, 146, 51, 0.5) !important;
    }

.dxbs-spin-btn-group .dxbs-edit-btn {

    color: #fff;
    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;
    margin-bottom: 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: #1c4a8d; /*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: #1c4a8d;
}

/*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: #1c4a8d;
    }

    .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;
    }

.dxbs-lp {
    background-color: #CE4A09;
    color:#fff;
}



.form-check-input {
    margin-top: 0;
}

.formulario .text-muted{
    font-style:italic;
}

.val-summary{
    width:100%;

}

.dxvsValidationSummary
{
    font:inherit;
}

.dxpnlControl {
    font: inherit;
}


.dg-header {
    background-color: #eeeeff;
}

.dg-header th {
    border:none;
}

 
    /**********************/
    /*FIN FORMS DX*/
    /*********************/


/* Sobrecargas de unify */

.u-info-v9-1::before {
    position: absolute;
    top: 22px;
    left: 8%;
    width: 83%;
    border-top: 2px solid #5faee3;
    content: " ";
}

.botonera-table {
    display: table;
    width: 100%;
    table-layout: fixed;
}

.botonera-table-cell {
    display: table-cell;
    width: 100px;
}

.loading-cf {
    position: relative;
}

    .loading-cf:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background: rgba(225,225,225,0.5);
        z-index: 999;
    }