/*
            Sección para kendo Grid INICIO
        */

#grid {
    margin: 0;
    padding: 0;
    border-width: 1px;
    height: 100%; /* DO NOT USE !important for setting the Grid height! */
    font-family: 'RobotoDraft', 'Roboto', 'Helvetica Neue, Helvetica, Arial', sans-serif;
    font-style: normal;
    font-weight: 300;
    font-size: 13px;
    line-height: 20px;
    letter-spacing: 0.01rem;
    color: #212121;
}

.k-grid .k-grid-header .k-header .k-link, .k-grid .k-grid-header-locked .k-header .k-link {
    height: auto;
}

.k-grid .k-grid-header .k-header, .k-grid .k-grid-header-locked .k-header {
    white-space: normal;
}

.k-grid-header th.k-header > .k-link, .k-grid-header-locked th.k-header > .k-link {
    text-align: center;
}



.k-grid-content > table > tbody > tr > td {
    color: #707070;
}

.k-grid-header th.k-header > .k-link, .k-grid-header-locked th.k-header > .k-link {
    text-align: center;
}

.k-grid-content > table > tbody > tr > td:nth-child(5) {
    /*background-color: #f5f5f5*/
}

.k-grid-content > table > tbody > tr > td {
    color: #707070;
}

.k-checkbox:focus + .k-checkbox-label:before {
    border-color: #0ac020;
}

.k-checkbox:checked + .k-checkbox-label:before, .k-checkbox:checked:active + .k-checkbox-label:before {
    border-color: #0ac020;
}

.k-checkbox:checked + .k-checkbox-label:before {
    color: #0ac020;
}

.k-checkbox-label:before {
    /*height: 13px;
        padding-top: 1px;*/
    left: 10px;
}

.k-grid input.k-checkbox {
    margin-left: 10px;
}
/*Lista DropDown*/
.k-popup .k-list .k-item {
    color: #707070;
}

.k-popup .k-list > .k-state-hover {
    color: white !important;
    background-color: #002A75 !important;
}

.k-autocomplete.k-state-active, .k-dropdown-wrap.k-state-active, .k-multiselect.k-header.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active {
    color: #fff;
    background-color: #002A75;
    border-color: #002A75;
}


    .k-picker-wrap.k-state-active .k-select {
        border-color: #002A75;
        background-color: #002A75;
    }


.k-multiselect.k-header.k-state-focused .k-button, .k-multiselect.k-state-focused.k-state-border-down .k-button, .k-multiselect.k-state-focused.k-state-border-up .k-button {
    background-color: #002A75;
    border-color: #002A75;
}

.k-multiselect.k-state-focused.k-state-border-down, .k-multiselect.k-state-focused.k-state-border-up {
    border-color: #002A75;
}

.k-multiselect-wrap .k-input.k-readonly {
    /*Placeholder de multiselect*/
    color: #9e9e9e;
}
/*.k-multiselect-wrap li .k-icon {
    color: white;
}*/

/*Estilo Grid*/
.k-grid td.k-state-selected, .k-grid td.k-state-selected.k-state-focused, .k-grid tr.k-state-selected {
    background-color: #f5f6f6;
}

    .k-grid td.k-state-selected:hover, .k-grid tr.k-state-selected:hover td {
        background-color: #f5f6f6;
    }


/*
            Sección para kendo - FIN
*/





/*
    Kendo upload
*/

/*Ajuste uploads*/
.k-widget.k-upload.k-header {
    margin-top: 20px;
}

.fr-dvcentrado-upload {
    /*height: 768px;*/
}

.k-upload .k-upload-button {
    min-width: 7.167em;
    margin-right: 1.6em;
    border: 1px solid #002A75;
    background-color: #fff;
    box-shadow: none;
    color: #002A75;
    font-weight: 500;
    margin: 3px;
    padding: 8px;
}

.k-upload-files {
    padding: 0;
    border: none;
}

    .k-upload-files .k-file {
        padding: 0;
        border: none;
    }


        .k-upload-files .k-file .uploadseleccionar {
            margin: 0;
            padding: 0;
        }

.k-upload .k-upload-button:hover {
    background-color: #002A75;
    color: #fff;
}

span.k-icon.k-i-close.k-i-x {
    width: 1.5em;
    padding-right: 0px;
    font-family: 'Fontawesome webfont', sans-serif;
    color: #0ac020;
    font-size: 1.1em;
    line-height: 1.7em;
    color: #a3a3a3;
    cursor: pointer;
}

    span.k-icon.k-i-close.k-i-x:before {
        content: "";
        color: #32364c;
    }

    span.k-icon.k-i-close.k-i-x:hover {
        /*border-radius: 50%;*/
        /*box-shadow: 1px 1px 3px 0 #707070;*/
    }

.k-i-check:before {
    /*ocultar el check default*/
    display: none;
}

strong.k-upload-status.k-upload-status-total {
    color: #a3a3a3;
    font-size: 1.1em;
    line-height: 1.7rem;
    font-weight: 300;
    /*text-align: left;*/
    position: absolute;
    right: 8px;
}

    strong.k-upload-status.k-upload-status-total.icono-exito:after {
        content: "";
        font-family: 'Fontawesome webfont', sans-serif;
        color: #0ac020;
        padding-left: 8px;
    }


    strong.k-upload-status.k-upload-status-total span.k-icon.k-i-warning {
        display: none;
    }

    strong.k-upload-status.k-upload-status-total.icono-error {
        display: none;
    }

        strong.k-upload-status.k-upload-status-total.icono-error:after {
            content: "";
            font-family: 'Fontawesome webfont', sans-serif;
            color: #df0115;
            padding-left: 8px;
        }



.k-upload-files .k-upload-status {
    position: static;
}

span.k-file-validation-message {
    position: absolute;
    bottom: 8px;
    left: 50px;
    color: #df0115;
}

    span.k-file-validation-message.display-none {
        display: none;
    }

.uploaddiv {
    min-height: 225px;
    width: 350px;
}

    .uploaddiv .uploadarchivo {
        width: 270px;
    }

.k-widget.k-upload .k-dropzone {
    text-align: left;
}


.file-icon {
    display: inline-block;
    float: left;
    width: 28px;
    height: 28px;
    margin-left: 12px;
    margin-top: 24.5px;
    background-size: cover;
}

.img-file {
    /*background-image: url(./images/jpg.png);*/
    background-image: url(https://uploads-ssl.webflow.com/5b5f30f391ad1685091bbe80/5b7d9408bf4f55b9b0af3b2b_jpg.png);
}

.doc-file {
    /*background-image: url(./images/doc.png);*/
    background-image: url(https://uploads-ssl.webflow.com/5b5f30f391ad1685091bbe80/5b7d9408e6610c3140498c7c_doc.png);
}

.pdf-file {
    /*background-image: url(./images/pdf-file-format-symbol-RojoPrimario.svg);*/
    background-image: url(https://uploads-ssl.webflow.com/5d5425c301f72aa3a0010c04/5d5711bf6579408388794162_pdf_activo.svg);
}

.xml-file { /*background-image: url(./images/xml-file-format-symbol-rojoPrimario.svg);*/
    background-image: url("https://uploads-ssl.webflow.com/5d5425c301f72aa3a0010c04/5d5711bf6332120532ae540c_xml_activo.svg");
}

.xls-file {
    /*background-image: url(./images/xls.png);*/
    /*background-image: url(https://uploads-ssl.webflow.com/5b5f30f391ad1685091bbe80/5b7d940ecc1a217a90e6a539_xls.png);*/
    background-image: url(https://uploads-ssl.webflow.com/5d5425c301f72aa3a0010c04/5d5711be062afff61ec57603_excel_act.svg);
}

.zip-file {
    /*background-image: url(./images/zip.png);*/
    background-image: url(https://uploads-ssl.webflow.com/5b5f30f391ad1685091bbe80/5b7d9409e6610c34b5498c7d_zip.png);
}

.default-file {
    /*background-image: url(../content/web/upload/default.png) */
    /*background-image: url(images/default.png);*/
    background-image: url(https://uploads-ssl.webflow.com/5b5f30f391ad1685091bbe80/5b7d940692c6f95670ccf675_default.png);
}

.uploaddiv .file-heading {
    font-family: Arial;
    font-size: 1.1em;
    display: inline-block;
    float: left;
    width: 60%;
    margin: 0 0 0 8px;
    height: 25px;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.uploaddiv .file-name-heading {
    font-weight: bold;
    /*margin-top: 20px;*/
    /*margin-bottom: 20px;*/
    color: #a3a3a3;
    font-size: 1.1em;
    line-height: 1.7rem;
    font-weight: 300;
    text-align: left;
}

.uploaddiv .file-size-heading {
    font-weight: normal;
    font-style: italic;
}

li.k-file div.file-wrapper {
    position: relative;
    height: 75px;
}


/*
    Kendo upload -- fin
*/




/*
    KENDO DROPDOWNLIST
    INICIO

*/


/*Lista DropDown*/
.k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default {
    background-color: #fff;
    border-color: #e0e0e0;
    height: 30px;
}

.k-popup .k-list .k-state-focused {
    border-color: transparent;
}

.k-popup .k-list .k-state-selected {
    color: #fff;
    background-color: #002A75;
    border-color: #002A75;
}


    .k-popup .k-list .k-state-selected.k-state-hover {
        background-color: #002A75;
        border-color: #b3b3b3;
    }

    .k-popup .k-list .k-state-selected.k-state-focused { /*	afecta todas las listas popupselected*/
        border-color: #002A75;
        color: white;
        background-color: #002A75;
    }

.k-autocomplete.k-state-active, .k-dropdown-wrap.k-state-active, .k-numeric-wrap.k-state-active, .k-picker-wrap.k-state-active {
    color: #fff;
    background-color: #002A75;
    border-color: #002A75;
}

.k-list-optionlabel.k-state-focused, .k-list-optionlabel.k-state-selected, .k-list-optionlabel.k-state-hover, .k-list-optionlabel.k-state-selected.k-state-focused {
    background-color: white !important;
    color: #d6d6d6;
    border: none;
    box-shadow: none;
}

span.k-dropdown-wrap {
    transition: border-color 250ms cubic-bezier(.455, .03, .515, .955);
}

    span.k-dropdown-wrap.k-state-disabled span {
        cursor: not-allowed !important;
    }

span.k-dropdown, span.k-combobox { /*Ajustar el ancho de Kendo comboBox Todos*/
    width: 400px !important;
}



.k-listbox .k-item.k-state-selected {
    background-color: #002A75;
}

    .k-listbox .k-item.k-state-selected:hover {
        background-color: #002A75;
    }

.k-listbox .k-item.k-state-focused {
    border-color: transparent;
}


.k-dropdown-wrap.k-state-default.k-state-focused {
    border-color: #002A75;
    color: white;
    background-color: #002A75;
}

    .k-dropdown-wrap.k-state-default.k-state-focused span {
        color: white;
    }

.k-dropdown-wrap span.k-icon.k-clear-value.k-i-close {
    cursor: pointer;
}


.k-button.k-state-active, .k-button:active {
    color: #fff;
    background-color: white;
    border-color: #002A75;
}

    .k-button.k-state-active .k-icon, .k-button:active .k-icon {
        color: #002A75;
    }

.k-autocomplete.k-state-default.k-state-border-down, .k-autocomplete.k-state-default.k-state-border-up, .k-dropdown-wrap.k-state-active .k-select, .k-numeric-wrap.k-state-active .k-select, .k-picker-wrap.k-state-active .k-select {
    border-color: #002A75;
}

/*agregar!*/
/*Estilo datepicker*/
.k-widget.k-calendar .k-header {
    background-color: #002A75;
    border-color: #002A75;
}

/*
    Ajuste estilo input del datepicker
*/
.k-picker-wrap .k-input {
    height: 100%;
    padding-top: 0;
    padding-bottom: 0;
}

.k-widget.k-calendar .k-header .k-link {
    background-color: #002A75;
}

.k-picker-wrap.k-state-default.k-state-focused {
    border-color: #707070; /*borde del input de edición*/
}

.k-picker-wrap.k-state-default.k-state-active .k-icon {
    color: white; /*borde del input de edición*/
}

.k-popup.k-calendar-container tbody a.k-link {
    color: #707070; /*Números del calendario*/
}

.k-popup.k-calendar-container .k-footer a.k-link {
    color: #707070; /* footer del calendario*/
}

.k-calendar td {
    text-align: center;
}

.k-calendar .k-content .k-link {
    padding: 0 .45em 0 .45em;
}

.k-calendar .k-today {
    background-color: #f5f6f6 !important;
    border-color: #f5f6f6;
}

.k-calendar .k-state-selected {
    background-color: #f5f6f6 !important;
    border-color: #f5f6f6;
}

.k-calendar .k-today.k-state-selected .k-link {
    color: #707070;
}

.k-popup.k-calendar-container .k-footer a.k-link {
    text-decoration: none;
}

#dvDtpFechaInicial span.k-datepicker { /*Ajustar el ancho de Kendo datepicker*/
    width: 130px !important;
    margin-bottom: 5px;
}

#dvDtpFechaFinal span.k-datepicker { /*Ajustar el ancho de Kendo datepicker*/
    width: 130px !important;
    margin-bottom: 5px;
}

span.k-link.k-link-increase {
    height: 50%;
    line-height: 50%;
}

.k-numerictextbox .k-link {
    height: 50%;
    line-height: 50%;
}

.k-grid .k-numeric-wrap .k-link.k-state-selected,
.k-numeric-wrap .k-link.k-state-selected {
    background-color: #002A75;
}

    .k-grid .k-numeric-wrap .k-link.k-state-selected span,
    .k-numeric-wrap .k-link.k-state-selected span {
        color: #ffffff;
    }


.k-edit-form-container .k-primary, .k-filter-menu .k-primary {
    color: #002A75;
}