/* KENDO GRID: Opciones deplegables de filtros, establecidas a un ancho de 250px */
/* KENDO GRID: Eliminación del botón "X" de limpiar filtro a la derecha de los filtros, ya que puede usarse la opción del desplegable de la cabecera. */
.k-filtercell > span {
    padding-right: 2.2em;
}

.k-filter-row .k-dropdown-operator {
    right: 0px;
}

.k-filtercell > span > button:last-child {
    display: none;
}

/* KENDO GRID: Cabeceras que admitan varias lineas de texto visible, sin */
.k-grid-header th.k-header, .k-filter-row th { /* white-space:normal; */
    text-overflow: inherit; /* vertical-align: top!important; */
}

/* KENDO GRID: Separar los filtros check box cabecera */
.k-filtercell > .k-operator-hidden {
    padding-right: 0.0em;
}

.k-filtercell > span > label {
    margin: 0 5px 0 0;
}

.k-filter-row label > input[type="radio"] {
    margin: 0 0 0 5px;
}

.k-grid-header a.k-link {
    font-weight: 800;
    text-align: center;
    text-transform: uppercase;
}

div.k-grid-footer, div.k-grid-header {
    padding-right: 0px !important;
}
/*========================*/
/*========INFORMES========*/
/*========================*/
/*Color del fondo del input de los dropdownlist*/
span.k-dropdown-wrap.k-state-default {
    background-color: #f3f3f3;
    border-color: #cccccc;
    border-width: 1px;
}

.buscadorClientes span.k-dropdown-wrap.k-state-default {
    height: 100%;
}

.k-autocomplete .k-input, .k-dropdown-wrap .k-input, .k-picker-wrap .k-input, .k-numeric-wrap .k-input {
    background-color: #e5e5e5;
    border: 0px none black;
}

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    background-color: #e5e5e5;
    border: 0px none black;
}

.k-state-default > .k-select {
    border-color: #ccc;
    background-color: #e5e5e5;
}

/*Color de texto para la cabecera de los grids*/
th .k-link:link, th .k-link:visited, th .k-nav-current.k-state-hover .k-link {
    color: white !important;
}

.gridSimple .k-header-column-menu {
    display: none;
}

.gridSimple .k-grid-header th.k-header {
    background-color: #ffffff !important;
    border-bottom: 1px solid #c5c5c5 !important;
    color: black;
}

.gridSimple th .k-link:link, .gridSimple th .k-link:visited, .gridSimple th .k-nav-current.k-state-hover .k-link {
    color: #000000 !important;
}

.gridSimple th {
    background-color: #f5f5f5;
}

.gridSimple th, .gridSimple td {
    border: none !important;
}

/*====================Templates columnas grids=====================*/
.gridAbono {
    font-weight: 800;
    color: #32ae32;
}

.gridFactura {
    font-weight: 800;
    color: #f1810a;
}

.k-draghandle.k-state-selected:hover, .k-ghost-splitbar-horizontal, .k-ghost-splitbar-vertical, .k-list > .k-state-highlight, .k-list > .k-state-selected, .k-marquee-color, .k-panel > .k-state-selected, .k-scheduler .k-scheduler-toolbar .k-state-selected, .k-scheduler .k-today.k-state-selected, .k-state-selected, .k-state-selected:link, .k-state-selected:visited {
    color: #fff;
    background-color: #a1a1a1;
    border-color: #a1a1a1;
}

li.k-state-default.k-view-workweek.k-state-selected a {
    color: white !important;
}

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

.custom-event {
    color: #fff;
    height: 100%;
}

.custom-all-day-event {
    text-align: center;
    text-transform: uppercase;
}

span.k-widget.k-dropdown.k-header.form-control.buscadorClientes {
    padding: 0;
    width: 84%;
}

span.k-widget.k-numerictextbox.customNumeric {
    width: 100%;
}

span.k-widget.k-combobox.k-header.form-control.buscadorClientes.k-combobox-clearable {
    width: 100%;
}


span.k-widget.k-combobox.k-header.form-control {
    width: 100%;
}

.k-event, .k-task-complete {
    border-color: #d1d1d1;
    background: #ffffff 0 -257px none repeat-x;
    color: #fff;
}

.calendarioTexto h2 {
    font-weight: 800 !important;
    color: rgba(175, 3, 13, 0.9);
    font-size: 16px;
    text-align: left;
}

.calendarioTexto h3 {
    font-weight: 800 !important;
    color: rgba(77, 77, 77, 0.9);
    font-size: 14px;
    text-align: left;
}

.calendarioTexto p {
    color: #838383;
    font-size: 10px;
    text-align: left;
}

.calendarioTexto {
    padding: 8px;
}

.k-widget.k-timepicker.k-header {
    width: 100%;
}

.k-grid-header .k-header .k-header-column-menu span.k-icon.k-i-more-vertical {
    color: white;
}

.calendarioTextoCustomAllDay {
    background-color: #ea4444;
}

    .calendarioTextoCustomAllDay p {
        line-height: 25px !important;
    }

.calendarioTextoCustom {
    background-color: #64b5ff;
    line-height: 25px !important;
    height: 100%;
}

    .calendarioTextoCustom p {
        line-height: 25px !important;
    }

.k-scheduler-edit-form .k-edit-form-container, .k-scheduler-timezones .k-edit-form-container {
    width: 98%;
}

.k-widget.k-window {
    height: 600px;
    width: 80%;
    left: 10% !important;
}

.k-scheduler-edit-form label + input {
    margin-left: 0 !important;
}

div.k-window-content {
    position: relative;
    padding: .58em;
    outline: 0;
}

input.k-input.form-control.buscadorClientes {
    height: 100%;
}

.alignRightColumnHeader.k-header .k-link {
    text-align: right;
    margin-right: 0px !important;
}

.alignLeftColumnHeader.k-header .k-link {
    text-align: left;
    margin-right: 0px !important;
}

.alignCenterColumnHeader.k-header .k-link {
    text-align: center;
    margin-right: 0px !important;
}

.k-input-custom {
    background-color: #e5e5e5;
    border: 0px none black;
}

.k-filter-row th, .k-grid-header th.k-header {
    border-width: 0;
    padding: 1em;
}

.k-header-column-menu.k-state-active {
    background-color: transparent !important;
}

.k-grid-content, #listView.k-listview, #listViewProductos.k-listview {
    min-height: 50px !important;
}

.k-grid-header th.k-header.k-first {
    border-left-width: 0 !important;
}

.transicion.ng-hide {
    opacity: 0;
}

.transicion.ng-enter {
    opacity: 0;
}

    .transicion.ng-enter.ng-enter-active {
        opacity: 1;
    }

.transicion.ng-hide-remove,
.transicion.ng-enter {
    transition: all linear 0.6s;
}


// Fix Kendo popup dropdown
.k-animation-container {
    position: fixed !important;
}

// Override dropdown de filtros grid
.k-filter-item > .k-animation-container,
.k-columns-item > .k-animation-container {
    position: absolute !important;
}

/*Esconder fila de filtros cuando label pantalla desc mayor a md*/
@media (min-width: 768px) {
    .k-filter-row-hide-gt-md .k-filter-row {
        display: none;
    }
}

/*======================*/
/*#region ListView con background de color y sin bordes*/
#listViewProductos.k-widget {
    background-color: #f5f5f5;
    border: none;
}

list-view-productos .k-pager-wrap {
    border: none;
}
/*#endregion*/
/*======================*/

/*======================*/
/*#region Cambio icono de detalle en los grids*/
.k-grid .k-hierarchy-cell .k-i-collapse:before {
    font-family: "Material Design Icons";
    content: "\F140";
}

.k-grid .k-hierarchy-cell .k-i-expand:before {
    font-family: "Material Design Icons";
    content: "\F142";
}

/*.k-grid .k-hierarchy-cell .k-icon:before {
        content: none;
    }*/

/*#endregion*/
/*======================*/

.k-grid .k-grouping-row td, .k-grid .k-hierarchy-cell, .k-grid .k-detail-cell {
    background-color: #ececec;
}

.k-grid .k-hierarchy-cell {
    text-align: center;
}

.k-safari.k-mobile .k-numeric-wrap .k-input, .k-safari.k-mobile .k-picker-wrap .k-input {
    height: 34px;
}

/*
@TCM:20200306 #8391: Estilo que añadido al tag que genera el grid de kendo lo dota de un
aspecto más reducido, para utilizar en grids con información de segundo nivel,
como en las líneas de los detalles de las máquinas de SAT, en:
    \appclientes\mainv2\App.Web\ScriptsApp\appSAT\pedidosServicio\fichaPedido\lineas\grid\lineasMaquinaGrid.component.ts
*/
.gridDetalle .k-grid-header th.k-header > .k-link {font-size: 9px;}
.gridDetalle.k-grid td {font-size: 12px;}

/* @TCM:20200313 #8430: Hacemos que los elementos desplegables de las listas kendo que tienen texto resaltado en azul, se vuelvan blancos cuando están seleccionados para que se puedan leer bien con el azul de fondo que marca la selección */ 
.k-list-container .k-grid-list .k-state-selected .gridId {color: #ffffff;}

/* @TCM:20200314 #8430: Ajuste en el control desplegable de Acciones > Modificar recurso, que salía con un borde descolocado */
recursos-drop-down-list > .k-dropdown { height: 27px;}

/* @TCM:20200415 #8493 : Ajuste evento hover selector vertical maquinaria #ebebeb */
productos-servicio-grid .k-grid tr:hover {background-color: #c7c7c7; cursor: pointer;}