/* Color Theme Swatches in Hex */
:root {
    --ph_c1: #ffe669;
    --ph_c2: #ffef60;
    --ph_c3: #F2F2F2;
    --ph_c4: #f97400;
    --ph_c5: #0D0D0D;
    --ph_c6: #02759c;
    --ph_c7: #0D0D0D;

    --ph-header-background:#811813;
    --ph-header-color:#F2F2F2;

    --ph-main-background:#F2F2F2;
  
    --ph-main-color:#1a1c1e;

    /*
    --ph-left-panel-hover-background:#813037;
    --ph-left-panel-hover-color:#F2F2F2;
    */

    --ph-left-panel-hover-background:  #fcf0f0;
    --ph-left-panel-hover-color:#8B0000; 

    --ph-left-panel-background:#1a1c1e;
    --ph-left-panel-color:#F2F2F2;

    --ph-left-panel-header-background:#423F3E;
    --ph-left-panel-header-color:#f0f0f0;

  }
  
.dx-drawer-content{
    background: var(--ph-main-background);
    color: var(--ph-main-color);
} 

.tema_praderas{
    background-color: var( --ph-header-background);
    color: var(--ph-header-color) !important;
}



.tema_praderas > dx-button-mode-contained > dx-icon {
    color: var(--ph-left-panel-color) !important;
}

.dx-drawer-panel-content {
    background-color: var(--ph-left-panel-background);
    color: var(--ph-left-panel-color);
}


#toolbar > div > div.dx-toolbar-before > div:nth-child(1) > div > div{
  color: var(--ph-left-panel-color) !important;
}


#list_menu_principal .dx-list .dx-empty-message, #list_menu_principal .dx-list-item {
  color: var(--ph-left-panel-hover-color) !important;
}
#list_menu_principal .dx-list .dx-empty-message, #list_menu_principal .dx-list-item .dx-icon{
  color: var(--ph-left-panel-hover-color) !important;
}


.dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover {
  /*color: #8B0000;
  background-color: #fcf0f0;*/
   /*background-color: var(--ph-left-panel-hover-background); 
   color: var(--ph-left-panel-hover-color) !important; */

    color: #8B0000;
    background-color: #fcf0f0;
}


/*
 .dx-list:not(.dx-list-select-decorator-enabled) .dx-list-item.dx-state-hover .dx-icon{
  color: var(--ph-left-panel-hover-color) !important;
}*/







  
.card-header {
  color: var(--bs-card-cap-color);
  /* background-color: rgba(79, 172, 254, 0.5) !important; */

  /* Chrome 10-25, Safari 5.1-6 */
  background: -webkit-linear-gradient(to right, rgba(79, 172, 254, 1) , rgba(79, 172, 254, 0.8) );

  /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  background: linear-gradient(to right, rgba(79, 172, 254, 1) , rgba(79, 172, 254, 0.8) );
}
  
  
  .mml-item-homver:hover {
    background-color: rgba(20, 135, 243, 0.169) !important;
    color: #000609;
  }
  
  .footer_spacer{
    width: 100%;
    height: 20rem;
  }