/* @media (min-width: 768px){ */
    /* @media (max-width: 1060px){ */
        /* o 1280 */
@media (max-width: 1320px){
  #dateModalCont{
    justify-content: flex-end;
    /* display: none; */
  }
  .dataInfoLeftSubData{ padding: 0; }
  .dataInfoPersonalModal{
    flex-direction: column;
    align-items: center;
    border: 0;
    border-radius: 7px;
    padding-top: 2%;
    padding-bottom: 1.5%;
  }
  .dataInfoLeft{
    width: 100%;
    align-items: stretch;
    flex-direction: column;
  }
  
  .dataInfoRight{
    justify-content: space-between;
    align-content: flex-start;
    justify-content: space-between;
    align-content: flex-start;
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .mainUpInfoModal,.mainDownInfoModal,#top_log{
    flex-direction: column;
    flex-wrap: nowrap;
  }
  .contentRequestLeft01,.contentRequestRight02,.contentRequestLeftCalendar{ width: 100%; }
  #barChartByHoursCont{ padding:0; }
  .barChartByHoursCont{ width: 20%; }
  .barChart-stadisticsCont{
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  #topLisCont,#logListCont{ max-width: 100% !important; }
}
        

@media (max-width: 767px) {
  .subAbsoluteExit{
    font-size: 250%;
    right: 5px;
    top: 5px;
  }
  .weatherCont .temp{
    font-size: 15px;
    font-weight: 600;
    padding: 5px 10px;
  }
  .weatherCont .greeting{ font-size: 25px; }

  .classBodyModal{ padding: 10px; }
  .weatherCont .phrase{ font-size: 15px; }
  #dateModalCont{ display: block; text-align: center; }
  #idCheckDateModal{ display: block; font-size: 130%; }
  #ephemeris{ display: block; font-size: 10px; }
  .dataInfoLeftPhotoAbsolute{ height: 138px; width: 138px; }
  .dataInfoLeftPhoto{ height: 132px; width: 132px; }
  .dataInfoLeftFullName{ font-size: 150%; }
  .dataInfoLeftEmail{ font-size: 90%; }

  .divTemplate01 { width: 25%; }
  .divTemplate02{ width: 75%; }
  .divTemplate03{ display: none !important; }
  .dataInfoRightSubjectSchedule { font-size: 120%; }
  .dataInfoRightType{ font-size: 100%; }
  .dataInfoRightEmoji, .dataInfoRightEmoji02{
    height: 80px;
    width: 80px;
  }

  .incidenciasCont{ display: block; }
  .incidencias-calendarCont, .incidencias-pieChartCont{ width: 100%; }
  .customeRow{ display: block; }

  .barChart-stadisticsCont{ display: block; }
  .barChart-stadistics{ box-shadow: none; display: block; margin: 0px; width: 100%; }
  #idCanvasBarByHours{ padding: 50px 20px; }
  .logList-item div{ margin-right: 5px; }
  .birthday-img, .anniversary-img{ display: none; }
  

  /* ************************ */
  /*  *** ADMIN - FILTROS *** */
  /* ************************ */
  .inputBlock{ width: 100%; }
  .inputBlock label{ display: block; }
  .inputBlock select{ margin-right: 0; width: 100%; }

  /* ************************ */
  /*  *** ADMIN - HOLIDAY *** */
  /* ************************ */

  #holidaysNewBtn, #holidaysUpdateCheck, #holidaysDeleteCheck{ width: 100%; }
  #holidaysCont .tab-content{ padding: 0; }
  .holidaysSearchCont label{ display: none; }

  #assetsNewBtn, #assetsDownloadReport, #assetsCheckAllBtn, #assetsDeleteCheck{ width: 100%; }
  #jobsNewBtn, #jobsCheckAllBtn, #jobsDeleteCheck{ width: 100%; } 
  #jobsCont .tab-content{ padding: 0; }
  #addSchedule{ width: 100%; }
  .scheduleItemCont{ margin: 0 !important; }
  .addCheckHour{ width: 100%; }
  #hoursTableCont{ overflow-x: auto; }

  /* *********************** */
  /*  *** ADMIN - ASSETS *** */
  /* *********************** */
  .TitleUserAsset{ font-size: 18px; }
  .divContentImgPerson{ display: block; }
  .plusPictureClassAnotherMain{ margin: auto; }
}