﻿/*el datePicker con el calendario colapsado*/
.controlCalendario {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
}

/*el cuadro completo del calendario expandido*/
.igmc_Control {
   background-color: var(--colorParaFondoOpcionMenuSeleccionada);
   color: var(--colorParaTextoOpcionMenuSeleccionada);
   border: var(--bordeCalendario);
   border-collapse: separate;
   font-family: var(--fontFamily);
   height: auto;
   margin: 0;
   padding: 0;
   width: auto;
}

/*encabezado dias de la semana*/
.igmc_DOW {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
   border-bottom: none;
   border-width: 0;
   font-size: .8rem;
   height: auto;
   width: auto;
   margin: 0;
   padding: 0;
   text-align: center;
}

/*la barra superior para desplazar mes y anno*/
.igmc_Header {
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   border-bottom-width: 0;
   height: auto;
   font-size: 1rem;
}

/*los controles de desplazamiento izquierdo y derecho en
   la barra superior*/
.igmc_NextPrev {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
   font-size: 1rem;
   margin: 0;
   padding: 0 .7rem;
}

/*los controles de desplazamiento izquierdo y derecho en
   la barra superior hover*/
.igmc_HoverNextPrev {
   background-color: var(--colorParaFondoPrincipalHover);
   color: var(--colorParaTextoPrincipal);
   cursor: pointer;
   /*padding: 0 1rem;
   margin: 0;*/
}

/*indefinido*/
.igmc_PressedNextPrev {
   background-color: red;
}

/*la barra pie del calendario*/
.igmc_Footer {
   background-color: var(--colorParaFondoRowNon);
   color: var(--colorParaTextoRowNon);
   font-size: .8rem;
   height: auto;
   text-align: center;
}

/*la barra pie del calendario hover*/
.igmc_HoverFooter {
   background-color: var(--colorParaFondoRowNonHover);
   color: var(--colorParaTextoRowNon);
}

/*indeterminado*/
.igmc_PressedFooter {
   background-color: var(--colorParaFondoRowSeleccionado);
   color: var(--colorParaTextoRowSeleccionado);
}

/*el label en el encabezado con el mes y anno*/
.igmc_MonthYear {
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   font-size: 1.1rem;
   line-height: normal;
   padding: 0;
}

/*el label en el encabezado con el mes y anno hover*/
.igmc_HoverMonthYear {
   background-color: var(--colorParaFondoRowParHover);
   color: var(--colorParaTextoRowPar);
   cursor: pointer;
}

/*el label en el encabezado con el mes y anno presionado*/
.igmc_PressedMonthYear {
   background-color: var(--colorParaFondoRowParActivo);
   color: var(--colorParaTextoRowPar);
}

/*indefinido*/
.igmc_OtherMonthDay {
   background-image: none;
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
}

/*los dias en el calendario fuera del mes que se navega*/
.igmc_Day.igmc_OtherMonthDay {
   background-image: none;
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   font-size: .7rem;
   font-weight: normal;
}

/*la cuadricula de dias de lunes a viernes*/
.igmc_Day {
   background-color: var(--colorParaFondoRowNon);
   color: var(--colorParaTextoRowNon);
   border: var(--bordeCalendario);
   font-size: .8rem;
   text-align: center;
}

/*indefinido*/
.igmc_SelectedDay {
   background-color: var(--colorParaFondoRowSeleccionado);
   color: var(--colorParaTextoRowSeleccionado);
   border: var(--bordeCalendario);
}

/*el dia seleccionado*/
.igmc_FocusDay, .igmc_OtherMonthDay.igmc_FocusDay {
   background-color: var(--colorFondoCheckBoxSi);
   color: var(--colorParaTextoPrincipal);
   border: var(--bordeCalendario);
}

/*el dia en hover*/
.igmc_HoverDay, .igmc_HoverDay.igmc_TodayDay {
   background-color: var(--colorParaFondoPrincipalHover);
   color: var(--colorParaTextoPrincipal);
   border: var(--bordeCalendario);
}

/*el dia en hover fuera del mes en navegacion*/
.igmc_OtherMonthDay.igmc_HoverDay {
   background-color: var(--colorParaFondoOpcionMenuSeleccionada);
   color: var(--colorParaTextoOpcionMenuSeleccionada);
   border: var(--bordeCalendario);
}

/*indefinido*/
.igmc_DisabledDay {
   color: var(--colorParaTextoPrincipal);
   background-color: green;
}

/*el dia actual*/
.igmc_TodayDay {
   background-color: var(--colorFondoCheckBoxSi);
   color: var(--colorParaTextoPrincipal);
}

/*indefinido*/
.igmc_WeekNumber {
   background-color: transparent;
   color: var(--colorTextoNotificacion);
   font-weight: bold;
}

/*los dias de fin de semana, sabado y domingo*/
.igmc_WeekendDay {
   background-color: var(--colorParaFondoRowPar);
   color: var(--colorParaTextoRowPar);
   border: var(--bordeCalendario);
   font-size: .9rem;
   text-align: center;
}

/*el cuadro que se despliega para seleccionar meses y annos*/
.igmc_List {
   background-color: var(--colorParaFondoPrincipal);
   color: var(--colorParaTextoPrincipal);
   border: var(--bordeCalendario);
}

/*cada item desplegado para seleccionar annos y meses*/
.igmc_Item {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   border: var(--bordeCalendario);
   font-size: .9rem;
   text-align: center;
}

/*item seleccionado de la lista desplegada para seleccionar annos y meses*/
.igmc_SelectedItem {
   background-color: var(--colorParaFondoControlesActivo);
   color: var(--colorParaTextoControles);
   border: var(--bordeCalendario);
   cursor: pointer;
   font-size: .9rem;
   font-weight: bold;
}

/*item hover de la lista desplegada para seleccionar annos y meses*/
.igmc_HoverItem {
   background-color: var(--colorParaFondoControlesHover);
   color: var(--colorParaTextoControles);
   border: var(--bordeCalendario);
   cursor: pointer;
   font-size: .9rem;
   font-weight: bold;
}

.igte_Inner {
   margin: 0;
   padding: 0;
   border: 0;
}

.controlCalendario .igte_Inner {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   border-width: 0;
   align-items: center;
   align-content: center;
   justify-items: center;
   justify-content: center;
}

.igte_EditInContainer {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   border-width: 0px;
   font-family: var(--fontFamily);
   font-size: 1rem;
   outline: 0;
}

.controlCalendario .igte_EditInContainer {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   font-family: var(--fontFamily);
   font-size: 1rem;
   font-weight: bold;
   outline: 0;
   border: none;
   padding: 0;
   margin: 0;
   height: 1rem;
   line-height: .9rem;
}


.igte_EditWithButtons {
   height: 24px;
   outline: 0;
   width: 130px;
}

.igte_EditWithButtons {
   background-color: var(--colorParaFondoControles);
   color: var(--colorParaTextoControles);
   border: var(--bordeCalendario);
   font-family: var(--fontFamily);
   font-size: 1rem;
   outline: 0;
   padding: 0;
   margin: 0;
   height: auto;
   width: 7rem;
}

   .igte_EditWithButtons tbody,
   .igte_EditWithButtons tr,
   .igte_EditWithButtons td {
      display: flex;
      flex-direction: row;
      align-content: center;
      align-items: center;
      justify-content: center;
      justify-items: center;
      outline: 0;
      padding: 0;
      margin: 0;
      width: auto;
      height: auto;
   }

.igte_ButtonImg {
   object-fit: contain;
   background-size: contain;
   opacity: 1;
   --dimension: 1.2rem;
   min-height: var(--dimension);
   height: var(--dimension);
   max-height: var(--dimension);
   min-width: var(--dimension);
   width: var(--dimension);
   max-width: var(--dimension);
   border: 0;
   margin: 0;
   padding: 0;
}

.igte_Button .igte_ButtonImg td,
.igte_Button .igte_ButtonImg td img,
.igte_Button .igte_ButtonImg td input {
   margin: 0;
   padding: 0;
}

.igte_ButtonSize {
   height: 1.2rem;
   width: 1.2rem;
   border: 0;
   margin: 0;
   padding: 0;
}
