/*
*{
  box-sizing: border-box;
}
*/
@font-face{
  font-family:monse;
  src: url('../fonts/Montserrat/Montserrat-Light.ttf');
}
@font-face{
  font-family:monseBolder;
  src: url('../fonts/Montserrat/Montserrat-Bold.ttf');
  /* transform: scaleY(1.02); */
}

.cursor-pointer{cursor: pointer; }

.titulitoDeAsset{
  width: 100%;
  font-weight: 600;
  font-size: 22px;
}
.divSectionAssetHistory{
  display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-start;
    justify-content: space-between;
}
.TitleUserAsset{
  letter-spacing: 1px;
  font-weight: 600;
  font-size: 26px;
  text-transform: uppercase;
  color: #00eb04;
}
.subTitleUserASset {
  font-size: 20px;
  color:#00eb04;
}
.addWideSweet{
  width: 85% !important;
}
.swal-wide{
  width:850px !important;
}
.plusPictureClassAnotherMain{
  /* margin: auto; */
  border-radius: 189px;
  width: 112px;
  height: 112px;
  background-color: #c8c8c8;

}


.plusPictureClassAnother{
  margin: auto;
  
  border-radius: 189px;
  /* width: 32px; */
  /* height: 32px; */
  background-color: #c8c8c8;

}
.plusPictureClass{
  margin: auto;
  /* background-color: yellow; */
  border-radius: 189px;
  /* background-color: #0098ff; */
  background-color: #c8c8c8;
}
.nonePicture{
  background-size: 75%;
    background-position: center;
}
.iconFaCustome{
  width: 100%;
}
.spanLetterControl{
  position: absolute;
  /* left: 13px; */
  left: 0;
  z-index: 10000;
}
@font-face{
  font-family:monseSuperBolder;
  src: url('../fonts/Montserrat/Montserrat-SemiBold.ttf');
   
}

@font-face{
  font-family:helios;
  src: url('../fonts/Helios/HeliosStencil-SemiBold.ttf');
   
}
@font-face{
  font-family:heliosBolder;
  src: url('../fonts/Helios/HeliosStencil-Bold.ttf');
   
}
@font-face{
  font-family:heliosSuperBolder;
  src: url('../fonts/Helios/HeliosStencil-Black.ttf');
   
}
html, body{
  font-family: monse !important;
}

.b-gray{ border: 1px solid rgba(0, 0, 0, 0.3); }
.b-red{ border: 1px solid rgba(255, 0, 0, 0.3); }
.b-green{ border: 1px solid rgba(0, 255, 0, 0.3); }
.b-blue{ border: 1px solid rgba(0, 0, 255, 0.3); }

.error{ color: #f00; }
.txt-error{ color: #f00; }
.bg-error{ background-color: #f00; }
.disabled{ cursor: no-drop; }

.txt-personalchecker{ color: #00d300; }
.bg-personalchecker{ background-color: #00d300; }

.btn-green{
  background: #00d300;
  color: #fff;
}

.btn-red{
  background: #f00;
  color: #fff;
}

#typeAutenticationCont #typeAuthUserPass,
#typeAutenticationCont #typeAuthQrPhoto{
  border-radius: 10px 10px 0 0;
  cursor: pointer;
  font-size: 16px;
  padding: 6px 15px;
}
#typeAutenticationCont #typeAuthUserPass{ background: #fff; color: #333; }
#typeAutenticationCont #typeAuthQrPhoto{ background: #0c0; color: #fff; }

.qrContChecker{
  display: flex;
  flex-flow: column;
  justify-content: center;
  padding: 0px 0px !important;
  transform: scale(0.92);
}

#dateF{
  color: #fff;
  font-size: 18px;
  font-weight: bold;;
  border-bottom: 3px solid rgba(255, 255, 255, 0.564);
  margin-bottom: 2%;
  /* padding: 10px 0; */
  text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.9);
}

#checkCont, #loginCont{ 
  margin: auto;
  max-width: 400px; 
  min-width: 350px;
  width: 100%;
}

.qrCont{
  background: #fff;
  border-radius: 15px;
  margin: 0 auto;
  display: flex;
  padding: 20px;
  width: 100%;
  flex-direction: column;
  align-items: center;
}

#hour{
  color: #00d300;
  font-family: helios;
  font-size: 40px;
  padding: 0;
  margin :0;
  letter-spacing: 4px;
  width: 100%;
  border-bottom: 2px solid #bbb;
  text-align: center;
  /* VEREMOS */
  margin-bottom: 2%;
}

#getIn{ display: none; }
.qrGetIn{ 
  /* padding: 20px 5px;  */
  /* margin-top: 12px; */
  /* margin-bottom: 12px; */
  /* padding: 20px 5px;  */
    margin-top: 20px;
    margin-bottom: 30px;
}

.qrGetIn canvas{ 
  width: 220px; 
}

.qrFooter{
  align-items: center;
  color: #666;
  display: flex;
  font-size: 18px;
  font-weight: bold;
  justify-content: center;
  padding-top: 20px;
  text-align: center;
  border-top: 2px solid #bbb;
  width: 100%;
}

.qrFooterImg{
  display: inline-block;
  margin-right: 10px;
  width: 60px;
}

.qrFooterImg img{ width: 100% }

.phraseCont{
  align-items: center;
  color: #fff;
  display: flex;
  font-size: 20px;
  font-style: italic;
  font-weight: bold;
  justify-content: center;
  line-height: 40px;
  margin-top: 20px;
  padding: 0 10px !important;
  width: 66%;
  text-align: justify;
  text-shadow: 5px 5px 20px rgba(0, 0, 0, 0.807);
}

/* ********************************** */
/* ***** BEGIN - WEATHER HEADER ***** */
/* ********************************** */
.bg-day{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1d8fff+1,33b1fe+100 */
  background: #1d8fff; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #1d8fff 1%, #33b1fe 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #1d8fff 1%,#33b1fe 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #1d8fff 1%,#33b1fe 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d8fff', endColorstr='#33b1fe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  animation: dayAnimation 120s infinite;
}
@keyframes dayAnimation{

  /* background: linear-gradient(135deg,  #1d8fff 1%,#33b1fe 100%);  */
  0% {
    
    /* background-color: #ff0; */
    background:  linear-gradient(135deg,  #1d8fff 1%,#33b1fe 100%)
  } /*Amarillo*/
  20% {background:  linear-gradient(108deg,  #1d8fff 1%,#33b1fe 100%)} 
  40% { background:  linear-gradient(81deg,  #1d8fff 1%,#33b1fe 100%);} 
  60% { background:  linear-gradient(54deg,  #1d8fff 1%,#33b1fe 100%);} 
  80% { background:  linear-gradient(27deg,  #1d8fff 1%,#33b1fe 100%);} 
  100% { background:  linear-gradient(0deg,  #1d8fff 1%,#33b1fe 100%);} 
}

.bg-afternoon{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f4c974+1,e37066+100 */
  background: #f4c974; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #f4c974 1%, #e37066 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #f4c974 1%,#e37066 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #f4c974 1%,#e37066 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4c974', endColorstr='#e37066',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  animation: afternoonAnimation 120s infinite;
}@keyframes afternoonAnimation{

  /* background: linear-gradient(135deg,  #1d8fff 1%,#33b1fe 100%);  */
  0% {
    
    /* background-color: #ff0; */
    background:  linear-gradient(135deg,  #f4c974 1%,#e37066 100%)
  } /*Amarillo*/
  20% {background:  linear-gradient(108deg,  #f4c974 1%,#e37066 100%)} 
  40% { background:  linear-gradient(81deg,  #f4c974 1%,#e37066 100%);} 
  60% { background:  linear-gradient(54deg,  #f4c974 1%,#e37066 100%);} 
  80% { background:  linear-gradient(27deg,  #f4c974 1%,#e37066 100%);} 
  100% { background:  linear-gradient(0deg,  #f4c974 1%,#e37066 100%);} 
}

.bg-night{
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#060b1a+1,0d2651+100 */
  background: #060b1a; /* Old browsers */
  background: -moz-linear-gradient(-45deg,  #060b1a 1%, #0d2651 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg,  #060b1a 1%,#0d2651 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg,  #060b1a 1%,#0d2651 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#060b1a', endColorstr='#0d2651',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
  animation: nightAnimation 120s infinite;
}
@keyframes nightAnimation{

  /* background: linear-gradient(135deg,  #1d8fff 1%,#33b1fe 100%);  */
  0% {
    
    /* background-color: #ff0; */
    background:  linear-gradient(135deg,  #060b1a 1%,#0d2651 100%)
  } /*Amarillo*/
  20% {background:  linear-gradient(108deg,  #060b1a 1%,#0d2651 100%)} 
  40% { background:  linear-gradient(81deg,  #060b1a 1%,#0d2651 100%);} 
  60% { background:  linear-gradient(54deg,  #060b1a 1%,#0d2651 100%);} 
  80% { background:  linear-gradient(27deg,  #060b1a 1%,#0d2651 100%);} 
  100% { background:  linear-gradient(0deg,  #060b1a 1%,#0d2651 100%);} 
}




.weatherCont{
  align-items: center;
  color: #fff;
  display: flex;
  height: 150px;
  justify-content: center;
  border:0;
  overflow: hidden;
  position: relative;
}

.weatherCont .temp{
  font-size: 30px;
  font-weight: 600;
  padding: 10px 20px;
  position: absolute;
  top: 0;
  left: 0px;
  text-shadow: 3px 3px 5px #000;
  z-index: 15;
}
.questionContent{
  /* font-weight: 600; */
    color: revert;
}
.weatherCont .sun{
  left: 3%;
  position: absolute;
  top: -40%;
  width: 30%;
  z-index: 5;
  animation: girarInfinitamente 135s infinite;
  /* animation: rotacion 1s, mymove2 3s; */
}

.weatherCont .clowd{
  animation: moveLeftToRight 700s infinite;
}

@keyframes moveLeftToRight {
  0% {
    /* transform: rotate(0deg)  translateX(0); */
    transform: translateX(0) ;
  }
  /* 50%{
    transform: translateX(800px);
  } */
  100% {
    transform: translateX(2200px);
  }
}

@keyframes girarInfinitamente {
  0% {
    /* transform: rotate(0deg)  translateX(0); */
    transform: rotate(0deg) ;
  }
  100% {
    transform: rotate(360deg);
  }
}

.weatherCont .moon{
  left: 5%;
  position: absolute;
  top: 0%;
  width: 13%;
  z-index: 5;
  animation: moveLeftToRightMoon 2500s infinite;
}
@keyframes moveLeftToRightMoon {
  0% {
    /* transform: rotate(0deg)  translateX(0); */
    transform: translateX(0) ;
  }
  50%{
    transform: translateX(2000px);
  } 
  100% {
    transform: translateX(0px);
  }
}
.weaterTextCont{
  position: absolute;
  width: 100%;
  z-index: 20;
}

.weatherCont .greeting{
  color: #fff;
  font-size: 40px;
  font-weight: bold;
  text-align: center;
  text-shadow: 3px 3px 5px #000;
}

.weatherCont .phrase{
  color: #fff;
  font-size: 20px;
  text-align: center;
  text-shadow: 3px 3px 5px #000;
}

/* ******************************** */
/* ***** END - WEATHER HEADER ***** */
/* ******************************** */

/* **************************** */
/* ***** BEGIN - LANGUAGE ***** */
/* **************************** */


#btn-changeLang .dropdown-toggle{
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 0 5px;
}

#btn-changeLang .dropdown-toggle:hover{ color: #333; }
#btn-changeLang img{ margin-right: 7px; width: 30px; }
#btn-changeLang a{ text-decoration: none; }

#btn-changeLang .dropdown-item{
  font-size: 14px;
  padding-left: 15px !important;
  text-decoration: none;
}

/* **************************** */
/* ***** END - LANGUAGE ***** */
/* **************************** */

/* **************************** */
/* ***** BEGIN - BARCHART ***** */
/* **************************** */

.barChart-stadisticsCont{
  font-size: 11px;
  font-weight: 600;
  padding: 20px 15px 0 15px;
}

.barChart-stadisticsCont span{ color: #2597ff; }

.barChart-stadistics{
  border: 1px solid #e0e3ef;
  -webkit-box-shadow: 5px 5px 5px 3px #e0e2ef7d;
  -moz-box-shadow: 5px 5px 5px 3px #e0e2ef7d;
  box-shadow: 5px 5px 5px 3px #e0e2ef7d;
  display: inline-block;
  margin: 10px;
  padding: 10px 15px !important;
  width: 22%;
}

#idCanvasBarByHours{
  height: 50vh;
  margin: auto;
  padding: 50px;
  width: 100%;
}

/* ************************** */
/* ***** END - BARCHART ***** */
/* ************************** */

/* ******************************** */
/* ***** BEGIN - FULLCALENDAR ***** */
/* ******************************** */

.calendar.checksByMonth{ background: #fff; color: #aaa; }

.calendar.checksByMonth.fc .fc-view-container .fc-head .fc-head-container .fc-widget-header th{
  background: #fff;
  border-color: #fff;
  color: #aaa;
}

.calendar.checksByMonth.fc .fc-view-container .fc-body .fc-content-skeleton .fc-event-container .fc-event.fc-day-grid-event {
  font-size: 2rem;
  font-weight: bold;
  padding: 0;
}

.calendar.checksByMonth.fc-ltr .fc-basic-view .fc-day-top .fc-day-number{ float: left; }

.popoverChecks{
  background: #fff; 
  border: 1px solid rgba(102, 102, 102, 0.2); 
  box-shadow: 2px 2px 10px #ccc;
  border-radius: 5px; 
  display: none;
  font-family: helios;
  font-weight: bold; 
  position: absolute; 
  width: 230px; 
  z-index: 999;
}

.popoverchecks-title{
  border-bottom: 1px solid #ccc;
  font-size: 12px; 
  padding: 8px;
}

.popoverChecks-incidence{
  border-top: 1px solid #ccc;
  text-align: center;
  font-size: 11px;
  padding: 8px;
}

.popoverChecks-incidence:hover{
  background: #52ace6;
  color: #fff;
}

/*.popoverChecks-incidence:hover a{ color: #fff; }*/
.popoverChecks-table{ padding: 7px 10px; }

.popoverChecks-table td{
  border-bottom: 1px solid #ccc!important;
  padding: 4px 2px !important; 
}

.popoverCheck-hour{ font-size: 14px; }
.popoverCheck-label{ color: #333; font-size: 12px; }
.btn-incidence:hover{ color: #fff; cursor: pointer; text-decoration: underline !important; }

#incidenceWaiting{
  color: #999;
  display: none;
  padding: 20px 5px;
}

#alertIncidence{
  padding: 20px 0px;
}

#alertIncidence .swal2-close{
  color: #2597ff;
  font-weight: bold;
}

#alertIncidence .swal2-header{
  align-items: start;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px;
  padding: 0;
}


#alertIncidence .swal2-title{ font-size: 21px; padding: 0 20px; }
#frmIncidence label{ color: #2597ff; font-weight: bold; }
#frmIncidence #incidenceSubmitCont{ text-align: right; }

#evidence-add{ display: block; margin: 20px auto; }
#evidences-table{ font-size: 11px; width: 100%; }
#evidences-table td, #evidences-table th{ border-bottom: 1px solid #ddd; padding: 10px 10px; }
#evidences-table .evidence-preview{ width: 15%; }
/*#evidences-table .evidence-size{ text-align: center; width: 15%; }*/
#evidences-table .evidence-delete{ text-align: center; width: 32%; }
#evidences-table .evidence-delete a{ font-size: 9px; padding: 5px; }
#evidences-table .evidence-delete a .fas{ font-size: 11px; }
#evidences-preview{ border: 1px solid #ddd; border-radius: 10px; }
#evidences-table .evidence-preview img{ width: 90%; }

/* ****************************** */
/* ***** END - FULLCALENDAR ***** */
/* ****************************** */

/* **************************** */
/* ***** BEGIN - TOP LIST ***** */
/* **************************** */

.topList, .logList{
  height: 150px;
  overflow-y: auto;
}

.topLogList-loading{
  align-items: center;
  display: flex;
  font-size: 50px;
  height: 100%;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.topList-item, .logList-item{
  margin-bottom: 5px;
}

.logList-item{ padding: 3px 0; }

.topList-item div, .logList-item div{
  display: inline-block;
  margin-right: 20px;
}

.topList-days{
  background: #0098ff;
  border-radius: 7px;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 9px;
}

.topList-photo, .logList-photo{ width: 40px; }
.topList-photo img, .logList-photo img{ border-radius: 50%; width: 100%; }

.topList-checkHour{
  width: 70px;
}


#locationMap { height: 410px; width: 100%; }

/* ************************** */
/* ***** END - TOP LIST ***** */
/* ************************** */

.logList-item{ font-size: 11px; }

/*input[type=text]:read-only{ cursor: no-drop; }*/

/* ***** START HEADER ***** */

/*
#hourCont{
  position: relative;
  overflow: hidden;
}

#sune{ 
  top: 0%;
  left: -10%;
  position: absolute;
  height: 400px;
  width: 400px;
  z-index: -1;
}

#hour{
  font-size: 40px;
  letter-spacing: 10px;
  font-family: monseBolder;
  font-weight: bold;
}

#dateF{
  font-size: 22px;
  font-weight: 600;
}
*/
/* ***** END HEADER ***** */


/* ***** START FOOTER ***** */
#footerCont{
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  font-weight: 600;
  margin-top: 9rem;
}

#footerCont.container-fluid{ padding: 0; }
#footerCont .row{ margin: 0; }
#footerItems{ font-size: 12px; padding: 25px 0; }

.footerItem{
  padding: 10px;
  text-align: center;
  /*display: inline-block;
  width: 24%;*/
}

.footerItem a{ color: inherit; }
.footerItem a:hover{ color: #00eb19; }

.powered{
  background-color: #000;
  font-size: 10px;
  padding: 20px 0px;
  text-align: center;
}

.powered a{ color: #00eb19; }

/* ***** END FOOTER ***** */
.loadGetIn{
  font-size: 42px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}

#qr{
  background: inherit !important;
  /* display: none; */
}

.addQrClass{
  /*filter: blur(4px);*/
  opacity: 0.8;
  width: 245px;
  height: 245px;
  /*background: var(--shadowLoad) ;*/
  pointer-events: none !important;
  cursor: wait !important;
  /*background-image: var(--gradientLoad) !important;*/
  background-size: 400% !important;
  /*animation: back-shadow-load-anim 2s infinite alternate !important;*/
  border:1px solid var(--gradientLoad);
}

.addQrClass img{
  filter: blur(4px);
}

@keyframes back-shadow-load-anim{
  0%{background-position: left;}
  100%{background-position: right;}
}
.addLoadRequest{
  filter: blur(4px);
  opacity: 0.8;
  /* width: 100%; */
  /* height: 100%; */
  background: var(--shadowLoad) ;
  pointer-events: none !important;
  cursor: wait !important;
  background-image: var(--gradientLoadAlter2) !important;
  background-size: 400% !important;
  animation: back-shadow-load-anim 5s infinite alternate !important;
  /* border:1px solid var(--gradientLoadAlter); */
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}


/*.sectionGrid{
  margin-top: 95px;
}
.sectionCheck{
  display: grid;
    justify-content: space-around;
    justify-items: stretch;
   
    align-items: center;
}

.loadGetIn{
  font-size: 42px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: row;
}

#qr{
  background: inherit !important;
}

.addQrClass{
  filter: blur(4px);
  opacity: 0.8;
  background: var(--shadowLoad) ;
  pointer-events: none !important;
  cursor: wait !important;
  background-image: var(--gradientLoad) !important;
  background-size: 400% !important;
  animation: back-shadow-load-anim 2s infinite alternate !important;
  border:1px solid var(--gradientLoad);
}
@keyframes back-shadow-load-anim{
  0%{background-position: left;}
  100%{background-position: right;}
}

#dropzone-oficio,#dropzone-anexos{
  border:0;
}

.classInvisible{
  display:none;
}

.class_plus{
  color:green;
}
.class_minus{
  color:rgb(128, 0, 0);
}

table.dataTable.display tbody tr > .sorting_1, table.dataTable.order-column.hover tbody tr > .sorting_1 {
  background-color: inherit !important;
}

.addIsWeekend{
  background-color: rgb(255, 255, 128) !important;
}

.addWithOutWork{
  background-color: rgb(255, 155, 155) !important;
}

.toggle-off,.toggle-on{
  display: flex;
    align-items: center;
    align-content: stretch;
    flex-direction: column;
    justify-content: space-around;
}


.addDisplayTh{
  display:none !important;
}

.th_td_tall{
  display: none !important;
}

#qr_container{
  width: 200px;
    margin: auto;
    padding: 2px !important;
    position:absolute;
    max-width: 100%;
    top:-28px;
    margin-bottom: 32px;
    border-radius: 5px;
}
#qr{
  box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.034) !important;
  border-radius: 5px !important;

}
*/

/* PRINCIPAL */
/*
.divBackgroundImgQrAbsolute{
  border-top-left-radius:7px ;
  border-top-right-radius:7px ;
}
.divQr{
  width: 520px;
  margin: auto;
  max-width: 100%;
  border-radius:7px ;
  display: flex;
  flex-direction: column;
  padding-bottom: 54px;
  align-items: center;
  align-content: center;
  color: white;
  justify-content: space-evenly;
  box-shadow: 0px 0px 4px 2px rgb(0 0 0 / 6%) ;
}

.divBackgroundImgQrRelative
{
  position: relative
  ;
  z-index: -1;
  width: 100%;
}
.divBackgroundImgQrAbsolute{
  background-size: 100%;
  position: absolute;
  background-position: center;
  background-repeat: no-repeat;
  width: 100%;
  height: 200px;
  top: 0;
}

.lineSpace{
  height: 38px;
  width: 100%;
}
.divFootQr{
  color: #005dd3;
  font-weight: 600;
  font-size: 20px;
  color: #005dd3;
}


.classGetIn{
  position: relative;
  width: 100%;
  display: grid;
  background: white;
  height: 260px;
  justify-items: center;
  margin-top: 42px;
}



.logoSelectChecked{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 45px;
  height: 45px;
  border-radius: 100px;
}

.contentLogoSweetAlertHtml{
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  width: 120px;
  height: 120px;
  border-radius: 100px;
  margin-top: 20px;
}

.swal2-content{
  display: flex !important ;
    flex-direction: column-reverse !important;
}

.contentGroupSweetHtml{
  display: flex;
  width: 100%;
  align-content: space-around;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  flex-direction: row;
}
.titleSweetAlertHtml{
  font-weight: 600;
  font-family: monseBolder;
  
}
.requestSweetAlertHtml{
  font-weight: 600;
}

.contentPhotoSweetAlertHtml {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  width: 154px;
  height: 154px;
  border-radius: 100%;
}

.logoAbsoluteContentChecked02{
  width: 100%;
  background-size: 30%;
  background-repeat: no-repeat;
  height: 48px;
  opacity: 0.5;
  background-position: center;
}
.logoAbsoluteContentChecked{
  position: absolute;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 35%;
    opacity: 0.5;
    background-position: center;
    z-index: -1;
}
.classRelativeMain{
  position: relative;
  padding-bottom: 8px;
}

.contentInfoSchedule{
  border: 2px solid #f6f6f6;
  padding: 2% 0% 0% 0;
  display: flex;
  border-radius: 8px;
  align-items: stretch;
  flex-direction: column;
}

.mainTemplateCheck{
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-content: stretch;
  justify-content: space-evenly;
}
.divTemplateCheck{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  border-top: 1px solid #e8e8e8;
}
.divTemplateCheck div{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  font-size: 82%;
  justify-content: center;
  padding: 0.6%;
}

.divTemplate01{
  width: 10%;
}
.divTemplate02{
  width: 36%;
}
.divTemplate03{
  width: 14%;
}
.divTemplate04{
  width: 40%;
}

.msgTemplateDetailsInfor{
  text-align: justify;
}



.msgClassContentMsg{
  text-align: justify;
    font-size: 80%;
    color: #a90000;
    font-style: italic;
    padding-bottom: 2%;
}

/* .table.header{
  pointer-events:none;
} */
/* #schedule-calendar .icon-arrow-left,#schedule-calendar .icon-arrow-right{
  display: none;
} */

/* .icon-arrow-left, .icon-arrow-right{
  display: none !important;
} */

.otherAbsoluteModal{
  position: absolute;
  background-color: rgb(0 0 0 / 33%);
  width: 100%;
  height: 100%;
  z-index: -1;
  backdrop-filter: blur(5px);

}

.innerTestAbsoluteModal{
  background: white;
  max-width: 100%;
  position: relative;
  width: 1000px;
  margin: auto;
}
.testAbsoluteModal{
  position: absolute;
  width: 100%;
  background-color: rgb(0 0 0 / 74%);
  /* height: 100vh; */
  /*z-index: 1000000;*/
  z-index: 1020;
  left: 0px;
  top: 0;
  display: none;
}
#idTimerMinus{
  letter-spacing: 1.5px;
}
#idCheckBoxPause{
  width: 80%;
  padding: 5%;
  display: flex;
  height: 32px;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}
#idIconPauseOrPlayOr{
  font-size: 18px;
  /* padding: 1%; */
}
/*
.classHeadModal{
  height: 17vh;
  width: 100%;
}
*/
.classBodyModal{
  color: #60616e;
  width: 100%;
  padding: 18px;
}

.dataInfoPersonalModal{
  width: 100%;
  display: flex;
  -webkit-box-shadow:  5px 5px 11px 9px #e0e2ef7d;
  -moz-box-shadow:  5px 5px 11px 9px #e0e2ef7d;
  box-shadow: 5px 5px 11px 9px #e0e2ef7d;
  justify-content: space-between;
  background-color: white;
  border: 2px solid #e0e3ef;
  border-radius: 119px;
}

.dataInfoLeft,.dataInfoRight{
  display: flex;
  flex-direction: row;
  width: 50%;
  justify-content: space-between;
}
.dataInfoLeft{
  display: flex;
  width: 43%;
    justify-content: flex-start;
}
.dataInfoRight{
  display: flex;
  width: 54%;
  flex-direction: row;
  align-items: center;
      /* padding-top: 14px; */
    /* padding-bottom: 14px; */
  flex-direction: row;
  align-items: center;
  /* justify-content: space-around; */
  justify-content: space-evenly;
}
#barChartByHoursCont{
  padding:0;
}
.barChart-stadisticsCont{
  display: flex;
  justify-content: space-between;
  align-items: center;
}


.dataInfoLeftPhotoBack{
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* margin-right:4%; */
}
.dataInfoLeftPhotoAbsolute{
  /*background-color: #00d300;*/
  background-color: #2597ff;
  width: 168px;
    position: absolute;
    height: 168px;
  /* position: absol; */
  /* background-image: url(../img/v1/dybala.png); */
  /* background-repeat: no-repeat; */
  /* background-size: cover; */
  /* background-position: center; */
  border-radius: 100%;
}
/* PHOTO */
.dataInfoLeftPhoto{
  width: 162px;
  height: 162px;
  position: relative;
  background-image: url(../img/v1/dybala.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  border-radius: 100%;
}
.dataInfoLeftSubData{
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
  padding-left: 12px;
  justify-content: center;
}
#idButtons{ text-align: center; width: 100%; }
.dataInfoRightSubData{
  display: flex;
  align-items: stretch;
  height:100%;
  flex-direction: column;
  flex-direction: column;
  /* justify-content: space-evenly; */
  justify-content: center;
  text-align: center;
  width: 65%;
}
.inTheMiddle{
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}
.btnClassMiddle{
  /* width: 80%; */
  border-radius: 4px;
  color:white;
}
.midBlue{
  background-color: #2597ff;
}
.midGreen{
  background-color: #a9aaa9;
}
.midRed{
  /* display:none; */

  cursor: pointer;
  transition: ease-in-out 0.1s;
  background-color: #ff9933;
}
.midRed:hover{
  background-color:#2597ff;
}

/* EMOJI */
.dataInfoRightEmoji{
  width: 110px;
  height: 110px;
  background-image: url(../img/v2/png/emoji-sleep.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  border-radius: 100%;
  display: none;
}
.dataInfoRightEmoji02{
  width: 110px;
  height: 110px;
  display: none;
  background-image: url(../img/v2/png/emoji-ok.png);
  background-repeat: no-repeat;
  background-size: 80%;
  background-position: center;
  border-radius: 100%;
}

.lineBetweenLeftToRigh{
  margin-top: 1%;
  margin-bottom: 1%;
  width: 1.6px;
  background-color: #cfdaf7;
}

.dataInfoRightTime{
  font-family: helios;
    /* color: #00d301; */
    color: #2597ff;
    letter-spacing: 9px;
    font-size: 281%;
}

.dataInfoLeftEmail{
  font-size: 100%;
  text-align: center;
  letter-spacing: 0.5px;
  font-weight: 600;
}
.dataInfoLeftFullName{
  font-family: monseBolder;
  font-size: 180%;
  text-align: center;
  transform: scaleY(1.06);
}
.dataInfoRightSubjectSchedule{
  font-family: monseBolder;
  font-size: 132%;
  transform: scaleY(1.06);
  text-transform: uppercase;
}
/*
.classHeadModal{
  position: relative;
}

.backgroundHeadModal{
  background-repeat: no-repeat;
  background-image: url(../img/v2/png/banner-morning.png);
  width: 100%;
  height: 100%;
  background-position: center;
  position: absolute;
  background-size: cover;
  z-index: -1;
  top:0;
}

.innerClassHeadModal{
  background: inherit;
  display: flex;
  width: 100%;
  flex-direction: column;
}

.innerClassHeadModal div{
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.degreesHeadModal{
    right: 11px;
    font-family: monseBolder;
    font-size: 183%;
    top: 10px;
    color: white;
    justify-content: flex-end !important;
    margin-right: 1%;
    margin-top: 1%;
}

.titleHeadModal{
  color: white;
  font-size: 250%;
  font-family: monseBolder;
  display: inline-flex;
}
.subTitleHeadModal{
  color: white;
  font-size: 130%;
}
*/

#dateModalCont{
  align-items: center;
  display: flex;
  font-family: 'monseBolder';
  margin-bottom: 1%;
}

.dateModal{
    font-size: 180%;
    color: #60616e;
    transform: scaleY(1.06);
    /*margin-bottom: 1%;*/
}

#ephemeris{
  color: #999;
  font-size: 14px;
  padding-left: 2%;
}



/* CONTENEDOR DE GRAFOS */
.mainInfoModal{
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-top: 3%;
}
.mainLeftAndRight{
  display: flex;
  flex-direction: column;
}

.mainLeftInfoModal,.mainRightInfoModal{
  width: 50%;
}
.dataInfoRightType{
  color:#ff9e3e;
  font-weight: 600;
  font-size: 140%;
}
.dataInfoRightComment{
  font-size: 18px;
  /* padding: 4%; */
  text-align: center;
  font-weight: 600;
  width: 80%;
  height: 32px;
  width: 80%;
  padding: 5%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
}

.titleRequest{
  border-bottom: 2px solid #e2e2e2;
  font-size: 145%;
  padding-left: 14px;
  padding-top: 10px;
  padding-bottom: 7px;
  display: flex;
  font-weight: 600;
  flex-direction: row;
  align-items: center;
  /* font-family: monseBolder; */
  transform: scaleY(1.06);
}
.mainLeftInfoModal{
  padding-right: 3%;
}
.mainRightInfoModal{
  padding-left: 3%;
}

.contentRequest{
  border-radius: 12px;
  -webkit-box-shadow: 0px 4px 9px 3px rgb(191 191 191 / 32%);
  -moz-box-shadow: 0px 4px 9px 3px rgb(191 191 191 / 32%);
  box-shadow:0px 4px 9px 3px rgb(191 191 191 / 32%);
  margin-bottom: 5%;
}
.subContentRequest{
  /* height: 108px; */
  /* padding: 2%; */
  padding-left: 3%;
  padding-bottom: 2%;
  padding-top: 1%;
  padding-right: 3%;
}
.subContentRequestCalendar{
  /* padding: 1%;
  padding-top: 2%;
  padding-bottom: 2%; */
}
.contentParents {
  color: #afafae;
  /* display: inline-flex; */
  margin-left: 10px;
  font-size: 70%;
  font-weight: 100;
  font-family: 'monse';
}

.contentCorte{
  /*color: #13d51c;*/
  color: #2597ff;
  font-size: 110%;
  display: flex;
  font-family: monseBolder;
  justify-content: space-between;
  align-items: center;
}

.withoutIncidentCont{
  font-size: 16px;
  font-weight: 600;
  padding: 10px;
}

.contentNumber{
  background-color: #a9aaa9;
  width: 30%;
  display: flex;
  /*height: 110px;*/
  border-radius: 7px;
  flex-direction: column;
  align-content: center;
  align-items: center;
  /*justify-content: center;*/
  padding: 5px 0;
}
.onlyNumber{
  color: white;
  font-size: 502%;
  font-family: helios;
}
.letterContentNumber1{
  color: white;
  font-size: 18px;
  font-weight: 600;
  text-transform: uppercase;
}

.letterContentNumber2{
  color: white;
  font-size: 88%;
  text-transform: uppercase;
}

.contentInfoSubAll{
  /*align-content: center;
  align-items: center;*/
  display: flex;
  /*flex-direction: row;*/
  justify-content: center;
  margin: 15% 0 15% 0;
  /*padding-top: 2%;
  padding-bottom: 2%;*/
}

.progressBarContent{
  display: flex;
  flex-direction: column;
  width: 68%;
  padding-left: 8%;
  align-items: flex-start;
}

.contentSubCorrectRetardosFaltas{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* margin-bottom: 1.5%; */
  width: 100%;
}
.contentNameProgressBar{
  display: flex;
  font-weight: 600;
  flex-direction: row;
  /* justify-content: space-between; */
  justify-content: flex-start;
}

.contentProgresBarImportant{
  height: 5px;
  border-radius: 6px;
  animation: 1s ease-in-out ;
}
.progressBarCorrectWithIn{
  background-color: #13d51c;
  width: 100%;
}
.progressBarCorrect{
  
  background-color: #13d51c;
  width: 80%;
}
.progressBarRetardos{
  background-color: #ff9933;
  width: 40%;
}
.progressBarFaltas{
  background-color: #fe6564;
  width: 20%;
}

.porcentClassProgressBar{
  width: 20%;
  font-size: 73%;
  text-align: center;
}
.fatherProgressBar{
  display:flex;
  align-items: center;
}
.subFatherProgressBar{
  background-color: #eee;
  width: 80%;
}

.divTemplateCheck{
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
  padding-top: 2%;
  padding-bottom: 2%;
  letter-spacing: 0.4px;
  border-top: 1px solid #e8e8e8;
}
.divFirstTemplate{
  border-top: 0px solid #e8e8e8;
}

.divTemplateCheck div{
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  /* font-size: 112%; */
  font-size: 14px;
  letter-spacing: 0.6px;
  justify-content: center;
  padding: 0.6%;
  font-weight: 600g;
  /* /* font-weight: 600; */
}

.divTemplate01{
  width: 20%;
}
.divTemplate02{
  width: 40%;
}
.divTemplate03{
  width: 30%;
}
.divTemplate04,.divTemplate05,.divTemplateNO{
  width: 10%;
}
.classStatusChecks0{
  /*color:#2597ff;*/
  color:#13d51c;
}
.classStatusChecks1{
  /*color:#fe6564;*/
  color: #ff9933;
}

.letterPendienteClass {
  font-size: 100% !important;
}
.classDivPendiente{
  background: #cacaca6b;
  font-weight: 600;
  font-family: 'monseBolder';
  opacity: 0.2;
  color: black;
}
/* .anotherOnePauseAfter{display: none !important;} */
.classDivEnPausa{
  color: #0098ff;
  opacity: 0.8;
  
}
/* sdasdas */
.numberForCadaOne{
  /* class="" */
  margin-left: 3px;
  font-weight: 600;
}

.customeExitAbsolute{
  font-size: 150%;
  color:#ffffffcc;
}

.subAbsoluteExit{
  position: absolute;
  z-index: 1000000;
  cursor: pointer;
  right: 18px;
  font-size: 300%;
  top: 12px;
}

.customeCol{
  max-width: 49%;
  max-width: 100%;
  transform: scale(0.9);
  padding: 0;
}

.customeRow{
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: stretch;
  align-content: center;
    border-right: 1px solid #ccc;
}
.contentPieFlex{
  display:flex;
}

.fc-content{
  /* display: flex;
  flex-direction: column;
  align-items: center; */
  top: -9px;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: visible;
  font-size: 25.5px;
}

.fc-title{
  display: none;
}

.mainUpInfoModal{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.mainDownInfoModal{
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
.contentRequestLeft01{
  width: 49.5%;
  height: 100%;
  margin-right:2.5%;
}
.contentRequestRight02{
  width: 48%;
  margin-left: 1%;
}
.contentRequestLeftCalendar{
  width: 100%;
}

.incidenciasCont{ display: flex; }
.incidencias-calendarCont{ width: 70%; }
.incidencias-pieChartCont{     width: 30%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
  align-content: space-between;
  flex-wrap: nowrap; }

/* COLORES */
.classAllChartFooter{
  /*display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-around;*/
  margin: 20px 10px;
}

.classTogetherChart{
  display: inline-block;
  width: 18%;
  /*flex-direction: row;
  align-items: center;
  justify-content: space-between;*/
}
.colorChart{
  width: 100%;
  height: 14px;
  /*margin-right: 2px;
  border-radius: 100%;*/
}
.letterChart{
  font-size: 86%;
  font-weight: 600;
}

.colorChart.one{ background-color: #13d51c; }
.colorChart.two{ background-color: #2597ff; }
.colorChart.three{ background-color: #ff9933; }
.colorChart.four{ background-color: #fe6564; }

#calendarTwin2{
  /* border-right: 1px solid #ccc; */
}

.pieChartTitle{
  margin-top: 20px;;
  text-align: center;
}
.contentPieAll{
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 86%;
  justify-content: space-evenly;
  align-items: stretch;
}

#idCanvasPie{
  /* margin-top: 35px; */
}

.subContentLeft02 {
  padding: 8%;
  padding-left: 1%;
  padding-right: 1%;
}

.classDoubleDivAllUp{
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: space-around;
  flex-direction: row;
  flex-wrap: nowrap;
}

.contentBarChar{
  height: 100%;
}

.timeGreen{
  color:#00d300;
}
/* **************************** */
/* ***** BEGIN - BIRTHDAY ***** */
/* **************************** */

.birthList, .anniList{
  height: 150px;
  overflow-y: auto;
}

.topLogList-loading{
  align-items: center;
  display: flex;
  font-size: 50px;
  height: 100%;
  justify-content: center;
  margin: auto;
  text-align: center;
}

.birthday-img, .anniversary-img{
  display: inline-block;
  width: 35px;
}

.birthday-img img, .anniversary-img img{
  width: 100%;
}

#birthdayNext, #anniversaryNext{
  color: #2597ff;
  display: inline-block;
  font-size: 13px;;
  font-weight: bold;
  padding: 0 10px;
}

#birthday-table, #anniversary-table{
  font-weight: 600;
  width: 100%;
}

#birthday-table tbody td, #anniversary-table tbody td{
  padding: 10px;
}

#birthdayCont thead th, #anniversariesCont thead th{
  color: #2597ff;
  padding-left: 20px;
}

#birthday-table thead th:first-child, #anniversary-table thead th:first-child{
  width: 40%;
}

#birthdayCont .table-bordered, #anniversariesCont .table-bordered{
  border: 0px solid #e4e7ea;
}

#birthdayCont table thead th, #birthdayCont table thead td,
#anniversariesCont table thead th, #anniversariesCont table thead td{
  border: 0px solid rgba(0, 0, 0, 0.3);
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

#birthdayCont th:first-child, #birthdayCont td:first-child, 
#anniversariesCont th:first-child, #anniversariesCont td:first-child{
  border-left: 0px solid #ddd;
}

#birthdayCont td:first-child, #anniversariesCont td:first-child{
  border-right: 0px solid #ddd;
}

#birthdayCont th:last-child, #birthdayCont td:last-child, 
#anniversariesCont th:last-child, #anniversariesCont td:last-child{
  border-right: 0px solid #ddd;
}

/*#birthdayCont .odd, #birthdayCont .even, 
#anniversariesCont .odd, #anniversariesCont .even{
  background-color: #fff !important;
}*/

/*#birthday-table_wrapper, 
#anniversary-table_wrapper{
  width: 100% !important;
}*/

.birthday-table-photo,
.anniversary-table-photo{
  display: inline-block;
  width: 40px;
}

.birthday-table-photo img,
.anniversary-table-photo img{
  width: 100%;;
}

.birthday-table-date, 
.birthday-table-name, 
.anniversary-table-date,
.anniversary-table-name{
  padding: 0 10px;
}


/*#birthdayCont #birthday-table_paginate,
#anniversariesCont #anniversary-table_paginate{
  display: none;
}

#birthdayCont .table-footer,
#anniversariesCont .table-footer{
  height: 30px;
}*/

/* width */
#topLisCont ::-webkit-scrollbar, 
#logListCont ::-webkit-scrollbar, 
#birthdayCont ::-webkit-scrollbar, 
#anniversariesCont ::-webkit-scrollbar{
  width: 8px;
}

/* Track */
#topLisCont ::-webkit-scrollbar-track, 
#logListCont ::-webkit-scrollbar-track, 
#birthdayCont ::-webkit-scrollbar-track,
#anniversariesCont ::-webkit-scrollbar-track {
  background: #f3f3f3; 
  border-radius: 10px;
}
 
/* Handle */
#topLisCont ::-webkit-scrollbar-thumb, 
#logListCont ::-webkit-scrollbar-thumb, 
#birthdayCont ::-webkit-scrollbar-thumb,
#anniversariesCont ::-webkit-scrollbar-thumb {
  background: #d8d8d8;
  border-radius: 10px;
}

/* Handle on hover */
#topLisCont ::-webkit-scrollbar-thumb:hover, 
#logListCont ::-webkit-scrollbar-thumb:hover, 
#birthdayCont ::-webkit-scrollbar-thumb:hover,
#anniversariesCont ::-webkit-scrollbar-thumb:hover{
  background: #bdbdbd; 
}

.colorSquareCustome{
  color:#52ace6;
}



.line__{
  width: 100%;
  height: 100%;
  border-bottom: 2px solid white; 
}

/* ********************************************** */
/* *** CLASES PERSONALIZADAS PARA SWEETALERT2 *** */
/* ********************************************** */
.swal2-container-zindex-10{ z-index: 10 !important; }
.swal2-container-zindex-1100{ z-index: 1100 !important; }

/* ***************************** */
/* ***** ESTILOS DEL ADMIN ***** */
/* ***************************** */

body{ background-color: #f7f7fa; }
/* #headerAdmin { margin-left: 220px; } */
#headerAdmin { 


  /* margin-left: 220px; */
 }
.sidebar{ padding-top: 0px; 
  /* position: fixed; */
  z-index: 1050;
}
.sidebar .nav>li{ padding-left: 5px; }
.sidebar .nav>li.nav-header{ color: #fff; font-size: 18px; padding: 0px 20px 15px; }
.sidebar .nav>li.nav-profile{ background: none; }
.sidebar .nav>li>a{ font-size: 14px; font-weight: bold; }
.sidebar .nav>li.active>a{ background: #0ad201; }
.sidebar .nav>li.active>a i{ color: #fff; }



/* PAUSAS */

.contentPauses{
  /* width: 100%; */
  width: 50%;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
}

.spanTitlepauses{
  margin-right: 4px;
  font-size: 120%;
  font-weight: 600;
}





/* PAUSAS */

.contentPausesAndRemove{

  display: flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-items: flex-start;
  flex-direction: row;
}





  /* ASSETS */

  .divContentImgPerson{
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    flex-wrap: wrap;
    /* background: #f5f5f8; */
    align-items: stretch;
  }

  .TableWithDesignDataAsset{
    background: #f5f5f8;
    width: 100%;
    border-radius: 8px;
    color: #949495;
    text-align: left;
    font-weight: inherit;
  }

  .TableWithDesignDataAsset tbody tr td{
    padding: 7px;
  }
  .titleSpanAsset{
    font-weight: 600;
    text-align: left;
    padding: 5px;
    padding-left: 12px;
    border-right: 3px solid #d6d6d6;
    color: black;
  }
  
  .plusTittleSpan{
    padding-top: 10px;
    border-bottom: 3px solid #d6d6d6;
  }
  .jobsTable.assetTable2 {
    font-size: 15px;
  }
  .jobsTable.assetTable2 th{
    color: black;
    font-size: 18px;
  }

  .displayContentRightDataInfo{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    color: gray;
    font-weight: 0;
  }

  .divDataInfoPhotoAnother{
    font-weight: 600;
    display: flex;
    align-items: center;
  }