/************************************************************************************
 *                                                                                  *
 *        -Este css pisa los estilos originales de kendo.                           *
 *        -Para que cada cliente pueda tener su propio estilo con sus colores.      *
 *        -Usar !important en cada directiva, para que los pise.                    *
 *                                                                                  *
 ************************************************************************************/


/* Tabs */

.k-state-active {
    border-color: rgb(13, 95, 79) !important;
}

.k-autocomplete,
.k-button,
.k-draghandle,
.k-dropdown-wrap,
.k-grid-header,
.k-grouping-header,
.k-numeric-wrap,
.k-pager-wrap,
.k-panelbar .k-tabstrip-items .k-item,
.k-picker-wrap,
.k-progressbar,
.k-state-highlight,
.k-tabstrip-items .k-item,
.k-textbox,
.k-toolbar,
.km-pane-wrapper>.km-pane>.km-view>.km-content {
    background-image: none, none!important;
    background-image: none, none!important;
    background-image: none, none!important;
    background-position: 50% 50%!important;
    background-color: #ffffff !important;
}

.k-header{
    background-color: #ff0000!important;
    /*border-radius: 3px 3px 3px 3px;*/
}

.k-tabstrip-items .k-state-default {
    border-color: #8ba478!important;
}

.k-tabstrip-items .k-state-hover {
    border-color: #8ba478!important;
}

/* Fin Tabs */

/* menu propia de hermes */
.k-dropdown .k-state-focused,
.k-filebrowser-dropzone,
.k-list>.k-state-hover,
.k-mobile-list .k-edit-label.k-check:active,
.k-mobile-list .k-item>.k-label:active,
.k-mobile-list .k-item>.k-link:active,
.k-mobile-list .k-recur-view .k-check:active,
.k-pager-wrap .k-link:hover,
.k-scheduler .k-scheduler-toolbar ul li.k-state-hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-state-hover,
.k-state-hover:hover {
    color: #2e2e2e!important;
    background-color: rgb(19,147,122) !important;
    border-color: rgb(19,147,122) !important;
}


/* fin menu */

/* Grilla */

.k-filter-row th, .k-grid-header th.k-header{
    background: rgba(196, 210, 185, 0.5) !important;
}
.k-grid tr:hover {
    background-color: rgb(121, 175, 164) !important;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .4)), to(rgba(255, 255, 255, 0)))!important;
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-position: 50% 50%!important;
}
.k-alt,
.k-pivot-layout>tbody>tr:first-child>td:first-child,
.k-resource.k-alt,
.k-separator {
    background-color: #daeace!important;
}

/* Fin grilla */

.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!important;
    background-color: #5d754b!important;
    border-color: rgb(13, 95, 79)!important;
}

.k-block,
.k-button,
.k-draghandle,
.k-grid-header,
.k-grouping-header,
.k-header,
.k-pager-wrap,
.k-toolbar,
.k-treemap-tile,
html .km-pane-wrapper .k-header {
    background-color:#fff!important;
}

.k-block {
    border-left: 5px;
    margin: 5px 10px;
}

/* Botones comunes */
.k-button {
    color: #333!important;
    border-color: rgb(13, 95, 79)!important;
    background-color: rgb(121, 175, 164) !important;
    transition: .5s!important;
}
.k-panelbar .k-content,
.k-panelbar .k-item,
.k-panelbar .k-panel {
    background-color: #fff!important;
    color: #2e2e2e!important;
    border-color: #c5c5c5!important;
}
.k-button.k-state-focused,
.k-button:focus {
    border-color: #c5c5c5!important;
}

.k-button.k-state-hover,
.k-button:hover {
    color: #333!important;
    border-color: rgb(13, 95, 79)!important;
    background-color: rgba(19,147,122, 1) !important;
    transition: .5s!important;
}

.k-button.k-state-active,
.k-button:active {
    color: #333!important;
    background-color: rgb(13, 95, 79)!important;
    border-color: rgb(121, 175, 164) !important;
    transition: .5s!important;
}

.k-button.k-state-active:hover,
.k-button:active:hover {
    color: #333!important;
    background-color: rgb(13, 95, 79)!important;
    border-color: rgb(121, 175, 164) !important;
    transition: .5s!important;
}

.k-button.k-state-disabled,
.k-button.k-state-disabled:active,
.k-button.k-state-disabled:hover,
.k-button[disabled],
.k-state-disabled .k-button,
.k-state-disabled .k-button:active,
.k-state-disabled .k-button:hover {
    color: #333 !important;
    border-color: rgb(168, 212, 204) !important;
    background-color: rgb(168, 212, 204) !important;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .6)), to(rgba(255, 255, 255, 0)))!important;
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .6) 0, rgba(255, 255, 255, 0) 100%)!important;
}

.k-button:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px #b6b6b6!important;
    box-shadow: inset 0 0 3px 1px #b6b6b6!important;
}

.k-button:focus:active:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: inset 0 0 3px 1px rgb(13, 95, 79)!important;
    box-shadow: inset 0 0 3px 1px rgb(13, 95, 79)!important;
}
/* Fin botones comunes */

/* Boton resaltado */
.k-overflow-container .k-primary,
.k-primary {
    color: #fff!important;
    border-color: rgb(13, 95, 79)!important;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)))!important;;
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-position: 50% 50%!important;
    background-color: rgb(13, 95, 79)!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.k-primary:hover {
    color: #fff;
    border-color: rgb(13, 95, 79)!important;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .4)), to(rgba(255, 255, 255, 0)))!important;
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .4) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-color: rgb(13, 95, 79)!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
.k-primary:focus:active:not(.k-state-disabled):not([disabled]),
.k-primary:focus:not(.k-state-disabled):not([disabled]) {
    -webkit-box-shadow: 0 0 3px 0 rgb(13, 95, 79)!important;
    box-shadow: 0 0 3px 0 rgb(13, 95, 79)!important;
}
.k-primary:active {
    color: #fff!important;
    border-color: rgb(13, 95, 79)!important;
    background-image: none, -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, .2)), to(rgba(255, 255, 255, 0)))!important;
    background-image: none, -webkit-linear-gradient(top, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-image: none, linear-gradient(to bottom, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, 0) 100%)!important;
    background-color: #c8ddb9!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
}
/* Fin Boton resaltado */