body {
    --color-central: rgb(19,147,122);
    --color-central-ocuro-transparente: rgba(13, 95, 79, 0.5);
    --color-central-clarito: rgb(183, 221, 214);
    --color-central-oscuro: rgb(13, 95, 79);
    
    background-color: #E5E5E5 !important;
}

th > a.k-link {
    font-weight: bold;
    font-size: smaller;
}

.h-estado-anulado{
    color: red;
    font-weight: 700;
}

.h-thumbnail{
    width:3.35rem;
    height:3.35rem;
    cursor: pointer;
}

.h-imagen{
    width:53rem;
    height:53rem;
}

.h-imagen-tamreal{
    max-width: 100%;
    height: auto;
}

.h-toolbar-datos-top{
    margin: -15px 0 5px 0!important;
    background: transparent!important;
    border: 2px solid var(--color-central-oscuro) !important;
}

.h-barramenu{
    background: var(--color-central-oscuro) !important;
}
.h-menu-modulo-titulo{
    background: var(--color-central-oscuro) !important;
    color: #fff !important;
}
.h-menu {
    background: var(--color-central-ocuro-transparente) !important;
    border: 0px !important;
}
.h-menu-link:hover {
    background-color: var(--color-central-oscuro) !important;
    box-shadow: 0 0 5px 1px var(--color-central-oscuro) !important;
}
.h-index-menu-lat-in{
    background: var(--color-central-ocuro-transparente) !important;
}
.h-index-menu-lat-btn{
    background: var(--color-central-oscuro) !important;
}
.h-div-mjeLlamativo {
    background-color: #f7f307 !important;
    font-weight: bold!important;
    font-size: medium;
}

/*Items obligatorios:*/
input.ng-invalid-integer, input.ng-invalid-max, input.ng-invalid-min, input.ng-invalid-email, input.ng-invalid-required, input.ng-invalid-maxlength,
input.ng-invalid-minlength, span.ng-invalid-required > span > input,
textarea.ng-invalid-integer, textarea.ng-invalid-max, textarea.ng-invalid-min, textarea.ng-invalid-email, textarea.ng-invalid-required, textarea.ng-invalid-maxlength,
textarea.ng-invalid-minlength, span.ng-invalid-required > span > textarea{
    border-color: #0000ff !important;
}


/* LogIn */

.h-login-fondo{
    height: 100%;
    width: 100%;
    left:0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    background-image: linear-gradient(124deg, var(--color-central-oscuro), rgb(19,147,122), rgb(82, 165, 148), rgb(89, 201, 178), rgb(89, 167, 151), rgb(143, 190, 181));
    background-size: 1800% 1800%;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;
}
.h-login-fondo-img{
    background: url(../img/Favicur/triangulo.png);
    width: 100%;
    height: 100%;
    filter: invert(100%);
    opacity: .1;
    -webkit-animation: rainbow 18s ease infinite;
    -z-animation: rainbow 18s ease infinite;
    -o-animation: rainbow 18s ease infinite;
    animation: rainbow 18s ease infinite;
}
/* fin LogIn */

/* */
.h-block-titulo{
    background: var(--color-central) !important; /* rgb(22, 175, 144) !important; */
    color: #FFF;
    height: 20px !important;
    padding: 10px 0 5px 12px !important;
    font-size: 1.2em !important;
    font-family: arial 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    border-width: 0 !important;
    border-radius: 10px 20px 8px 0px   !important;
    position: relative;
    margin: 0 0 8px 0;    
    /*Para anular k-shadow:*/
    -webkit-box-shadow: 0 0 0 0 rgb(0,0,0);
    box-shadow: 0 0 0 0 rgb(0,0,0);
}

.h-input{
    border: 0 solid transparent !important;
    /*margin: 0 10px;*/
    /* box-shadow: 0px 3px 1px -3px #333; */
    border-bottom: 1px solid #929292 !important;
    border-radius: 0;
    text-indent: 0%;
    transition: .5s;
}
.h-input:before{
    border: 0 solid transparent !important;
    margin: 0 10px;
    /* box-shadow: 0px 3px 1px -3px #333; */
    border-bottom: 1px solid #929292 !important;
    border-radius: 0;
}

.h-input:focus{
    box-shadow: none;
    transition: .5s;
    background: linear-gradient(to top, var(--color-central-clarito) , transparent) !important;
}
.h-input-container{
    margin: 3px 5px;
}

label {
    /*font-weight: bold;*/
    font-size: smaller;
    color: #929292 ;
    margin-left: 0px;
    transition: 0.1s;
}

.h-input-container:focus-within label {
    /*transform: translate(0px, 0px);*/
    font-weight: bold;
    color: rgb(29, 29, 29);
    margin-left: 7px;
    transition: 0.1s;
}

/*.h-input-container:focus-within .h-input {
    border-bottom: 2px solid #3e5828 !important;
    transition: 0.1s;
}*/
/* */
/* fin estilos Hermes */

/*Animaciones*/
@-webkit-keyframes rainbow {
    0%{background-position:0 82%}
    50%{background-position:100% 19%}
    100%{background-position:0 82%}
}
@-moz-keyframes rainbow {
    0%{background-position:0 82%}
    50%{background-position:100% 19%}
    100%{background-position:0 82%}
}
@-o-keyframes rainbow {
    0%{background-position:0 82%}
    50%{background-position:100% 19%}
    100%{background-position:0 82%}
}
@keyframes rainbow {
    0%{background-position:0 82%}
    50%{background-position:100% 19%}
    100%{background-position:0 82%}
}
/*Fin Animaciones*/

/* Scroll bar */
::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    visibility: hidden;
}
::-webkit-scrollbar-thumb {
    background: rgba(13, 95, 79, 0.5);
    border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-central);
}