button.md-primary{

  color: white !important;
  background-color: #8C152B !important;
  border-color: #8C152B !important;
}
.md-head th{

  color: white !important;
  background-color: #8C152B !important;
  border-color: #8C152B!important;
}
.md-no-sticky.dasboard {
	
  color: white !important;
  background-color: #4ca934 !important;
  border-color: #4ca934 !important;
}

md-toolbar.large-toolbar {
    background-color: #fff !important;
    min-height: 152px;
    padding-top: 8px;
}

.md-toolbar-tools.size-custom {
    background-color:#3a722c !important;
}


.back-img{
/*	background-image:url('../images/background/back-gn7.1.png') !important;*/

}

.md-select-menu-container.md-active {
  zoom: 1.25;
}
.md-select-menu-container.md-active md-select-menu {
  zoom: 0.75;
}

.md-open-menu-container.md-active{
  zoom: 1.25; 
 }
 .md-menu-bar-menu.md-dense {
   max-height: none;
   padding: 16px 0;
   zoom: 0.75;
 }
 md-tooltip{
   zoom: 1.30;
 }


md-toolbar{
  background-color: #8C152B !important;
  color: white !important;
}

md-content .sideNavContent {
	background-color: white !important;
}

md-pagination-wrapper .md-subheader, 
md-pagination-wrapper md-tabs, 
.listdemoListControls, 
.sideNavContent ,
.md-FuseSideNavTheme-theme > .md-subheader-inner,
md-pagination-wrapper.md-button .md-no-style {
	background-color: #2B2B2F !important;
	color: black !important;
}


md-pagination-wrapper .md-active{
	color: #fff  !important;
}

.md-toolbar-tools > span.md-subhead{
	color: white !important;

}

md-list-item.active{
	background-color: #8C152B !important;
}

div.indicador-wrapper > md-toolbar.header > span {
    text-transform: capitalize;
    font-size: 12px;
 	color: white !important;
    /* color: rgba(0,0,0,0.87) !important; */
}

 button > .ng-scope .material-icons, div.indicador-wrapper > md-toolbar.header > button md-icon {
    color: rgba(38, 37, 37, 0.7) !important;
}
#app-contenedor .md-list-item-inner > p{
	color: rgba(0,0,0,0.54) !important; 
}
md-tabs.md-FuseSideNavTheme-theme .md-tab {
    color: gray;
}

md-sidenav.md-sidenav-left > md-content md-list > md-list-item div.md-list-item-inner > p, md-sidenav.md-sidenav-left > md-content md-list > div.md-sub-menu > md-list-item div.md-list-item-inner > p {
    color:  #fff;
    font-size: 13px;
}

md-sidenav.md-sidenav-left > md-content md-list div.md-subheader > div.md-subheader-inner > div.md-subheader-content {
    color: #fff;
    font-size: 12px;
}

md-icon.md-FuseSideNavTheme-theme{
    color: rgba(0, 0, 0, 0.5);
}
md-divider.md-FuseSideNavTheme-theme {
    border-top-color: rgba(0, 0, 0, 0.12);
}
md-tabs.md-FuseSideNavTheme-theme md-ink-bar {
	/*
    color: rgba(0, 0, 0, 0.12);
    background: rgba(0, 0, 0, 0.12);
    */
    color: #1B2F1A;
    background: #1B2F1A;
}

.title-estado {
    font-size: 12px;
    padding: 6px 10px;
    color: white;
    background-color: #3a722c;
    margin-left: 5px;
    max-width: 131px;
    padding-top: 7px;
    text-align: center;
    margin-bottom: 0px;
}

.clr2 {
    color: #2B2B2F;
}

.clr1 {
    color: #4ca934;
  }

  .back-img  div.text-on{
    display: none;
  }
  p[html~=""]:after{
    content: "pruebita";
  }
  md-list-item.active .md-list-item-inner>md-icon:first-child:not(.md-avatar-icon)
  {
    color: white;
  }
  table.md-table .md-table-progress th md-progress-linear > .md-container{
    background-color: white;
  }
  div[ng-switch-when="FINALIZADO"]{
    background-color: rgb(76, 169, 52) !important;
  }
  div.tablon-grid > div.tablon-grid-group > div.group-list {
    background-color: rgba(55, 104, 43, 0.15);
    -webkit-box-flex: 1;
    flex: 1;
}/*
md-radio-group:not([disabled]) .md-primary .md-on,*/
md-radio-button:not([disabled]).md-primary .md-on{
    background-color: rgba(58, 114, 44, 0.87);
}
md-radio-button:not([disabled]).md-primary .md-off,
md-radio-button:not([disabled]).md-primary.md-checked .md-off{
    border-color: rgba(58, 114, 44, 0.87);
}
.ms-form-wizard .ms-form-wizard-step-label .ms-form-wizard-step-number{
    background-color: rgba(58, 114, 44, 0.87);

}
#grap_indicador_pedido path,
#grap_indicador_aceptacion_ofertas path[fill="#039be5"],
#grap_indicador_aceptacion_ofertas g[column-id="Aceptados"] circle{
    fill:  rgba(58, 114, 44, 0.87);
    stroke: rgba(58, 114, 44, 0.87);
}

#grap_indicador_aceptacion_ofertas path[fill="#0274ac"],
#grap_indicador_aceptacion_ofertas path[fill="#039be5"]{
    fill:  rgba(58, 114, 44, 0.87);
    stroke: rgba(58, 114, 44, 1);
}

.checkbox-container {
  display: flex;
  flex-wrap: wrap;          /* que salten de línea si no caben */
  gap: 1rem;                /* espacio entre checkboxes */
  margin-top: 2rem;
  font-family: sans-serif;  /* tipografía limpia */
  justify-content: center;
}

.custom-checkbox {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left: 1.5rem; /* espacio para la caja personalizada */
  margin: 0 1rem;
  font-size: 14px;
  color: #333;
  user-select: none;
  transition: color 0.3s;
}

.custom-checkbox:hover {
  color: #8C152B; /* cambia color al pasar el mouse */
}

.backdrop-loading {
      position: absolute; /* relativo al md-dialog-content */
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(255, 255, 255, 0.8); /* semitransparente */
      display: flex;
      justify-content: center; /* centra horizontal */
      align-items: center;     /* centra vertical */
      z-index: 1000;
}

.loading-box {
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
}

.loading-text {
      margin-top: 16px;
      font-size: 16px;
      color: #333;
}

/* Ocultar el checkbox original */
.custom-checkbox input[type="checkbox"] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Caja personalizada */
.custom-checkbox .checkmark {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 18px;
  width: 18px;
  border: 2px solid #8C152B;
  border-radius: 4px;
  background-color: #fff;
  transition: background-color 0.3s, border-color 0.3s;
}

/* Checkmark cuando está seleccionado */
.custom-checkbox input[type="checkbox"]:checked ~ .checkmark {
  background-color: #8C152B;
  border-color: #8C152B;
}

/* Palomita (after) */
.custom-checkbox .checkmark::after {
  content: "";
  position: absolute;
  display: none;
  left: 5px;
  top: 2px;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

/* Mostrar palomita si está seleccionado */
.custom-checkbox input[type="checkbox"]:checked ~ .checkmark::after {
  display: block;
}