.change-color {
    transition: 0.4s all;
}
.change-color:hover, .change-color:focus, .change-color:active {
    color: #fff;
    background-color: #3f51b5;
    cursor: pointer;
}

.ui-grid-sort-priority-number {
    display: none!important;
}

body{
  margin: 0 auto;
  height: 100%;
}

#header{
  margin: 0;
  width: 100%;
  z-index: 78!important;
}

#header .md-menu-toolbar{
  background-color: #E8EAF6;
}

#grid{
  padding: 15px;
}

#chart{
  min-height: 400px;
}



.ui-grid{ 
  height:100%;
}

.ui-grid-row:nth-child(even) .ui-grid-cell{
  background-color:#E8EAF6;
}
/*
.ui-grid-header-cell{
    background-color: #5C6BC0 !important;
    font-size: 16px;
    font-weight: 500;
}*/

/****************05.11.2019************************/
.ui-grid-top-panel {
    height: 60px!important;
}
/***************************************/

.ui-grid-header-cell span{
  color: rgba(250,250,250,0.9);
}

.md-select-menu-container.md-active {
   z-index:99!important;
}



.md-subheader{
  cursor: pointer
}

.above{ z-index: 90 }
.mid-level{ z-index: 50 }
.under{ z-index: 0 }

/* Floating menu */
#floating-menu{
  width: 45%; 
  height: 450px; 
  position: absolute; 
  background-color: #FFF; 
  box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); 
  top: 20%; 
  left: 30%; 
  display: none; 
}



/* Resizable */
.ui-resizable-helper { border: 1px dotted gray; }

/* Scrollbar style */
::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  background-color: #F5F5F5;
  border-radius: 10px;
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
  background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb{
  border-radius: 10px;
  background-image: -webkit-gradient(linear,
                     left bottom,
                     left top,
                     color-stop(0.44, rgb(63,81,181)),
                     color-stop(0.72, rgb(63,81,181)),
                     color-stop(0.86, rgb(28,58,148)));
}
/* End Scrollbar style */

.rojo{
  /* background-color: #EF5350 !important; */
  background-color: #E57373 !important;
}
.azul{
  /* background-color: #42A5F5 !important; */
  background-color: #64B5F6 !important; 
}
.verde{
  /* background-color: #66BB6A !important; */
  background-color: #81C784 !important;
}
.gris{
  /* background-color: #BDBDBD !important; */
  background-color: #E0E0E0 !important;
}
.amarillo{
  /* background-color: #FFEE58 !important; */
  background-color: #FFF176 !important;
}

.activado{
  background-color: green !important;
}

.desactivado{
  background-color: red !important;
}

.numeros{
  text-align: right !important;
} 

.search-content{
  box-shadow: 0 1px 3px 0 rgba(0,0,0,.2),0 1px 1px 0 rgba(0,0,0,.14),0 2px 1px -1px rgba(0,0,0,.12);
}




html {
overflow-y: inherit!important;
};

/*evita que se muestre un scroll-y al abrir un menu*/

/**********************************************************************************************************************************/

.ui-grid-filter-container {
    /* padding: 0px 10px; */
    position: relative;
    background: #f3f3f3;
}
.ui-grid-menu-button {
    background: #5c6bc0!important;
    border: none!important;
    max-height: 31px!important;
    height:auto!important;
    visibility: hidden;
  }

 .ui-grid-icon-menu {
  color:white!important;

 }

 .ui-grid-header-cell span {
    color: rgba(56, 54, 54, 0.9)!important;
}

 .yellow { color: black!important;background-color:#d4d431 !important;  }

 .orange { color: black!important;background-color:orange !important;  }

 .red { color: black!important;background-color:red !important;  }

 .white { color: black!important;background-color:white !important;  }

 .grey {background-color:#f4f4f4!important;}

 .yellowc { color:#d4d431 !important;  }

 .orangec { color: orange !important;  }

 .redc { color:red !important;  }




.ui-grid-column-menu-button .ui-grid-icon-angle-down {
  font-size:10px;
  visibility: hidden;
}
 
.ui-grid-icon-position{
font-size: 18px;
margin-left: 6px;
}

.checkgreen .md-checkbox.md-checked .md-ink-ripple {
    color: green!important;
}

.md-virtual-repeat-container.md-autocomplete-suggestions-container {
  /*min-height:200px!important;*/
  height: inherit!important;

}

.text-center{
  text-align: right!important
}

md-toolbar.md-default-theme:not(.md-menu-toolbar) md-icon, md-toolbar:not(.md-menu-toolbar) md-icon {
 
    fill: black!important;
}



* {
  /* Calculation */
  --diff: calc(var(--max-size) - var(--min-size));
  --responsive: calc((var(--min-size) * 1px) + var(--diff) * ((100vw - 420px) / (1200 - 420)));
  /* Ranges from 421px to 1199px */
}



.fuente14 {
  --max-size: 14;
  --min-size: 12;
  font-size: var(--responsive)!important;
}

.fuente14-13 {
  --max-size: 14;
  --min-size: 13;
  font-size: var(--responsive)!important;
}


.fuente14-10 {
  --max-size: 14;
  --min-size: 10;
  font-size: var(--responsive)!important;
}


.fuente18-14 {
  --max-size: 18;
  --min-size: 14;
  font-size: var(--responsive)!important;
}

.fuente16-14 {
  --max-size: 16;
  --min-size: 14;
  font-size: var(--responsive)!important;
}

.fuente11-14 {
  --max-size: 18;
  --min-size: 10;
  font-size: var(--responsive)!important;
}




.virtualRepeatdemoDeferredLoading #vertical-container {
  height: 292px;
  width: 100%;
  max-width: 400px; }

.virtualRepeatdemoDeferredLoading .repeated-item {
  border-bottom: 1px solid #ddd;
  box-sizing: border-box;
  height: 46px;
  padding-top: 10px; }

.virtualRepeatdemoDeferredLoading md-content {
  margin: 16px; }

.virtualRepeatdemoDeferredLoading md-virtual-repeat-container {
  border: solid 1px grey; }

.virtualRepeatdemoDeferredLoading .md-virtual-repeat-container .md-virtual-repeat-offsetter div {
  padding-left: 16px; }

  .nofocus:focus {
  /*evita que se remarque el boton al hacer clic*/
  outline: none!important;
}





#hdtbSum{
  z-index:80!important;
}

#hdtbSum
{
  z-index:85!important;
}

#header
{
  z-index:unset!important;
}

#hdtb
{
  z-index:80!important;
}

md-virtual-repeat-container{
  z-index: 99!important;
}

md-backdrop.md-sidenav-backdrop{
   z-index: 101!important;
}