@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: local('Open Sans Extrabold'), local('OpenSans-Extrabold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/EInbV5DfGHOiMmvb1Xr-hnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: local('Open Sans Italic'), local('OpenSans-Italic'), url(https://themes.googleusercontent.com/static/fonts/opensans/v8/xjAJXh38I15wypJXxuGMBobN6UDyHWBl620a-IRfuBk.woff) format('woff');
}

.parpadea {
    animation-name: parpadeo;
    animation-duration: 2.5s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    -webkit-animation-name: parpadeo;
    -webkit-animation-duration: 2.5s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
}

@-moz-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@-webkit-keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

@keyframes parpadeo {
    0% {
        opacity: 1.0;
    }

    50% {
        opacity: 0.0;
    }

    100% {
        opacity: 1.0;
    }
}

body {
    font-family: 'Roboto', 'Open Sans', sans-serif !important;
    -webkit-font-smoothing: antialiased;
    background-color: #ffffff;
}

#logo {
    margin-left: 15px !important;
}

.k-menu .k-menu-scroll-button:hover, .k-menu .k-state-hover > .k-link {
    background-color: transparent !important;
    background-image: none !important;
}


/**Boton cerrar pestaña*/
/*.pwButtonClose {
    float: right;
    margin-right: 4px;
    margin-top: 7px;
    cursor: pointer;
    font-size: 16px;
    width: 16px;
}
.pwButtonClose:hover {
    color: white;
    background-color: rgb(224,67,67);
    border-radius: 3px 3px;
}*/


/*Barra de menus tabs superior*/
/*Al actualizar los controles se perdió el margen antiguo de las pestanyas. Se sobreescribe */
.k-tabstrip-scrollable .k-tabstrip-items {
    padding: .3em .3em 0 !important;
}
/*.k-tabstrip .k-tabstrip-items {
        padding: .3em .3em 0 !important;
        height: 31px !important;  
        /*margin-right: 70px !important;
position:relative;
/*margin-left: 41px !important;
}

*/


.k-treeview .k-checkbox-wrapper{
    padding-top:1px !important;
}

.k-treeview span.k-in {
    vertical-align:top !important;
}

.k-tabstrip > .k-content {
    padding-top: 0px !important;
}

.ViewWrapper .k-tabstrip-items .k-state-active {
    background-color: white;
    height: 30px;
}

.k-tabstrip-items .k-state-default .k-link { /*, .k-panelbar > li.k-state-default > .k-link*/
    line-height: 19px;
}

ul.menu-contextual-tabs > li > span:hover,
ul.menu-contextual-tabs > li > span {
    padding: 6px 0px 6px 15px !important;
    width: 213px !important;
}

.k-button.k-button-icon.k-bare.k-tabstrip-next {
    margin-right: 31px !important;
}

.k-button.k-button-icon.k-bare.k-tabstrip-prev {
    margin-left: 0px;
}

.k-button.k-button-icon.k-bare.k-tabstrip-next,
.k-button.k-button-icon.k-bare.k-tabstrip-prev {
    background-color: #cccccc !important;
    height: 29px;
    width: 29px;
    opacity: 1;
    border-radius: 5px;
}

/* 

    -------------

    Especial para el TabStrip principal y otros aspectos de la "zona interior"  

    -------------
*/
#Tabs {
    margin-top: 0px;
}

    /*#Tabs > .k-tabstrip-items .k-state-default {
    border-top: 1px solid #999;
    border-right: 1px solid #bbb;
    border-left: 1px solid #bbb;
    border-bottom: 1px solid rgb(204, 204, 204);
    height: 29px !important;
    position:relative;
}*/

    /*Pongo el tab flotando encima, por si es el ultimo al pasar por encima podamos cerrarlo*/
    /*#Tabs > .k-tabstrip-items:hover {
        z-index: 10000 !important;
        margin-right: 0px !important;
    }*/

    /*#Tabs > .k-tabstrip-items .k-state-active {
    border-top: 1px solid #47505F;
    border-bottom: 1px solid white !important;
    height: 33px;
}*/


    #Tabs > ul.k-tabstrip-items {
        margin-right: 40px !important;
    }

    #Tabs > .k-tabstrip-items .k-link {
        font-size: 13px;
        line-height: 1.2;
        color: #222;
        margin-left: 0px;
        margin-right: 0px;
        margin-top: 0px !important;
    }

    #Tabs > .k-tabstrip-items .k-state-active .k-link {
        color: #47505F;
    }

    #Tabs > .k-tabstrip-items > .k-state-default .k-link > i {
        margin-right: 10px;
        display: block;
        float: left;
        font-size: 16px;
        margin-top: 0px !important;
    }

/*.k-tabstrip>.k-content{
    margin-top: -1px !important;
    /*padding-top: 3px !important;*/
}

*/

.k-tabstrip-items .k-item,
.k-numeric-wrap.k-state-border-down {
    border-radius: 4px 4px 0 0 !important;
    height: 28px;
}


/*.k-tabstrip .k-content.k-state-active {
    padding-top: 4px !important;
}*/

.k-panelbar > .k-item > .k-state-focused {
    background-image: none;
    background-image: none, -webkit-linear-gradient(top, none);
    background-image: none, -moz-linear-gradient(top, none);
    background-image: none, -o-linear-gradient(top, none);
    background-image: none, linear-gradient(to bottom, none);
}

.k-grouping-header .k-group-indicator {
    border-color: #cccccc;
}

.k-header {
    color: #333333;
}

/*#header .navbar-default {
  background-color: rgb(24,29,32);
  color: rgb(220,220,220);
}*/

/*Color blanco iconos barra negra top*/
#header .navbar-default .navbar-nav > li > a {
    color: rgb(220,220,220);
}

    #header .navbar-default .navbar-nav > li > a:hover,
    #header .navbar-default .navbar-nav > li > a:focus {
        color: white;
        background-color: rgba(0, 0, 0, 0.05);
    }


.k-tabstrip-items .k-state-active,
.k-ie7 .k-tabstrip-items .k-state-active .k-loading {
    background-color: #ffffff;
    background-image: none;
    background-image: none, -webkit-linear-gradient(top, none);
    background-image: none, -moz-linear-gradient(top, none);
    background-image: none, -o-linear-gradient(top, none);
    background-image: none, linear-gradient(to bottom, none);
    border-color: #cccccc;
}

.k-tabstrip-items .k-state-default,
.k-ie7 .k-tabstrip-items .k-state-default .k-loading {
    border-color: rgba(0, 0, 0, 0);
}

/* states */
/*.k-state-active,
.k-state-active:hover,
.k-active-filter,
.k-tabstrip .k-state-active {
  background-color: #ffffff;
  border-color: #cccccc !important;
  color: #333333;
}*/


.k-header,
.k-grid-header,
.k-toolbar,
.k-dropdown-wrap,
.k-picker-wrap,
.k-numeric-wrap,
.k-grouping-header,
.k-pager-wrap,
.k-textbox,
.k-button,
.k-progressbar,
.k-draghandle,
.k-autocomplete,
.k-state-highlight,
.k-tabstrip-items .k-item,
.km-pane-wrapper > .km-pane > .km-view > .km-content {
    background-image: none;
    background-image: none, -webkit-linear-gradient(top, none);
    background-image: none, -moz-linear-gradient(top, none);
    background-image: none, -o-linear-gradient(top, none);
    background-image: none, linear-gradient(to bottom, none);
    background-position: 50% 50%;
    background-color: #f5f5f5;
}

/*legend {
  font-size: 12px !important;
  font-weight: 700 !important;
  margin: 10px 0 !important;
  padding-bottom: 2px !important;
  border-bottom: 2px solid #eee !important;
}*/

.filtros {
    margin-bottom: 10px;
    padding-top: 10px;
}

/*Ojear*/

/*.ojear {
    line-height: 0;
    overflow: hidden !important;
    position:relative !important;
    width:100% !important;
}

.ojear div {
    position: absolute !important;
    margin-top: 0px !important;
    z-index: 100 !important;
    top: 1px !important;
    right: 1px !important;
    height: 24px !important;
    background-color: #eee !important;
    overflow: hidden !important;
}

.ojear span > span 
{
    margin-top:-1px !important;
}

fieldset td .ojear span {
    margin-top: 0px;
}

.ojear span {
    /*width: 100% !important;
position: relative !important;
top: 0px !important;
margin-top: 0px !important;
/*position: relative !important;
    float: right !important;
    top: 1px !important;
    right: 1px !important;
    z-index: 2 !important;
    height: 24px !important;
    background-color: #eee !important;
    overflow: hidden !important;
    border-radius: 0px 4px 4px 0px !important;
}

.ojear i {
    font-size: 18px !important;
    vertical-align: middle !important;
    margin-left: 4px !important;
    margin-right: 2px !important;
    margin-top: 2px !important;
    display: block !important;
    float: right !important;
}

    .ojear i:hover {
        color: rgb(236,110,0);
        cursor: pointer;
    }

.ojear .k-tooltip-validation .k-warning {
    vertical-align: bottom;
}

.ojear .k-widget.k-tooltip-validation {
    z-index: 9999;
}

*/

.k-editable-area-editorHtml {
    background-color: #f5f5f5;
    text-align: center;
    overflow: auto;
    display: block;
}

.filtros > table > tbody > tr > td:not(.SeleccionFecha) {
    padding-right: 10px;
}

input[type="radio"], input[type="checkbox"] {
    vertical-align: text-bottom;
    margin-right: 3px;
    min-height: 15px
}

/*.toolbar-cabecera{
    text-transform:uppercase !important;
}*/

.toolbar-cabecera div.k-overflow-anchor .k-i-arrow-60-down:hover,
.toolbar-cabecera div.k-overflow-anchor .k-i-arrow-60-down {
    background-image: url('Images/arrowDown2.png') !important;
    width: 15px !important;
    background-size: 13px !important;
    background-position: 0px !important;
    height: 25px !important;
    opacity: 1 !important;
    background-repeat: no-repeat !important;
}

    .toolbar-cabecera div.k-overflow-anchor .k-i-arrow-60-down::before {
        display: none !important;
    }

li.tab-general-lista > span {
    font-size: 13px !important;
}

.toolbar-cabecera > .k-overflow-anchor {
    height: 46px !important;
    width: 26px !important;
    /*margin-right: -18px !important;*/
}

.toolbar-cabecera > .k-button:nth-child(2),
.toolbar-cabecera > .k-button {
    margin-right: 4px;
}

/* Por defecto, no permitir multi línea en en las celdas de las grids. */
.k-grid tr {
    white-space: nowrap !important;
}

.k-grid td {
    height: 18px;
}

/* Alinear los valores a la derecha */
.k-numerictextbox .k-input {
    /*width: 96%;*/
    text-align: right;
    padding-right: 5px !important;
    padding-top: 3px !important;
}

.grid-cell-lupa {
    font-size: 19px;
    position: relative;
    z-index: 1;
    left: -25px;
    top: 5px;
    color: black !important;
}

    .grid-cell-lupa:hover {
        color: rgb(236,110,0) !important;
        cursor: pointer;
    }


.popup-toggle i.submenu-simbolo:after, .main-menu > li a i.submenu-simbolo:after {
    content: "\f105";
    font-family: FontAwesome;
    color: white;
    float: right;
}

/*Agenda*/
.Agenda .btnAgenda {
    display: inline-block;
    padding: 6px 8px !important;
    margin-bottom: 0;
    font-size: 16px !important;
    font-weight: normal;
    line-height: 1.428571429;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 4px;
}

.MenuTabs .k-item > .k-link > .k-i-arrow-60-down {
    display: none;
}

.borderTopGris {
    border-top: 1px solid #ccc !important;
    height: 0px;
}

tr.k-grid-edit-row td a span {
    display: none;
}

/* Menú Contextual... */
.menu-contextual {
    width: auto !important;
    min-width: 230px !important;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,0.3);
}

    .menu-contextual li {
        background-color: white;
        padding-left: 10px;
        padding-top: 1px;
        padding-bottom: 1px;
        width: auto !important;
        min-width: 230px !important;
        border-radius: 4px !important;
    }

        .menu-contextual li .k-link {
            padding-left: 10px;
            padding-top: 1px;
            padding-bottom: 1px;
            font-size: 12px;
        }


            .menu-contextual li .k-link:hover {
                /*color: white;
    background-color:rgb(236,110,0) !important;*/
                width: auto !important;
                /*min-width:230px !important;*/
                background-image: none !important;
                box-shadow: none !important;
            }

    .menu-contextual .k-state-border-up {
        overflow-x: hidden !important;
        background-color: white;
        margin: 0px;
        padding: 0px;
    }

        .menu-contextual .k-state-border-up .k-link {
            padding-right: 0px;
            padding-left: 10px;
        }

    .menu-contextual.k-menu .k-group .k-item > .k-link {
        padding-top: 6px;
        padding-bottom: 5px;
        padding-left: 13px;
    }


.ConfiguracionGlobaLiquidaciones {
    width: 53%;
    vertical-align: top;
    padding-left: 17px;
}

.filtrosLiquidaciones {
    width: 45%;
    float: left;
}



/* ...Menú Contextual */

/*Mensaje campo requerido*/
.k-widget.k-tooltip-validation {
    margin-top: 0px !important;
    border-color: #fffcdd !important;
    /* background-color: #fff4c9; */
    /*position: absolute !important;*/
}
/*td:not(.noOverflow)
{
    overflow: hidden;
    white-space: nowrap;
}*/

/*Altura paginacion grids*/
.k-pager-wrap {
    height: 26px !important;
}