:root {
    --body-backg: #FF9F9;
    --menu-hoover: #fff; /*#ffc20a;#F4DA71; */
    --link-color: #ffc20a; /*#ffc20a;  #D0B242; #E6C34A ;  #D4AC0D;*/
    --link-focus: #7D868C;
    --link-grid: #1D1D1B;
    --sel-text: #7D868C; /*#ffdc50;*/
    --card-header: #7D868C;
    --btn-backg: #7D868C;
    --btn-hover: #979A9A;
    --btn-toggle: #5F6A6A;
    --ctl-border: #ABABAB;
    --ctl-text: #495057;
    --ctl-backg: #fff;
    --ctl-shadow: #AAAAAA55;
    --error-color: #D38E56;
}

.alerta-encima {
    /********** PARA QUE LA ALERTA  CUBRA EL ANCHO DE LA TABLA (PÁGINA)
    width: 100%;
    display:table;*/
    display: normal !important;
    position: fixed !important;
    z-index: 100 !important;
}

.dialogo {
    flex-wrap: wrap-reverse;
    padding : 30px;
}

.dialogo-modal {
    /*
    position: absolute !important;*/
    z-index: 100 !important;
    position: fixed !important;
    display: block !important;
}

.dotvvm-bp-dialog_close-button {
    visibility: collapse;
}

.dotvvm-bp-check-box.dotvvm-bp-state_checked > .dotvvm-bp-icon, .dotvvm-bp-radio-button.dotvvm-bp-state_checked > .dotvvm-bp-icon {
    --bp-color_primary: #1D1D1B;
    --bp-color-background: #007bff;
    --bp-border-color: #007bff;
}

.dotvvm-bp-primitive_picker.dotvvm-bp-state_focused, .dotvvm-bp-primitive_picker:focus {
    color: var(--ctl-text);
    border-color: #ABABAB !important;
    box-shadow: 0 0 0 0.2rem var(--ctl-shadow);
    -webkit-box-shadow: inset 0 1px 1px var(--ctl-shadow), 0 0 8px var(--ctl-shadow);
}

.dotvvm-bp-check-box.dotvvm-bp-state_checked:hover > .dotvvm-bp-icon:hover {
    --bp-color_primary-hover: #7D868C;
}

.dotvvm-bp-primitive_picker > .dotvvm-bp-primitive_text-box {
    color: var(--ctl-text);
}

.dotvvm-bp-drop-down-list > .dotvvm-bp-primitive_value {
    overflow: hidden !important;
}

.dotvvm-bp-drop-down-list > .dotvvm-bp-primitive_popup {
    max-width: fit-content !important;
}

.dotvvm-bp-data-pager a {
    color: var(--link-focus) !important;
}

.dotvvm-bp-grid-view_column-header-row a {
    color: var(--ctl-text) !important;
    font-size: small; /*modifica tamaño de texto en el componente de artefactos*/
}

.dotvvm-bp-grid-view_sort-button > .dotvvm-bp-icon {
    width: 0.7rem;
    height: 0.7rem;
}

.fontsmall:where(.dotvvm-bp-control), .fontsmall:where(a) {
    font-size: xx-small;
}

/*.dotvvm-bp-list-view_display-mode-list > .dotvvm-bp-primitive_item.dotvvm-bp-state_selected {
    background-color: var(--sel-text);
}*/
.dotvvm-upload {
    margin: 0 0 0 0 !important;
    border-radius: 0 !important;
    padding: 0 0;
}

    .dotvvm-upload .dotvvm-upload-files {
        display: none !important;
        margin-left: 0 !important;
        visibility: collapse !important;
    }

    .dotvvm-upload .dotvvm-upload-result {
        display: none !important;
        margin-left: 0 !important;
        visibility: collapse !important;
    }


.dotvvm-upload-button > a {
    font-size: 1rem;
    display: block;
    /*float: left;*/
    margin: 0 0 0 0;
    border-radius: 0;
    background-color: var(--btn-backg);
    border: 1px solid #dedede;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    /* line-height: 130%;*/
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    padding: 5px 10px 6px 7px;
    border-radius: 5px;
}

    .dotvvm-upload-button > a:hover {
        border-radius: 5px;
        margin: 0 0 0 0;
        font-size: 1rem;
        line-height: 1.5;
        outline: 0;
        box-shadow: 0 0 0 0.2rem rgba(255, 255, 255, 1);
        color: #fff;
        background-color: var(--btn-hover);
        border-color: var(--btn-hover);
    }


    .dotvvm-upload-button > a:focus {
        border-radius: 5px;
        font-size: 1rem;
        margin: 0 0 0 0;
        line-height: 1.5;
        outline: 0;
        color: #fff;
        background-color: var(--btn-hover);
        border-color: var(--btn-hover);
        box-shadow: 0 0 0 0.2rem var(--ctl-shadow);
    }

.form-control.dotvvm-bp-date-picker {
    display: inline-block;
    width: 100%;
}

    /*  .form-control.dotvvm-bp-date-picker > input {
        font-size: 1rem;
        font-weight: 400;
        line-height: 1;
        color: var(--ctl-text);
        background-color: #fff;
        background-clip: padding-box;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
        display: inline-block;
        width: 100%;
    }*/

    .form-control.dotvvm-bp-date-picker > a {
        /*display: inline-flex;*/
        display: none;
        visibility: hidden;
    }

.dotvvm-bp-grid-view_header-value {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 50%;
    flex: 1 1 50%;
    -ms-flex-item-align: center;
    -ms-grid-row-align: center;
    align-self: center;
    width: 50%;
    font-size: small; /*modifica el texto de artefactos,  */
    ;
}