@charset "UTF-8";
@font-face {
  font-family: "Jost-Black";
  src: url("../fonts/Jost/Jost-Black.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-BlackItalic";
  src: url("../fonts/Jost/Jost-BlackItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-Bold";
  src: url("../fonts/Jost/Jost-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-BoldItalic";
  src: url("../fonts/Jost/Jost-BoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-ExtraBold";
  src: url("../fonts/Jost/Jost-ExtraBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-ExtraBoldItalic";
  src: url("../fonts/Jost/Jost-ExtraBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-ExtraLight";
  src: url("../fonts/Jost/Jost-ExtraLight.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-ExtraLightItalic";
  src: url("../fonts/Jost/Jost-ExtraLightItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-Italic";
  src: url("../fonts/Jost/Jost-Italic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-Light";
  src: url("../fonts/Jost/Jost-Light.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-LightItalic";
  src: url("../fonts/Jost/Jost-LightItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-Medium";
  src: url("../fonts/Jost/Jost-Medium.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-MediumItalic";
  src: url("../fonts/Jost/Jost-MediumItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-Regular";
  src: url("../fonts/Jost/Jost-Regular.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-SemiBold";
  src: url("../fonts/Jost/Jost-SemiBold.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-SemiBoldItalic";
  src: url("../fonts/Jost/Jost-SemiBoldItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-Thin";
  src: url("../fonts/Jost/Jost-Thin.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Jost-ThinItalic";
  src: url("../fonts/Jost/Jost-ThinItalic.ttf") format("truetype");
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: Montserrat-Light;
  src: url("../fonts/Montserrat-Light.otf") format("opentype");
  font-style: "normal";
  font-weight: "700";
}
@font-face {
  font-family: Montserrat-Regular;
  src: url("../fonts/Montserrat-Regular.otf") format("opentype");
  font-style: "normal";
  font-weight: "700";
}
.hg-100 {
  height: 100%;
}

#sectionBannerDashboard {
  height: calc(100vh - 127px);
}
#sectionBannerDashboard .cont-banner-board {
  position: relative;
}
#sectionBannerDashboard .cont-banner-board .img-banner-backgound {
  position: relative;
  margin-top: -8%;
}
#sectionBannerDashboard .cont-banner-board .img-banner-backgound img {
  width: 100%;
  height: 100%;
}
#sectionBannerDashboard .cont-banner-board .img-profile-user {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
}
#sectionBannerDashboard .cont-banner-board .img-profile-user .circle-white {
  margin-top: -10%;
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  border: 10px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 15vmin;
  height: 15vmin;
  min-width: 100px;
  min-height: 100px;
}
@media (min-width: 768px) {
  #sectionBannerDashboard .cont-banner-board .img-profile-user .circle-white {
    width: 20vmin;
    height: 20vmin;
  }
}
@media (min-width: 1200px) {
  #sectionBannerDashboard .cont-banner-board .img-profile-user .circle-white {
    width: 40vmin;
    height: 40vmin;
  }
}
#sectionBannerDashboard .cont-banner-board .img-profile-user .circle-white img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.3s ease;
}
#sectionBannerDashboard .cont-banner-board .title-banner {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 45%;
}
#sectionBannerDashboard .cont-banner-board .title-banner h2 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 4vw, 4.5rem);
  color: white;
}
#sectionBannerDashboard .cont-banner-board .title-banner h3 {
  font-family: Jost-Light;
  font-size: clamp(1rem, 3vw, 2.5rem);
  color: white;
}

.p-custom-0 {
  padding: 0 !important;
}

#sectionBannerDashboard2 #colMenu1 {
  background-color: #dddedc;
}
#sectionBannerDashboard2 .yndo-sidebar {
  position: relative;
  top: 0;
  background-color: transparent;
  height: 100%;
  width: 8.5vw;
  transition: all 0.3s ease;
}
#sectionBannerDashboard2 .yndo-sidebar.fixed {
  position: fixed;
  top: 0;
  width: 8.5vw;
}
#sectionBannerDashboard2 .yndo-sidebar.limite {
  position: absolute;
  top: calc(100vh - 763px); /* Ajusta esto para establecer el límite */
}
#sectionBannerDashboard2 .yndo-sidebar .p-85-custom {
  padding-top: 85%;
}
#sectionBannerDashboard2 .yndo-sidebar .p-absolute-custom {
  position: absolute;
  bottom: 17vh;
}
#sectionBannerDashboard2 .yndo-sidebar .cont-ydo-stiky .list-icon {
  list-style-type: none;
  padding-left: 0%;
  text-align: center;
  width: auto;
  margin-left: 10%;
}
#sectionBannerDashboard2 .yndo-sidebar .cont-ydo-stiky .list-icon li {
  margin-bottom: 30%;
}
#sectionBannerDashboard2 .yndo-sidebar .cont-ydo-stiky .list-icon li .img-alert {
  width: 25%;
}
#sectionBannerDashboard2 .yndo-sidebar .cont-ydo-stiky .list-icon li img {
  width: 23%;
}
#sectionBannerDashboard2 #divContBodyBashboard {
  background-image: url("../images/kyndom/home-user/marca-de-agua-2.png");
  background-size: cover; /* o contain, según lo que necesites */
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f7f7f7;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .pt-custom-top-card {
  padding-top: 10%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .pr-6-custom {
  padding-right: 6%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails {
  padding: 5%;
  border-radius: 35px;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
  height: 100%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .title-card-detail .title-card {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .info-user .first-detail h3 {
  font-family: Jost-Bold;
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .info-user .second-detail h4 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.2vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .info-user .another-detail h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .info-user .another-detail a {
  display: flex;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .info-user .another-detail a h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.1vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .info-user .another-detail a i {
  font-size: clamp(0.8rem, 0.5vw, 2rem);
  color: red;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .sub-title-card-detail a {
  display: flex;
  align-items: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .sub-title-card-detail h5 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col .box-user-datails .sub-title-card-detail i {
  font-size: clamp(0.8rem, 0.5vw, 2rem);
  color: red;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-cards .card {
  padding: 3%;
  border-radius: 35px;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-cards .card .title-card h4 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-cards .card .btn-card a {
  text-decoration: none;
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.2vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-cards .card .btn-card a i {
  font-size: clamp(1rem, 0.5vw, 2rem);
  color: red;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team {
  /*Carusel*/
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .header-team {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .header-team .img-background-header {
  position: relative;
  width: 90%;
  height: auto;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .header-team .title-div {
  position: absolute;
  z-index: 1;
  top: 15%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .header-team .title-div h2 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2.5vw, 3.4rem);
  color: #ffffff;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .img-card {
  text-align: center;
  display: flex;
  justify-content: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .img-card .circle-white {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  border: 10px solid white;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 15vmin;
  height: 15vmin;
  min-width: 100px;
  min-height: 100px;
}
@media (min-width: 768px) {
  #sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .img-card .circle-white {
    width: 20vmin;
    height: 20vmin;
  }
}
@media (min-width: 1200px) {
  #sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .img-card .circle-white {
    width: 30vmin;
    height: 30vmin;
  }
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .img-card .circle-white img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.3s ease;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel {
  width: 100%;
  text-align: center;
  display: flex;
  justify-content: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team {
  margin-top: -9%;
  width: 87%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team .carouser-team .div-box-carousel .card {
  background-color: transparent;
  border: none;
  text-align: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team .carouser-team .div-box-carousel .card .name-user-card {
  text-align: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team .carouser-team .div-box-carousel .card .name-user-card h5 {
  font-family: Jost-Bold;
  font-size: clamp(1rem, 1.4vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team .carouser-team .div-box-carousel .card .fa-chevron-down {
  font-size: clamp(1rem, 0.5vw, 2rem);
  color: red;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team .carouser-team .div-box-carousel .card .position-user-card {
  text-align: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .col-cont-team .base-cont-carousel .cont-carousel-team .carouser-team .div-box-carousel .card .position-user-card h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.4vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday {
  padding: 3%;
  border-radius: 35px;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .title-card-detail .title-card {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .title-card-detail .title-card img {
  width: 6%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .info-card-birthday {
  text-align: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .info-card-birthday .date-birthday h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.2vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .img-birthday {
  text-align: center;
  display: flex;
  justify-content: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .img-birthday .circle-white {
  position: relative;
  width: 300px;
  height: 300px;
  border-radius: 50%;
  overflow: hidden;
  border: 5px solid #ee4674;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  width: 15vmin;
  height: 15vmin;
  min-width: 100px;
  min-height: 100px;
}
@media (min-width: 768px) {
  #sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .img-birthday .circle-white {
    width: 20vmin;
    height: 20vmin;
  }
}
@media (min-width: 1200px) {
  #sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .img-birthday .circle-white {
    width: 16vmin;
    height: 16vmin;
  }
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation .cont-col-birthday .box-birthday-datails .cont-carousel-birthday .carouser-birthday .div-box-carousel .img-birthday .circle-white img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  transition: transform 0.3s ease;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces {
  padding: 3%;
  border-radius: 35px;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .title-section h5 {
  font-family: Jost-SemiBold;
  font-size: clamp(2rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .title-section h5 img {
  width: 5%;
  opacity: 0.5;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .custom-arrow {
  border: none;
  border-radius: 8px;
  width: auto;
  height: auto;
  z-index: 1000;
  color: #2a63f2; /* Azul como el de la flecha */
  font-size: 24px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .slick-prev {
  left: -25px; /* Ajusta según diseño */
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .slick-next {
  right: -25px;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space {
  padding: 3%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space {
  background-color: #f6f6fb;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .div-header-title .title-card {
  width: 80%;
  background: linear-gradient(to right, #bd0071, #dd6800);
  border-radius: 0% 0% 10px 10px;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .div-header-title .title-card h5 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  color: white;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .dates-space .date-space label {
  font-family: Jost-Bold;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .dates-space .date-space .hora-cita {
  border-radius: 20px !important;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .dates-space .date-space .date-cita {
  border-radius: 20px !important;
  background-color: #e9ecef;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space {
  /* Ocultamos el texto del label */
  /* Fondo rojo cuando está apagado */
  /* Circulito blanco */
  /* Cambiar a verde cuando está activado */
  /* Mover el circulito cuando está activado */
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .text-right {
  text-align: right;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space span {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch {
  padding-right: 2.25rem;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch .custom-control-label::after,
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch .custom-control-label::before {
  top: 0.15rem;
  width: 4.2rem;
  height: 1.6rem;
  transition: background-color 0.3s ease, transform 0.3s ease;
  border-radius: 1rem;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch .custom-control-input ~ .custom-control-label::before {
  background-color: #28a745; /* rojo bonito */
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch .custom-control-input ~ .custom-control-label::after {
  background-color: white;
  width: 1.5rem;
  height: 1.5rem;
  top: 0.15rem;
  border-radius: 50%;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch .custom-control-input:checked ~ .custom-control-label::before {
  background-color: #e63950;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionSpaces .div-cont-spaces .cont-carousel-spaces .div-box-carousel .info-card-space .card-space .status-space .swtich-space .custom-switch .custom-control-input:checked ~ .custom-control-label::after {
  transform: translateX(2.4rem);
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar {
  padding-bottom: 10%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img {
  padding: 3%;
  background-image: url("../images/kyndom/home-user/RECTANGULO-CALENDARIO.png");
  background-position: center; /* centra la imagen */
  background-repeat: no-repeat; /* evita que se repita */
  border-radius: 20px;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .center-row-calendar {
  display: flex;
  justify-content: center;
  width: 100%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .title-section {
  text-align: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .title-section h2 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2.5vw, 3.4rem);
  color: #ffffff;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar {
  display: flex;
  justify-content: center;
  background-color: white;
  width: 40vw;
  border-radius: 20px;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .calendar-profile {
  display: none;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .div-cont-calendar .div-calendar .flatpickr-calendar {
  border: none;
  box-shadow: none;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .div-cont-calendar .div-calendar .flatpickr-calendar .flatpickr-monthDropdown-months {
  font-family: Jost-Bold;
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .div-cont-calendar .div-calendar .flatpickr-calendar .numInput {
  font-family: Jost-Bold;
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .info-calendar .div-data {
  display: flex;
  align-items: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .info-calendar .div-data h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.1vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .info-calendar .div-data .strong-text {
  font-family: Jost-Bold;
  font-size: clamp(1rem, 1.2vw, 2.5rem);
  color: #585960;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionCalendar .div-bacground-img .cont-base-calendar .info-calendar .div-data .color-bar {
  width: var(--bar-height, 5px);
  background-color: var(--bar-color, #000);
  height: 9px;
  border-radius: 4px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionPressReleases {
  padding-bottom: 10%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionPressReleases .card-white {
  background-color: white;
  border-radius: 20px;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
  padding: 3%;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionPressReleases .card-white .title-section {
  text-align: center;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionPressReleases .card-white .title-section h2 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2.5vw, 2.5rem);
  color: #4e6af2;
}
#sectionBannerDashboard2 #divContBodyBashboard #sectionPersonalInformation #divSectionPressReleases .card-white .div-box-carousel {
  padding: 3%;
}

#preFotter {
  background-color: #f7f7f7;
}

#fotterAppRh {
  background-image: url("../images/kyndom/home-user/footer.png");
  background-size: cover; /* o contain, según lo que necesites */
  background-position: center;
  background-repeat: no-repeat;
}
#fotterAppRh .div-col-base {
  padding-top: 5%;
}
#fotterAppRh .div-col-base .number-phone a {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 3vw, 2.5rem);
  color: white;
}
#fotterAppRh .div-col-base .number-phone a img {
  width: 5%;
}
#fotterAppRh .div-col-base .mini-menu-footer .title-list {
  text-align: center;
}
#fotterAppRh .div-col-base .mini-menu-footer .title-list h5 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  color: white;
  margin-left: -20%;
}
#fotterAppRh .div-col-base .mini-menu-footer .div-cont-list {
  display: flex;
  justify-content: center;
}
#fotterAppRh .div-col-base .mini-menu-footer .div-cont-list .list-menu {
  list-style: none;
  padding-left: 0;
  margin-left: -10%;
}
#fotterAppRh .div-col-base .mini-menu-footer .div-cont-list .list-menu li {
  position: relative;
  padding-left: 1.2em;
}
#fotterAppRh .div-col-base .mini-menu-footer .div-cont-list .list-menu li a {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.2vw, 2.5rem);
  color: white;
}
#fotterAppRh .div-col-base .mini-menu-footer .div-cont-list .list-menu li::before {
  content: "-";
  position: absolute;
  left: 0;
  color: white;
}
#fotterAppRh .div-col-base .logo-kyndom img {
  width: 30%;
}
#fotterAppRh .div-col-base .title-social h5 {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: white;
}
#fotterAppRh .div-col-base .follow-social-network {
  display: flex;
  justify-content: center;
}
#fotterAppRh .div-col-base .follow-social-network a {
  text-decoration: none;
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  color: white;
  padding-left: 3%;
}
#fotterAppRh .div-col-base .legend-power-by {
  padding-top: 5%;
}
#fotterAppRh .div-col-base .legend-power-by .privaci-politics {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: white;
}
#fotterAppRh .div-col-base .legend-power-by .privaci-politics a {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: white;
}
#fotterAppRh .div-col-base .legend-power-by .legend-propoerty {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: white;
}

#divContOrganigrama {
  /* Líneas que conectan nodos */
  /* Estilos de los nodos */
  /* HOVER DESTACADO */
  /*Tooltip*/
  /* Flechita */
}
#divContOrganigrama .base-cont:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../images/kyndom/home-user/Teams-5.png");
  background-size: cover;
  background-position: center;
  opacity: 0.15; /* Ajusta la opacidad aquí */
  z-index: -1; /* Asegura que la imagen de fondo esté detrás del contenido */
}
#divContOrganigrama h2 {
  color: Black;
  text-align: center;
  margin-top: 1em;
}
#divContOrganigrama #zoom-container {
  overflow-y: scroll;
  scrollbar-width: none;
  -ms-overflow-style: none;
  width: 100%;
  height: calc(100vh - 80px); /* Usar vh para consistencia */
  overflow-x: auto;
  overflow-y: auto;
  position: relative;
}
#divContOrganigrama #zoom-container::-webkit-scrollbar {
  display: none;
}
#divContOrganigrama .organigrama {
  display: inline-block; /* Cambio crucial */
  min-width: 100%;
  white-space: nowrap;
  padding: 40px 20px;
  transform-origin: top left;
}
#divContOrganigrama .organigrama * {
  margin: 0;
  padding: 0;
}
#divContOrganigrama .organigrama ul {
  padding-top: 20px;
  position: relative;
  display: table;
  margin: 0 auto;
  min-width: max-content; /* Fuerza crecimiento horizontal */
}
#divContOrganigrama .organigrama li {
  float: left;
  text-align: center;
  list-style-type: none;
  padding: 20px 5px 0 5px;
  position: relative;
  display: inline-block; /* Asegura que los elementos estén en línea */
}
#divContOrganigrama .organigrama li::before,
#divContOrganigrama .organigrama li::after {
  content: "";
  position: absolute;
  top: 0;
  right: 50%;
  border-top: 1px solid #486e66;
  width: 50%;
  height: 20px;
}
#divContOrganigrama .organigrama li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #486e66;
}
#divContOrganigrama .organigrama li:only-child::before,
#divContOrganigrama .organigrama li:only-child::after {
  display: none;
}
#divContOrganigrama .organigrama li:first-child::before,
#divContOrganigrama .organigrama li:last-child::after {
  border: 0 none;
}
#divContOrganigrama .organigrama li:last-child::before {
  border-right: 1px solid #486e66;
  border-radius: 0 5px 0 0;
}
#divContOrganigrama .organigrama li:first-child::after {
  border-radius: 5px 0 0 0;
}
#divContOrganigrama .organigrama ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #486e66;
  width: 0;
  height: 20px;
}
#divContOrganigrama .organigrama li a {
  border: 1px solid #486e66;
  padding: 1em 0.75em;
  text-decoration: none;
  color: #333;
  background-color: rgba(255, 255, 255, 0.5);
  font-family: Arial, sans-serif;
  font-size: 0.85em;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  transition: all 300ms;
}
#divContOrganigrama .organigrama > ul > li > a {
  font-size: 1em;
  font-weight: bold;
}
#divContOrganigrama .collapsed > ul {
  display: none;
}
#divContOrganigrama .hover-highlight a {
  background-color: #b49a6c !important;
  border-color: #84693e !important;
  color: white !important;
}
#divContOrganigrama .hover-highlight li a {
  background-color: #b49a6c !important;
  border-color: #84693e !important;
  color: white !important;
}
#divContOrganigrama .hover-highlight li::before,
#divContOrganigrama .hover-highlight li::after,
#divContOrganigrama .hover-highlight ul::before {
  border-color: #84693e !important;
}
#divContOrganigrama .organigrama li > a {
  display: inline-block; /* En vez de block */
  width: fit-content; /* Se ajusta al contenido */
  padding: 0; /* El padding lo manejará .cont-card */
  background: white; /* Igual para fondos */
  text-decoration: none;
}
#divContOrganigrama .cont-card {
  display: flex;
  align-items: center;
  gap: 0.75em;
  padding: 0.5em 1em;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 5px;
  transition: background-color 0.3s ease;
  width: fit-content;
  max-width: 100%;
}
#divContOrganigrama .img-perfil {
  width: 40px; /* o 50px si quieres más grande */
  height: 40px;
  object-fit: cover;
  border-radius: 50%;
}
#divContOrganigrama .cargo-class {
  font-weight: bold;
  font-size: 0.9em;
  color: #333;
  white-space: nowrap;
}
#divContOrganigrama .has-tooltip {
  position: relative;
}
#divContOrganigrama .info-icon {
  cursor: pointer;
  margin-left: 8px;
  font-size: 1em;
  vertical-align: middle;
}
#divContOrganigrama .tooltip-popup {
  position: absolute;
  top: 110%;
  left: 50%;
  transform: translateX(-50%);
  width: max-content;
  background: white;
  color: #333;
  border: 1px solid #ccc;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
  padding: 10px 15px;
  border-radius: 8px;
  font-size: 0.85em;
  z-index: 999;
  display: none;
}
#divContOrganigrama .tooltip-popup > h4 {
  font-size: 1rem;
}
#divContOrganigrama .tooltip-popup::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent white transparent;
}

#pageAfterSales {
  /*Input de busqueda*/
}
#pageAfterSales .w-100-custom {
  width: 100%;
}
#pageAfterSales .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#pageAfterSales .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#pageAfterSales .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 15%;
  height: 100%;
}
#pageAfterSales .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#pageAfterSales .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#pageAfterSales .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
}
#pageAfterSales .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#pageAfterSales .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#pageAfterSales .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#pageAfterSales .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#pageAfterSales .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#pageAfterSales .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#pageAfterSales .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#pageAfterSales .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#pageAfterSales .input-wrapper input:valid + .label-input,
#pageAfterSales .input-wrapper input:focus + .label-input {
  display: none;
}
#pageAfterSales .ts-wrapper {
  width: 100%;
}
#pageAfterSales .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 100%;
}
#pageAfterSales .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#pageAfterSales .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#pageAfterSales .gif-cargando-postventa {
  width: 35%;
}
#pageAfterSales .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#pageAfterSales .form-select option {
  background-color: #dd036f;
  color: white;
}
#pageAfterSales .form-select option:hover {
  background-color: #f86306 !important;
}
#pageAfterSales .table-into {
  border-radius: 40px;
}
#pageAfterSales .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#pageAfterSales .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#pageAfterSales .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#pageAfterSales .table-td-radius .th-blue-custom {
  border: none;
  font-family: Jost-ExtraLight;
  color: #256df2 !important;
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-text-fill-color: #256df2 !important;
}
#pageAfterSales .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#pageAfterSales .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#pageAfterSales .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#pageAfterSales .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom td .cont-td-end {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  display: flex;
  height: 100%;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom td .cont-td-end .td-inter {
  height: 100%;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#pageAfterSales .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#pageAfterSales .table-td-radius .link-button {
  text-decoration: none;
}
#pageAfterSales .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#pageAfterSales .table-td-radius .btn-detail img {
  width: 25%;
}
#pageAfterSales .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#pageAfterSales .vertical-align-custom {
  vertical-align: top !important;
}
#pageAfterSales #formAddAfterSale .input-search-customer .ts-wrapper {
  width: 100%;
}
#pageAfterSales .table-father {
  font-size: 1vw;
}
#pageAfterSales .table-into {
  font-size: 0.8vw;
}
#pageAfterSales .input-search-customer .ts-wrapper {
  width: 100%;
}
#pageAfterSales .fixed {
  position: fixed;
  top: 0%;
  z-index: 1000;
  width: 31vw;
}
#pageAfterSales .table-gerentes td {
  font-size: clamp(0.6rem, 0.7vw, 2.5rem);
}

#navbarRH {
  z-index: 1;
}
#navbarRH .navbar-brand {
  padding-left: 5%;
  width: 30%;
}
#navbarRH .navbar-brand .img-nav-log-kyndom {
  width: 35%;
}
#navbarRH #navbarSupportedContent {
  width: 65%;
  justify-content: end;
}
#navbarRH #navbarSupportedContent .navbar-nav {
  width: 100%;
  justify-content: end;
  align-items: end;
  margin-right: 10% !important;
  padding-right: 0;
}
#navbarRH #navbarSupportedContent .navbar-nav .white-border-right {
  border-right: solid 1px white;
}
#navbarRH #navbarSupportedContent .navbar-nav .nav-item .nav-link {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.2vw, 2rem);
  color: white;
}
#navbarRH #navbarSupportedContent .navbar-nav .nav-item .nav-home {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.4vw, 2rem);
  color: white;
}
#navbarRH #navbarSupportedContent .navbar-nav .item-round-border {
  padding-bottom: 1%;
}
#navbarRH #navbarSupportedContent .navbar-nav .item-round-border .nav-round-border {
  border: solid 1px white;
  border-radius: 23px;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
}

#navbarRHWhite .navbar-brand {
  padding-left: 5%;
  width: 30%;
}
#navbarRHWhite .navbar-brand .img-nav-log-kyndom {
  width: 35%;
}
#navbarRHWhite #navbarSupportedContent {
  width: 65%;
  justify-content: end;
}
#navbarRHWhite #navbarSupportedContent .navbar-nav {
  width: 100%;
  justify-content: end;
  align-items: end;
  margin-right: 10% !important;
  padding-right: 0;
}
#navbarRHWhite #navbarSupportedContent .navbar-nav .white-border-right {
  border-right: solid 1px #bd0071;
}
#navbarRHWhite #navbarSupportedContent .navbar-nav .nav-item .nav-link {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.2vw, 2rem);
  color: #585960;
}
#navbarRHWhite #navbarSupportedContent .navbar-nav .nav-item .nav-home {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.4vw, 2rem);
  color: #585960;
}
#navbarRHWhite #navbarSupportedContent .navbar-nav .item-round-border {
  padding-bottom: 1%;
}
#navbarRHWhite #navbarSupportedContent .navbar-nav .item-round-border .nav-round-border {
  border: solid 1px #dd6800;
  border-radius: 23px;
  padding-top: 0.5%;
  padding-bottom: 0.5%;
}

.gradiente-navabar {
  background: linear-gradient(to right, #bd0071, #dd6800);
}

.nav-item-movile {
  display: block;
}
.nav-item-movile .nav-link {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.2vw, 2rem);
  color: #585960;
}
.nav-item-movile .nav-home {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.4vw, 2rem);
  color: #585960;
}
@media (min-width: 992px) {
  .nav-item-movile {
    display: none;
  }
}

.navbar.fixed-top {
  background-color: white;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
  height: 54px;
}
.navbar .navbar-brand img {
  width: 8%;
}
.navbar .nav-item .nav-link .img-notificaciones {
  width: 85%;
}
.navbar .nav-item .nav-link img {
  width: 45%;
}

.body-proyect {
  padding-top: 54px;
  height: 100%;
  background-image: url("../../../images/space/fondo.webp");
  background-size: cover;
}

.layout {
  position: relative;
  height: calc(100vh - 54px);
  display: flex;
  width: 100%;
  padding: 0;
  margin: 0;
  overflow: visible !important; /* Desactiva cualquier overflow hidden */
}

.sidebar-container {
  display: grid;
  grid-template-columns: 60px 180px;
  position: fixed;
  top: 54px;
  left: 0;
  bottom: 0;
  z-index: 1000;
  height: calc(100vh - 54px);
  transition: all 0.3s ease;
  overflow: visible !important;
}
.sidebar-container.collapsed {
  grid-template-columns: 60px 0;
}
.sidebar-container.collapsed .sidebar-details {
  opacity: 0;
  padding: 0;
}
.sidebar-container .sidebar-icons {
  background-color: #efefef;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  overflow-y: auto;
}
.sidebar-container .sidebar-icons .hamburger {
  margin: 2.8rem 0 0.3rem 0;
  cursor: pointer;
  font-size: 24px;
  text-align: center;
  grid-row: 1;
}
.sidebar-container .sidebar-icons .icon-container {
  grid-row: 2;
  display: grid;
  grid-auto-rows: minmax(3.5rem, auto);
  align-content: start;
}
.sidebar-container .sidebar-icons .icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: var(--padding-vertical, 0.75rem) 0;
  position: relative;
  margin: 0;
}
.sidebar-container .sidebar-icons .icon::after {
  content: "";
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  height: 2px;
  width: 10px;
}
.sidebar-container .sidebar-icons .icon img {
  width: 27%;
  height: auto;
  object-fit: contain;
}
.sidebar-container .sidebar-icons .icon img.img-biggets {
  width: 24%;
}
.sidebar-container .sidebar-details {
  background-color: #256df2;
  overflow-y: auto;
  height: 100%;
  border-radius: 0 70px 70px 0;
  transition: all 0.3s ease;
  scrollbar-width: none; /* Firefox */
}
.sidebar-container .sidebar-details::-webkit-scrollbar {
  display: none; /* Chrome/Safari */
}
.sidebar-container .sidebar-details ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-auto-rows: minmax(3.5rem, auto);
  align-content: start;
}
.sidebar-container .sidebar-details ul li.menu-item {
  display: flex;
  align-items: center;
  padding: 0 1rem;
  min-height: 3.5rem;
  position: relative;
}
.sidebar-container .sidebar-details ul li.menu-item#logoWhiteKindom {
  padding: 1.5rem 1rem;
}
.sidebar-container .sidebar-details ul li.menu-item#logoWhiteKindom img {
  max-width: 100%;
  height: auto;
}
.sidebar-container .sidebar-details ul li.menu-item a {
  color: white;
  font-family: Jost-SemiBold;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sidebar-container .sidebar-details ul li.menu-item .submenu {
  /* Posición FIXED (escapa del layout) */
  display: none;
  position: fixed;
  left: calc(60px + 180px); /* Borde derecho del menú */
  top: 54px; /* Alineado con el navbar */
  width: auto;
  /* Animación INICIAL */
  transform: translateX(-100%); /* Escondido a la izquierda */
  opacity: 0;
  transition: transform 0.3s ease-out, opacity 0.2s ease;
  /* Estilos visuales */
  top: 176.5px;
  padding-top: 1%;
  padding-bottom: 1%;
  padding-left: 1%;
  padding-right: 2%;
  background: #0d54d7;
  border-radius: 0 30px 30px 0;
  z-index: 9999;
  max-height: calc(100vh - 54px);
  overflow-y: auto;
  box-shadow: 5px 0 15px rgba(0, 0, 0, 0.2);
  /* Estado ACTIVO */
}
.sidebar-container .sidebar-details ul li.menu-item .submenu .submenu-item:hover {
  background-color: #2968dd;
}
.sidebar-container .sidebar-details ul li.menu-item .submenu.active {
  transform: translateX(0); /* Despliega a la derecha */
  opacity: 1;
}
.sidebar-container .sidebar-details ul li.menu-item.active {
  background: #2968dd;
}
.sidebar-container .sidebar-details ul li.menu-item.active .submenu {
  display: block;
  transform: translateX(0);
  opacity: 1;
}
.sidebar-container .sidebar-details ul li.menu-item:hover {
  background-color: #2968dd;
}
@keyframes slideIn {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

.main-contend {
  margin-left: 240px;
  padding: 20px;
  width: calc(100% - 240px);
  transition: margin-left 0.3s ease;
}
.sidebar-container.collapsed ~ .main-contend {
  margin-left: 60px;
  width: calc(100% - 60px);
}

#headerInfoAusencias {
  padding-bottom: 6%;
}
#headerInfoAusencias h1 {
  font-family: Jost-ExtraBold;
  font-size: clamp(1rem, 5vw, 3rem);
  color: #4e6af2;
}
#headerInfoAusencias .year-selector {
  display: inline-flex;
  align-items: center;
  background: white;
  border-radius: 30px;
  padding: 5px 7px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
#headerInfoAusencias .year-selector .arrow {
  background: none;
  border: none;
  color: #4e6af2;
  font-size: clamp(1rem, 1vw, 1rem);
  font-family: Jost-Regular;
  padding: 5px 10px;
  border-radius: 5px;
  margin: 0 10px;
  cursor: pointer;
}
#headerInfoAusencias .year-selector .arrow:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
#headerInfoAusencias .year-selector select {
  border: none;
  font-size: clamp(1rem, 1.3vw, 1.3rem);
  font-family: Jost-Light;
  font-weight: bold;
  color: #555;
  background: transparent;
  outline: none;
  cursor: pointer;
  appearance: none;
}
#headerInfoAusencias .img-relog {
  width: 30%;
}
#headerInfoAusencias .btn-round-ausencias {
  border: none;
  background-color: #4e6af2;
  font-size: clamp(1rem, 1.3vw, 1.3rem);
  font-family: Jost-SemiBold;
  color: white;
  border-radius: 25px;
  padding-left: 8%;
  padding-right: 8%;
}
#headerInfoAusencias .btn-round-ausencias:hover {
  background-color: #5f77eb;
}

#informacionGeneralAusencias .img-section,
#informacionGeneralPermisos .img-section {
  width: 10%;
}
#informacionGeneralAusencias .box-ausencias-datails,
#informacionGeneralPermisos .box-ausencias-datails {
  padding: 5%;
  border-radius: 35px;
  box-shadow: -8px -10px 6px 1px rgba(0, 0, 0, 0.2);
  background-color: white;
  height: 100%;
}
#informacionGeneralAusencias .box-ausencias-datails .title-card-detail .title-card,
#informacionGeneralPermisos .box-ausencias-datails .title-card-detail .title-card {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .first-detail,
#informacionGeneralPermisos .box-ausencias-datails .info-user .first-detail {
  text-align: right;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .first-detail #diasSolicitadosVacaciones,
#informacionGeneralPermisos .box-ausencias-datails .info-user .first-detail #diasSolicitadosVacaciones {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  color: #75c6c2;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .first-detail h3,
#informacionGeneralPermisos .box-ausencias-datails .info-user .first-detail h3 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.5vw, 2.5rem);
  color: #585960;
  margin-bottom: 0;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .second-detail h4,
#informacionGeneralPermisos .box-ausencias-datails .info-user .second-detail h4 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.2vw, 2.5rem);
  color: #585960;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .another-detail h5,
#informacionGeneralPermisos .box-ausencias-datails .info-user .another-detail h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1vw, 2.5rem);
  color: #585960;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .another-detail a,
#informacionGeneralPermisos .box-ausencias-datails .info-user .another-detail a {
  display: flex;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .another-detail a h5,
#informacionGeneralPermisos .box-ausencias-datails .info-user .another-detail a h5 {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.1vw, 2.5rem);
  color: #585960;
}
#informacionGeneralAusencias .box-ausencias-datails .info-user .another-detail a i,
#informacionGeneralPermisos .box-ausencias-datails .info-user .another-detail a i {
  font-size: clamp(0.8rem, 0.5vw, 2rem);
  color: red;
}
#informacionGeneralAusencias .box-ausencias-datails .sub-title-card-detail a,
#informacionGeneralPermisos .box-ausencias-datails .sub-title-card-detail a {
  display: flex;
  align-items: center;
}
#informacionGeneralAusencias .box-ausencias-datails .sub-title-card-detail h5,
#informacionGeneralPermisos .box-ausencias-datails .sub-title-card-detail h5 {
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.8vw, 2.5rem);
  color: #4e6af2;
}
#informacionGeneralAusencias .box-ausencias-datails .sub-title-card-detail i,
#informacionGeneralPermisos .box-ausencias-datails .sub-title-card-detail i {
  font-size: clamp(0.8rem, 0.5vw, 2rem);
  color: red;
}
#informacionGeneralAusencias .box-ausencias-datails .cont-border-bar,
#informacionGeneralPermisos .box-ausencias-datails .cont-border-bar {
  border: 1px solid #bd0071;
  border-radius: 4px;
  padding: 0;
  margin: 0;
}
#informacionGeneralAusencias .box-ausencias-datails .color-bar,
#informacionGeneralPermisos .box-ausencias-datails .color-bar {
  width: var(--bar-height, 5px);
  background-color: var(--bar-color, #000);
  height: 9px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}

#seccionCalendarios .app-container {
  display: flex;
  height: 100vh;
  max-width: 1400px;
  margin: 0 auto;
  overflow: hidden;
}
#seccionCalendarios .calendars-section {
  flex: 1;
  height: 100%;
  overflow-y: auto;
  background: #f8f9fa;
  border-right: 1px solid #e0e0e0;
}
#seccionCalendarios .calendars-container {
  height: calc(100% - 40px);
  overflow-y: auto;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
#seccionCalendarios .filters-section {
  position: relative;
  width: 350px;
  height: 100%;
  position: relative;
  transition: width 0.3s ease;
  background: #fb8c00;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.1);
}
#seccionCalendarios .filters-section.collapsed {
  width: 50px;
}
#seccionCalendarios .filters-section.collapsed .filters-container {
  transform: translateX(calc(100% - 50px));
}
#seccionCalendarios .collapse-handle {
  position: absolute;
  left: -40px;
  top: 20px;
  width: 40px;
  height: 40px;
  background: #fb8c00;
  border-radius: 8px 0 0 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 20;
  box-shadow: -2px 0 5px rgba(0, 0, 0, 0.1);
}
#seccionCalendarios .collapse-handle i {
  color: white;
  transition: transform 0.3s ease;
}
.collapsed #seccionCalendarios .collapse-handle i {
  transform: rotate(180deg);
}
#seccionCalendarios .filters-container {
  width: 350px;
  height: 100%;
  position: relative;
  right: 0;
  top: 0;
  transition: transform 0.3s ease;
  padding: 20px;
  background: #fb8c00;
}
#seccionCalendarios .filter-main {
  height: 100%;
  background: white;
  border-radius: 8px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#seccionCalendarios .filter-main .filter-header {
  padding: 15px;
  background: #fb8c00;
  color: white;
}
#seccionCalendarios .filter-main .filter-content {
  flex: 1;
  overflow-y: auto;
  padding: 15px;
}
#seccionCalendarios .filter-content {
  padding: 0 15px;
  max-height: 300px;
  overflow-y: auto;
  background-color: white;
  transition: all 0.3s ease;
}
#seccionCalendarios .filter-content.collapsed {
  max-height: 0;
  padding: 0 15px;
  overflow: hidden;
}
#seccionCalendarios .filter-group {
  margin: 15px 0;
}
#seccionCalendarios .filter-group label {
  display: block;
  margin-bottom: 5px;
  font-weight: 500;
  color: #555;
}
#seccionCalendarios .filter-group select, #seccionCalendarios .filter-group input {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}
#seccionCalendarios .btn {
  width: 100%;
  padding: 10px;
  background-color: #6a1b9a;
  color: white;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  margin-bottom: 15px;
  transition: background-color 0.3s;
}
#seccionCalendarios .btn:hover {
  background-color: #4a148c;
}
#seccionCalendarios #search-results {
  padding: 15px 0;
  min-height: 100px;
}
#seccionCalendarios #search-results p {
  color: #666;
  font-style: italic;
}
#seccionCalendarios #search-results .result-item {
  padding: 8px 0;
  border-bottom: 1px solid #eee;
}
#seccionCalendarios #search-results .result-item:last-child {
  border-bottom: none;
}
#seccionCalendarios .calendars-container {
  transition: margin-right 0.3s ease;
}
.collapsed + #seccionCalendarios .calendars-container {
  margin-right: 40px;
}
#seccionCalendarios .calendar {
  background-color: white;
  border-radius: 8px;
  padding: 20px;
}
#seccionCalendarios .calendar h2 {
  display: flex;
  align-items: center;
  text-align: left;
  margin-bottom: 20px;
  font-family: Jost-Bold;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  color: #585960;
}
#seccionCalendarios .calendar h2 .vertical-line {
  font-family: Jost-Bold;
  color: #c7c7c7;
  font-size: clamp(1rem, 0.8vw, 1.4rem);
  padding-left: 1%;
  padding-right: 1%;
}
#seccionCalendarios .calendar h2 span {
  font-family: Jost-Regular;
  color: #75c6c2;
  font-size: clamp(1rem, 1.3vw, 2.5rem);
  padding-right: 5%;
}
#seccionCalendarios .calendar h2 hr {
  border: 1px solid #dedddd;
  width: 100%;
}
#seccionCalendarios .calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 5px;
}
#seccionCalendarios .calendar-grid .day-header {
  text-align: center;
  font-weight: 500;
  padding: 5px;
  background-color: #f4d3dd;
  border-radius: 4px;
  font-family: Jost-SemiBold;
}
#seccionCalendarios .calendar-grid .day {
  text-align: center;
  padding: 10px 5px;
  border-radius: 4px;
  transition: all 0.2s;
}
#seccionCalendarios .calendar-grid .day:hover {
  background-color: #f0f0f0;
}
#seccionCalendarios .calendar-grid .day.empty {
  visibility: hidden;
}
#seccionCalendarios .calendar-grid .day.highlight {
  background-color: #ffcc80;
  font-weight: 500;
}
#seccionCalendarios ::-webkit-scrollbar {
  width: 8px;
}
#seccionCalendarios ::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
#seccionCalendarios ::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 10px;
}
#seccionCalendarios ::-webkit-scrollbar-thumb:hover {
  background: #a1a1a1;
}
#seccionCalendarios .day.vacation-day {
  border: 2px solid #2e7d32;
}
#seccionCalendarios .day.holiday {
  font-weight: bold;
  color: #c62828;
}
#seccionCalendarios .day.business-trip {
  border-left: 4px solid #1565c0;
}
#seccionCalendarios .day.year-end {
  background: linear-gradient(135deg, #ce93d8 0%, #f8bbd0 100%);
}
#seccionCalendarios .day[style*=background-color] {
  color: #333;
  font-weight: 500;
}

#cardCotizacion {
  box-shadow: -3px 4px 10px 1px rgba(0, 0, 0, 0.2);
}
#cardCotizacion #cardHeaderCustom {
  background-color: #aef4be;
}
#cardCotizacion .title-sub-section {
  white-space: nowrap;
  margin-right: 2%;
  font-weight: 500;
}
#cardCotizacion .hr-custom {
  width: 100%;
  background-color: #28a745;
}
#cardCotizacion #divContAsegurados .item-asegurado {
  background-color: #fffdf3;
  border-radius: 12px;
  border: 2px solid #c19e6b;
}
#cardCotizacion #tableDesglose .color-prima-total {
  background-color: #b4ffc6;
}
#cardCotizacion #tableDesglose .color-pago-inicial {
  background-color: rgb(254, 234, 167);
}
#cardCotizacion #tableDesglose .color-pago-subsecuente {
  background-color: rgb(255, 164, 164);
}
#cardCotizacion #tableDesglose th {
  font-size: 0.8rem;
  text-align: center;
}
#cardCotizacion #tableDesglose .td-no-br {
  white-space: nowrap;
}
#cardCotizacion #tableDesglose .nombre-asegurado {
  font-size: 0.8rem;
}

.content-home {
  background: #efefef;
  width: 100%;
  height: 100%;
  overflow-y: auto;
}

.col-12.col-md-3 {
  overflow: hidden;
}
.col-12.col-md-3 .contenido {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
.col-12.col-md-3 a, .col-12.col-md-3 p, .col-12.col-md-3 span {
  word-break: break-word;
  overflow-wrap: break-word;
}
.col-12.col-md-3 img {
  max-width: 100%;
  height: auto;
  display: block;
}

#contentHome .table-responsive {
  scrollbar-width: thin;
  scrollbar-color: #888 #f1f1f1;
}
#contentHome .table-responsive::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
#contentHome .table-responsive::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}
#contentHome .table-responsive::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}
#contentHome .table-responsive::-webkit-scrollbar-thumb:hover {
  background: #555;
}
#contentHome .h-100 {
  height: 100%;
}
#contentHome .link-ticket {
  text-decoration: none;
  height: 100%;
  width: 100%;
  display: flex;
}
#contentHome .div-cont-general .div-profile {
  position: relative;
  width: 85%;
  height: 100%;
  display: flex;
  align-items: flex-end;
}
#contentHome .div-cont-general .div-profile .img-background {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: auto;
}
#contentHome .div-cont-general .div-profile .img-background img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#contentHome .div-cont-general .div-profile .info-top {
  position: relative;
  width: 100%;
  z-index: 1;
}
#contentHome .div-cont-general .div-profile .info-top .row {
  width: 100%;
  align-items: flex-end;
}
#contentHome .div-cont-general .div-profile .info-top .div-title h2 {
  color: white;
  font-family: Jost-ExtraBold;
  font-size: clamp(1rem, 1.7vw, 2rem);
  transition: font-size 0.3s ease-out, transform 0.3s ease-out;
  transform: scale(1); /* estado normal */
}
#contentHome .div-cont-general .div-profile .info-top .div-title h2 span {
  font-family: Jost-Light;
  font-size: clamp(1rem, 1.6vw, 2rem);
}
#contentHome .div-cont-general .div-profile .info-top .div-title .expand-ht2 {
  font-size: clamp(1rem, 2vw, 2rem);
  transform: scale(1); /* sin escalado */
}
#contentHome .div-cont-general .div-profile .info-top .div-title .expand-ht2 span {
  font-size: clamp(1rem, 1.8vw, 2rem);
}
#contentHome .div-cont-general .div-profile .info-top .div-title h3 {
  color: white;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.4vw, 2rem);
  transition: font-size 0.3s ease-out, transform 0.3s ease-out;
  transform: scale(1); /* estado normal */
}
#contentHome .div-cont-general .div-profile .info-top .div-title .expand-h3 {
  font-size: clamp(1rem, 1.6vw, 2rem);
  transform: scale(1); /* sin escalado */
}
#contentHome .div-cont-general .div-profile .info-top .div-title h4 {
  color: white;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.4vw, 2rem);
  transition: font-size 0.3s ease-out, transform 0.3s ease-out;
  transform: scale(1); /* estado normal */
}
#contentHome .div-cont-general .div-profile .info-top .div-title h4 span {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.3vw, 2rem);
}
#contentHome .div-cont-general .div-profile .info-top .div-title .expand-h4 {
  font-size: clamp(1rem, 1.5vw, 2rem);
  transform: scale(1); /* sin escalado */
}
#contentHome .div-cont-general .div-profile .info-top .div-title .expand-h4 span {
  font-size: clamp(1rem, 1.4vw, 2rem);
  transform: scale(1); /* sin escalado */
}
#contentHome .div-cont-general .div-profile .info-top .col-cont-img {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  padding-right: 5%;
  padding-left: 0;
}
#contentHome .div-cont-general .div-profile .info-top .col-cont-img .img-profile {
  max-height: 100%;
  width: 83%;
  object-fit: contain;
}
#contentHome .div-cont-general .cont-table-last-ticket {
  position: relative;
  width: 85%;
  height: 100%;
  border-radius: 60px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  background-color: #efefef;
}
#contentHome .div-cont-general .cont-table-last-ticket .div-title h5 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.7vw, 2rem);
}
#contentHome .div-cont-general .cont-table-last-ticket .div-title h5 span {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.6vw, 2rem);
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers tr {
  padding: 0;
  border: none;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers tr th {
  padding: 0;
  border: none;
  vertical-align: middle;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers tr td {
  padding: 0;
  border-top: none;
  border-bottom: solid 2px #f86306;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .pleca-td {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: white;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  width: 100%;
  white-space: nowrap;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .circle-img-container {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  #contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .circle-img-container {
    width: 40px;
    height: 40px;
  }
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .circle-img-container .circle-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-involucrado h5 {
  color: #575961;
  font-family: Jost-SemiBold;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  margin: 0;
  padding: 0;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-involucrado span {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
  border-radius: 0% 12px 12px 0%;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-date .div-cont-td {
  display: flex;
  height: 100%;
  align-items: center;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-date .div-cont-td i {
  color: #3c6bf6;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-date .div-cont-td h5 {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  margin: 0;
  padding: 0;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-date .div-cont-td span {
  font-family: Jost-SemiBold;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
  border-radius: 0% 12px 12px 0%;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-status {
  white-space: nowrap;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-status h5 {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  margin: 0;
  padding: 0;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-status .ticket-incompleto {
  padding: 1%;
  border: solid #f86306 2px;
  border-radius: 9px;
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-status .ticket-incompleto:hover {
  color: white;
  background-color: #f86306;
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-status .ticket-completo {
  padding: 1%;
  border: solid #53db31 2px;
  border-radius: 9px;
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .cont-table-last-ticket .table-light-registers .td-status .ticket-completo:hover {
  color: white;
  background-color: #53db31;
}
#contentHome .div-cont-general .div-cont-tables {
  position: relative;
  width: 90%;
  height: 100%;
}
#contentHome .div-cont-general .div-cont-tables .mr-custom-3 {
  margin-right: 3%;
}
#contentHome .div-cont-general .div-cont-tables .ml-custom-4 {
  margin-left: 4%;
}
#contentHome .div-cont-general .small-tables-tickets {
  border-radius: 60px;
  background-color: #efefef;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#contentHome .div-cont-general .small-tables-tickets .pleca-title {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: white;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
  border-radius: 40px;
  width: 90%;
}
#contentHome .div-cont-general .small-tables-tickets .pleca-title h5 {
  color: white;
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.3vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  margin: 0;
  padding: 0;
}
#contentHome .div-cont-general .small-tables-tickets .pleca-title h5 span {
  color: white;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.2vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  margin: 0;
  padding: 0;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets tr {
  padding: 0;
  border: none;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets tr th {
  padding: 0;
  border: none;
  white-space: nowrap;
  vertical-align: middle;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets tr td {
  padding: 0;
  border-top: none;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .circle-img-container {
  padding-left: 2%;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
}
@media (max-width: 768px) {
  #contentHome .div-cont-general .small-tables-tickets .table-tickets .circle-img-container {
    width: 40px;
    height: 40px;
  }
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .circle-img-container .circle-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .link-ticket {
  text-decoration: none;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .link-ticket h5 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .td-status {
  white-space: nowrap;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .td-status h5 {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  border-radius: 0% 12px 12px 0%;
  margin: 0;
  padding: 0;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .td-status .ticket-incompleto {
  padding: 1%;
  border: solid #f86306 2px;
  border-radius: 9px;
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .td-status .ticket-incompleto:hover {
  color: white;
  background-color: #f86306;
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .td-status .ticket-completo {
  padding: 1%;
  border: solid #53db31 2px;
  border-radius: 9px;
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .small-tables-tickets .table-tickets .td-status .ticket-completo:hover {
  color: white;
  background-color: #53db31;
}
#contentHome .div-cont-general .div-conten-cards {
  padding: 2%;
  padding-right: 0%;
  background-color: #efefef;
  position: relative;
  border-radius: 39px;
  z-index: 0;
}
#contentHome .div-cont-general .div-conten-cards::before {
  content: "";
  position: absolute;
  top: -9px;
  left: -9px;
  right: -9px;
  bottom: -9px;
  background: linear-gradient(90deg, #dd036f, #f86306);
  border-radius: calc(39px + 9px);
  z-index: -1;
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: exclude;
  -webkit-mask-composite: destination-out;
  padding: 9px;
}
#contentHome .div-cont-general .div-conten-cards .div-title {
  white-space: nowrap;
}
#contentHome .div-cont-general .div-conten-cards .div-title h5 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: 2vw;
  white-space: nowrap;
}
#contentHome .div-cont-general .div-conten-cards .div-title h5 span {
  font-family: Jost-Regular;
  font-size: 1.9vw;
}
#contentHome .div-cont-general .div-conten-cards .div-title .div-cont-pleca {
  width: 60%;
}
#contentHome .div-cont-general .div-conten-cards .div-title .div-cont-pleca img {
  width: 100%;
  height: 1rem;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat {
  border-radius: 19px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .circle-container {
  position: relative;
  width: 100%;
  max-width: 55px;
  aspect-ratio: 1/1;
  border-radius: 50%;
  overflow: hidden;
  margin: 0 auto;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .circle-container::before {
  content: "";
  display: block;
  padding-top: 100%;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .circle-container .circle-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .name-title-card h4 {
  color: #575961;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.3vw, 2rem);
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .name-title-card h5 {
  color: #575961;
  font-family: Jost-Regular;
  font-size: clamp(1rem, 1.1vw, 2rem);
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .title-ticket {
  white-space: nowrap;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .title-ticket h5 {
  color: #3c6bf6;
  font-family: Jost-Medium;
  font-size: clamp(1rem, 1.3vw, 2rem);
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .estus-ticket {
  color: #575961;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 1.3vw, 2rem);
  white-space: nowrap;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .div-cont-flag {
  width: 100%;
  white-space: nowrap;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .div-cont-flag .ticket-incompleto {
  padding: 1%;
  border: solid #f86306 2px;
  border-radius: 9px;
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .div-cont-flag .ticket-incompleto:hover {
  color: white;
  background-color: #f86306;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .div-cont-flag .ticket-completo {
  padding: 1%;
  border: solid #53db31 2px;
  border-radius: 9px;
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .div-cont-flag .ticket-completo:hover {
  color: white;
  background-color: #53db31;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .fecha-ticket {
  white-space: normal;
  word-break: break-word;
  overflow-wrap: break-word;
  max-width: 100%;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .p-custom-0 {
  padding: 0;
}
#contentHome .div-cont-general .div-conten-cards .div-card-chat .last-message {
  color: black;
  font-family: Jost-Regular;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}

#contentTicket .h-100 {
  height: 100%;
}
#contentTicket .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentTicket .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentTicket .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentTicket .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentTicket .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentTicket .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentTicket .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentTicket .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentTicket .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentTicket .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentTicket .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentTicket .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentTicket .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentTicket .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentTicket .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentTicket .input-wrapper input:valid + .label-input,
#contentTicket .input-wrapper input:focus + .label-input {
  display: none;
}
#contentTicket .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentTicket .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentTicket .form-select option:hover {
  background-color: #f86306 !important;
}
#contentTicket .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentTicket .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentTicket .div-cont-img {
  display: none;
  width: 100%;
}
#contentTicket .div-cont-img img {
  width: 7%;
}
#contentTicket table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentTicket table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentTicket table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentTicket table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentTicket table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentTicket table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentTicket table .tbody-custom .tr-none {
  border: none;
}
#contentTicket table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentTicket table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentTicket table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentTicket table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  max-width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#contentTicket table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentTicket table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentTicket table .link-button {
  text-decoration: none;
}
#contentTicket table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentTicket table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentTicket table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}

#contentCliente .h-100 {
  height: 100%;
}
#contentCliente .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentCliente .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentCliente .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentCliente .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentCliente .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentCliente .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentCliente .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 150px;
}
#contentCliente .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentCliente .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentCliente .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contentCliente .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentCliente .btn-import:hover {
  background-color: #4c77f8;
}
#contentCliente .btn-import img {
  width: 10%;
}
#contentCliente .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentCliente .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentCliente .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentCliente .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentCliente .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentCliente .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentCliente .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contentCliente .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentCliente .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentCliente .input-wrapper input:valid + .label-input,
#contentCliente .input-wrapper input:focus + .label-input {
  display: none;
}
#contentCliente .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentCliente .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentCliente .form-select option:hover {
  background-color: #f86306 !important;
}
#contentCliente .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentCliente .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentCliente .div-cont-img {
  display: none;
  width: 100%;
}
#contentCliente .div-cont-img img {
  width: 7%;
}
#contentCliente .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentCliente .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentCliente .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentCliente .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentCliente .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentCliente .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentCliente .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentCliente .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentCliente .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentCliente .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentCliente .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentCliente .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentCliente .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentCliente .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentCliente .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentCliente .table-td-radius .link-button {
  text-decoration: none;
}
#contentCliente .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentCliente .table-td-radius .btn-detail img {
  width: 25%;
}
#contentCliente .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentCliente .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentCliente .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentCliente .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentCliente .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentCliente .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentCliente .table-solid-color .active-btn {
  color: #28a745;
}
#contentCliente .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentCliente .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentCliente .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentCliente .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentCliente .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentCliente .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentCliente .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentCliente .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contentCliente .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contentCliente .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contentCliente .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentCliente .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentCliente .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentCliente .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentCliente .card .bnt-form-primary img {
  width: 15%;
}
#contentCliente .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentCliente .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentCliente .card .bnt-form-save img {
  width: 15%;
}
#contentCliente .card-withou-style {
  box-shadow: none;
  padding: 0;
}
#contentCliente .card-withou-style .card-header {
  background-color: transparent;
  box-shadow: none;
}
#contentCliente .card-withou-style .card-header .card-header-tabs {
  background-color: transparent;
}
#contentCliente .card-withou-style .card-header .card-header-tabs .nav-link {
  font-family: Jost-Medium;
  color: #4c77f8;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentCliente .card-withou-style .card-header .card-header-tabs .active {
  font-family: Jost-Medium;
  color: #dd036f;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentCliente .card-withou-style .gif-cargando-px {
  width: 35px;
}
#contentCliente .card-withou-style .ocultar-gif {
  display: none;
}
#contentCliente .card-withou-style .card-body {
  background-color: #fcf9f6;
}
#contentCliente .card-withou-style .card-body .div-on-header {
  padding: 0;
  box-shadow: none;
}
#contentCliente .card-withou-style .card-body .div-on-header .sub-card {
  padding: 0;
  box-shadow: none;
}
#contentCliente .card-withou-style .card-body .div-on-header .sub-card .card-header {
  box-shadow: none;
  background-color: #4c77f8;
  padding: 3px;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentCliente .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contentCliente .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contentCliente .table-solid-color td {
  vertical-align: middle;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifProveedor {
  display: none;
  width: 10%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contentCliente #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contentCliente #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contentCliente #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentCliente #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentCliente #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contentCliente #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentCliente #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contentCliente #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contentCliente #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contentCliente #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contentCliente #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentCliente #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentCliente #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentCliente #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentCliente #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contentCliente #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentCliente #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contentCliente #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contentCliente #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contentCliente #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentCliente #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentCliente #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contentCliente .sitios-grid-scroll {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  background: #94d9f5;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 5px;
  padding: 25px;
}
#contentCliente .sitios-grid-scroll::-webkit-scrollbar {
  width: 4px;
}
#contentCliente .sitios-grid-scroll::-webkit-scrollbar-thumb {
  background: #28a745;
  border-radius: 10px;
}
#contentCliente .sitios-item,
#contentCliente .sitios-item-edit {
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: 0.2s;
  background: #fff;
}
#contentCliente .sitios-item:hover,
#contentCliente .sitios-item-edit:hover {
  border-color: #28a745;
}
#contentCliente .sitios-item.selected,
#contentCliente .sitios-item-edit.selected {
  border: 2px solid #28a745;
  background: #eaffea;
}
#contentCliente .check-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #28a745;
  display: none;
}
#contentCliente .sitios-item.selected .check-icon,
#contentCliente .sitios-item-edit.selected .check-icon {
  display: block;
}
#contentCliente .hidden-checkbox,
#contentCliente .hidden-checkbox-edit {
  display: none;
}
#contentCliente .sitio-ocupado {
  background: #4C77F8;
  color: #fff;
  cursor: not-allowed;
  opacity: 0.7;
}
#contentCliente #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentCliente #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentCliente #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}

#contentFactura {
  /* Permite que el dropdown sea visible fuera del contenedor del swal */
  /* 2. Asegura que el dropdown de TomSelect se vea con cuerpo y sombra */
  /* 3. Ajuste opcional para dar aire al contenedor si el dropdown es muy largo */
}
#contentFactura .swal2-html-container {
  overflow: visible !important;
  z-index: 999 !important;
}
#contentFactura .swal2-popup {
  overflow: visible !important;
}
#contentFactura .ts-dropdown {
  position: absolute !important;
  background: white !important;
  z-index: 2000 !important;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1) !important;
  border: 1px solid #d1d5db !important;
}
#contentFactura #contenedor-select {
  min-height: 80px; /* Espacio mínimo para que el input respire */
}
#contentFactura .h-100 {
  height: 100%;
}
#contentFactura .disabled-input {
  background-color: #d6d6d6 !important;
}
#contentFactura .ts-wrapper {
  width: 100%;
}
#contentFactura .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 100%;
}
#contentFactura .form-check-factura {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
}
#contentFactura .gif-factura-proceso {
  width: 10%;
}
#contentFactura .oculta-gif-cargando {
  display: none;
}
#contentFactura .concepto-error {
  border: solid red !important;
}
#contentFactura .spam-loading {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentFactura .ul-descripciones-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentFactura .ul-descripciones-autocomplete li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentFactura .ul-descripciones-autocomplete li:hover {
  background: #f0f0f0;
}
#contentFactura .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentFactura .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentFactura .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentFactura .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentFactura .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentFactura .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentFactura .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentFactura .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentFactura .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contentFactura .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentFactura .btn-import:hover {
  background-color: #4c77f8;
}
#contentFactura .btn-import img {
  width: 10%;
}
#contentFactura .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentFactura .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentFactura .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentFactura .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentFactura .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentFactura .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contentFactura .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentFactura .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentFactura .input-wrapper input:valid + .label-input,
#contentFactura .input-wrapper input:focus + .label-input {
  display: none;
}
#contentFactura .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentFactura .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentFactura .form-select option:hover {
  background-color: #f86306 !important;
}
#contentFactura .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentFactura .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentFactura .div-cont-img {
  display: none;
  width: 100%;
}
#contentFactura .div-cont-img img {
  width: 7%;
}
#contentFactura .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentFactura .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentFactura .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentFactura .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentFactura .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentFactura .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentFactura .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentFactura .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentFactura .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentFactura .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentFactura .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentFactura .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentFactura .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentFactura .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentFactura .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentFactura .table-td-radius .link-button {
  text-decoration: none;
}
#contentFactura .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentFactura .table-td-radius .btn-detail img {
  width: 25%;
}
#contentFactura .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentFactura .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentFactura .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentFactura .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentFactura .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentFactura .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentFactura .table-solid-color .active-btn {
  color: #28a745;
}
#contentFactura .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentFactura .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentFactura .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentFactura .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentFactura .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentFactura .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentFactura .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentFactura .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contentFactura .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contentFactura .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contentFactura .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentFactura .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentFactura .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentFactura .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentFactura .card .bnt-form-primary img {
  width: 10%;
}
#contentFactura .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentFactura .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentFactura .card .bnt-form-save img {
  width: 15%;
}
#contentFactura .card .div-cont-concepto {
  border-radius: 12px;
  border: solid 1px #4c77f8;
}
#contentFactura .card .div-cont-concepto .title-concepto {
  border-radius: 10px;
  background-color: #4c77f8;
}
#contentFactura .card .div-cont-concepto .title-concepto h5 {
  margin: 0;
  padding: 0;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentFactura .card .div-cont-concepto .no-padding {
  padding: 0;
}
#contentFactura .card .div-cont-concepto .btn-deleted-cp {
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
}
#contentFactura .card .div-button-add-cp {
  height: 100%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contentFactura #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contentFactura #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contentFactura #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentFactura #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentFactura #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contentFactura #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentFactura #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contentFactura #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contentFactura #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contentFactura #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contentFactura #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentFactura #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentFactura #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentFactura #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentFactura #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contentFactura #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentFactura #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contentFactura #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contentFactura #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}

#divContFactor {
  padding: 0;
  width: 100%;
  height: 100%;
}
#divContFactor #section2FA {
  position: relative;
  width: 100%;
  min-height: 100vh;
}
#divContFactor #section2FA .img-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
#divContFactor #section2FA .article-card {
  position: relative;
  width: 100%;
  padding: 2% 5%;
}
#divContFactor #section2FA .article-card .logo-top {
  margin-top: 4%;
}
#divContFactor #section2FA .article-card .logo-top img {
  width: 9%;
}
#divContFactor #section2FA .card {
  border: none;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 3%;
  margin: 0 auto;
}
#divContFactor #section2FA .card .div-header h5 {
  font-family: Jost-Bold;
  color: #464e59;
  font-size: 1.5rem;
}
#divContFactor #section2FA .card .text-verify {
  font-family: Jost-Regular;
  color: #666666;
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 2rem;
}
#divContFactor #section2FA .card .div-cont-opt-input {
  gap: 10px;
  margin: 2rem 0;
}
#divContFactor #section2FA .card .div-cont-opt-input .otp-input {
  width: 45px;
  height: 60px;
  text-align: center;
  font-size: 24px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: monospace;
  background-color: #f0f0f0;
}
#divContFactor #section2FA .card .div-cont-opt-input .otp-input:focus {
  border-color: #007bff;
  box-shadow: 0 0 5px #007bff;
  outline: none;
}
#divContFactor #section2FA .card .error-code {
  font-family: Jost-Regular;
  color: #E84E20;
  font-size: 1.1rem;
  text-align: center;
  margin-bottom: 2rem;
}
#divContFactor #section2FA .card .btn-form-border-blue {
  background: #0065FF;
  border: none;
  border-radius: 24px;
  font-family: Jost-Regular;
  font-size: 1rem;
}
#divContFactor #section2FA .card .btn-form-border-gradient {
  padding: 12px 24px;
  background: linear-gradient(48deg, #FF7200, #FD5377);
  border: none;
  border-radius: 24px;
  font-family: Jost-Regular;
  font-size: 1rem;
}

@media (max-width: 768px) {
  #divContFactor #section2FA .article-card {
    padding: 5% 3%;
  }
  #divContFactor #section2FA .article-card .logo-top img {
    width: 25% !important;
  }
  #divContFactor #section2FA .card {
    padding: 8%;
    margin: 0 10px;
  }
  #divContFactor #section2FA .card .div-cont-opt-input {
    gap: 5px;
  }
  #divContFactor #section2FA .card .div-cont-opt-input .otp-input {
    width: 45px;
    height: 45px;
    font-size: 18px;
  }
}
#div2faEnable {
  padding: 0;
  width: 100%;
  height: 100%;
}
#div2faEnable #section2FA {
  position: relative;
  width: 100%;
}
#div2faEnable #section2FA .img-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
#div2faEnable #section2FA .article-card {
  position: relative;
}
#div2faEnable #section2FA .article-card .logo-top {
  margin-top: 4%;
}
#div2faEnable #section2FA .article-card .logo-top img {
  width: 9%;
}
#div2faEnable #section2FA .card {
  border: none;
  background-color: #fff;
  border-radius: 24px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#div2faEnable #section2FA .card .div-header h5 {
  font-family: Jost-Bold;
  color: #464e59;
  font-size: 1.5rem;
}
#div2faEnable #section2FA .card .col-text-qr {
  padding: 0;
}
#div2faEnable #section2FA .card .text-verify {
  font-family: Jost-Regular;
  color: #666666;
  font-size: clamp(1rem, 1vw, 2rem);
}
#div2faEnable #section2FA .card .cont-code {
  margin-top: 5%;
  border: solid 1px #c6c8cc;
  border-radius: 16px;
}
#div2faEnable #section2FA .card .otp-secret {
  font-family: Jost-SemiBold;
  color: #464e59;
  font-size: 1.5rem;
}
#div2faEnable #section2FA .card #codeSecret2FA {
  border: none;
}
#div2faEnable #section2FA .card .btn-copy {
  border-radius: 24px;
}
#div2faEnable #section2FA .card #btnSendQr {
  background: linear-gradient(48deg, #FF7200, #FD5377);
  border: none;
  border-radius: 24px;
  font-family: Jost-Regular;
  font-size: 1rem;
}

#contFormTicket .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contFormTicket .oculta-gif-cargando {
  display: none;
}
#contFormTicket .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contFormTicket .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contFormTicket .card .card-header1 {
  border-radius: 60px;
  background: hsl(152, 86%, 36%);
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contFormTicket .card .card-pentiente {
  border-radius: 60px;
  background: hsla(204, 91%, 34%, 0.863);
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contFormTicket .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contFormTicket .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contFormTicket .card .bnt-form-primary img {
  width: 15%;
}
#contFormTicket .card .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 4px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contFormTicket .card .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contFormTicket .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 2% 4%;
}
#contFormTicket .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contFormTicket .card .bnt-form-save img {
  width: 15%;
}
#contFormTicket .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contFormTicket .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contFormTicket .card .text-detalle {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 20px;
}
#contFormTicket .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contFormTicket .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contFormTicket .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contFormTicket .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contFormTicket .card .sub-title-section {
  border-radius: 60px 60px 60px 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 0.8vw, 2rem);
}
#contFormTicket .card .table-white {
  width: 100% !important;
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
  max-width: 100%;
  overflow-x: hidden;
}
#contFormTicket .card .table-white thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contFormTicket .card .table-white th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18 60%);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  overflow: hidden;
  text-overflow: ellipsis;
}
#contFormTicket .card .table-white .border-right {
  border-right: solid 1px #dd036f !important;
}
#contFormTicket .card .table-white .border-left {
  border-left: solid 1px #dd036f !important;
}
#contFormTicket .card .table-white .col-w-20 {
  width: 20%;
  max-width: 20%;
  overflow: hidden;
}
#contFormTicket .card .table-white .col-w-60 {
  width: 60%;
  max-width: 60%;
  overflow: hidden;
}
#contFormTicket .card .table-white .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contFormTicket .card .table-white .tbody-custom .tr-none {
  border: none;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contFormTicket .card .table-white .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  overflow: hidden;
  max-width: 0;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  max-width: 100%;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group {
  max-width: 100%;
  overflow: hidden;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row {
  margin-left: 0;
  margin-right: 0;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-12, #contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-md-6 {
  padding-left: 5px;
  padding-right: 5px;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-12 textarea.form-control, #contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-md-6 textarea.form-control {
  max-width: 100%;
  box-sizing: border-box;
}
#contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-12 .form-control, #contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-12 .form-select, #contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-md-6 .form-control, #contFormTicket .card .table-white .tbody-custom .tr-custom .td-right .form-group .row .col-md-6 .form-select {
  max-width: 100%;
  box-sizing: border-box;
}
#contFormTicket .card .table-white .link-button {
  text-decoration: none;
}
#contFormTicket .card .table-white .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contFormTicket .card .table-white .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contFormTicket .card .table-white .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contFormTicket .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306 60%);
  border-radius: 12px;
}
#contFormTicket .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contFormTicket .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  color: white;
}
#contFormTicket .card .table-solid-color tbody td a {
  color: white;
}
#contFormTicket .card .table-solid-color tbody td .table-select-bank {
  width: 150px;
}
#contFormTicket .card .table-solid-color tbody td .div-cont-bandera {
  background-color: white;
  border-radius: 12px;
}
#contFormTicket .card .table-solid-color tbody td .div-cont-bandera .bandera-red {
  background: red;
  border-radius: 40px;
  height: 20px;
}
#contFormTicket .card .table-solid-color tbody td .div-cont-bandera .bandera-orange {
  background: orange;
  border-radius: 40px;
  height: 20px;
}
#contFormTicket .card .table-solid-color tbody td .div-cont-bandera .bandera-green {
  background: #218838;
  border-radius: 40px;
  height: 20px;
}
#contFormTicket .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contFormTicket .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contFormTicket .card .table-solid-color .active-btn {
  color: #28a745;
}
#contFormTicket .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contFormTicket .card .btn-filters {
  padding: 1rem 3rem;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  border-radius: 40px;
  cursor: pointer;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #dd036f, #f86306 60%);
  border: none;
  color: #fff;
  transition: all 0.25s ease;
}
#contFormTicket .card .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  border-radius: inherit;
  background: linear-gradient(to right, #dd036f, #f86306 60%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
  transition: all 0.25s ease;
}
#contFormTicket .card .btn-filters:hover {
  background: transparent;
  color: transparent;
  background: linear-gradient(to right, #dd036f, #f86306 60%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  transform: scale(1.03);
}
#contFormTicket .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contFormTicket .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contFormTicket .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contFormTicket .card .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}

#contAddTicket .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contAddTicket .oculta-gif-cargando {
  display: none;
}
#contAddTicket .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTicket .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTicket .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTicket .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTicket .card .bnt-form-primary img {
  width: 15%;
}
#contAddTicket .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTicket .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTicket .card .bnt-form-save img {
  width: 15%;
}
#contAddTicket .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTicket .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTicket .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTicket .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTicket .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTicket .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTicket .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTicket .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTicket .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTicket .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTicket .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTicket .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTicket .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTicket .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTicket .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTicket .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTicket .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTicket .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTicket .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTicket .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTicket .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTicket .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTicket .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTicket .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTicket .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTicket .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTicket .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTicket .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTicket .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTicket .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTicket .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTicket .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTicket .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTicket .card .bnt-form-save img {
  width: 15%;
}
#contAddTicket .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTicket .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTicket .card .bnt-form-primary img {
  width: 15%;
}

#divContDetailTicket .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#divContDetailTicket .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#divContDetailTicket .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#divContDetailTicket .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#divContDetailTicket .card .bnt-form-primary img {
  width: 15%;
}
#divContDetailTicket .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1% 2%;
}
#divContDetailTicket .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#divContDetailTicket .card .bnt-form-save img {
  width: 15%;
}
#divContDetailTicket .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#divContDetailTicket .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#divContDetailTicket .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#divContDetailTicket .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#divContDetailTicket .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#divContDetailTicket .card .form-select option:hover {
  background-color: #f86306 !important;
}
#divContDetailTicket .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#divContDetailTicket .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#divContDetailTicket .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#divContDetailTicket .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#divContDetailTicket .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#divContDetailTicket .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#divContDetailTicket .card .text-detalle {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 20px;
}
#divContDetailTicket .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#divContDetailTicket .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#divContDetailTicket .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#divContDetailTicket .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#divContDetailTicket .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#divContDetailTicket .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#divContDetailTicket .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#divContDetailTicket .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#divContDetailTicket .table-td-radius .link-button {
  text-decoration: none;
}
#divContDetailTicket .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#divContDetailTicket .table-td-radius .btn-detail img {
  width: 25%;
}
#divContDetailTicket .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#divContDetailTicket .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#divContDetailTicket .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#divContDetailTicket .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#divContDetailTicket .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#divContDetailTicket .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#divContDetailTicket .table-solid-color .active-btn {
  color: #28a745;
}
#divContDetailTicket .table-solid-color .inactive-btn {
  color: #dc3545;
}
#divContDetailTicket .link-file {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#divContDetailTicket .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}

#divContDBFactura {
  /* Retraso para que aparezcan uno tras otro */
}
#divContDBFactura #sugerenciasCliente {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#divContDBFactura #sugerenciasCliente li {
  padding: 8px 12px;
  cursor: pointer;
}
#divContDBFactura #sugerenciasCliente li:hover {
  background: #f0f0f0;
}
#divContDBFactura .puntos-carga .punto {
  opacity: 0;
  animation: aparecer-punto 1.5s infinite;
}
#divContDBFactura .puntos-carga .punto:nth-child(1) {
  animation-delay: 0.2s;
}
#divContDBFactura .puntos-carga .punto:nth-child(2) {
  animation-delay: 0.4s;
}
#divContDBFactura .puntos-carga .punto:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes aparecer-punto {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.row-exportado {
  color: #de4cb4;
  font-weight: bolder;
}

#contentUserAdmin .h-100 {
  height: 100%;
}
#contentUserAdmin .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentUserAdmin .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentUserAdmin .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentUserAdmin .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentUserAdmin .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentUserAdmin .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentUserAdmin .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentUserAdmin .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentUserAdmin .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentUserAdmin .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentUserAdmin .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentUserAdmin .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentUserAdmin .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentUserAdmin .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentUserAdmin .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentUserAdmin .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentUserAdmin .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentUserAdmin .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentUserAdmin .input-wrapper input:valid + .label-input,
#contentUserAdmin .input-wrapper input:focus + .label-input {
  display: none;
}
#contentUserAdmin .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentUserAdmin .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentUserAdmin .form-select option:hover {
  background-color: #f86306 !important;
}
#contentUserAdmin .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentUserAdmin .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentUserAdmin .div-cont-img {
  display: none;
  width: 100%;
}
#contentUserAdmin .div-cont-img img {
  width: 7%;
}
#contentUserAdmin table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentUserAdmin table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentUserAdmin table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentUserAdmin table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentUserAdmin table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentUserAdmin table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentUserAdmin table .tbody-custom .tr-none {
  border: none;
}
#contentUserAdmin table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentUserAdmin table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentUserAdmin table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentUserAdmin table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentUserAdmin table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentUserAdmin table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentUserAdmin table .link-button {
  text-decoration: none;
}
#contentUserAdmin table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentUserAdmin table .btn-detail img {
  width: 25%;
}
#contentUserAdmin table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contentUserAdmin .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentUserAdmin .oculta-gif-cargando {
  display: none;
}
#contentUserAdmin .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentUserAdmin .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentUserAdmin .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentUserAdmin .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentUserAdmin .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentUserAdmin .card .bnt-form-primary img {
  width: 15%;
}
#contentUserAdmin .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentUserAdmin .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentUserAdmin .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentUserAdmin .card .bnt-form-save img {
  width: 15%;
}
#contentUserAdmin .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentUserAdmin .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentUserAdmin .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentUserAdmin .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contentUserAdmin .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentUserAdmin .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contentUserAdmin .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentUserAdmin .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentUserAdmin .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentUserAdmin .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentUserAdmin .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentUserAdmin .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentUserAdmin .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentUserAdmin .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentUserAdmin .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentUserAdmin .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentUserAdmin .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentUserAdmin .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentUserAdmin .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentUserAdmin .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentUserAdmin .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentUserAdmin .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentUserAdmin .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentUserAdmin .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentUserAdmin .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentUserAdmin .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentUserAdmin .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentUserAdmin .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentUserAdmin .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentUserAdmin .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentUserAdmin .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentUserAdmin .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentUserAdmin .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentUserAdmin .card .bnt-form-save img {
  width: 15%;
}
#contentUserAdmin .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentUserAdmin .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentUserAdmin .card .bnt-form-primary img {
  width: 15%;
}

#contConfSistem .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contConfSistem .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contConfSistem .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contConfSistem .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contConfSistem .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contConfSistem .card .bnt-form-primary img {
  width: 15%;
}
#contConfSistem .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contConfSistem .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contConfSistem .card .bnt-form-save img {
  width: 16px;
}
#contConfSistem .card .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contConfSistem .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contConfSistem .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contConfSistem .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contConfSistem .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contConfSistem .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contConfSistem .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contConfSistem .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contConfSistem .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contConfSistem .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contConfSistem .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contConfSistem .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contConfSistem .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contConfSistem .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contConfSistem .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contConfSistem .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contConfSistem .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contConfSistem .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contConfSistem .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contConfSistem .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contConfSistem .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contConfSistem .card .table-td-radius .link-button {
  text-decoration: none;
}
#contConfSistem .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contConfSistem .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contConfSistem .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contConfSistem .card .table-solid-color {
  background: linear-gradient(to right, #dd036f 2%, #f86306 65%);
  border-radius: 12px;
}
#contConfSistem .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contConfSistem .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contConfSistem .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contConfSistem .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contConfSistem .card .table-solid-color .active-btn {
  color: #28a745;
}
#contConfSistem .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contConfSistem .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contConfSistem .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contConfSistem .card .bnt-form-save img {
  width: 16px;
}
#contConfSistem .card .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contConfSistem .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contConfSistem .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contConfSistem .card .bnt-form-primary img {
  width: 15%;
}

#contListTipoTramite .h-100 {
  height: 100%;
}
#contListTipoTramite .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListTipoTramite .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListTipoTramite .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListTipoTramite .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTipoTramite .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTipoTramite .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListTipoTramite .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListTipoTramite .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListTipoTramite .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListTipoTramite .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListTipoTramite .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListTipoTramite .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListTipoTramite .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListTipoTramite .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListTipoTramite .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListTipoTramite .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListTipoTramite .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListTipoTramite .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListTipoTramite .input-wrapper input:valid + .label-input,
#contListTipoTramite .input-wrapper input:focus + .label-input {
  display: none;
}
#contListTipoTramite .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListTipoTramite .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListTipoTramite .form-select option:hover {
  background-color: #f86306 !important;
}
#contListTipoTramite .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListTipoTramite .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListTipoTramite .div-cont-img {
  display: none;
  width: 100%;
}
#contListTipoTramite .div-cont-img img {
  width: 7%;
}
#contListTipoTramite table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTipoTramite table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTipoTramite table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListTipoTramite table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListTipoTramite table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListTipoTramite table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListTipoTramite table .tbody-custom .tr-none {
  border: none;
}
#contListTipoTramite table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListTipoTramite table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListTipoTramite table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListTipoTramite table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListTipoTramite table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListTipoTramite table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListTipoTramite table .link-button {
  text-decoration: none;
}
#contListTipoTramite table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTipoTramite table .btn-detail img {
  width: 25%;
}
#contListTipoTramite table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListTipoTramite table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contAddTipoTramite .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTipoTramite .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoTramite .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTipoTramite .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoTramite .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTipoTramite .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTipoTramite .card .bnt-form-primary img {
  width: 15%;
}
#contAddTipoTramite .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTipoTramite .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTipoTramite .card .bnt-form-save img {
  width: 15%;
}
#contAddTipoTramite .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTipoTramite .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTipoTramite .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTipoTramite .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTipoTramite .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTipoTramite .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTipoTramite .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTipoTramite .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTipoTramite .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoTramite .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTipoTramite .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTipoTramite .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTipoTramite .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTipoTramite .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTipoTramite .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTipoTramite .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTipoTramite .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTipoTramite .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTipoTramite .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTipoTramite .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTipoTramite .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTipoTramite .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTipoTramite .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTipoTramite .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTipoTramite .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTipoTramite .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTipoTramite .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTipoTramite .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTipoTramite .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTipoTramite .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTipoTramite .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTipoTramite .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTipoTramite .card .bnt-form-save img {
  width: 15%;
}
#contAddTipoTramite .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTipoTramite .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTipoTramite .card .bnt-form-primary img {
  width: 15%;
}

#contlistTipoServicio .h-100 {
  height: 100%;
}
#contlistTipoServicio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contlistTipoServicio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contlistTipoServicio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contlistTipoServicio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contlistTipoServicio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contlistTipoServicio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contlistTipoServicio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contlistTipoServicio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contlistTipoServicio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contlistTipoServicio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contlistTipoServicio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contlistTipoServicio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contlistTipoServicio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contlistTipoServicio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contlistTipoServicio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contlistTipoServicio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contlistTipoServicio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contlistTipoServicio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contlistTipoServicio .input-wrapper input:valid + .label-input,
#contlistTipoServicio .input-wrapper input:focus + .label-input {
  display: none;
}
#contlistTipoServicio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contlistTipoServicio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contlistTipoServicio .form-select option:hover {
  background-color: #f86306 !important;
}
#contlistTipoServicio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contlistTipoServicio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contlistTipoServicio .div-cont-img {
  display: none;
  width: 100%;
}
#contlistTipoServicio .div-cont-img img {
  width: 7%;
}
#contlistTipoServicio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contlistTipoServicio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contlistTipoServicio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contlistTipoServicio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contlistTipoServicio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contlistTipoServicio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contlistTipoServicio table .tbody-custom .tr-none {
  border: none;
}
#contlistTipoServicio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contlistTipoServicio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contlistTipoServicio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contlistTipoServicio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contlistTipoServicio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contlistTipoServicio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contlistTipoServicio table .link-button {
  text-decoration: none;
}
#contlistTipoServicio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contlistTipoServicio table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contlistTipoServicio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}

#contAddTipoServicio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTipoServicio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoServicio .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTipoServicio .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoServicio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTipoServicio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTipoServicio .card .bnt-form-primary img {
  width: 15%;
}
#contAddTipoServicio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTipoServicio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTipoServicio .card .bnt-form-save img {
  width: 15%;
}
#contAddTipoServicio .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTipoServicio .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTipoServicio .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTipoServicio .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTipoServicio .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTipoServicio .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTipoServicio .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTipoServicio .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTipoServicio .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoServicio .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTipoServicio .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTipoServicio .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTipoServicio .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTipoServicio .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTipoServicio .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTipoServicio .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTipoServicio .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTipoServicio .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTipoServicio .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTipoServicio .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTipoServicio .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTipoServicio .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTipoServicio .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTipoServicio .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTipoServicio .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTipoServicio .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTipoServicio .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTipoServicio .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTipoServicio .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTipoServicio .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTipoServicio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTipoServicio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTipoServicio .card .bnt-form-save img {
  width: 15%;
}
#contAddTipoServicio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTipoServicio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTipoServicio .card .bnt-form-primary img {
  width: 15%;
}

#contListTipoServicio .h-100 {
  height: 100%;
}
#contListTipoServicio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListTipoServicio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListTipoServicio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListTipoServicio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTipoServicio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTipoServicio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListTipoServicio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListTipoServicio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListTipoServicio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListTipoServicio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListTipoServicio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListTipoServicio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListTipoServicio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListTipoServicio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListTipoServicio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListTipoServicio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListTipoServicio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListTipoServicio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListTipoServicio .input-wrapper input:valid + .label-input,
#contListTipoServicio .input-wrapper input:focus + .label-input {
  display: none;
}
#contListTipoServicio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListTipoServicio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListTipoServicio .form-select option:hover {
  background-color: #f86306 !important;
}
#contListTipoServicio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListTipoServicio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListTipoServicio .div-cont-img {
  display: none;
  width: 100%;
}
#contListTipoServicio .div-cont-img img {
  width: 7%;
}
#contListTipoServicio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTipoServicio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTipoServicio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListTipoServicio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListTipoServicio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListTipoServicio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListTipoServicio table .tbody-custom .tr-none {
  border: none;
}
#contListTipoServicio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListTipoServicio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListTipoServicio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListTipoServicio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListTipoServicio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListTipoServicio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListTipoServicio table .link-button {
  text-decoration: none;
}
#contListTipoServicio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTipoServicio table .btn-detail img {
  width: 25%;
}
#contListTipoServicio table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListTipoServicio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contListArea .h-100 {
  height: 100%;
}
#contListArea .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListArea .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListArea .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListArea .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListArea .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListArea .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListArea .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListArea .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListArea .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListArea .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListArea .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListArea .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListArea .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListArea .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListArea .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListArea .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListArea .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListArea .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListArea .input-wrapper input:valid + .label-input,
#contListArea .input-wrapper input:focus + .label-input {
  display: none;
}
#contListArea .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListArea .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListArea .form-select option:hover {
  background-color: #f86306 !important;
}
#contListArea .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListArea .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListArea .div-cont-img {
  display: none;
  width: 100%;
}
#contListArea .div-cont-img img {
  width: 7%;
}
#contListArea table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListArea table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListArea table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListArea table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListArea table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListArea table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListArea table .tbody-custom .tr-none {
  border: none;
}
#contListArea table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListArea table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListArea table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListArea table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListArea table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListArea table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListArea table .link-button {
  text-decoration: none;
}
#contListArea table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListArea table .btn-detail img {
  width: 25%;
}
#contListArea table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListArea table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contListConcepto .h-100 {
  height: 100%;
}
#contListConcepto .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListConcepto .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListConcepto .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListConcepto .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListConcepto .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListConcepto .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListConcepto .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListConcepto .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListConcepto .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListConcepto .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListConcepto .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListConcepto .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListConcepto .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListConcepto .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListConcepto .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListConcepto .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListConcepto .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListConcepto .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListConcepto .input-wrapper input:valid + .label-input,
#contListConcepto .input-wrapper input:focus + .label-input {
  display: none;
}
#contListConcepto .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListConcepto .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListConcepto .form-select option:hover {
  background-color: #f86306 !important;
}
#contListConcepto .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListConcepto .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListConcepto .div-cont-img {
  display: none;
  width: 100%;
}
#contListConcepto .div-cont-img img {
  width: 7%;
}
#contListConcepto table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListConcepto table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListConcepto table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListConcepto table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListConcepto table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListConcepto table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListConcepto table .tbody-custom .tr-none {
  border: none;
}
#contListConcepto table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListConcepto table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListConcepto table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListConcepto table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListConcepto table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListConcepto table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListConcepto table .link-button {
  text-decoration: none;
}
#contListConcepto table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListConcepto table .btn-detail img {
  width: 25%;
}
#contListConcepto table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListConcepto table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contAddConcepto .h-100 {
  height: 100%;
}
#contAddConcepto .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddConcepto .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddConcepto .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contAddConcepto .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contAddConcepto .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddConcepto .link-btn {
  text-decoration: none;
  width: 100%;
}
#contAddConcepto .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 150px;
}
#contAddConcepto .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddConcepto .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contAddConcepto .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contAddConcepto .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddConcepto .btn-import:hover {
  background-color: #4c77f8;
}
#contAddConcepto .btn-import img {
  width: 10%;
}
#contAddConcepto .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddConcepto .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contAddConcepto .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddConcepto .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddConcepto .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contAddConcepto .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contAddConcepto .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contAddConcepto .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contAddConcepto .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contAddConcepto .input-wrapper input:valid + .label-input,
#contAddConcepto .input-wrapper input:focus + .label-input {
  display: none;
}
#contAddConcepto .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contAddConcepto .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddConcepto .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddConcepto .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddConcepto .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddConcepto .div-cont-img {
  display: none;
  width: 100%;
}
#contAddConcepto .div-cont-img img {
  width: 7%;
}
#contAddConcepto .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddConcepto .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddConcepto .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddConcepto .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddConcepto .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddConcepto .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddConcepto .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddConcepto .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddConcepto .table-td-radius .link-button {
  text-decoration: none;
}
#contAddConcepto .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddConcepto .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddConcepto .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddConcepto .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddConcepto .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddConcepto .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddConcepto .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddConcepto .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddConcepto .table-solid-color .active-btn {
  color: #28a745;
}
#contAddConcepto .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddConcepto .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddConcepto .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddConcepto .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddConcepto .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddConcepto .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contAddConcepto .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddConcepto .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contAddConcepto .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contAddConcepto .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contAddConcepto .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddConcepto .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddConcepto .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddConcepto .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddConcepto .card .bnt-form-primary img {
  width: 15%;
}
#contAddConcepto .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddConcepto .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddConcepto .card .bnt-form-save img {
  width: 15%;
}
#contAddConcepto .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contAddConcepto .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contAddConcepto .table-solid-color td {
  vertical-align: middle;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contAddConcepto #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contAddConcepto #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contAddConcepto #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddConcepto #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddConcepto #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contAddConcepto #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddConcepto #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contAddConcepto #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contAddConcepto #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contAddConcepto #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contAddConcepto #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddConcepto #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddConcepto #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddConcepto #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddConcepto #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contAddConcepto #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddConcepto #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contAddConcepto #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contAddConcepto #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contAddConcepto #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddConcepto #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddConcepto #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contAddConcepto #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddConcepto #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddConcepto #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}
#contAddConcepto .apartado-clientes {
  /* CARD DEL ACCORDION */
  /* HEADER DEL ACCORDION */
  /* BOTÓN DEL ACCORDION */
  /* EFECTO ACTIVO */
  /* CUERPO DEL ACCORDION */
}
#contAddConcepto .apartado-clientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddConcepto .apartado-clientes .card {
  border: none;
  background: transparent;
}
#contAddConcepto .apartado-clientes .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
#contAddConcepto .apartado-clientes .card-header button {
  width: 100%;
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
  text-align: left;
  padding: 1rem 2rem;
}
#contAddConcepto .apartado-clientes .card-header button:not(.collapsed) {
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
}
#contAddConcepto .apartado-clientes .card-body {
  padding: 2rem 1rem;
}
#contAddConcepto .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddConcepto .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddConcepto .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddConcepto .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddConcepto .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddConcepto .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddConcepto .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddConcepto .table-solid-color .active-btn {
  color: #28a745;
}
#contAddConcepto .table-solid-color .inactive-btn {
  color: #dc3545;
}

#contListDescripcion .h-100 {
  height: 100%;
}
#contListDescripcion .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListDescripcion .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListDescripcion .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListDescripcion .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListDescripcion .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListDescripcion .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListDescripcion .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListDescripcion .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListDescripcion .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListDescripcion .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListDescripcion .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListDescripcion .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListDescripcion .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListDescripcion .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListDescripcion .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListDescripcion .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListDescripcion .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListDescripcion .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListDescripcion .input-wrapper input:valid + .label-input,
#contListDescripcion .input-wrapper input:focus + .label-input {
  display: none;
}
#contListDescripcion .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListDescripcion .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListDescripcion .form-select option:hover {
  background-color: #f86306 !important;
}
#contListDescripcion .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListDescripcion .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListDescripcion .div-cont-img {
  display: none;
  width: 100%;
}
#contListDescripcion .div-cont-img img {
  width: 7%;
}
#contListDescripcion table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListDescripcion table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListDescripcion table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListDescripcion table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListDescripcion table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListDescripcion table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListDescripcion table .tbody-custom .tr-none {
  border: none;
}
#contListDescripcion table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListDescripcion table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListDescripcion table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListDescripcion table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListDescripcion table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListDescripcion table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListDescripcion table .link-button {
  text-decoration: none;
}
#contListDescripcion table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListDescripcion table .btn-detail img {
  width: 25%;
}
#contListDescripcion table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contAddTipoDescripcion .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTipoDescripcion .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoDescripcion .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTipoDescripcion .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoDescripcion .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTipoDescripcion .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTipoDescripcion .card .bnt-form-primary img {
  width: 15%;
}
#contAddTipoDescripcion .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTipoDescripcion .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTipoDescripcion .card .bnt-form-save img {
  width: 15%;
}
#contAddTipoDescripcion .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTipoDescripcion .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTipoDescripcion .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTipoDescripcion .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTipoDescripcion .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTipoDescripcion .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTipoDescripcion .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTipoDescripcion .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTipoDescripcion .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTipoDescripcion .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTipoDescripcion .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTipoDescripcion .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTipoDescripcion .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTipoDescripcion .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTipoDescripcion .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTipoDescripcion .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTipoDescripcion .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTipoDescripcion .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTipoDescripcion .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTipoDescripcion .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTipoDescripcion .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTipoDescripcion .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTipoDescripcion .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTipoDescripcion .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTipoDescripcion .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTipoDescripcion .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTipoDescripcion .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTipoDescripcion .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTipoDescripcion .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTipoDescripcion .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTipoDescripcion .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTipoDescripcion .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTipoDescripcion .card .bnt-form-save img {
  width: 15%;
}
#contAddTipoDescripcion .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTipoDescripcion .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTipoDescripcion .card .bnt-form-primary img {
  width: 15%;
}

#contListRazonSocial .h-100 {
  height: 100%;
}
#contListRazonSocial .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListRazonSocial .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListRazonSocial .btn-add1 {
  background: transparent;
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 10px 22px;
  color: #256df2;
  border: 2px solid transparent;
  background-image: linear-gradient(white, white), linear-gradient(to right, #256df2, #4f8cff);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  transition: all 0.25s ease;
}
#contListRazonSocial .btn-add1:hover {
  color: #ffffff;
  background-image: linear-gradient(to right, #256df2, #4f8cff);
}
#contListRazonSocial .dropdown-menu {
  border-radius: 14px;
  border: none;
  padding: 8px;
  min-width: 240px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}
#contListRazonSocial .dropdown-menu .dropdown-item {
  font-family: Jost-Regular;
  font-size: 0.95rem;
  color: #256df2;
  border-radius: 10px;
  padding: 10px 14px;
  transition: all 0.2s ease;
}
#contListRazonSocial .dropdown-menu .dropdown-item:hover {
  background: rgba(37, 109, 242, 0.1);
  color: #256df2;
}
#contListRazonSocial .dropdown-menu .dropdown-item:active {
  background: #256df2;
  color: #ffffff;
}
#contListRazonSocial .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListRazonSocial .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListRazonSocial .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListRazonSocial .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListRazonSocial .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListRazonSocial .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListRazonSocial .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListRazonSocial .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListRazonSocial .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListRazonSocial .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListRazonSocial .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListRazonSocial .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListRazonSocial .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListRazonSocial .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListRazonSocial .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListRazonSocial .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListRazonSocial .input-wrapper input:valid + .label-input,
#contListRazonSocial .input-wrapper input:focus + .label-input {
  display: none;
}
#contListRazonSocial .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListRazonSocial .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListRazonSocial .form-select option:hover {
  background-color: #f86306 !important;
}
#contListRazonSocial .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListRazonSocial .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListRazonSocial .div-cont-img {
  display: none;
  width: 100%;
}
#contListRazonSocial .div-cont-img img {
  width: 7%;
}
#contListRazonSocial table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListRazonSocial table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListRazonSocial table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListRazonSocial table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListRazonSocial table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListRazonSocial table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListRazonSocial table .tbody-custom .tr-none {
  border: none;
}
#contListRazonSocial table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListRazonSocial table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListRazonSocial table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListRazonSocial table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListRazonSocial table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListRazonSocial table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListRazonSocial table .link-button {
  text-decoration: none;
}
#contListRazonSocial table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListRazonSocial table .btn-detail img {
  width: 25%;
}
#contListRazonSocial table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListRazonSocial table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contListRegion .h-100 {
  height: 100%;
}
#contListRegion .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListRegion .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListRegion .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListRegion .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListRegion .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListRegion .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListRegion .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListRegion .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListRegion .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListRegion .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListRegion .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListRegion .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListRegion .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListRegion .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListRegion .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListRegion .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListRegion .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListRegion .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListRegion .input-wrapper input:valid + .label-input,
#contListRegion .input-wrapper input:focus + .label-input {
  display: none;
}
#contListRegion .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListRegion .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListRegion .form-select option:hover {
  background-color: #f86306 !important;
}
#contListRegion .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListRegion .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListRegion .div-cont-img {
  display: none;
  width: 100%;
}
#contListRegion .div-cont-img img {
  width: 7%;
}
#contListRegion table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListRegion table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListRegion table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListRegion table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListRegion table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListRegion table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListRegion table .tbody-custom .tr-none {
  border: none;
}
#contListRegion table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListRegion table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListRegion table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListRegion table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListRegion table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListRegion table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListRegion table .link-button {
  text-decoration: none;
}
#contListRegion table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListRegion table .btn-detail img {
  width: 25%;
}
#contListRegion table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListRegion table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contAddRegiones .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRegiones .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRegiones .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddRegiones .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRegiones .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRegiones .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddRegiones .card .bnt-form-primary img {
  width: 15%;
}
#contAddRegiones .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRegiones .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRegiones .card .bnt-form-save img {
  width: 15%;
}
#contAddRegiones .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddRegiones .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRegiones .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRegiones .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddRegiones .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddRegiones .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddRegiones .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddRegiones .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRegiones .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRegiones .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddRegiones .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddRegiones .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddRegiones .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRegiones .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRegiones .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRegiones .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddRegiones .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddRegiones .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddRegiones .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddRegiones .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddRegiones .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddRegiones .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddRegiones .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddRegiones .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddRegiones .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddRegiones .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRegiones .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddRegiones .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddRegiones .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddRegiones .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddRegiones .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddRegiones .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddRegiones .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRegiones .card .bnt-form-save img {
  width: 15%;
}
#contAddRegiones .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddRegiones .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddRegiones .card .bnt-form-primary img {
  width: 15%;
}

#contListTorre .h-100 {
  height: 100%;
}
#contListTorre .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListTorre .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListTorre .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListTorre .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTorre .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTorre .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListTorre .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListTorre .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListTorre .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListTorre .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListTorre .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListTorre .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListTorre .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListTorre .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListTorre .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListTorre .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListTorre .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListTorre .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListTorre .input-wrapper input:valid + .label-input,
#contListTorre .input-wrapper input:focus + .label-input {
  display: none;
}
#contListTorre .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListTorre .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListTorre .form-select option:hover {
  background-color: #f86306 !important;
}
#contListTorre .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListTorre .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListTorre .div-cont-img {
  display: none;
  width: 100%;
}
#contListTorre .div-cont-img img {
  width: 7%;
}
#contListTorre table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTorre table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTorre table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListTorre table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListTorre table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListTorre table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListTorre table .tbody-custom .tr-none {
  border: none;
}
#contListTorre table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListTorre table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListTorre table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListTorre table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListTorre table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListTorre table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListTorre table .link-button {
  text-decoration: none;
}
#contListTorre table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTorre table .btn-detail img {
  width: 25%;
}
#contListTorre table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListTorre table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contAddTorres .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTorres .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTorres .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTorres .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTorres .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTorres .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTorres .card .bnt-form-primary img {
  width: 15%;
}
#contAddTorres .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTorres .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTorres .card .bnt-form-save img {
  width: 15%;
}
#contAddTorres .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTorres .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTorres .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTorres .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTorres .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTorres .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTorres .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTorres .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTorres .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTorres .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTorres .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTorres .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTorres .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTorres .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTorres .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTorres .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTorres .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTorres .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTorres .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTorres .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTorres .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTorres .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTorres .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTorres .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTorres .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTorres .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTorres .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTorres .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTorres .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTorres .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTorres .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTorres .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTorres .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTorres .card .bnt-form-save img {
  width: 15%;
}
#contAddTorres .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTorres .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTorres .card .bnt-form-primary img {
  width: 15%;
}

#contentReporteDB .h-100 {
  height: 100%;
}
#contentReporteDB .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentReporteDB .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentReporteDB .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentReporteDB .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentReporteDB .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentReporteDB .link-btn {
  font-size: 1.3rem;
  padding: 12px 0;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
#contentReporteDB .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentReporteDB .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentReporteDB .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentReporteDB .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentReporteDB .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentReporteDB .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentReporteDB .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentReporteDB .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentReporteDB .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentReporteDB .input-wrapper input:valid + .label-input,
#contentReporteDB .input-wrapper input:focus + .label-input {
  display: none;
}
#contentReporteDB .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentReporteDB .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentReporteDB .form-select option:hover {
  background-color: #f86306 !important;
}
#contentReporteDB .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentReporteDB .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentReporteDB .div-cont-img {
  display: none;
  width: 100%;
}
#contentReporteDB .div-cont-img img {
  width: 7%;
}
#contentReporteDB table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentReporteDB table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentReporteDB table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentReporteDB table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentReporteDB table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentReporteDB table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentReporteDB table .tbody-custom .tr-none {
  border: none;
}
#contentReporteDB table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentReporteDB table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentReporteDB table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentReporteDB table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  max-width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#contentReporteDB table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentReporteDB table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentReporteDB table .link-button {
  text-decoration: none;
}
#contentReporteDB table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentReporteDB table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentReporteDB table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}

#contentPrefacturaDB .h-100 {
  height: 100%;
}
#contentPrefacturaDB .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentPrefacturaDB .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentPrefacturaDB .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentPrefacturaDB .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentPrefacturaDB .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentPrefacturaDB .link-btn {
  font-size: 1.3rem;
  padding: 12px 0;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
#contentPrefacturaDB .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentPrefacturaDB .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentPrefacturaDB .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentPrefacturaDB .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentPrefacturaDB .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentPrefacturaDB .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentPrefacturaDB .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentPrefacturaDB .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentPrefacturaDB .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentPrefacturaDB .input-wrapper input:valid + .label-input,
#contentPrefacturaDB .input-wrapper input:focus + .label-input {
  display: none;
}
#contentPrefacturaDB .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentPrefacturaDB .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentPrefacturaDB .form-select option:hover {
  background-color: #f86306 !important;
}
#contentPrefacturaDB .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentPrefacturaDB .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentPrefacturaDB .div-cont-img {
  display: none;
  width: 100%;
}
#contentPrefacturaDB .div-cont-img img {
  width: 7%;
}
#contentPrefacturaDB table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentPrefacturaDB table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentPrefacturaDB table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentPrefacturaDB table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentPrefacturaDB table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentPrefacturaDB table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentPrefacturaDB table .tbody-custom .tr-none {
  border: none;
}
#contentPrefacturaDB table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentPrefacturaDB table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentPrefacturaDB table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  padding-right: 0;
}
#contentPrefacturaDB table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  width: 100%;
  padding-right: 10px;
  overflow: hidden;
}
#contentPrefacturaDB table .tbody-custom .tr-custom td .conceptos-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
#contentPrefacturaDB table .tbody-custom .tr-custom td .tag {
  background: #eff4fa;
  padding: 3px 8px;
  border-radius: 5px;
  font-size: 12px;
  min-width: 250px;
  max-width: 500px;
}
#contentPrefacturaDB table .tbody-custom .tr-custom td .cont-td-last {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  height: 50%;
  width: 100%;
  padding-right: 10px;
  overflow: hidden;
}
#contentPrefacturaDB table .tbody-custom .tr-custom .ver-todo-cell {
  white-space: nowrap !important;
}
#contentPrefacturaDB table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentPrefacturaDB table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentPrefacturaDB table .link-button {
  text-decoration: none;
}
#contentPrefacturaDB table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentPrefacturaDB table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentPrefacturaDB table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}

#contentReporteBancoDB .h-100 {
  height: 100%;
}
#contentReporteBancoDB .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentReporteBancoDB .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentReporteBancoDB .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentReporteBancoDB .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentReporteBancoDB .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentReporteBancoDB .link-btn {
  font-size: 1.3rem;
  padding: 12px 0;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
#contentReporteBancoDB .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentReporteBancoDB .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentReporteBancoDB .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentReporteBancoDB .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentReporteBancoDB .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentReporteBancoDB .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentReporteBancoDB .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentReporteBancoDB .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentReporteBancoDB .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentReporteBancoDB .input-wrapper input:valid + .label-input,
#contentReporteBancoDB .input-wrapper input:focus + .label-input {
  display: none;
}
#contentReporteBancoDB .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentReporteBancoDB .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentReporteBancoDB .form-select option:hover {
  background-color: #f86306 !important;
}
#contentReporteBancoDB .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentReporteBancoDB .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentReporteBancoDB .div-cont-img {
  display: none;
  width: 100%;
}
#contentReporteBancoDB .div-cont-img img {
  width: 7%;
}
#contentReporteBancoDB table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentReporteBancoDB table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentReporteBancoDB table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentReporteBancoDB table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentReporteBancoDB table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentReporteBancoDB table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentReporteBancoDB table .tbody-custom .tr-none {
  border: none;
}
#contentReporteBancoDB table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentReporteBancoDB table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentReporteBancoDB table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentReporteBancoDB table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  max-width: 200px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#contentReporteBancoDB table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentReporteBancoDB table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentReporteBancoDB table .link-button {
  text-decoration: none;
}
#contentReporteBancoDB table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentReporteBancoDB table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#contentReporteBancoDB table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}

#contAddRazonSocial .h-100 {
  height: 100%;
}
#contAddRazonSocial .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddRazonSocial .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddRazonSocial .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contAddRazonSocial .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contAddRazonSocial .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddRazonSocial .link-btn {
  text-decoration: none;
  width: 100%;
}
#contAddRazonSocial .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 150px;
}
#contAddRazonSocial .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddRazonSocial .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contAddRazonSocial .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contAddRazonSocial .btn-green {
  background-color: #18bd18;
  border-radius: 40px;
}
#contAddRazonSocial .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddRazonSocial .btn-import:hover {
  background-color: #4c77f8;
}
#contAddRazonSocial .btn-import img {
  width: 10%;
}
#contAddRazonSocial .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddRazonSocial .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contAddRazonSocial .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddRazonSocial .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRazonSocial .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contAddRazonSocial .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contAddRazonSocial .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contAddRazonSocial .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contAddRazonSocial .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contAddRazonSocial .input-wrapper input:valid + .label-input,
#contAddRazonSocial .input-wrapper input:focus + .label-input {
  display: none;
}
#contAddRazonSocial .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contAddRazonSocial .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddRazonSocial .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddRazonSocial .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddRazonSocial .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRazonSocial .div-cont-img {
  display: none;
  width: 100%;
}
#contAddRazonSocial .div-cont-img img {
  width: 7%;
}
#contAddRazonSocial .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRazonSocial .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRazonSocial .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRazonSocial .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddRazonSocial .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddRazonSocial .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddRazonSocial .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddRazonSocial .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddRazonSocial .table-td-radius .link-button {
  text-decoration: none;
}
#contAddRazonSocial .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddRazonSocial .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddRazonSocial .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddRazonSocial .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddRazonSocial .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRazonSocial .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddRazonSocial .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddRazonSocial .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddRazonSocial .table-solid-color .active-btn {
  color: #28a745;
}
#contAddRazonSocial .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddRazonSocial .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRazonSocial .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRazonSocial .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddRazonSocial .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contAddRazonSocial .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRazonSocial .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contAddRazonSocial .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contAddRazonSocial .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contAddRazonSocial .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRazonSocial .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRazonSocial .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRazonSocial .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddRazonSocial .card .bnt-form-primary img {
  width: 15%;
}
#contAddRazonSocial .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRazonSocial .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRazonSocial .card .bnt-form-save img {
  width: 15%;
}
#contAddRazonSocial .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contAddRazonSocial .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contAddRazonSocial .table-solid-color td {
  vertical-align: middle;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contAddRazonSocial #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contAddRazonSocial #apartadoAdicionalDocumental .contentCliente {
  /* ===== HEADER ===== */
  /* ===== FOOTER ===== */
}
#contAddRazonSocial #apartadoAdicionalDocumental .contentCliente .modal-header {
  background-color: #256df2;
  border-bottom: none;
  padding: 0.5rem 1.5rem;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#contAddRazonSocial #apartadoAdicionalDocumental .contentCliente .modal-header .card-header {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #ffffff;
}
#contAddRazonSocial #apartadoAdicionalDocumental .contentCliente .modal-header .close {
  right: 1rem;
  font-size: 1.3rem;
}
#contAddRazonSocial #apartadoAdicionalDocumental .contentCliente .modal-footer {
  background-color: #256df2;
  border-top: none;
  padding: 0.4rem 1.5rem;
  min-height: 46px;
}
#contAddRazonSocial #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contAddRazonSocial #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddRazonSocial #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddRazonSocial #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contAddRazonSocial #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddRazonSocial #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contAddRazonSocial #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contAddRazonSocial #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contAddRazonSocial #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contAddRazonSocial #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddRazonSocial #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddRazonSocial #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddRazonSocial #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddRazonSocial #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contAddRazonSocial #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddRazonSocial #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contAddRazonSocial #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contAddRazonSocial #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contAddRazonSocial #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddRazonSocial #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddRazonSocial #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contAddRazonSocial #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddRazonSocial #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddRazonSocial #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}
#contAddRazonSocial .apartado-clientes {
  /* HEADER DEL ACCORDION */
  /* BOTÓN DEL ACCORDION */
  /* EFECTO ACTIVO */
  /* CUERPO DEL ACCORDION */
}
#contAddRazonSocial .apartado-clientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRazonSocial .apartado-clientes .card {
  border: none;
  background: transparent;
}
#contAddRazonSocial .apartado-clientes .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
#contAddRazonSocial .apartado-clientes .card-header button {
  width: 100%;
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
  text-align: left;
  padding: 1rem 2rem;
}
#contAddRazonSocial .apartado-clientes .card-header button:not(.collapsed) {
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
}
#contAddRazonSocial .apartado-clientes .card-body {
  padding: 2rem 1rem;
}
#contAddRazonSocial .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddRazonSocial .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRazonSocial .btn-form-border-gradientForm {
  padding: 1rem;
  border: none;
  position: relative;
  z-index: 1;
  background: rgba(37, 109, 242, 0.2) !important;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  border-radius: 40px;
  cursor: pointer;
  width: 100%;
  color: #256df2;
  transition: all 0.3s ease;
}
#contAddRazonSocial .btn-form-border-gradientForm:hover {
  background-color: #256df2 !important;
  color: #ffffff;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.35);
}
#contAddRazonSocial .btn-form-border-gradientForm[aria-expanded=true] {
  background-color: #256df2 !important;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(37, 109, 242, 0.45);
  transform: scale(1.01);
}
#contAddRazonSocial .btn-form-border-gradientForm:focus, #contAddRazonSocial .btn-form-border-gradientForm:focus-visible, #contAddRazonSocial .btn-form-border-gradientForm:active, #contAddRazonSocial .btn-form-border-gradientForm:active:focus {
  outline: none !important;
  box-shadow: none !important;
}
#contAddRazonSocial .bnt-form-saveBanco {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRazonSocial .bnt-form-saveBanco:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRazonSocial .bnt-form-saveBanco img {
  width: 15%;
}
#contAddRazonSocial .btn-upload-file {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1.4rem;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  background-color: #256df2;
  color: #ffffff;
  font-family: Jost-Medium;
  font-size: 0.95rem;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.25);
  transition: all 0.25s ease;
}
#contAddRazonSocial .btn-upload-file i {
  font-size: 0.9rem;
}
#contAddRazonSocial .btn-upload-file:hover {
  background-color: #1864f2;
  box-shadow: 0 5px 12px rgba(37, 109, 242, 0.35);
  transform: translateY(-1px);
}
#contAddRazonSocial .btn-upload-file:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(37, 109, 242, 0.25);
}
#contAddRazonSocial .btn-upload-file:focus, #contAddRazonSocial .btn-upload-file:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 109, 242, 0.35);
}
#contAddRazonSocial .btn-upload-file:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#contAddRazonSocial .btn-action-green .btn-action-main,
#contAddRazonSocial .btn-action-green .btn-action-dropdown {
  border: none;
  cursor: pointer;
  font-family: Jost-Medium;
  font-size: 0.9rem;
  padding: 0.55rem 1.2rem;
  transition: all 0.25s ease;
  color: #ffffff;
}
#contAddRazonSocial .btn-action-green .btn-action-main:focus, #contAddRazonSocial .btn-action-green .btn-action-main:focus-visible, #contAddRazonSocial .btn-action-green .btn-action-main:active,
#contAddRazonSocial .btn-action-green .btn-action-dropdown:focus,
#contAddRazonSocial .btn-action-green .btn-action-dropdown:focus-visible,
#contAddRazonSocial .btn-action-green .btn-action-dropdown:active {
  outline: none;
  box-shadow: none;
}
#contAddRazonSocial .btn-action-green .btn-action-main {
  background-color: #28a745;
  border-radius: 40px 0 0 40px;
}
#contAddRazonSocial .btn-action-green .btn-action-main:hover {
  background-color: #228e3b;
}
#contAddRazonSocial .btn-action-green .btn-action-dropdown {
  background-color: #6fcf97;
  border-radius: 0 40px 40px 0;
  padding: 0.55rem 0.9rem;
}
#contAddRazonSocial .btn-action-green .btn-action-dropdown:hover {
  background-color: #58c786;
}
#contAddRazonSocial .btn-action-green .btn-action-dropdown::after {
  margin-left: 0;
}
#contAddRazonSocial .btn-action-green .dropdown-menu {
  border-radius: 14px;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: 0.4rem 0;
}
#contAddRazonSocial .btn-action-green .dropdown-menu .dropdown-item {
  font-size: 0.85rem;
  padding: 0.45rem 1rem;
}
#contAddRazonSocial .btn-action-green .dropdown-menu .dropdown-item:hover {
  background-color: rgba(40, 167, 69, 0.12);
}
#contAddRazonSocial .bnt-form-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #e53935, #c62828);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contAddRazonSocial .bnt-form-delete:hover {
  background: linear-gradient(to right, #ef5350, #d32f2f);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contAddRazonSocial .bnt-form-delete:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contAddRazonSocial .bnt-form-delete:focus, #contAddRazonSocial .bnt-form-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contAddRazonSocial .bnt-form-delete img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contAddRazonSocial .bnt-form-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #52e535, #057501);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contAddRazonSocial .bnt-form-active:hover {
  background: linear-gradient(to right, #56e21f, #0b6304);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contAddRazonSocial .bnt-form-active:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contAddRazonSocial .bnt-form-active:focus, #contAddRazonSocial .bnt-form-active:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contAddRazonSocial .bnt-form-active img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contAddRazonSocial .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddRazonSocial .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddRazonSocial .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddRazonSocial .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddRazonSocial .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRazonSocial .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  text-align: center;
}
#contAddRazonSocial .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddRazonSocial .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddRazonSocial .table-solid-color .active-btn {
  color: #28a745;
}
#contAddRazonSocial .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddRazonSocial .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRazonSocial #cuentasModal .modal-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
#contAddRazonSocial #cuentasModal .modal-title {
  grid-column: 2;
  text-align: center;
}
#contAddRazonSocial #cuentasModal .close {
  grid-column: 3;
  justify-self: end;
}

#contListArrendador .h-100 {
  height: 100%;
}
#contListArrendador .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListArrendador .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListArrendador .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListArrendador .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListArrendador .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListArrendador .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListArrendador .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListArrendador .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListArrendador .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListArrendador .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListArrendador .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListArrendador .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListArrendador .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListArrendador .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListArrendador .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListArrendador .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListArrendador .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListArrendador .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListArrendador .input-wrapper input:valid + .label-input,
#contListArrendador .input-wrapper input:focus + .label-input {
  display: none;
}
#contListArrendador .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListArrendador .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListArrendador .form-select option:hover {
  background-color: #f86306 !important;
}
#contListArrendador .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListArrendador .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListArrendador .div-cont-img {
  display: none;
  width: 100%;
}
#contListArrendador .div-cont-img img {
  width: 7%;
}
#contListArrendador table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListArrendador table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListArrendador table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListArrendador table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListArrendador table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListArrendador table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListArrendador table .tbody-custom .tr-none {
  border: none;
}
#contListArrendador table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListArrendador table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListArrendador table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListArrendador table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListArrendador table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListArrendador table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListArrendador table .link-button {
  text-decoration: none;
}
#contListArrendador table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contListArrendador table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListArrendador table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}

#contAddArrendador .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddArrendador .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddArrendador .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddArrendador .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddArrendador .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddArrendador .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddArrendador .card .bnt-form-primary img {
  width: 15%;
}
#contAddArrendador .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddArrendador .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddArrendador .card .bnt-form-save img {
  width: 15%;
}
#contAddArrendador .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddArrendador .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddArrendador .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddArrendador .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddArrendador .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddArrendador .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddArrendador .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddArrendador .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddArrendador .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddArrendador .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddArrendador .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddArrendador .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddArrendador .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddArrendador .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddArrendador .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddArrendador .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddArrendador .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddArrendador .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddArrendador .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddArrendador .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddArrendador .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddArrendador .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddArrendador .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddArrendador .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddArrendador .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddArrendador .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddArrendador .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddArrendador .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddArrendador .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddArrendador .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddArrendador .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddArrendador .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddArrendador .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddArrendador .card .bnt-form-save img {
  width: 15%;
}
#contAddArrendador .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddArrendador .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddArrendador .card .bnt-form-primary img {
  width: 15%;
}

#contListInfrestructura .h-100 {
  height: 100%;
}
#contListInfrestructura .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListInfrestructura .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListInfrestructura .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListInfrestructura .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListInfrestructura .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListInfrestructura .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListInfrestructura .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListInfrestructura .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListInfrestructura .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListInfrestructura .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListInfrestructura .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListInfrestructura .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListInfrestructura .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListInfrestructura .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListInfrestructura .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListInfrestructura .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListInfrestructura .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListInfrestructura .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListInfrestructura .input-wrapper input:valid + .label-input,
#contListInfrestructura .input-wrapper input:focus + .label-input {
  display: none;
}
#contListInfrestructura .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListInfrestructura .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListInfrestructura .form-select option:hover {
  background-color: #f86306 !important;
}
#contListInfrestructura .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListInfrestructura .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListInfrestructura .div-cont-img {
  display: none;
  width: 100%;
}
#contListInfrestructura .div-cont-img img {
  width: 7%;
}
#contListInfrestructura table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListInfrestructura table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListInfrestructura table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListInfrestructura table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListInfrestructura table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListInfrestructura table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListInfrestructura table .tbody-custom .tr-none {
  border: none;
}
#contListInfrestructura table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListInfrestructura table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListInfrestructura table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListInfrestructura table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListInfrestructura table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListInfrestructura table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListInfrestructura table .link-button {
  text-decoration: none;
}
#contListInfrestructura table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contListInfrestructura table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListInfrestructura table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}

#contAddInfrestructura .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddInfrestructura .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddInfrestructura .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddInfrestructura .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddInfrestructura .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddInfrestructura .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddInfrestructura .card .bnt-form-primary img {
  width: 15%;
}
#contAddInfrestructura .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddInfrestructura .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddInfrestructura .card .bnt-form-save img {
  width: 15%;
}
#contAddInfrestructura .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddInfrestructura .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddInfrestructura .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddInfrestructura .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddInfrestructura .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddInfrestructura .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddInfrestructura .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddInfrestructura .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddInfrestructura .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddInfrestructura .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddInfrestructura .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddInfrestructura .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddInfrestructura .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddInfrestructura .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddInfrestructura .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddInfrestructura .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddInfrestructura .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddInfrestructura .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddInfrestructura .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddInfrestructura .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddInfrestructura .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddInfrestructura .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddInfrestructura .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddInfrestructura .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddInfrestructura .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddInfrestructura .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddInfrestructura .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddInfrestructura .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddInfrestructura .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddInfrestructura .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddInfrestructura .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddInfrestructura .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddInfrestructura .card .bnt-form-save img {
  width: 15%;
}
#contAddInfrestructura .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddInfrestructura .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddInfrestructura .card .bnt-form-primary img {
  width: 15%;
}

#contentMaterialidadList .h-100 {
  height: 100%;
}
#contentMaterialidadList .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 4.9rem;
}
#contentMaterialidadList .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentMaterialidadList .btn-add_menu {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 2.9rem;
}
#contentMaterialidadList .btn-add_menu:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentMaterialidadList .btn-add_submenu {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 5.8rem;
}
#contentMaterialidadList .btn-add_submenu:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentMaterialidadList .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentMaterialidadList .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentMaterialidadList .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentMaterialidadList .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentMaterialidadList .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentMaterialidadList .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentMaterialidadList .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentMaterialidadList .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentMaterialidadList .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentMaterialidadList .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentMaterialidadList .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentMaterialidadList .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentMaterialidadList .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentMaterialidadList .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentMaterialidadList .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentMaterialidadList .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentMaterialidadList .input-wrapper input:valid + .label-input,
#contentMaterialidadList .input-wrapper input:focus + .label-input {
  display: none;
}
#contentMaterialidadList .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentMaterialidadList .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentMaterialidadList .form-select option:hover {
  background-color: #f86306 !important;
}
#contentMaterialidadList .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentMaterialidadList .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentMaterialidadList .div-cont-img {
  display: none;
  width: 100%;
}
#contentMaterialidadList .div-cont-img img {
  width: 7%;
}
#contentMaterialidadList table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentMaterialidadList table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentMaterialidadList table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentMaterialidadList table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentMaterialidadList table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentMaterialidadList table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentMaterialidadList table .tbody-custom .tr-none {
  border: none;
}
#contentMaterialidadList table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentMaterialidadList table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentMaterialidadList table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentMaterialidadList table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentMaterialidadList table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentMaterialidadList table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentMaterialidadList table .link-button {
  text-decoration: none;
}
#contentMaterialidadList table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentMaterialidadList table .btn-detail img {
  width: 25%;
}
#contentMaterialidadList table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contentBloquesList .h-100 {
  height: 100%;
}
#contentBloquesList .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentBloquesList .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentBloquesList .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentBloquesList .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentBloquesList .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentBloquesList .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentBloquesList .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentBloquesList .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentBloquesList .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentBloquesList .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentBloquesList .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentBloquesList .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentBloquesList .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentBloquesList .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentBloquesList .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentBloquesList .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentBloquesList .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentBloquesList .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentBloquesList .input-wrapper input:valid + .label-input,
#contentBloquesList .input-wrapper input:focus + .label-input {
  display: none;
}
#contentBloquesList .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentBloquesList .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentBloquesList .form-select option:hover {
  background-color: #f86306 !important;
}
#contentBloquesList .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentBloquesList .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentBloquesList .div-cont-img {
  display: none;
  width: 100%;
}
#contentBloquesList .div-cont-img img {
  width: 7%;
}
#contentBloquesList table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentBloquesList table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentBloquesList table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentBloquesList table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentBloquesList table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentBloquesList table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentBloquesList table .tbody-custom .tr-none {
  border: none;
}
#contentBloquesList table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentBloquesList table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentBloquesList table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentBloquesList table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentBloquesList table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentBloquesList table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentBloquesList table .link-button {
  text-decoration: none;
}
#contentBloquesList table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contentBloquesList table .btn-detail img {
  width: 25%;
}
#contentBloquesList table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 8% 26%;
}

#contAddBloque .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddBloque .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddBloque .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddBloque .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddBloque .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddBloque .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddBloque .card .bnt-form-primary img {
  width: 15%;
}
#contAddBloque .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddBloque .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddBloque .card .bnt-form-save img {
  width: 15%;
}
#contAddBloque .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddBloque .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddBloque .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddBloque .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddBloque .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddBloque .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddBloque .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddBloque .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddBloque .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddBloque .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddBloque .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddBloque .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddBloque .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddBloque .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddBloque .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddBloque .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddBloque .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddBloque .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddBloque .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddBloque .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddBloque .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddBloque .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddBloque .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddBloque .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddBloque .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddBloque .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddBloque .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddBloque .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddBloque .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddBloque .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddBloque .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddBloque .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddBloque .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddBloque .card .bnt-form-save img {
  width: 15%;
}
#contAddBloque .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddBloque .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddBloque .card .bnt-form-primary img {
  width: 15%;
}

#contentDocumentoList .h-100 {
  height: 100%;
}
#contentDocumentoList .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentDocumentoList .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentDocumentoList .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentDocumentoList .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentDocumentoList .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentDocumentoList .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentDocumentoList .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentDocumentoList .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentDocumentoList .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentDocumentoList .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentDocumentoList .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentDocumentoList .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentDocumentoList .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentDocumentoList .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentDocumentoList .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentDocumentoList .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentDocumentoList .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentDocumentoList .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentDocumentoList .input-wrapper input:valid + .label-input,
#contentDocumentoList .input-wrapper input:focus + .label-input {
  display: none;
}
#contentDocumentoList .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentDocumentoList .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentDocumentoList .form-select option:hover {
  background-color: #f86306 !important;
}
#contentDocumentoList .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentDocumentoList .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentDocumentoList .div-cont-img {
  display: none;
  width: 100%;
}
#contentDocumentoList .div-cont-img img {
  width: 7%;
}
#contentDocumentoList table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentDocumentoList table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentDocumentoList table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentDocumentoList table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentDocumentoList table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentDocumentoList table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentDocumentoList table .tbody-custom .tr-none {
  border: none;
}
#contentDocumentoList table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentDocumentoList table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentDocumentoList table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentDocumentoList table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentDocumentoList table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentDocumentoList table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentDocumentoList table .link-button {
  text-decoration: none;
}
#contentDocumentoList table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contentDocumentoList table .btn-detail img {
  width: 25%;
}
#contentDocumentoList table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 8% 26%;
}

#contAddDocumentoEntregable .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddDocumentoEntregable .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddDocumentoEntregable .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddDocumentoEntregable .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddDocumentoEntregable .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddDocumentoEntregable .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddDocumentoEntregable .card .bnt-form-primary img {
  width: 15%;
}
#contAddDocumentoEntregable .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddDocumentoEntregable .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddDocumentoEntregable .card .bnt-form-save img {
  width: 15%;
}
#contAddDocumentoEntregable .card .bnt-form-view {
  background: linear-gradient(to right, #1f7015, #08d312);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddDocumentoEntregable .card .bnt-form-view:hover {
  background: linear-gradient(to right, #0ec545, rgba(30, 206, 54, 0.7411764706));
}
#contAddDocumentoEntregable .card .bnt-form-view img {
  width: 15%;
}
#contAddDocumentoEntregable .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddDocumentoEntregable .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddDocumentoEntregable .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddDocumentoEntregable .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddDocumentoEntregable .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddDocumentoEntregable .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddDocumentoEntregable .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddDocumentoEntregable .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddDocumentoEntregable .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddDocumentoEntregable .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddDocumentoEntregable .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddDocumentoEntregable .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddDocumentoEntregable .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddDocumentoEntregable .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddDocumentoEntregable .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddDocumentoEntregable .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddDocumentoEntregable .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddDocumentoEntregable .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddDocumentoEntregable .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddDocumentoEntregable .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddDocumentoEntregable .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddDocumentoEntregable .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddDocumentoEntregable .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddDocumentoEntregable .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddDocumentoEntregable .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddDocumentoEntregable .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddDocumentoEntregable .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddDocumentoEntregable .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddDocumentoEntregable .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddDocumentoEntregable .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddDocumentoEntregable .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddDocumentoEntregable .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddDocumentoEntregable .card .bnt-form-save img {
  width: 15%;
}
#contAddDocumentoEntregable .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddDocumentoEntregable .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddDocumentoEntregable .card .bnt-form-primary img {
  width: 15%;
}

#contentComplementoPago .h-100 {
  height: 100%;
}
#contentComplementoPago .disabled-input {
  background-color: #d6d6d6 !important;
}
#contentComplementoPago .ts-wrapper {
  width: 100%;
}
#contentComplementoPago .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 100%;
}
#contentComplementoPago .text-detalle {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 20px;
}
#contentComplementoPago .form-check-factura {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
}
#contentComplementoPago .gif-factura-proceso {
  width: 10%;
}
#contentComplementoPago .oculta-gif-cargando {
  display: none;
}
#contentComplementoPago .concepto-error {
  border: solid red !important;
}
#contentComplementoPago .spam-loading {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentComplementoPago .ul-descripciones-autocomplete {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentComplementoPago .ul-descripciones-autocomplete li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentComplementoPago .ul-descripciones-autocomplete li:hover {
  background: #f0f0f0;
}
#contentComplementoPago .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentComplementoPago .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentComplementoPago .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentComplementoPago .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentComplementoPago .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentComplementoPago .sub-title-section {
  border-radius: 60px 60px 60px 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 0.8vw, 2rem);
}
#contentComplementoPago .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentComplementoPago .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentComplementoPago .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentComplementoPago .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contentComplementoPago .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentComplementoPago .btn-import:hover {
  background-color: #4c77f8;
}
#contentComplementoPago .btn-import img {
  width: 10%;
}
#contentComplementoPago .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentComplementoPago .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentComplementoPago .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentComplementoPago .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentComplementoPago .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentComplementoPago .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contentComplementoPago .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentComplementoPago .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentComplementoPago .input-wrapper input:valid + .label-input,
#contentComplementoPago .input-wrapper input:focus + .label-input {
  display: none;
}
#contentComplementoPago .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentComplementoPago .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentComplementoPago .form-select option:hover {
  background-color: #f86306 !important;
}
#contentComplementoPago .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentComplementoPago .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentComplementoPago .div-cont-img {
  display: none;
  width: 100%;
}
#contentComplementoPago .div-cont-img img {
  width: 7%;
}
#contentComplementoPago .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentComplementoPago .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentComplementoPago .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentComplementoPago .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentComplementoPago .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentComplementoPago .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentComplementoPago .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentComplementoPago .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentComplementoPago .table-td-radius .link-button {
  text-decoration: none;
}
#contentComplementoPago .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentComplementoPago .table-td-radius .btn-detail img {
  width: 25%;
}
#contentComplementoPago .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentComplementoPago .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentComplementoPago .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentComplementoPago .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentComplementoPago .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentComplementoPago .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentComplementoPago .table-solid-color .active-btn {
  color: #28a745;
}
#contentComplementoPago .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentComplementoPago .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentComplementoPago .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentComplementoPago .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentComplementoPago .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentComplementoPago .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentComplementoPago .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contentComplementoPago .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contentComplementoPago .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contentComplementoPago .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentComplementoPago .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentComplementoPago .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentComplementoPago .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentComplementoPago .card .bnt-form-primary img {
  width: 10%;
}
#contentComplementoPago .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentComplementoPago .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentComplementoPago .card .bnt-form-save img {
  width: 15%;
}
#contentComplementoPago .card .div-cont-concepto {
  border-radius: 12px;
  border: solid 1px #4c77f8;
}
#contentComplementoPago .card .div-cont-concepto .title-concepto {
  border-radius: 10px;
  background-color: #4c77f8;
}
#contentComplementoPago .card .div-cont-concepto .title-concepto h5 {
  margin: 0;
  padding: 0;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentComplementoPago .card .div-cont-concepto .no-padding {
  padding: 0;
}
#contentComplementoPago .card .div-cont-concepto .btn-deleted-cp {
  font-size: 1rem;
  padding: 0.2rem 0.5rem;
}
#contentComplementoPago .card .div-button-add-cp {
  height: 100%;
}

#listComplementoPago .h-100 {
  height: 100%;
}
#listComplementoPago .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#listComplementoPago .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#listComplementoPago .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#listComplementoPago .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#listComplementoPago .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#listComplementoPago .link-btn {
  font-size: 1.3rem;
  padding: 12px 0;
  display: inline-block;
  text-decoration: none;
  width: 100%;
}
#listComplementoPago .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#listComplementoPago .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#listComplementoPago .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#listComplementoPago .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#listComplementoPago .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#listComplementoPago .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#listComplementoPago .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#listComplementoPago .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#listComplementoPago .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#listComplementoPago .input-wrapper input:valid + .label-input,
#listComplementoPago .input-wrapper input:focus + .label-input {
  display: none;
}
#listComplementoPago .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#listComplementoPago .form-select option {
  background-color: #dd036f;
  color: white;
}
#listComplementoPago .form-select option:hover {
  background-color: #f86306 !important;
}
#listComplementoPago .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#listComplementoPago .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#listComplementoPago .div-cont-img {
  display: none;
  width: 100%;
}
#listComplementoPago .div-cont-img img {
  width: 7%;
}
#listComplementoPago table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#listComplementoPago table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#listComplementoPago table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#listComplementoPago table .border-right {
  border-right: solid 1px #dd036f !important;
}
#listComplementoPago table .border-left {
  border-left: solid 1px #dd036f !important;
}
#listComplementoPago table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#listComplementoPago table .tbody-custom .tr-none {
  border: none;
}
#listComplementoPago table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#listComplementoPago table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#listComplementoPago table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#listComplementoPago table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#listComplementoPago table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#listComplementoPago table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#listComplementoPago table .link-button {
  text-decoration: none;
}
#listComplementoPago table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#listComplementoPago table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#listComplementoPago table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5% 20%;
}
#listComplementoPago .conceptos-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center;
  /* SOLUCIÓN AL TRUNCADO: */
  height: auto !important; /* Permite al contenedor crecer hacia abajo */
  overflow: visible !important; /* Evita ocultar elementos que se pasen del límite */
  text-overflow: clip !important; /* Desactiva los puntos suspensivos en el contenedor */
}
#listComplementoPago .conceptos-tags .tag {
  background-color: #f0f0f0;
  color: #666666;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 5px 10px;
  border-radius: 20px;
  break-inside: avoid;
  display: inline-block;
  white-space: nowrap;
}

#contentProcesar .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentProcesar .oculta-gif-cargando {
  display: none;
}
#contentProcesar .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentProcesar .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentProcesar .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentProcesar .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentProcesar .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentProcesar .card .bnt-form-primary img {
  width: 15%;
}
#contentProcesar .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentProcesar .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentProcesar .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentProcesar .card .bnt-form-save img {
  width: 15%;
}
#contentProcesar .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentProcesar .card .swal2-actions {
  gap: 15px; /* ajusta el espacio a tu gusto */
}
#contentProcesar .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentProcesar .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentProcesar .card .custom-multi {
  background-color: rgba(13, 109, 253, 0.8235294118);
  color: white;
  border-radius: 8px;
  padding: 10px;
  min-height: 110px;
}
#contentProcesar .card .custom-multi option {
  background-color: #dd036f;
  color: white;
  padding: 6px;
}
#contentProcesar .card .custom-multi option:checked {
  background-color: #f86306 !important;
  color: rgb(243, 132, 41);
}
#contentProcesar .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentProcesar .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentProcesar .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentProcesar .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentProcesar .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentProcesar .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentProcesar .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentProcesar .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentProcesar .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentProcesar .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentProcesar .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentProcesar .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentProcesar .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentProcesar .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentProcesar .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentProcesar .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #037024, #0b941d);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentProcesar .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentProcesar .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentProcesar .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentProcesar .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentProcesar .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentProcesar .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentProcesar .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentProcesar .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentProcesar .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentProcesar .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentProcesar .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentProcesar .card .bnt-form-save img {
  width: 15%;
}
#contentProcesar .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentProcesar .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentProcesar .card .bnt-form-primary img {
  width: 15%;
}
#contentProcesar .h-100 {
  height: 100%;
}
#contentProcesar .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentProcesar .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentProcesar .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentProcesar .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentProcesar .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentProcesar .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentProcesar .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentProcesar .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentProcesar .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentProcesar .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentProcesar .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentProcesar .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentProcesar .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentProcesar .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentProcesar .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentProcesar .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentProcesar .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentProcesar .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentProcesar .input-wrapper input:valid + .label-input,
#contentProcesar .input-wrapper input:focus + .label-input {
  display: none;
}
#contentProcesar .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentProcesar .form-select option {
  background-color: #dd036f;
  color: rgb(236, 143, 20);
}
#contentProcesar .form-select option:hover {
  background-color: #f86306 !important;
}
#contentProcesar .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentProcesar .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentProcesar .div-cont-img {
  display: none;
  width: 100%;
}
#contentProcesar .div-cont-img img {
  width: 7%;
}
#contentProcesar table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentProcesar table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentProcesar table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentProcesar table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentProcesar table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentProcesar table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentProcesar table .tbody-custom .tr-none {
  border: none;
}
#contentProcesar table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentProcesar table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentProcesar table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentProcesar table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentProcesar table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentProcesar table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentProcesar table .link-button {
  text-decoration: none;
}
#contentProcesar table .btn-detail {
  background: linear-gradient(to right, rgba(56, 199, 12, 0.6784313725), rgba(8, 204, 24, 0.7450980392));
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentProcesar table .btn-detail img {
  width: 25%;
}
#contentProcesar table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contentAcervoList .h-100 {
  height: 100%;
}
#contentAcervoList .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentAcervoList .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentAcervoList .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAcervoList .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentAcervoList .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentAcervoList .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentAcervoList .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentAcervoList .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentAcervoList .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentAcervoList .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentAcervoList .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentAcervoList .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentAcervoList .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentAcervoList .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentAcervoList .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentAcervoList .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentAcervoList .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentAcervoList .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentAcervoList .input-wrapper input:valid + .label-input,
#contentAcervoList .input-wrapper input:focus + .label-input {
  display: none;
}
#contentAcervoList .custom-multi {
  background-color: rgba(13, 109, 253, 0.8235294118);
  color: white;
  border-radius: 8px;
  padding: 10px;
  min-height: 110px;
}
#contentAcervoList .custom-multi option {
  background-color: #dd036f;
  color: white;
  padding: 6px;
}
#contentAcervoList .custom-multi option:checked {
  background-color: #f86306 !important;
  color: rgb(243, 132, 41);
}
#contentAcervoList .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentAcervoList .form-select option {
  background-color: #dd036f;
  color: rgb(236, 143, 20);
}
#contentAcervoList .form-select option:hover {
  background-color: #f86306 !important;
}
#contentAcervoList .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAcervoList .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAcervoList .div-cont-img {
  display: none;
  width: 100%;
}
#contentAcervoList .div-cont-img img {
  width: 7%;
}
#contentAcervoList table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAcervoList table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAcervoList table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAcervoList table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAcervoList table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAcervoList table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAcervoList table .tbody-custom .tr-none {
  border: none;
}
#contentAcervoList table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAcervoList table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAcervoList table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAcervoList table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentAcervoList table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAcervoList table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAcervoList table .link-button {
  text-decoration: none;
}
#contentAcervoList table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contentAcervoList table .btn-detail img {
  width: 25%;
}
#contentAcervoList table .btn-activo {
  background: linear-gradient(to right, #2f7705, #55d324);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contentAcervoList table .btn-activo img {
  width: 25%;
}
#contentAcervoList table .btn-inactivo {
  background: linear-gradient(to right, #5c0202, #f71b1b);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contentAcervoList table .btn-inactivo img {
  width: 25%;
}
#contentAcervoList table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 8% 26%;
}

@keyframes gradient-pan {
  from {
    background-position: 0% 50%;
  }
  to {
    background-position: 100% 50%;
  }
}
@keyframes pattern-float {
  from {
    transform: translateY(0) scale(1);
    opacity: 0.9;
  }
  to {
    transform: translateY(-6px) scale(1.01);
    opacity: 1;
  }
}
/* Animaciones */
@keyframes card-in {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@keyframes focus-ring {
  0% {
    box-shadow: 0 0 0 0 rgba(244, 63, 94, 0.18);
  }
  100% {
    box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.1);
  }
}
@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
  }
}
.login__logo {
  margin-top: 160px;
  margin-bottom: 3px;
}

.login {
  min-height: 100vh;
  /*display: grid;
  place-items: stretch;*/
  background: #fff;
  overflow-y: auto;
  overscroll-behavior-y: contain;
  -webkit-overflow-scrolling: touch;
}

.login__subtitle {
  margin-top: 4px;
  font-size: 18px;
  color: #838890;
  width: 230px;
}

.login__layout {
  min-height: 100vh;
  display: grid;
  grid-template-columns: 550px 1fr;
  font-family: "Jost", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}
@media (max-width: 880px) {
  .login__layout {
    grid-template-columns: 1fr;
  }
}

html, body {
  height: 100%;
  margin: 0;
}

.login {
  height: 100vh;
  width: 100%;
}

.login__aside {
  width: 550px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 56px;
  padding: 100px 0;
}

.login__cover {
  position: absolute;
  inset: 0;
  background: center/cover no-repeat;
  opacity: 0.95;
  filter: saturate(1.05);
}

.bg-robot {
  width: 250px;
  height: auto;
}

.login__main {
  display: grid;
  place-items: center;
  padding-top: 15px;
  background: #fff;
  position: relative;
  z-index: 1;
}

.login__card {
  width: min(560px, 100%);
  background: #fff;
  padding: 28px clamp(18px, 4vw, 32px) 24px;
  animation: card-in 0.4s ease-out both;
  position: relative;
  z-index: 2;
}

.login__header {
  margin-bottom: 25px;
  text-align: center;
}

.login__title {
  font-size: 31px;
  font-family: Jost-Bold;
  color: #464e59;
  line-height: 1.2;
  width: 190px;
}

.login__form {
  display: grid;
  gap: 22px;
}

.login__group {
  display: grid;
  gap: 8px;
}

.login__label {
  font-size: 13px;
  color: #94a3b8;
}

.login__input {
  appearance: none;
  width: 100%;
  border-radius: 12px;
  border: 1px solid;
  background: #fff;
  height: 46px;
  padding: 0 14px;
  font-size: 15px;
  color: #0f172a;
  transition: box-shadow 0.2s ease, border-color 0.2s ease, transform 0.04s ease;
}
.login__input:focus {
  outline: none;
  border-color: rgba(244, 63, 94, 0.45);
  animation: focus-ring 0.18s ease-out both;
}
.login__input.is-invalid {
  border-color: rgba(244, 63, 94, 0.8);
  box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.12);
}

/*.login__error {
    color: $danger-700;
    font-size: 12px;
}*/
.login__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}

.login__remember {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  color: #94a3b8;
}
.login__remember input {
  width: 16px;
  height: 16px;
}

.login__link {
  font-size: 14px;
  color: #6366f1;
  text-decoration: none;
  font-family: Jost-Semibold;
}

.login__btn {
  width: 100%;
  height: 48px;
  border: 0;
  cursor: pointer;
  border-radius: 12px;
  font-weight: 600;
  font-size: 15px;
  color: #fff;
  background-image: linear-gradient(135deg, #fbbf24, #f43f5e);
  box-shadow: 0 10px 30px rgba(244, 63, 94, 0.25);
  transition: transform 0.05s ease, filter 0.15s ease, box-shadow 0.2s ease;
}
.login__btn:hover {
  filter: saturate(1.05) brightness(1.02);
}
.login__btn:active {
  transform: translateY(1px);
}

/* SOCIAL */
.social-form {
  margin-top: 24px;
  font-family: jost-Regular;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-flow: column;
  gap: 16px;
}
.social-form .follow-ik {
  display: flex;
  gap: 16px;
}

@media (max-width: 1024px) {
  .login__robot {
    background-position: right center;
    background-size: contain;
  }
}
@media (max-width: 880px) {
  .login,
  .login__layout,
  .login__main {
    height: auto;
    min-height: 70dvh;
  }
  .login__aside {
    min-height: 38vh;
    padding: 28px 22px;
  }
  .login__main {
    padding: 18px 16px 28px;
  }
  .login__card {
    width: 100%;
    margin-top: -28px;
    border-radius: 18px;
    padding: 22px 16px;
    box-shadow: 0 16px 40px rgba(244, 63, 94, 0.18);
  }
  .login__title {
    font-size: 22px;
  }
  .login__subtitle {
    font-size: 13px;
  }
  .login__input {
    height: 44px;
    font-size: 14px;
  }
  .login__btn {
    height: 46px;
  }
}
@media (max-width: 480px) {
  .login__main {
    padding: 14px 14px 24px;
  }
  .login__card {
    padding: 58px 14px;
  }
  .login__row {
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .login__link {
    align-self: flex-end;
  }
}
.login__field {
  position: relative;
  display: flex;
  align-items: center;
  height: 46px;
  border-radius: 999px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  background: #fff;
  padding: 0 14px 0 40px;
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}
.login__field:focus-within {
  border-color: rgba(244, 63, 94, 0.45);
  box-shadow: 0 0 0 4px rgba(244, 63, 94, 0.1);
}
.login__field.is-invalid {
  border-color: rgba(220, 38, 38, 0.7);
  box-shadow: 0 0 0 4px rgba(220, 38, 38, 0.12);
}

.login__icon {
  position: absolute;
  left: 14px;
  width: 18px;
  height: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.login__icon svg {
  display: block;
  width: 18px;
  height: 18px;
  opacity: 0.6;
}

.login__control {
  appearance: none;
  border: 0;
  width: 100%;
  height: 100%;
  font-size: 15px;
  color: #0f172a;
  background: transparent;
  outline: none;
}
.login__control::placeholder {
  color: #cbd5e1;
}

/* Títulos como en la imagen (ancho libre y pesos) */
.login__title {
  width: auto;
  font-family: Jost-Bold;
  margin: 0;
}

.login__subtitle {
  width: auto;
  margin: 6px 0 0;
}

/* Botón degradado “Ingresar” tipo pill */
.login__btn {
  border-radius: 999px;
  height: 48px;
  background-image: linear-gradient(135deg, #ff7200, #fd5377);
}

/* Enlace recuperar contraseña alineado a la derecha */
.login__row {
  justify-content: flex-end;
}

/* Franja de redes */
.login__social {
  margin-top: 18px;
  text-align: center;
}
.login__social-title {
  font-size: 13px;
  color: #cbd5e1;
  margin-bottom: 8px;
}
.login__social-list {
  display: inline-flex;
  gap: 16px;
}
.login__social-list a {
  display: inline-flex;
  width: 28px;
  height: 28px;
  align-items: center;
  justify-content: center;
  border-radius: 6px;
  border: 1px solid rgba(15, 23, 42, 0.12);
  transition: transform 0.08s ease, border-color 0.15s ease;
}
.login__social-list a:hover {
  transform: translateY(-1px);
  border-color: rgba(244, 63, 94, 0.45);
}
.login__social-list a svg {
  width: 16px;
  height: 16px;
}

/* Ajustes móviles (coinciden con tu bloque) */
@media (max-width: 480px) {
  .login__field {
    height: 44px;
  }
  .login__control {
    font-size: 14px;
  }
  .login__btn {
    height: 46px;
  }
}
/* Alerta global de error (como en el mock) */
.login__alert {
  border-radius: 12px;
  padding: 14px 16px;
  font-size: 14px;
  line-height: 1.35;
  margin-top: 12px;
  border: 1px solid transparent;
}

.login__alert--error {
  color: #f43f5e;
  background: rgba(244, 63, 94, 0.08);
  border-color: rgba(244, 63, 94, 0.18);
}

.modules-card {
  width: 100%;
  max-width: 180px; /* más delgada */
  background: #fff;
  padding: 6px 8px; /* menos padding */
  border-radius: 18px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.06);
}

.module-link:hover {
  background: linear-gradient(135deg, #ff7a18, #ff3d6e);
  color: #fff;
  transform: translateX(4px);
}

.login__sidebar {
  width: 40px;
  position: absolute;
  right: -1px;
  top: 56%;
  transform: translateY(-50%);
  padding: 1px 1px;
  background: transparent;
}

.module-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 50px;
  padding: 10px 0;
  background: #fff;
  border-radius: 20px 0 0 20px;
  transition: all 0.3s ease;
  cursor: pointer;
  outline: none;
  position: relative;
}
.module-link .icon-img {
  width: 20px;
  height: auto;
  object-fit: contain;
  transition: transform 0.3s ease;
}
.module-link .icon-hover {
  display: none;
}
.module-link .icon-default {
  display: block;
}
.module-link:hover, .module-link:focus, .module-link:active {
  background: linear-gradient(135deg, #fbbf24, #f43f5e) !important;
  border-radius: 15px 0 0 20px;
  box-shadow: -5px 10px 30px rgba(244, 63, 94, 0.3);
}
.module-link:hover .icon-default, .module-link:focus .icon-default, .module-link:active .icon-default {
  display: none;
}
.module-link:hover .icon-hover, .module-link:focus .icon-hover, .module-link:active .icon-hover {
  display: block;
  transform: scale(2.3);
}

.modules-card {
  flex-direction: column;
  align-items: stretch;
  gap: 1px;
  width: 43px;
  padding: 10px 2px;
  background: transparent;
  border-radius: 15px 0 0 20px;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
}

.module-link:focus,
.module-link:active {
  background: transparent !important;
  outline: none;
  box-shadow: none;
}

#contentAddTags {
  /* Focus bonito */
}
#contentAddTags .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentAddTags .oculta-gif-cargando {
  display: none;
}
#contentAddTags .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentAddTags .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTags .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTags .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddTags .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddTags .card .bnt-form-primary img {
  width: 15%;
}
#contentAddTags .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentAddTags .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddTags .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddTags .card .bnt-form-save img {
  width: 15%;
}
#contentAddTags .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddTags .card .swal2-actions {
  gap: 15px; /* ajusta el espacio a tu gusto */
}
#contentAddTags .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddTags .card .custom-multi {
  background-color: rgba(13, 109, 253, 0.8235294118);
  color: white;
  border-radius: 8px;
  padding: 10px;
  min-height: 110px;
}
#contentAddTags .card .custom-multi option {
  background-color: #dd036f;
  color: white;
  padding: 6px;
}
#contentAddTags .card .custom-multi option:checked {
  background-color: #f86306 !important;
  color: rgb(243, 132, 41);
}
#contentAddTags .card .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentAddTags .card .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddTags .card .bnt-form-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #e53935, #c62828);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contentAddTags .card .bnt-form-delete:hover {
  background: linear-gradient(to right, #ef5350, #d32f2f);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contentAddTags .card .bnt-form-delete:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contentAddTags .card .bnt-form-delete:focus, #contentAddTags .card .bnt-form-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contentAddTags .card .bnt-form-delete img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contentAddTags .card .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentAddTags .card .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddTags .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddTags .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddTags .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTags .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddTags .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddTags .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddTags .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddTags .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddTags .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddTags .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddTags .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddTags .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentAddTags .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddTags .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddTags .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentAddTags .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #037024, #0b941d);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentAddTags .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentAddTags .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddTags .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentAddTags .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddTags .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentAddTags .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentAddTags .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentAddTags .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentAddTags .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentAddTags .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddTags .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddTags .card .bnt-form-save img {
  width: 15%;
}
#contentAddTags .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddTags .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddTags .card .bnt-form-primary img {
  width: 15%;
}
#contentAddTags .h-100 {
  height: 100%;
}
#contentAddTags .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentAddTags .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentAddTags .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddTags .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentAddTags .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentAddTags .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentAddTags .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentAddTags .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentAddTags .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentAddTags .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentAddTags .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentAddTags .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentAddTags .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentAddTags .selectpicker {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  border: none;
  padding: 0.5rem 1rem;
  width: 100%;
  cursor: pointer;
  /* Quita estilo nativo */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.3s ease;
}
#contentAddTags .selectpicker:focus {
  outline: none;
  box-shadow: 0px 5px 12px rgba(112, 112, 112, 0.4);
}
#contentAddTags .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentAddTags .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentAddTags .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentAddTags .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentAddTags .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentAddTags .input-wrapper input:valid + .label-input,
#contentAddTags .input-wrapper input:focus + .label-input {
  display: none;
}
#contentAddTags .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentAddTags .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentAddTags .form-select option:hover {
  background-color: #f86306 !important;
}
#contentAddTags .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddTags .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddTags .div-cont-img {
  display: none;
  width: 100%;
}
#contentAddTags .div-cont-img img {
  width: 7%;
}
#contentAddTags table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddTags table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddTags table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddTags table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddTags table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddTags table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddTags table .tbody-custom .tr-none {
  border: none;
}
#contentAddTags table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddTags table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddTags table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddTags table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentAddTags table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddTags table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddTags table .link-button {
  text-decoration: none;
}
#contentAddTags table .btn-detail {
  background: linear-gradient(to right, rgba(56, 199, 12, 0.6784313725), rgba(8, 204, 24, 0.7450980392));
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddTags table .btn-detail img {
  width: 25%;
}
#contentAddTags table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contentTagsList .h-100 {
  height: 100%;
}
#contentTagsList .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentTagsList .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentTagsList .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentTagsList .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentTagsList .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentTagsList .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentTagsList .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentTagsList .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentTagsList .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentTagsList .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentTagsList .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentTagsList .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentTagsList .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentTagsList .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentTagsList .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentTagsList .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentTagsList .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentTagsList .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentTagsList .input-wrapper input:valid + .label-input,
#contentTagsList .input-wrapper input:focus + .label-input {
  display: none;
}
#contentTagsList .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentTagsList .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentTagsList .form-select option:hover {
  background-color: #f86306 !important;
}
#contentTagsList .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentTagsList .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentTagsList .div-cont-img {
  display: none;
  width: 100%;
}
#contentTagsList .div-cont-img img {
  width: 7%;
}
#contentTagsList table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentTagsList table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentTagsList table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentTagsList table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentTagsList table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentTagsList table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentTagsList table .tbody-custom .tr-none {
  border: none;
}
#contentTagsList table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentTagsList table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentTagsList table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentTagsList table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentTagsList table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentTagsList table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentTagsList table .link-button {
  text-decoration: none;
}
#contentTagsList table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contentTagsList table .btn-detail img {
  width: 25%;
}
#contentTagsList table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 8% 26%;
}

#contentAddEntregables {
  /* Focus bonito */
}
#contentAddEntregables .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentAddEntregables .oculta-gif-cargando {
  display: none;
}
#contentAddEntregables .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
  /* Hover */
  /* Click */
  /* Items */
  /* Hover */
}
#contentAddEntregables .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddEntregables .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddEntregables .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddEntregables .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddEntregables .card .bnt-form-primary img {
  width: 15%;
}
#contentAddEntregables .card .text-detail {
  color: #575d61;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentAddEntregables .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddEntregables .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddEntregables .card .bnt-form-save img {
  width: 15%;
}
#contentAddEntregables .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddEntregables .card .swal2-actions {
  gap: 15px; /* ajusta el espacio a tu gusto */
}
#contentAddEntregables .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddEntregables .card .custom-multi {
  background-color: rgba(13, 109, 253, 0.8235294118);
  color: white;
  border-radius: 8px;
  padding: 10px;
  min-height: 110px;
}
#contentAddEntregables .card .custom-multi option {
  background-color: #dd036f;
  color: white;
  padding: 6px;
}
#contentAddEntregables .card .custom-multi option:checked {
  background-color: #f86306 !important;
  color: rgb(243, 132, 41);
}
#contentAddEntregables .card .btn-nombre-bloque {
  background-color: #007bff !important; /* azul */
  border: 2px solid #ffffff !important; /* borde blanco */
  color: #ffffff !important;
  border-radius: 50px; /* totalmente redondeado */
  padding: 0.5rem 1.5rem;
  transition: all 0.3s ease;
}
#contentAddEntregables .card .btn-nombre-bloque:hover {
  background-color: #0056b3 !important; /* azul más oscuro */
  border-color: #ffffff !important;
}
#contentAddEntregables .card .btn-nombre-bloque:active {
  transform: scale(0.96);
}
#contentAddEntregables .card .btn-upload-file {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1.4rem;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  background-color: #256df2;
  color: #ffffff;
  font-family: Jost-Medium;
  font-size: 0.95rem;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.25);
  transition: all 0.25s ease;
}
#contentAddEntregables .card .btn-upload-file i {
  font-size: 0.9rem;
}
#contentAddEntregables .card .btn-upload-file:hover {
  background-color: #1864f2;
  box-shadow: 0 5px 12px rgba(37, 109, 242, 0.35);
  transform: translateY(-1px);
}
#contentAddEntregables .card .btn-upload-file:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(37, 109, 242, 0.25);
}
#contentAddEntregables .card .btn-upload-file:focus, #contentAddEntregables .card .btn-upload-file:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 109, 242, 0.35);
}
#contentAddEntregables .card .btn-upload-file:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#contentAddEntregables .card .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentAddEntregables .card .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddEntregables .card .bnt-form-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #e53935, #c62828);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contentAddEntregables .card .bnt-form-delete:hover {
  background: linear-gradient(to right, #ef5350, #d32f2f);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contentAddEntregables .card .bnt-form-delete:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contentAddEntregables .card .bnt-form-delete:focus, #contentAddEntregables .card .bnt-form-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contentAddEntregables .card .bnt-form-delete img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contentAddEntregables .card .suggestions-list {
  list-style: none;
  margin: 2px 0 0 0;
  padding: 0;
  border: 2px solid rgba(2, 124, 238, 0.9843137255);
  border-radius: 12px;
  max-height: 200px;
  overflow-y: auto;
  display: none;
  background: rgba(50, 142, 248, 0.9725490196);
}
#contentAddEntregables .card .suggestions-list li {
  padding: 10px 14px;
  cursor: pointer;
  color: white;
}
#contentAddEntregables .card .suggestions-list li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#contentAddEntregables .card .form-control-dark {
  background-color: #e0e0e0; /* gris más oscuro */
  border-color: #bdbdbd;
}
#contentAddEntregables .card .form-control-dark:focus {
  background-color: #d6d6d6;
  border-color: rgba(2, 124, 238, 0.9843137255);
  box-shadow: 0 0 0 0.2rem rgba(2, 124, 238, 0.25);
}
#contentAddEntregables .card .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: rgba(142, 143, 143, 0.7882352941);
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentAddEntregables .card .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddEntregables .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddEntregables .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddEntregables .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddEntregables .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddEntregables .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddEntregables .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddEntregables .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddEntregables .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddEntregables .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddEntregables .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddEntregables .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddEntregables .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentAddEntregables .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddEntregables .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddEntregables .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentAddEntregables .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #037024, #0b941d);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentAddEntregables .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentAddEntregables .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddEntregables .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentAddEntregables .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddEntregables .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentAddEntregables .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentAddEntregables .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentAddEntregables .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentAddEntregables .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentAddEntregables .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddEntregables .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddEntregables .card .bnt-form-save img {
  width: 15%;
}
#contentAddEntregables .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddEntregables .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddEntregables .card .bnt-form-primary img {
  width: 15%;
}
#contentAddEntregables .h-100 {
  height: 100%;
}
#contentAddEntregables .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentAddEntregables .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentAddEntregables .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddEntregables .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentAddEntregables .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentAddEntregables .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentAddEntregables .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentAddEntregables .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentAddEntregables .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentAddEntregables .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentAddEntregables .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentAddEntregables .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentAddEntregables .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentAddEntregables .selectpicker {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  border: none;
  padding: 0.5rem 1rem;
  width: 100%;
  cursor: pointer;
  /* Quita estilo nativo */
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  transition: all 0.3s ease;
}
#contentAddEntregables .selectpicker:focus {
  outline: none;
  box-shadow: 0px 5px 12px rgba(112, 112, 112, 0.4);
}
#contentAddEntregables .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentAddEntregables .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentAddEntregables .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentAddEntregables .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentAddEntregables .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentAddEntregables .input-wrapper input:valid + .label-input,
#contentAddEntregables .input-wrapper input:focus + .label-input {
  display: none;
}
#contentAddEntregables .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentAddEntregables .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentAddEntregables .form-select option:hover {
  background-color: #f86306 !important;
}
#contentAddEntregables .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddEntregables .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddEntregables .div-cont-img {
  display: none;
  width: 100%;
}
#contentAddEntregables .div-cont-img img {
  width: 7%;
}
#contentAddEntregables table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddEntregables table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddEntregables table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddEntregables table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddEntregables table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddEntregables table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddEntregables table .tbody-custom .tr-none {
  border: none;
}
#contentAddEntregables table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddEntregables table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddEntregables table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddEntregables table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentAddEntregables table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddEntregables table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddEntregables table .link-button {
  text-decoration: none;
}
#contentAddEntregables table .btn-detail {
  background: linear-gradient(to right, rgba(56, 199, 12, 0.6784313725), rgba(8, 204, 24, 0.7450980392));
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddEntregables table .btn-detail img {
  width: 25%;
}
#contentAddEntregables table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#loginProject {
  height: 100vh;
}
#loginProject .p-0-custom {
  padding: 0;
}
#loginProject .m-0-custom {
  margin: 0;
}
#loginProject .card {
  border: none;
}
#loginProject .cont-right {
  position: relative;
  width: 100%;
  height: 100vh;
}
@media (max-width: 768px) {
  #loginProject .cont-right {
    height: 40vh;
  }
}
#loginProject .cont-right .img-bakground {
  position: relative;
  width: 100%;
  height: 100vh;
}
#loginProject .cont-right .img-bakground img {
  width: 100%;
  height: 100%;
}
@media (max-width: 768px) {
  #loginProject .cont-right .img-bakground {
    height: 40vh;
  }
}
#loginProject .cont-right .img-upper {
  position: absolute;
  top: 27%;
  left: 0;
  width: 100%;
  height: auto;
}
#loginProject .cont-right .img-upper .img-logo-ikyndom {
  width: 40%;
}
@media (max-width: 768px) {
  #loginProject .cont-right .img-upper .img-logo-ikyndom {
    width: 34%;
  }
}
#loginProject .cont-right .img-upper .img-kyndom-robot {
  width: 51%;
}
@media (max-width: 768px) {
  #loginProject .cont-right .img-upper .img-kyndom-robot {
    width: 32%;
  }
}
@media (max-width: 768px) {
  #loginProject .cont-right .img-upper {
    top: 10%;
  }
}
#loginProject .cont-left .header-login .img-header-login {
  width: 23%;
}
#loginProject .cont-left .header-login .title-login h5 {
  font-family: Jost-Bold;
  font-size: 31px;
  color: #464e59;
}
#loginProject .cont-left .header-login .sub-title h4 {
  font-family: Jost-Regular;
  font-size: 18px;
  color: #838890;
}
#loginProject .cont-left .input-group-text {
  background: transparent;
  box-shadow: none;
  border-radius: 25px 0px 0px 25px;
  border-color: #c9cfd9 transparent #c9cfd9 #c9cfd9;
}
#loginProject .cont-left .form-control {
  border-radius: 0px 25px 25px 0px;
  border-color: #c9cfd9 #c9cfd9 #c9cfd9 transparent;
  font-size: 15px;
  height: 46px;
}
#loginProject .cont-left .btn-login-custom {
  height: 48px;
  width: 100%;
  font-family: Jost-Bold;
  font-size: 15px;
  color: white;
  border-radius: 999px;
  background-image: linear-gradient(135deg, #ff7200, #fd5377);
}
#loginProject .login__sidebar {
  position: absolute;
  right: 0px;
  top: 48%;
  transform: translateY(-50%);
  z-index: 100;
}
#loginProject .modules-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 15px;
  width: 40px;
  padding: 10px 10px;
  background: white;
  border-radius: 14px 0px 0px 14px;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
#loginProject .link-upper:hover {
  border-radius: 14px 0px 0px 0px;
  transform: scale(1.5);
  background-image: linear-gradient(135deg, #ff7200, #fd5377);
}
#loginProject .link-upper:hover .img-default {
  opacity: 0;
}
#loginProject .link-upper:hover .img-hover {
  opacity: 1;
}
#loginProject .link-donw:hover {
  border-radius: 0px 0px 0px 14px;
  transform: scale(1.5);
  background-image: linear-gradient(135deg, #ff7200, #fd5377);
}
#loginProject .link-donw:hover .img-default {
  opacity: 0;
}
#loginProject .link-donw:hover .img-hover {
  opacity: 1;
}
#loginProject .module-link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 35px;
  height: 35px;
  position: relative;
  transition: transform 0.3s ease;
  transform-origin: right center;
}
#loginProject .module-link .icon-img {
  width: 25px;
  height: 25px;
  object-fit: contain;
  position: absolute;
  transition: opacity 0.3s ease;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#loginProject .module-link .img-hover {
  opacity: 0;
}

#listPrefacturas .h-100 {
  height: 100%;
}
#listPrefacturas .link-button {
  text-decoration: none;
  display: flex;
  width: fit-content;
}
#listPrefacturas .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#listPrefacturas .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#listPrefacturas .bnt-form-primary img {
  width: 25px;
}
#listPrefacturas .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#listPrefacturas .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#listPrefacturas .bnt-form-save img {
  width: 25px;
}
#listPrefacturas .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#listPrefacturas .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#listPrefacturas .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#listPrefacturas .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#listPrefacturas .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#listPrefacturas .card .card-header .nav-link {
  border-color: #e9ecef #e9ecef #dee2e6;
  color: #fff;
  font-family: Jost-Medium;
  font-size: clamp(1rem, 1vw, 2rem);
}
#listPrefacturas .card .card-header .nav-link.active {
  background-color: #fff;
  color: #3c6bf6;
  border-color: #fff;
}
#listPrefacturas .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#listPrefacturas .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#listPrefacturas .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#listPrefacturas .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#listPrefacturas .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#listPrefacturas .link-btn {
  text-decoration: none;
  width: 100%;
}
#listPrefacturas .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#listPrefacturas .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#listPrefacturas .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#listPrefacturas .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#listPrefacturas .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#listPrefacturas .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#listPrefacturas .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#listPrefacturas .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#listPrefacturas .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#listPrefacturas .input-wrapper input:valid + .label-input,
#listPrefacturas .input-wrapper input:focus + .label-input {
  display: none;
}
#listPrefacturas .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#listPrefacturas .form-select option {
  background-color: #dd036f;
  color: white;
}
#listPrefacturas .form-select option:hover {
  background-color: #f86306 !important;
}
#listPrefacturas .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#listPrefacturas .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#listPrefacturas .div-cont-img {
  display: none;
  width: 100%;
}
#listPrefacturas .div-cont-img img {
  width: 7%;
}
#listPrefacturas table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#listPrefacturas table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#listPrefacturas table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#listPrefacturas table .border-right {
  border-right: solid 1px #dd036f !important;
}
#listPrefacturas table .border-left {
  border-left: solid 1px #dd036f !important;
}
#listPrefacturas table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#listPrefacturas table .tbody-custom .tr-none {
  border: none;
}
#listPrefacturas table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#listPrefacturas table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#listPrefacturas table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
  padding-right: 0;
}
#listPrefacturas table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
  width: 100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
#listPrefacturas table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#listPrefacturas table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#listPrefacturas table .link-button {
  text-decoration: none;
}
#listPrefacturas table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#listPrefacturas table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#listPrefacturas table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}
#listPrefacturas table .bnt-timbrar-prefactura {
  background: #fce252;
  border: none;
  border-radius: 60px;
  font-family: Jost-Regular;
  color: #6b6001;
  font-size: clamp(0.8rem, 0.8vw, 2rem);
}

#contAddPosteventa {
  /* flecha personalizada */
  /* opciones */
  /* cuerpo */
}
#contAddPosteventa .h-100 {
  height: 100%;
}
#contAddPosteventa .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddPosteventa .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddPosteventa .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contAddPosteventa .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contAddPosteventa .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddPosteventa .link-btn {
  text-decoration: none;
  width: 100%;
}
#contAddPosteventa .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddPosteventa .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contAddPosteventa .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contAddPosteventa .btn-green {
  background-color: #18bd18;
  border-radius: 40px;
}
#contAddPosteventa .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddPosteventa .btn-import:hover {
  background-color: #4c77f8;
}
#contAddPosteventa .btn-import img {
  width: 10%;
}
#contAddPosteventa .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddPosteventa .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contAddPosteventa .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddPosteventa .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddPosteventa .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contAddPosteventa .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contAddPosteventa .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contAddPosteventa .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contAddPosteventa .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contAddPosteventa .input-wrapper input:valid + .label-input,
#contAddPosteventa .input-wrapper input:focus + .label-input {
  display: none;
}
#contAddPosteventa .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contAddPosteventa .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddPosteventa .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddPosteventa .ts-wrapper {
  width: 100%;
}
#contAddPosteventa .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 100%;
}
#contAddPosteventa .title-top {
  display: flex;
  justify-content: center; /* centra horizontal */
  margin-bottom: 20px; /* espacio con la tabla */
}
#contAddPosteventa .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddPosteventa .clientesLista {
  background: linear-gradient(to right, #dd036f, #f86306), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M1.5 5.5l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 12px center;
  background-size: 100%, 12px;
}
#contAddPosteventa .clientesLista option {
  background: white;
  color: #333;
}
#contAddPosteventa .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddPosteventa .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddPosteventa .div-cont-img {
  display: none;
  width: 100%;
}
#contAddPosteventa .div-cont-img img {
  width: 7%;
}
#contAddPosteventa .input-group-text {
  border-radius: 15px !important;
  padding: 4px 8px;
}
#contAddPosteventa #tableAddSeguimiento .tabla-involucrados {
  border-radius: 14px;
  overflow: hidden;
  margin-bottom: 1;
}
#contAddPosteventa #tableAddSeguimiento .tabla-involucrados thead th {
  background: #4871eb !important;
  color: #ffffff !important;
  text-align: center;
  background-clip: border-box !important;
  -webkit-background-clip: border-box !important;
  -webkit-text-fill-color: #ffffff !important;
}
#contAddPosteventa #tableAddSeguimiento .tabla-involucrados tbody td {
  background: #4c77f8;
  color: #333;
}
#contAddPosteventa .table-solid-color tbody tr {
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
  background: linear-gradient(to right, #dd036f, #f1762a 60%);
  border-radius: 12px;
}
#contAddPosteventa .table-solid-color tbody tr th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa .table-solid-color tbody tr tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  color: white;
  border: 4px;
}
#contAddPosteventa .table-solid-color tbody tr tbody td a {
  color: rgb(214, 13, 13);
}
#contAddPosteventa .table-solid-color tbody tr tbody td .table-select-bank {
  width: 150px;
}
#contAddPosteventa .table-solid-color tbody tr tbody td .div-cont-bandera {
  background-color: white;
  border-radius: 12px;
}
#contAddPosteventa .table-solid-color tbody tr tbody td .div-cont-bandera .bandera-red {
  background: red;
  border-radius: 40px;
  height: 20px;
}
#contAddPosteventa .table-solid-color tbody tr tbody td .div-cont-bandera .bandera-orange {
  background: orange;
  border-radius: 40px;
  height: 20px;
}
#contAddPosteventa .table-solid-color tbody tr tbody td .div-cont-bandera .bandera-green {
  background: #218838;
  border-radius: 40px;
  height: 20px;
}
#contAddPosteventa .table-sub {
  width: 100%;
  table-layout: fixed;
  background: linear-gradient(to right, #dd036f, #f86306 60%);
  border-radius: 13px;
}
#contAddPosteventa .table-sub th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa .table-sub tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  color: white;
}
#contAddPosteventa .table-sub tbody td a {
  color: white;
}
#contAddPosteventa .table-sub tbody td .table-select-bank {
  width: 150px;
}
#contAddPosteventa .table-sub tbody td .div-cont-bandera {
  background-color: white;
  border-radius: 12px;
}
#contAddPosteventa .table-sub tbody td .div-cont-bandera .bandera-red {
  background: #ff4d6d;
  border-radius: 40px;
  height: 20px;
}
#contAddPosteventa .table-sub tbody td .div-cont-bandera .bandera-orange {
  background: #ff9f43;
  border-radius: 40px;
  height: 20px;
}
#contAddPosteventa .table-sub tbody td .div-cont-bandera .bandera-green {
  background: #34c759;
  border-radius: 40px;
  height: 20px;
}
#contAddPosteventa .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddPosteventa .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddPosteventa .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #dbb0bb, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddPosteventa .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddPosteventa .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddPosteventa .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddPosteventa .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddPosteventa .table-td-radius .link-button {
  text-decoration: none;
}
#contAddPosteventa .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddPosteventa .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddPosteventa .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddPosteventa .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddPosteventa .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddPosteventa .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddPosteventa .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddPosteventa .table-solid-color .active-btn {
  color: #28a745;
}
#contAddPosteventa .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddPosteventa .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddPosteventa .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddPosteventa .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contAddPosteventa .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddPosteventa .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contAddPosteventa .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contAddPosteventa .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contAddPosteventa .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddPosteventa .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddPosteventa .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddPosteventa .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddPosteventa .card .bnt-form-primary img {
  width: 15%;
}
#contAddPosteventa .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
  margin-right: 20px;
}
#contAddPosteventa .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddPosteventa .card .bnt-form-save img {
  width: 15%;
}
#contAddPosteventa .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contAddPosteventa .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contAddPosteventa .table-solid-color td {
  vertical-align: middle;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contAddPosteventa #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contAddPosteventa #apartadoAdicionalDocumental .contentCliente {
  /* ===== HEADER ===== */
  /* ===== FOOTER ===== */
}
#contAddPosteventa #apartadoAdicionalDocumental .contentCliente .modal-header {
  background-color: #256df2;
  border-bottom: none;
  padding: 0.5rem 1.5rem;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#contAddPosteventa #apartadoAdicionalDocumental .contentCliente .modal-header .card-header {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #ffffff;
}
#contAddPosteventa #apartadoAdicionalDocumental .contentCliente .modal-header .close {
  right: 1rem;
  font-size: 1.3rem;
}
#contAddPosteventa #apartadoAdicionalDocumental .contentCliente .modal-footer {
  background-color: #256df2;
  border-top: none;
  padding: 0.4rem 1.5rem;
  min-height: 46px;
}
#contAddPosteventa #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddPosteventa #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddPosteventa #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contAddPosteventa #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddPosteventa #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contAddPosteventa #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contAddPosteventa #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contAddPosteventa #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contAddPosteventa #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddPosteventa #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddPosteventa #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddPosteventa #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddPosteventa #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contAddPosteventa #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddPosteventa #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contAddPosteventa #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contAddPosteventa #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contAddPosteventa #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddPosteventa #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddPosteventa #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contAddPosteventa #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddPosteventa #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddPosteventa #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}
#contAddPosteventa .apartado-clientes {
  /* HEADER DEL ACCORDION */
  /* BOTÓN DEL ACCORDION */
  /* EFECTO ACTIVO */
  /* CUERPO DEL ACCORDION */
}
#contAddPosteventa .apartado-clientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddPosteventa .apartado-clientes .card {
  border: none;
  background: transparent;
}
#contAddPosteventa .apartado-clientes .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
#contAddPosteventa .apartado-clientes .card-header button {
  width: 100%;
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
  text-align: left;
  padding: 1rem 2rem;
}
#contAddPosteventa .apartado-clientes .card-header button:not(.collapsed) {
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
}
#contAddPosteventa .apartado-clientes .card-body {
  padding: 2rem 1rem;
}
#contAddPosteventa .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddPosteventa .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddPosteventa .btn-form-border-gradientForm {
  padding: 1rem;
  border: none;
  position: relative;
  z-index: 1;
  background: rgba(37, 109, 242, 0.2) !important;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  border-radius: 40px;
  cursor: pointer;
  width: 100%;
  color: #256df2;
  transition: all 0.3s ease;
}
#contAddPosteventa .btn-form-border-gradientForm:hover {
  background-color: #256df2 !important;
  color: #ffffff;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.35);
}
#contAddPosteventa .btn-form-border-gradientForm[aria-expanded=true] {
  background-color: #256df2 !important;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(37, 109, 242, 0.45);
  transform: scale(1.01);
}
#contAddPosteventa .btn-form-border-gradientForm:focus, #contAddPosteventa .btn-form-border-gradientForm:focus-visible, #contAddPosteventa .btn-form-border-gradientForm:active, #contAddPosteventa .btn-form-border-gradientForm:active:focus {
  outline: none !important;
  box-shadow: none !important;
}
#contAddPosteventa .bnt-form-saveBanco {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddPosteventa .bnt-form-saveBanco:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddPosteventa .bnt-form-saveBanco img {
  width: 15%;
}
#contAddPosteventa .btn-upload-file {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1.4rem;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  background-color: #256df2;
  color: #ffffff;
  font-family: Jost-Medium;
  font-size: 0.95rem;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.25);
  transition: all 0.25s ease;
}
#contAddPosteventa .btn-upload-file i {
  font-size: 0.9rem;
}
#contAddPosteventa .btn-upload-file:hover {
  background-color: #1864f2;
  box-shadow: 0 5px 12px rgba(37, 109, 242, 0.35);
  transform: translateY(-1px);
}
#contAddPosteventa .btn-upload-file:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(37, 109, 242, 0.25);
}
#contAddPosteventa .btn-upload-file:focus, #contAddPosteventa .btn-upload-file:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 109, 242, 0.35);
}
#contAddPosteventa .btn-upload-file:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#contAddPosteventa .btn-action-green .btn-action-main,
#contAddPosteventa .btn-action-green .btn-action-dropdown {
  border: none;
  cursor: pointer;
  font-family: Jost-Medium;
  font-size: 0.9rem;
  padding: 0.55rem 1.2rem;
  transition: all 0.25s ease;
  color: #ffffff;
}
#contAddPosteventa .btn-action-green .btn-action-main:focus, #contAddPosteventa .btn-action-green .btn-action-main:focus-visible, #contAddPosteventa .btn-action-green .btn-action-main:active,
#contAddPosteventa .btn-action-green .btn-action-dropdown:focus,
#contAddPosteventa .btn-action-green .btn-action-dropdown:focus-visible,
#contAddPosteventa .btn-action-green .btn-action-dropdown:active {
  outline: none;
  box-shadow: none;
}
#contAddPosteventa .btn-action-green .btn-action-main {
  background-color: #28a745;
  border-radius: 40px 0 0 40px;
}
#contAddPosteventa .btn-action-green .btn-action-main:hover {
  background-color: #228e3b;
}
#contAddPosteventa .btn-action-green .btn-action-dropdown {
  background-color: #6fcf97;
  border-radius: 0 40px 40px 0;
  padding: 0.55rem 0.9rem;
}
#contAddPosteventa .btn-action-green .btn-action-dropdown:hover {
  background-color: #58c786;
}
#contAddPosteventa .btn-action-green .btn-action-dropdown::after {
  margin-left: 0;
}
#contAddPosteventa .btn-action-green .dropdown-menu {
  border-radius: 14px;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: 0.4rem 0;
}
#contAddPosteventa .btn-action-green .dropdown-menu .dropdown-item {
  font-size: 0.85rem;
  padding: 0.45rem 1rem;
}
#contAddPosteventa .btn-action-green .dropdown-menu .dropdown-item:hover {
  background-color: rgba(40, 167, 69, 0.12);
}
#contAddPosteventa .bnt-form-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #e53935, #c62828);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contAddPosteventa .bnt-form-delete:hover {
  background: linear-gradient(to right, #ef5350, #d32f2f);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contAddPosteventa .bnt-form-delete:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contAddPosteventa .bnt-form-delete:focus, #contAddPosteventa .bnt-form-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contAddPosteventa .bnt-form-delete img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contAddPosteventa .bnt-form-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #52e535, #057501);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contAddPosteventa .bnt-form-active:hover {
  background: linear-gradient(to right, #56e21f, #0b6304);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contAddPosteventa .bnt-form-active:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contAddPosteventa .bnt-form-active:focus, #contAddPosteventa .bnt-form-active:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contAddPosteventa .bnt-form-active img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contAddPosteventa .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddPosteventa .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddPosteventa .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddPosteventa .table-solid-color {
  border-radius: 12px;
}
#contAddPosteventa .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  text-align: center;
}
#contAddPosteventa .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddPosteventa .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddPosteventa .table-solid-color .active-btn {
  color: #28a745;
}
#contAddPosteventa .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddPosteventa .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPosteventa #cuentasModal .modal-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
#contAddPosteventa #cuentasModal .modal-title {
  grid-column: 2;
  text-align: center;
}
#contAddPosteventa #cuentasModal .close {
  grid-column: 3;
  justify-self: end;
}

#contListIsr .h-100 {
  height: 100%;
}
#contListIsr .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListIsr .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListIsr .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListIsr .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListIsr .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListIsr .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListIsr .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListIsr .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListIsr .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListIsr .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListIsr .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListIsr .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListIsr .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListIsr .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListIsr .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListIsr .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListIsr .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListIsr .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListIsr .input-wrapper input:valid + .label-input,
#contListIsr .input-wrapper input:focus + .label-input {
  display: none;
}
#contListIsr .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListIsr .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListIsr .form-select option:hover {
  background-color: #f86306 !important;
}
#contListIsr .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListIsr .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListIsr .div-cont-img {
  display: none;
  width: 100%;
}
#contListIsr .div-cont-img img {
  width: 7%;
}
#contListIsr table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListIsr table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListIsr table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListIsr table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListIsr table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListIsr table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListIsr table .tbody-custom .tr-none {
  border: none;
}
#contListIsr table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListIsr table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListIsr table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListIsr table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListIsr table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListIsr table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListIsr table .link-button {
  text-decoration: none;
}
#contListIsr table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListIsr table .btn-detail img {
  width: 25%;
}
#contListIsr table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListIsr table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListIsr table .btn-Eliminar img {
  width: 25%;
}

#contAddIsr .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddIsr .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddIsr .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddIsr .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddIsr .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddIsr .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddIsr .card .bnt-form-primary img {
  width: 15%;
}
#contAddIsr .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddIsr .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddIsr .card .bnt-form-save img {
  width: 15%;
}
#contAddIsr .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddIsr .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddIsr .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddIsr .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddIsr .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddIsr .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddIsr .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddIsr .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddIsr .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddIsr .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddIsr .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddIsr .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddIsr .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddIsr .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddIsr .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddIsr .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddIsr .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddIsr .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddIsr .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddIsr .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddIsr .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddIsr .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddIsr .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddIsr .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddIsr .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddIsr .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddIsr .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddIsr .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddIsr .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddIsr .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddIsr .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddIsr .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddIsr .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddIsr .card .bnt-form-save img {
  width: 15%;
}
#contAddIsr .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddIsr .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddIsr .card .bnt-form-primary img {
  width: 15%;
}

#contListSubsidio .h-100 {
  height: 100%;
}
#contListSubsidio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListSubsidio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListSubsidio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListSubsidio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListSubsidio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListSubsidio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListSubsidio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListSubsidio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListSubsidio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListSubsidio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListSubsidio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListSubsidio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListSubsidio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListSubsidio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListSubsidio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListSubsidio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListSubsidio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListSubsidio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListSubsidio .input-wrapper input:valid + .label-input,
#contListSubsidio .input-wrapper input:focus + .label-input {
  display: none;
}
#contListSubsidio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListSubsidio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListSubsidio .form-select option:hover {
  background-color: #f86306 !important;
}
#contListSubsidio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListSubsidio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListSubsidio .div-cont-img {
  display: none;
  width: 100%;
}
#contListSubsidio .div-cont-img img {
  width: 7%;
}
#contListSubsidio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListSubsidio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListSubsidio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListSubsidio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListSubsidio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListSubsidio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListSubsidio table .tbody-custom .tr-none {
  border: none;
}
#contListSubsidio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListSubsidio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListSubsidio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListSubsidio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListSubsidio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListSubsidio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListSubsidio table .link-button {
  text-decoration: none;
}
#contListSubsidio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListSubsidio table .btn-detail img {
  width: 25%;
}
#contListSubsidio table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListSubsidio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListSubsidio table .btn-Eliminar img {
  width: 25%;
}

#contAddSubsidio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddSubsidio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSubsidio .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddSubsidio .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSubsidio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddSubsidio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddSubsidio .card .bnt-form-primary img {
  width: 15%;
}
#contAddSubsidio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddSubsidio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddSubsidio .card .bnt-form-save img {
  width: 15%;
}
#contAddSubsidio .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSubsidio .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddSubsidio .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddSubsidio .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddSubsidio .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddSubsidio .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddSubsidio .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddSubsidio .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddSubsidio .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSubsidio .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddSubsidio .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddSubsidio .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddSubsidio .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddSubsidio .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddSubsidio .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSubsidio .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddSubsidio .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddSubsidio .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddSubsidio .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddSubsidio .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddSubsidio .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddSubsidio .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddSubsidio .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddSubsidio .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddSubsidio .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddSubsidio .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSubsidio .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddSubsidio .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddSubsidio .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddSubsidio .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddSubsidio .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddSubsidio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddSubsidio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddSubsidio .card .bnt-form-save img {
  width: 15%;
}
#contAddSubsidio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddSubsidio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddSubsidio .card .bnt-form-primary img {
  width: 15%;
}

#contListSalario .h-100 {
  height: 100%;
}
#contListSalario .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListSalario .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListSalario .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListSalario .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListSalario .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListSalario .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListSalario .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListSalario .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListSalario .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListSalario .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListSalario .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListSalario .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListSalario .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListSalario .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListSalario .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListSalario .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListSalario .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListSalario .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListSalario .input-wrapper input:valid + .label-input,
#contListSalario .input-wrapper input:focus + .label-input {
  display: none;
}
#contListSalario .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListSalario .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListSalario .form-select option:hover {
  background-color: #f86306 !important;
}
#contListSalario .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListSalario .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListSalario .div-cont-img {
  display: none;
  width: 100%;
}
#contListSalario .div-cont-img img {
  width: 7%;
}
#contListSalario table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListSalario table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListSalario table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListSalario table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListSalario table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListSalario table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListSalario table .tbody-custom .tr-none {
  border: none;
}
#contListSalario table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListSalario table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListSalario table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListSalario table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListSalario table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListSalario table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListSalario table .link-button {
  text-decoration: none;
}
#contListSalario table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListSalario table .btn-detail img {
  width: 25%;
}
#contListSalario table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListSalario table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListSalario table .btn-Eliminar img {
  width: 25%;
}

#contAddSalario .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddSalario .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSalario .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddSalario .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSalario .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddSalario .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddSalario .card .bnt-form-primary img {
  width: 15%;
}
#contAddSalario .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddSalario .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddSalario .card .bnt-form-save img {
  width: 15%;
}
#contAddSalario .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSalario .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddSalario .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddSalario .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddSalario .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddSalario .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddSalario .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddSalario .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddSalario .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSalario .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddSalario .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddSalario .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddSalario .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddSalario .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddSalario .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSalario .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddSalario .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddSalario .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddSalario .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddSalario .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddSalario .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddSalario .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddSalario .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddSalario .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddSalario .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddSalario .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSalario .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddSalario .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddSalario .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddSalario .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddSalario .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddSalario .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddSalario .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddSalario .card .bnt-form-save img {
  width: 15%;
}
#contAddSalario .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddSalario .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddSalario .card .bnt-form-primary img {
  width: 15%;
}

#contListTopeImss .h-100 {
  height: 100%;
}
#contListTopeImss .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListTopeImss .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListTopeImss .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListTopeImss .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTopeImss .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTopeImss .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListTopeImss .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListTopeImss .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListTopeImss .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListTopeImss .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListTopeImss .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListTopeImss .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListTopeImss .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListTopeImss .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListTopeImss .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListTopeImss .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListTopeImss .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListTopeImss .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListTopeImss .input-wrapper input:valid + .label-input,
#contListTopeImss .input-wrapper input:focus + .label-input {
  display: none;
}
#contListTopeImss .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListTopeImss .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListTopeImss .form-select option:hover {
  background-color: #f86306 !important;
}
#contListTopeImss .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListTopeImss .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListTopeImss .div-cont-img {
  display: none;
  width: 100%;
}
#contListTopeImss .div-cont-img img {
  width: 7%;
}
#contListTopeImss table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTopeImss table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTopeImss table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListTopeImss table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListTopeImss table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListTopeImss table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListTopeImss table .tbody-custom .tr-none {
  border: none;
}
#contListTopeImss table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListTopeImss table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListTopeImss table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListTopeImss table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListTopeImss table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListTopeImss table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListTopeImss table .link-button {
  text-decoration: none;
}
#contListTopeImss table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTopeImss table .btn-detail img {
  width: 25%;
}
#contListTopeImss table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListTopeImss table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTopeImss table .btn-Eliminar img {
  width: 25%;
}

#contAddTopeImss .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTopeImss .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTopeImss .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTopeImss .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTopeImss .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTopeImss .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTopeImss .card .bnt-form-primary img {
  width: 15%;
}
#contAddTopeImss .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTopeImss .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTopeImss .card .bnt-form-save img {
  width: 15%;
}
#contAddTopeImss .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTopeImss .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTopeImss .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTopeImss .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTopeImss .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTopeImss .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTopeImss .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTopeImss .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTopeImss .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTopeImss .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTopeImss .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTopeImss .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTopeImss .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTopeImss .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTopeImss .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTopeImss .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTopeImss .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTopeImss .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTopeImss .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTopeImss .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTopeImss .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTopeImss .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTopeImss .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTopeImss .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTopeImss .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTopeImss .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTopeImss .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTopeImss .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTopeImss .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTopeImss .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTopeImss .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTopeImss .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTopeImss .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTopeImss .card .bnt-form-save img {
  width: 15%;
}
#contAddTopeImss .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTopeImss .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTopeImss .card .bnt-form-primary img {
  width: 15%;
}

#contListCuotaimss .h-100 {
  height: 100%;
}
#contListCuotaimss .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListCuotaimss .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListCuotaimss .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListCuotaimss .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListCuotaimss .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListCuotaimss .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListCuotaimss .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListCuotaimss .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListCuotaimss .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListCuotaimss .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListCuotaimss .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListCuotaimss .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListCuotaimss .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListCuotaimss .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListCuotaimss .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListCuotaimss .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListCuotaimss .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListCuotaimss .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListCuotaimss .input-wrapper input:valid + .label-input,
#contListCuotaimss .input-wrapper input:focus + .label-input {
  display: none;
}
#contListCuotaimss .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListCuotaimss .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListCuotaimss .form-select option:hover {
  background-color: #f86306 !important;
}
#contListCuotaimss .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListCuotaimss .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListCuotaimss .div-cont-img {
  display: none;
  width: 100%;
}
#contListCuotaimss .div-cont-img img {
  width: 7%;
}
#contListCuotaimss table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListCuotaimss table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListCuotaimss table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListCuotaimss table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListCuotaimss table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListCuotaimss table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListCuotaimss table .tbody-custom .tr-none {
  border: none;
}
#contListCuotaimss table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListCuotaimss table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListCuotaimss table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListCuotaimss table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListCuotaimss table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListCuotaimss table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListCuotaimss table .link-button {
  text-decoration: none;
}
#contListCuotaimss table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListCuotaimss table .btn-detail img {
  width: 25%;
}
#contListCuotaimss table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListCuotaimss table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListCuotaimss table .btn-Eliminar img {
  width: 25%;
}

#contAddCuotaimss .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddCuotaimss .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCuotaimss .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddCuotaimss .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCuotaimss .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCuotaimss .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddCuotaimss .card .bnt-form-primary img {
  width: 15%;
}
#contAddCuotaimss .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCuotaimss .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddCuotaimss .card .bnt-form-save img {
  width: 15%;
}
#contAddCuotaimss .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddCuotaimss .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCuotaimss .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCuotaimss .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddCuotaimss .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddCuotaimss .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddCuotaimss .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddCuotaimss .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddCuotaimss .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCuotaimss .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddCuotaimss .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddCuotaimss .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddCuotaimss .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddCuotaimss .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddCuotaimss .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCuotaimss .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddCuotaimss .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddCuotaimss .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddCuotaimss .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddCuotaimss .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddCuotaimss .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddCuotaimss .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddCuotaimss .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddCuotaimss .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddCuotaimss .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCuotaimss .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddCuotaimss .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddCuotaimss .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddCuotaimss .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddCuotaimss .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddCuotaimss .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddCuotaimss .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddCuotaimss .card .bnt-form-save img {
  width: 15%;
}
#contAddCuotaimss .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddCuotaimss .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddCuotaimss .card .bnt-form-primary img {
  width: 15%;
}

#contListRiesgoTrabajo .h-100 {
  height: 100%;
}
#contListRiesgoTrabajo .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListRiesgoTrabajo .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListRiesgoTrabajo .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListRiesgoTrabajo .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListRiesgoTrabajo .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListRiesgoTrabajo .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListRiesgoTrabajo .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListRiesgoTrabajo .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListRiesgoTrabajo .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListRiesgoTrabajo .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListRiesgoTrabajo .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListRiesgoTrabajo .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListRiesgoTrabajo .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListRiesgoTrabajo .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListRiesgoTrabajo .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListRiesgoTrabajo .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListRiesgoTrabajo .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListRiesgoTrabajo .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListRiesgoTrabajo .input-wrapper input:valid + .label-input,
#contListRiesgoTrabajo .input-wrapper input:focus + .label-input {
  display: none;
}
#contListRiesgoTrabajo .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListRiesgoTrabajo .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListRiesgoTrabajo .form-select option:hover {
  background-color: #f86306 !important;
}
#contListRiesgoTrabajo .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListRiesgoTrabajo .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListRiesgoTrabajo .div-cont-img {
  display: none;
  width: 100%;
}
#contListRiesgoTrabajo .div-cont-img img {
  width: 7%;
}
#contListRiesgoTrabajo table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListRiesgoTrabajo table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListRiesgoTrabajo table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListRiesgoTrabajo table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListRiesgoTrabajo table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListRiesgoTrabajo table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListRiesgoTrabajo table .tbody-custom .tr-none {
  border: none;
}
#contListRiesgoTrabajo table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListRiesgoTrabajo table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListRiesgoTrabajo table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListRiesgoTrabajo table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListRiesgoTrabajo table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListRiesgoTrabajo table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListRiesgoTrabajo table .link-button {
  text-decoration: none;
}
#contListRiesgoTrabajo table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListRiesgoTrabajo table .btn-detail img {
  width: 25%;
}
#contListRiesgoTrabajo table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListRiesgoTrabajo table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListRiesgoTrabajo table .btn-Eliminar img {
  width: 25%;
}

#contAddRiesgoTrabajo .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRiesgoTrabajo .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRiesgoTrabajo .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddRiesgoTrabajo .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRiesgoTrabajo .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRiesgoTrabajo .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddRiesgoTrabajo .card .bnt-form-primary img {
  width: 15%;
}
#contAddRiesgoTrabajo .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddRiesgoTrabajo .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRiesgoTrabajo .card .bnt-form-save img {
  width: 15%;
}
#contAddRiesgoTrabajo .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddRiesgoTrabajo .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRiesgoTrabajo .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRiesgoTrabajo .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddRiesgoTrabajo .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddRiesgoTrabajo .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddRiesgoTrabajo .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddRiesgoTrabajo .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRiesgoTrabajo .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRiesgoTrabajo .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddRiesgoTrabajo .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddRiesgoTrabajo .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddRiesgoTrabajo .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRiesgoTrabajo .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRiesgoTrabajo .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRiesgoTrabajo .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddRiesgoTrabajo .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddRiesgoTrabajo .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddRiesgoTrabajo .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddRiesgoTrabajo .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddRiesgoTrabajo .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddRiesgoTrabajo .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddRiesgoTrabajo .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddRiesgoTrabajo .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddRiesgoTrabajo .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRiesgoTrabajo .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddRiesgoTrabajo .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddRiesgoTrabajo .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddRiesgoTrabajo .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddRiesgoTrabajo .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddRiesgoTrabajo .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddRiesgoTrabajo .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRiesgoTrabajo .card .bnt-form-save img {
  width: 15%;
}
#contAddRiesgoTrabajo .card .bnt-form-delete {
  background: linear-gradient(to right, #dd0303, #f00808);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddRiesgoTrabajo .card .bnt-form-delete img {
  width: 15%;
}
#contAddRiesgoTrabajo .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddRiesgoTrabajo .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddRiesgoTrabajo .card .bnt-form-primary img {
  width: 15%;
}

#contListCesantia .h-100 {
  height: 100%;
}
#contListCesantia .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListCesantia .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListCesantia .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListCesantia .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListCesantia .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListCesantia .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListCesantia .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListCesantia .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListCesantia .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListCesantia .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListCesantia .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListCesantia .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListCesantia .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListCesantia .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListCesantia .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListCesantia .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListCesantia .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListCesantia .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListCesantia .input-wrapper input:valid + .label-input,
#contListCesantia .input-wrapper input:focus + .label-input {
  display: none;
}
#contListCesantia .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListCesantia .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListCesantia .form-select option:hover {
  background-color: #f86306 !important;
}
#contListCesantia .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListCesantia .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListCesantia .div-cont-img {
  display: none;
  width: 100%;
}
#contListCesantia .div-cont-img img {
  width: 7%;
}
#contListCesantia table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListCesantia table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListCesantia table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListCesantia table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListCesantia table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListCesantia table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListCesantia table .tbody-custom .tr-none {
  border: none;
}
#contListCesantia table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListCesantia table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListCesantia table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListCesantia table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListCesantia table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListCesantia table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListCesantia table .link-button {
  text-decoration: none;
}
#contListCesantia table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListCesantia table .btn-detail img {
  width: 25%;
}
#contListCesantia table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListCesantia table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListCesantia table .btn-Eliminar img {
  width: 25%;
}

#contAddCesantia .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddCesantia .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCesantia .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddCesantia .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCesantia .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCesantia .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddCesantia .card .bnt-form-primary img {
  width: 15%;
}
#contAddCesantia .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCesantia .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddCesantia .card .bnt-form-save img {
  width: 15%;
}
#contAddCesantia .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddCesantia .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCesantia .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCesantia .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddCesantia .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddCesantia .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddCesantia .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddCesantia .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddCesantia .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCesantia .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddCesantia .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddCesantia .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddCesantia .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddCesantia .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddCesantia .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCesantia .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddCesantia .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddCesantia .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddCesantia .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddCesantia .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddCesantia .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddCesantia .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddCesantia .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddCesantia .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddCesantia .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddCesantia .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCesantia .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddCesantia .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddCesantia .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddCesantia .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddCesantia .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddCesantia .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddCesantia .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddCesantia .card .bnt-form-save img {
  width: 15%;
}
#contAddCesantia .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddCesantia .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddCesantia .card .bnt-form-primary img {
  width: 15%;
}

#contListTabulador .h-100 {
  height: 100%;
}
#contListTabulador .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListTabulador .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListTabulador .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListTabulador .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTabulador .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTabulador .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListTabulador .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListTabulador .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListTabulador .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListTabulador .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListTabulador .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListTabulador .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListTabulador .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListTabulador .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListTabulador .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListTabulador .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListTabulador .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListTabulador .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListTabulador .input-wrapper input:valid + .label-input,
#contListTabulador .input-wrapper input:focus + .label-input {
  display: none;
}
#contListTabulador .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListTabulador .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListTabulador .form-select option:hover {
  background-color: #f86306 !important;
}
#contListTabulador .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListTabulador .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListTabulador .div-cont-img {
  display: none;
  width: 100%;
}
#contListTabulador .div-cont-img img {
  width: 7%;
}
#contListTabulador table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTabulador table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTabulador table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListTabulador table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListTabulador table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListTabulador table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListTabulador table .tbody-custom .tr-none {
  border: none;
}
#contListTabulador table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListTabulador table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListTabulador table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListTabulador table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListTabulador table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListTabulador table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListTabulador table .link-button {
  text-decoration: none;
}
#contListTabulador table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTabulador table .btn-detail img {
  width: 25%;
}
#contListTabulador table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListTabulador table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTabulador table .btn-Eliminar img {
  width: 25%;
}

#contAddTabulador .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTabulador .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTabulador .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTabulador .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTabulador .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTabulador .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTabulador .card .bnt-form-primary img {
  width: 15%;
}
#contAddTabulador .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTabulador .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTabulador .card .bnt-form-save img {
  width: 15%;
}
#contAddTabulador .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTabulador .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTabulador .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTabulador .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTabulador .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTabulador .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTabulador .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTabulador .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTabulador .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTabulador .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTabulador .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTabulador .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTabulador .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTabulador .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTabulador .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTabulador .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTabulador .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTabulador .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTabulador .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTabulador .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTabulador .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTabulador .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTabulador .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTabulador .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTabulador .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTabulador .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTabulador .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTabulador .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTabulador .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTabulador .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTabulador .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTabulador .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTabulador .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTabulador .card .bnt-form-save img {
  width: 15%;
}
#contAddTabulador .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTabulador .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTabulador .card .bnt-form-primary img {
  width: 15%;
}

#contListPrestaciones .h-100 {
  height: 100%;
}
#contListPrestaciones .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListPrestaciones .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListPrestaciones .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListPrestaciones .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListPrestaciones .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListPrestaciones .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListPrestaciones .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListPrestaciones .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListPrestaciones .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListPrestaciones .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListPrestaciones .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListPrestaciones .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListPrestaciones .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListPrestaciones .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListPrestaciones .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListPrestaciones .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListPrestaciones .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListPrestaciones .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListPrestaciones .input-wrapper input:valid + .label-input,
#contListPrestaciones .input-wrapper input:focus + .label-input {
  display: none;
}
#contListPrestaciones .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListPrestaciones .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListPrestaciones .form-select option:hover {
  background-color: #f86306 !important;
}
#contListPrestaciones .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListPrestaciones .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListPrestaciones .div-cont-img {
  display: none;
  width: 100%;
}
#contListPrestaciones .div-cont-img img {
  width: 7%;
}
#contListPrestaciones table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListPrestaciones table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListPrestaciones table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListPrestaciones table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListPrestaciones table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListPrestaciones table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListPrestaciones table .tbody-custom .tr-none {
  border: none;
}
#contListPrestaciones table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListPrestaciones table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListPrestaciones table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListPrestaciones table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListPrestaciones table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListPrestaciones table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListPrestaciones table .link-button {
  text-decoration: none;
}
#contListPrestaciones table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListPrestaciones table .btn-detail img {
  width: 25%;
}
#contListPrestaciones table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListPrestaciones table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListPrestaciones table .btn-Eliminar img {
  width: 25%;
}

#contAddPrestaciones .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddPrestaciones .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddPrestaciones .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddPrestaciones .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddPrestaciones .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddPrestaciones .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddPrestaciones .card .bnt-form-primary img {
  width: 15%;
}
#contAddPrestaciones .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddPrestaciones .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddPrestaciones .card .bnt-form-save img {
  width: 15%;
}
#contAddPrestaciones .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddPrestaciones .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddPrestaciones .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddPrestaciones .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddPrestaciones .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddPrestaciones .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddPrestaciones .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddPrestaciones .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddPrestaciones .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddPrestaciones .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddPrestaciones .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddPrestaciones .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddPrestaciones .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddPrestaciones .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddPrestaciones .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPrestaciones .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddPrestaciones .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddPrestaciones .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddPrestaciones .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddPrestaciones .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddPrestaciones .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddPrestaciones .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddPrestaciones .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddPrestaciones .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddPrestaciones .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddPrestaciones .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddPrestaciones .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddPrestaciones .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddPrestaciones .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddPrestaciones .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddPrestaciones .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddPrestaciones .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddPrestaciones .card .bnt-form-save img {
  width: 15%;
}
#contAddPrestaciones .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddPrestaciones .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddPrestaciones .card .bnt-form-primary img {
  width: 15%;
}

#contListTiposervicio .h-100 {
  height: 100%;
}
#contListTiposervicio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListTiposervicio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListTiposervicio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListTiposervicio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTiposervicio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListTiposervicio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListTiposervicio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListTiposervicio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListTiposervicio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListTiposervicio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListTiposervicio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListTiposervicio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListTiposervicio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListTiposervicio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListTiposervicio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListTiposervicio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListTiposervicio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListTiposervicio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListTiposervicio .input-wrapper input:valid + .label-input,
#contListTiposervicio .input-wrapper input:focus + .label-input {
  display: none;
}
#contListTiposervicio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListTiposervicio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListTiposervicio .form-select option:hover {
  background-color: #f86306 !important;
}
#contListTiposervicio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListTiposervicio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListTiposervicio .div-cont-img {
  display: none;
  width: 100%;
}
#contListTiposervicio .div-cont-img img {
  width: 7%;
}
#contListTiposervicio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTiposervicio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListTiposervicio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListTiposervicio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListTiposervicio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListTiposervicio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListTiposervicio table .tbody-custom .tr-none {
  border: none;
}
#contListTiposervicio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListTiposervicio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListTiposervicio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListTiposervicio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListTiposervicio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListTiposervicio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListTiposervicio table .link-button {
  text-decoration: none;
}
#contListTiposervicio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTiposervicio table .btn-detail img {
  width: 25%;
}
#contListTiposervicio table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListTiposervicio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListTiposervicio table .btn-Eliminar img {
  width: 25%;
}

#contAddTiposervicio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddTiposervicio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTiposervicio .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddTiposervicio .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTiposervicio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTiposervicio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTiposervicio .card .bnt-form-primary img {
  width: 15%;
}
#contAddTiposervicio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddTiposervicio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTiposervicio .card .bnt-form-save img {
  width: 15%;
}
#contAddTiposervicio .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddTiposervicio .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTiposervicio .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddTiposervicio .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddTiposervicio .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddTiposervicio .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddTiposervicio .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddTiposervicio .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddTiposervicio .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddTiposervicio .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddTiposervicio .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddTiposervicio .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddTiposervicio .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTiposervicio .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddTiposervicio .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTiposervicio .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddTiposervicio .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddTiposervicio .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddTiposervicio .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddTiposervicio .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddTiposervicio .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddTiposervicio .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddTiposervicio .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddTiposervicio .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddTiposervicio .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddTiposervicio .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddTiposervicio .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddTiposervicio .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddTiposervicio .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddTiposervicio .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddTiposervicio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTiposervicio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddTiposervicio .card .bnt-form-save img {
  width: 15%;
}
#contAddTiposervicio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddTiposervicio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddTiposervicio .card .bnt-form-primary img {
  width: 15%;
}

#contListEfederativa .h-100 {
  height: 100%;
}
#contListEfederativa .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListEfederativa .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListEfederativa .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListEfederativa .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListEfederativa .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListEfederativa .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListEfederativa .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListEfederativa .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListEfederativa .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListEfederativa .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListEfederativa .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListEfederativa .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListEfederativa .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListEfederativa .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListEfederativa .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListEfederativa .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListEfederativa .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListEfederativa .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListEfederativa .input-wrapper input:valid + .label-input,
#contListEfederativa .input-wrapper input:focus + .label-input {
  display: none;
}
#contListEfederativa .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListEfederativa .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListEfederativa .form-select option:hover {
  background-color: #f86306 !important;
}
#contListEfederativa .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListEfederativa .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListEfederativa .div-cont-img {
  display: none;
  width: 100%;
}
#contListEfederativa .div-cont-img img {
  width: 7%;
}
#contListEfederativa table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListEfederativa table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListEfederativa table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListEfederativa table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListEfederativa table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListEfederativa table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListEfederativa table .tbody-custom .tr-none {
  border: none;
}
#contListEfederativa table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListEfederativa table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListEfederativa table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListEfederativa table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListEfederativa table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListEfederativa table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListEfederativa table .link-button {
  text-decoration: none;
}
#contListEfederativa table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListEfederativa table .btn-detail img {
  width: 25%;
}
#contListEfederativa table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListEfederativa table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListEfederativa table .btn-Eliminar img {
  width: 25%;
}

#contAddEfederativa .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddEfederativa .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddEfederativa .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddEfederativa .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddEfederativa .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddEfederativa .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddEfederativa .card .bnt-form-primary img {
  width: 15%;
}
#contAddEfederativa .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddEfederativa .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddEfederativa .card .bnt-form-save img {
  width: 15%;
}
#contAddEfederativa .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddEfederativa .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddEfederativa .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddEfederativa .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddEfederativa .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddEfederativa .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddEfederativa .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddEfederativa .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddEfederativa .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddEfederativa .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddEfederativa .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddEfederativa .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddEfederativa .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddEfederativa .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddEfederativa .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddEfederativa .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddEfederativa .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddEfederativa .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddEfederativa .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddEfederativa .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddEfederativa .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddEfederativa .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddEfederativa .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddEfederativa .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddEfederativa .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddEfederativa .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddEfederativa .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddEfederativa .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddEfederativa .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddEfederativa .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddEfederativa .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddEfederativa .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddEfederativa .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddEfederativa .card .bnt-form-save img {
  width: 15%;
}
#contAddEfederativa .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddEfederativa .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddEfederativa .card .bnt-form-primary img {
  width: 15%;
}

#contentIndexRecordatorio .h-100 {
  height: 100%;
}
#contentIndexRecordatorio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentIndexRecordatorio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentIndexRecordatorio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentIndexRecordatorio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentIndexRecordatorio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentIndexRecordatorio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentIndexRecordatorio .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 150px;
}
#contentIndexRecordatorio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentIndexRecordatorio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentIndexRecordatorio .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contentIndexRecordatorio .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentIndexRecordatorio .btn-import:hover {
  background-color: #4c77f8;
}
#contentIndexRecordatorio .btn-import img {
  width: 10%;
}
#contentIndexRecordatorio .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentIndexRecordatorio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentIndexRecordatorio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentIndexRecordatorio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentIndexRecordatorio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentIndexRecordatorio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentIndexRecordatorio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contentIndexRecordatorio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentIndexRecordatorio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentIndexRecordatorio .input-wrapper input:valid + .label-input,
#contentIndexRecordatorio .input-wrapper input:focus + .label-input {
  display: none;
}
#contentIndexRecordatorio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentIndexRecordatorio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentIndexRecordatorio .form-select option:hover {
  background-color: #f86306 !important;
}
#contentIndexRecordatorio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentIndexRecordatorio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentIndexRecordatorio .div-cont-img {
  display: none;
  width: 100%;
}
#contentIndexRecordatorio .div-cont-img img {
  width: 7%;
}
#contentIndexRecordatorio .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentIndexRecordatorio .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentIndexRecordatorio .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentIndexRecordatorio .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentIndexRecordatorio .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentIndexRecordatorio .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentIndexRecordatorio .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentIndexRecordatorio .table-td-radius .link-button {
  text-decoration: none;
}
#contentIndexRecordatorio .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentIndexRecordatorio .table-td-radius .btn-detail img {
  width: 25%;
}
#contentIndexRecordatorio .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentIndexRecordatorio .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentIndexRecordatorio .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentIndexRecordatorio .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentIndexRecordatorio .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentIndexRecordatorio .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentIndexRecordatorio .table-solid-color .active-btn {
  color: #28a745;
}
#contentIndexRecordatorio .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentIndexRecordatorio .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentIndexRecordatorio .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentIndexRecordatorio .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentIndexRecordatorio .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentIndexRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentIndexRecordatorio .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contentIndexRecordatorio .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contentIndexRecordatorio .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contentIndexRecordatorio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentIndexRecordatorio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentIndexRecordatorio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentIndexRecordatorio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentIndexRecordatorio .card .bnt-form-primary img {
  width: 15%;
}
#contentIndexRecordatorio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentIndexRecordatorio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentIndexRecordatorio .card .bnt-form-save img {
  width: 15%;
}
#contentIndexRecordatorio .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contentIndexRecordatorio .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contentIndexRecordatorio .table-solid-color td {
  vertical-align: middle;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifProveedor {
  display: none;
  width: 10%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contentIndexRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contentIndexRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contentIndexRecordatorio #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentIndexRecordatorio #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentIndexRecordatorio #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contentIndexRecordatorio #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentIndexRecordatorio #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentIndexRecordatorio #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}

#contAddRecordatorio .h-100 {
  height: 100%;
}
#contAddRecordatorio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddRecordatorio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddRecordatorio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contAddRecordatorio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contAddRecordatorio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddRecordatorio .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddRecordatorio .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddRecordatorio .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddRecordatorio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contAddRecordatorio #listaUsuariosSeleccionados {
  background-color: #f0f0f0;
  padding: 7px;
  border-radius: 14px;
}
#contAddRecordatorio #listaUsuariosSeleccionados .opt-user {
  width: 100%;
  border-radius: 24px;
  font-family: Jost-Light;
  color: white;
  font-size: clamp(1rem, 0.8vw, 2rem);
}
#contAddRecordatorio .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 150px;
}
#contAddRecordatorio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contAddRecordatorio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contAddRecordatorio .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contAddRecordatorio .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4px;
}
#contAddRecordatorio .btn-import:hover {
  background-color: #4c77f8;
}
#contAddRecordatorio .btn-import img {
  width: 10%;
}
#contAddRecordatorio .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddRecordatorio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contAddRecordatorio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddRecordatorio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRecordatorio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contAddRecordatorio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contAddRecordatorio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contAddRecordatorio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contAddRecordatorio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contAddRecordatorio .input-wrapper input:valid + .label-input,
#contAddRecordatorio .input-wrapper input:focus + .label-input {
  display: none;
}
#contAddRecordatorio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contAddRecordatorio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddRecordatorio .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddRecordatorio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddRecordatorio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRecordatorio .div-cont-img {
  display: none;
  width: 100%;
}
#contAddRecordatorio .div-cont-img img {
  width: 7%;
}
#contAddRecordatorio .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRecordatorio .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddRecordatorio .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRecordatorio .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddRecordatorio .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddRecordatorio .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddRecordatorio .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddRecordatorio .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddRecordatorio .table-td-radius .link-button {
  text-decoration: none;
}
#contAddRecordatorio .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddRecordatorio .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddRecordatorio .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddRecordatorio .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddRecordatorio .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRecordatorio .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddRecordatorio .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddRecordatorio .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddRecordatorio .table-solid-color .active-btn {
  color: #28a745;
}
#contAddRecordatorio .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddRecordatorio #lista-archivos-actuales .list-group-item {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddRecordatorio #lista-archivos-actuales .list-group-item span {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddRecordatorio #lista-archivos-actuales .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 7px 10px;
}
#contAddRecordatorio .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddRecordatorio .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRecordatorio .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddRecordatorio .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contAddRecordatorio .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRecordatorio .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contAddRecordatorio .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contAddRecordatorio .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contAddRecordatorio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRecordatorio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRecordatorio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contAddRecordatorio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddRecordatorio .card .bnt-form-primary img {
  width: 20px;
}
#contAddRecordatorio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contAddRecordatorio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddRecordatorio .card .bnt-form-save img {
  width: 15%;
}
#contAddRecordatorio .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contAddRecordatorio .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contAddRecordatorio .table-solid-color td {
  vertical-align: middle;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifProveedor {
  display: none;
  width: 10%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contAddRecordatorio #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contAddRecordatorio #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contAddRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contAddRecordatorio #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddRecordatorio #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contAddRecordatorio #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contAddRecordatorio #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contAddRecordatorio #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contAddRecordatorio #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddRecordatorio #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddRecordatorio #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddRecordatorio #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddRecordatorio #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contAddRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contAddRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contAddRecordatorio #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contAddRecordatorio #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddRecordatorio #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddRecordatorio #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contAddRecordatorio #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddRecordatorio #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddRecordatorio #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}

#contListSitio .h-100 {
  height: 100%;
}
#contListSitio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListSitio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListSitio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListSitio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListSitio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListSitio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListSitio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListSitio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListSitio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListSitio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListSitio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListSitio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListSitio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListSitio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListSitio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListSitio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListSitio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListSitio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListSitio .input-wrapper input:valid + .label-input,
#contListSitio .input-wrapper input:focus + .label-input {
  display: none;
}
#contListSitio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListSitio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListSitio .form-select option:hover {
  background-color: #f86306 !important;
}
#contListSitio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListSitio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListSitio .div-cont-img {
  display: none;
  width: 100%;
}
#contListSitio .div-cont-img img {
  width: 7%;
}
#contListSitio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListSitio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListSitio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListSitio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListSitio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListSitio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListSitio table .tbody-custom .tr-none {
  border: none;
}
#contListSitio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListSitio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListSitio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListSitio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListSitio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListSitio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListSitio table .link-button {
  text-decoration: none;
}
#contListSitio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contListSitio table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListSitio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contListSitio table .btn-Reactivar {
  background-color: #28a745;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}

#contAddSitio .label-input,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado label,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado label {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddSitio .form-control,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-control,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  border: none;
}
#contAddSitio textarea.form-control,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado textarea.form-control,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado textarea.form-control {
  min-height: 7rem;
  resize: vertical;
  padding-top: 0.8rem;
}
#contAddSitio .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  border: none;
}
#contAddSitio .form-select,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-select,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddSitio .form-select option,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-select option,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddSitio .form-select option:hover,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-select option:hover,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddSitio .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddSitio .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddSitio .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddSitio .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddSitio .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddSitio .bnt-form-primary img {
  width: 15%;
}
#contAddSitio .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddSitio .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddSitio .bnt-form-save img {
  width: 15%;
}
#contAddSitio .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddSitio .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddSitio .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSitio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddSitio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSitio .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddSitio .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSitio .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddSitio .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddSitio .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSitio .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddSitio .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddSitio .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddSitio .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddSitio .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddSitio .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddSitio .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddSitio .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddSitio .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddSitio .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddSitio .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSitio .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddSitio .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddSitio .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddSitio .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddSitio .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddSitio .spinner-form {
  width: 35px;
  height: 35px;
  object-fit: contain;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .title-section,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .title-section-gradient h5,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .head-div-subtitle-collapse,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .head-div-subtitle-collapse button,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .head-div-subtitle-collapse .legend-div,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado label,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado label {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1rem, 0.7vw, 2rem);
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-control,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  border: none;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado textarea.form-control,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado textarea.form-control {
  min-height: 7rem;
  resize: vertical;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-select,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .form-select option,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .btn-form-border-gradient,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .btn-form-border-gradient {
  padding: 1rem;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  width: 100%;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .btn-form-border-gradient::before,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .btn-dimiss-seccion,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  font-size: 1.5rem;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .btn-dimiss-seccion:hover,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .btn-dimiss-seccion:hover i,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .hide-form,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .hide-form {
  display: none;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .cont-gif,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .cont-gif {
  text-align: center;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .cont-gif img,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .cont-gif img {
  width: 35px !important;
  height: 35px !important;
  object-fit: contain;
  display: inline-block;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .table-solid-color,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .table-solid-color th,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .table-solid-color tbody td,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  text-align: center;
  vertical-align: middle;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado .table-solid-color .modal_title,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado .table-solid-color .modal_title {
  font-family: Jost-Medium;
  color: #fff;
  background: linear-gradient(to right, #af002d, #ff7a18);
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaSitiosInfraestructuraHistorial td,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaSitiosInfraestructuraHistorial th,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaPagosArrendador td,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaPagosArrendador th,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaSitiosInfraestructuraHistorial td,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaSitiosInfraestructuraHistorial th,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaPagosArrendador td,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaPagosArrendador th {
  text-align: center;
  vertical-align: middle;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaSitiosInfraestructuraHistorial .btn-group,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaPagosArrendador .btn-group,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaSitiosInfraestructuraHistorial .btn-group,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaPagosArrendador .btn-group {
  display: flex;
  justify-content: center;
  gap: 0.5rem;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaSitiosInfraestructuraHistorial #btnGuardarEdicionArrendador,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaSitiosInfraestructuraHistorial button,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaPagosArrendador #btnGuardarEdicionArrendador,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaPagosArrendador button,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaSitiosInfraestructuraHistorial #btnGuardarEdicionArrendador,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaSitiosInfraestructuraHistorial button,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaPagosArrendador #btnGuardarEdicionArrendador,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaPagosArrendador button {
  border-radius: 40px;
}
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaSitiosInfraestructuraHistorial .link-buttons-table,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .div-row-apartado #tablaPagosArrendador .link-buttons-table,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaSitiosInfraestructuraHistorial .link-buttons-table,
#contAddSitio #apartadoAdiconalSitiosArrendador .div-row-apartado #tablaPagosArrendador .link-buttons-table {
  text-decoration: none;
}
#contAddSitio .modal-title-gradient {
  background: linear-gradient(to right, #af002d, #ff7a18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSitio .btn-form-border-gradient-sm {
  width: auto !important;
  min-width: 180px;
  padding: 0.6rem 1.5rem !important;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(0.9rem, 0.8vw, 1.2rem);
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSitio .btn-form-border-gradient-sm::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card {
  background: #fff;
  border-radius: 35px;
  padding: 1.5rem;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
  margin-bottom: 1.5rem;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card-header {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(221, 3, 111, 0.2);
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card-header h5 {
  margin: 0;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card-table {
  background: #fff;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .btn-form-border-gradient-sm {
  width: auto !important;
  min-width: 170px;
  padding: 0.55rem 1.4rem !important;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: 0.95rem;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .btn-form-border-gradient-sm::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 3px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddSitio #modalPagoArrendador label {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: clamp(1rem, 0.7vw, 2rem);
}
#contAddSitio #modalPagoArrendador .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  border: none;
}
#contAddSitio #modalPagoArrendador .btn-success {
  border-radius: 40px;
  background: linear-gradient(to right, #dd036f, #f86306);
  border: none;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-card {
  background: #fff;
  border-radius: 32px;
  padding: 1.5rem;
  box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.1);
  margin-bottom: 1.5rem;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card-table,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-card-table {
  padding: 1.25rem 1.25rem 1.5rem;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card-header,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-card-header {
  margin-bottom: 1rem;
  padding-bottom: 0.75rem;
  border-bottom: 1px solid rgba(221, 3, 111, 0.18);
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-card-header h5,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-card-header h5 {
  margin: 0;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filters,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filters {
  background: #fff;
  border: 1px solid rgba(221, 3, 111, 0.12);
  border-radius: 24px;
  padding: 1rem;
  margin-bottom: 1.25rem;
  box-shadow: none;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filters .form-control,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filters .form-control {
  min-height: 42px;
  border-radius: 16px;
  box-shadow: 0px 3px 7px rgba(112, 112, 112, 0.18);
  font-size: 0.95rem;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filters .form-select,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filters .form-select {
  background: #5f7fb8;
  color: #fff;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filters .label-input,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filters .label-input {
  margin-bottom: 0.35rem;
  font-size: 0.9rem;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filter-btn,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filter-btn {
  min-height: 42px;
  border-radius: 40px;
  border: none;
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
  font-family: Jost-Regular;
  font-size: 0.95rem;
  box-shadow: 0px 3px 8px rgba(221, 3, 111, 0.25);
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filter-btn:hover,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filter-btn:hover {
  color: #fff;
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filter-btn-light,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filter-btn-light {
  background: #fff;
  color: #dd036f;
  border: 2px solid #dd036f;
  box-shadow: none;
}
#contAddSitio #apartadoAdiconalSitiosArrendador .tenant-filter-btn-light:hover,
#contAddSitio #apartadoAdiconalSitiosInfraestructura .tenant-filter-btn-light:hover {
  background: #fff4f8;
  color: #dd036f;
}
#contAddSitio #paginationPagosArrendador .pagination {
  margin-bottom: 0;
}
#contAddSitio #paginationPagosArrendador .page-item .page-link {
  color: #11998e;
}
#contAddSitio #paginationPagosArrendador .page-item.active .page-link {
  color: white;
  background-color: #11998e !important;
  border: solid 1px transparent;
}

#contListEstadoSitio .h-100 {
  height: 100%;
}
#contListEstadoSitio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListEstadoSitio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListEstadoSitio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListEstadoSitio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListEstadoSitio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListEstadoSitio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListEstadoSitio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListEstadoSitio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListEstadoSitio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListEstadoSitio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListEstadoSitio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListEstadoSitio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListEstadoSitio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListEstadoSitio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListEstadoSitio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListEstadoSitio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListEstadoSitio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListEstadoSitio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListEstadoSitio .input-wrapper input:valid + .label-input,
#contListEstadoSitio .input-wrapper input:focus + .label-input {
  display: none;
}
#contListEstadoSitio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListEstadoSitio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListEstadoSitio .form-select option:hover {
  background-color: #f86306 !important;
}
#contListEstadoSitio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListEstadoSitio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListEstadoSitio .div-cont-img {
  display: none;
  width: 100%;
}
#contListEstadoSitio .div-cont-img img {
  width: 7%;
}
#contListEstadoSitio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListEstadoSitio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListEstadoSitio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListEstadoSitio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListEstadoSitio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListEstadoSitio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListEstadoSitio table .tbody-custom .tr-none {
  border: none;
}
#contListEstadoSitio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListEstadoSitio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListEstadoSitio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListEstadoSitio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListEstadoSitio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListEstadoSitio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListEstadoSitio table .link-button {
  text-decoration: none;
}
#contListEstadoSitio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contListEstadoSitio table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListEstadoSitio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}
#contListEstadoSitio table .btn-Activar {
  background-color: #11998e;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 2% 10%;
}

#contAddEstadoSitio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddEstadoSitio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddEstadoSitio .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddEstadoSitio .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddEstadoSitio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddEstadoSitio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddEstadoSitio .card .bnt-form-primary img {
  width: 15%;
}
#contAddEstadoSitio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddEstadoSitio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddEstadoSitio .card .bnt-form-save img {
  width: 15%;
}
#contAddEstadoSitio .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddEstadoSitio .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddEstadoSitio .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddEstadoSitio .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddEstadoSitio .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddEstadoSitio .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddEstadoSitio .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddEstadoSitio .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddEstadoSitio .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddEstadoSitio .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddEstadoSitio .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddEstadoSitio .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddEstadoSitio .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddEstadoSitio .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddEstadoSitio .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddEstadoSitio .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddEstadoSitio .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddEstadoSitio .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddEstadoSitio .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddEstadoSitio .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddEstadoSitio .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddEstadoSitio .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddEstadoSitio .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddEstadoSitio .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddEstadoSitio .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddEstadoSitio .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddEstadoSitio .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddEstadoSitio .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddEstadoSitio .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddEstadoSitio .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddEstadoSitio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddEstadoSitio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddEstadoSitio .card .bnt-form-save img {
  width: 15%;
}
#contAddEstadoSitio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddEstadoSitio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddEstadoSitio .card .bnt-form-primary img {
  width: 15%;
}

#contentSimulador {
  /* ICONO */
  /* ACTIVO */
}
#contentSimulador .h-100 {
  height: 100%;
}
#contentSimulador .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentSimulador .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentSimulador .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentSimulador .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentSimulador .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentSimulador .toggle-salario-input {
  display: none;
}
#contentSimulador .toggle-salario-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  width: 100%;
  padding: 9px 18px;
  border-radius: 30px;
  border: 2px solid #cfd8e3;
  background: #f8fafc;
  color: #5b6574;
  font-weight: 100;
  font-size: 14px;
  cursor: pointer;
  transition: all 0.25s ease;
  user-select: none;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
#contentSimulador .toggle-salario-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
}
#contentSimulador .toggle-icon {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #dbe4f0;
  color: transparent;
  transition: all 0.25s ease;
}
#contentSimulador .toggle-salario-input:checked + .toggle-salario-btn {
  background: linear-gradient(135deg, #4C77F8, #0b5ed7);
  border-color: #0d6efd;
  color: white;
}
#contentSimulador .toggle-salario-input:checked + .toggle-salario-btn .toggle-icon {
  background: rgba(255, 255, 255, 0.25);
  color: white;
}
#contentSimulador .toggle-salario-input:checked + .toggle-salario-btn .toggle-text {
  color: white;
}
#contentSimulador .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentSimulador .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 50px;
  width: 150px;
}
#contentSimulador .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentSimulador .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentSimulador .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contentSimulador .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentSimulador .btn-import:hover {
  background-color: #4c77f8;
}
#contentSimulador .btn-import img {
  width: 10%;
}
#contentSimulador .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentSimulador .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentSimulador .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentSimulador .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentSimulador .modal-content {
  border-radius: 20px !important;
  overflow: hidden;
  border: none;
}
#contentSimulador .cinta-azul {
  background: linear-gradient(135deg, #0d6efd, #084298);
  color: white;
  padding: 12px 20px;
  border-bottom: none;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}
#contentSimulador .cinta-azul .modal-title {
  font-weight: 600;
  letter-spacing: 0.5px;
}
#contentSimulador .btn-close-modal {
  background: linear-gradient(135deg, #0d6efd, #084298);
  color: #fff;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  box-shadow: none;
  font-size: 20px;
  font-weight: bold;
}
#contentSimulador .btn-close-modal:hover {
  transform: scale(1.6);
}
#contentSimulador .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentSimulador .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentSimulador .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contentSimulador .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentSimulador .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentSimulador .input-wrapper input:valid + .label-input,
#contentSimulador .input-wrapper input:focus + .label-input {
  display: none;
}
#contentSimulador .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentSimulador .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentSimulador .form-select option:hover {
  background-color: #f86306 !important;
}
#contentSimulador .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentSimulador .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentSimulador .div-cont-img {
  display: none;
  width: 100%;
}
#contentSimulador .div-cont-img img {
  width: 7%;
}
#contentSimulador .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentSimulador .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentSimulador .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentSimulador .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentSimulador .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentSimulador .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentSimulador .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentSimulador .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentSimulador .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentSimulador .table-td-radius .link-button {
  text-decoration: none;
}
#contentSimulador .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentSimulador .table-td-radius .btn-detail img {
  width: 25%;
}
#contentSimulador .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentSimulador .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentSimulador .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentSimulador .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  text-align: center;
  vertical-align: middle;
}
#contentSimulador .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentSimulador .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentSimulador .table-solid-color .active-btn {
  color: #28a745;
}
#contentSimulador .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentSimulador .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentSimulador .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentSimulador .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentSimulador .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentSimulador .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentSimulador .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentSimulador .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contentSimulador .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contentSimulador .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contentSimulador .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentSimulador .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentSimulador .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentSimulador .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentSimulador .card .bnt-form-primary img {
  width: 15%;
}
#contentSimulador .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentSimulador .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentSimulador .card .bnt-form-save img {
  width: 15%;
}
#contentSimulador .card-withou-style {
  box-shadow: none;
  padding: 0;
}
#contentSimulador .card-withou-style .card-header {
  background-color: transparent;
  box-shadow: none;
}
#contentSimulador .card-withou-style .card-header .card-header-tabs {
  background-color: transparent;
}
#contentSimulador .card-withou-style .card-header .card-header-tabs .nav-link {
  font-family: Jost-Medium;
  color: #4c77f8;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentSimulador .card-withou-style .card-header .card-header-tabs .active {
  font-family: Jost-Medium;
  color: #dd036f;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentSimulador .card-withou-style .gif-cargando-px {
  width: 35px;
}
#contentSimulador .card-withou-style .ocultar-gif {
  display: none;
}
#contentSimulador .card-withou-style .card-body {
  background-color: #fcf9f6;
}
#contentSimulador .card-withou-style .card-body .div-on-header {
  padding: 0;
  box-shadow: none;
}
#contentSimulador .card-withou-style .card-body .div-on-header .sub-card {
  padding: 0;
  box-shadow: none;
}
#contentSimulador .card-withou-style .card-body .div-on-header .sub-card .card-header {
  box-shadow: none;
  background-color: #4c77f8;
  padding: 3px;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentSimulador .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contentSimulador .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contentSimulador .table-solid-color td {
  vertical-align: middle;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifProveedor {
  display: none;
  width: 10%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contentSimulador #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contentSimulador #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contentSimulador #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentSimulador #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentSimulador #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contentSimulador #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentSimulador #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contentSimulador #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contentSimulador #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contentSimulador #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contentSimulador #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentSimulador #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentSimulador #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentSimulador #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentSimulador #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contentSimulador #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentSimulador #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contentSimulador #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contentSimulador #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contentSimulador #tablaSimulador {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
#contentSimulador #tablaSimulador th,
#contentSimulador #tablaSimulador td {
  text-align: center;
  vertical-align: middle;
  padding: 12px 8px; /* MISMO padding */
}
#contentSimulador #tablaSimulador thead th {
  font-weight: 600;
}
#contentSimulador #tablaSimulador tbody td {
  font-weight: 400;
}
#contentSimulador #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentSimulador #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentSimulador #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}

#contListIntegracion .h-100 {
  height: 100%;
}
#contListIntegracion .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contListIntegracion .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contListIntegracion .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contListIntegracion .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contListIntegracion .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contListIntegracion .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contListIntegracion .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contListIntegracion .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contListIntegracion .link-btn {
  text-decoration: none;
  width: 100%;
}
#contListIntegracion .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contListIntegracion .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contListIntegracion .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contListIntegracion .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contListIntegracion .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contListIntegracion .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contListIntegracion .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contListIntegracion .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contListIntegracion .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contListIntegracion .input-wrapper input:valid + .label-input,
#contListIntegracion .input-wrapper input:focus + .label-input {
  display: none;
}
#contListIntegracion .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contListIntegracion .form-select option {
  background-color: #dd036f;
  color: white;
}
#contListIntegracion .form-select option:hover {
  background-color: #f86306 !important;
}
#contListIntegracion .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contListIntegracion .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contListIntegracion .div-cont-img {
  display: none;
  width: 100%;
}
#contListIntegracion .div-cont-img img {
  width: 7%;
}
#contListIntegracion table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListIntegracion table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contListIntegracion table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contListIntegracion table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contListIntegracion table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contListIntegracion table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contListIntegracion table .tbody-custom .tr-none {
  border: none;
}
#contListIntegracion table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contListIntegracion table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contListIntegracion table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contListIntegracion table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contListIntegracion table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contListIntegracion table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contListIntegracion table .link-button {
  text-decoration: none;
}
#contListIntegracion table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListIntegracion table .btn-detail img {
  width: 25%;
}
#contListIntegracion table .btn-pdf {
  background-color: #266ef1;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.6vw, 2rem);
  padding: 3% 20%;
}
#contListIntegracion table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contListIntegracion table .btn-Eliminar img {
  width: 25%;
}

#contAddIntegracion .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddIntegracion .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddIntegracion .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddIntegracion .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddIntegracion .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddIntegracion .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddIntegracion .card .bnt-form-primary img {
  width: 15%;
}
#contAddIntegracion .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddIntegracion .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddIntegracion .card .bnt-form-save img {
  width: 15%;
}
#contAddIntegracion .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddIntegracion .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddIntegracion .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddIntegracion .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddIntegracion .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddIntegracion .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddIntegracion .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddIntegracion .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddIntegracion .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddIntegracion .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddIntegracion .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddIntegracion .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddIntegracion .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddIntegracion .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddIntegracion .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddIntegracion .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddIntegracion .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddIntegracion .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddIntegracion .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddIntegracion .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddIntegracion .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddIntegracion .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddIntegracion .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddIntegracion .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddIntegracion .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddIntegracion .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddIntegracion .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddIntegracion .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddIntegracion .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddIntegracion .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddIntegracion .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddIntegracion .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddIntegracion .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddIntegracion .card .bnt-form-save img {
  width: 15%;
}
#contAddIntegracion .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddIntegracion .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddIntegracion .card .bnt-form-primary img {
  width: 15%;
}

#contAddCotizacion .h-100 {
  height: 100%;
}
#contAddCotizacion .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddCotizacion .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddCotizacion .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contAddCotizacion .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contAddCotizacion .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddCotizacion .link-btn {
  text-decoration: none;
  width: 100%;
}
#contAddCotizacion .select-chico {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  width: 150px;
}
#contAddCotizacion .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddCotizacion .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contAddCotizacion .btn-blue {
  background-color: #256df2;
  border-radius: 40px;
}
#contAddCotizacion .btn-green {
  background-color: #18bd18;
  border-radius: 40px;
}
#contAddCotizacion .btn-import {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddCotizacion .btn-import:hover {
  background-color: #4c77f8;
}
#contAddCotizacion .btn-import img {
  width: 10%;
}
#contAddCotizacion .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddCotizacion .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contAddCotizacion .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddCotizacion .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCotizacion .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contAddCotizacion .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contAddCotizacion .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contAddCotizacion .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contAddCotizacion .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contAddCotizacion .input-wrapper input:valid + .label-input,
#contAddCotizacion .input-wrapper input:focus + .label-input {
  display: none;
}
#contAddCotizacion .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contAddCotizacion .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddCotizacion .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddCotizacion .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddCotizacion .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddCotizacion .div-cont-img {
  display: none;
  width: 100%;
}
#contAddCotizacion .div-cont-img img {
  width: 7%;
}
#contAddCotizacion .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddCotizacion .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddCotizacion .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCotizacion .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddCotizacion .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddCotizacion .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddCotizacion .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddCotizacion .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddCotizacion .table-td-radius .link-button {
  text-decoration: none;
}
#contAddCotizacion .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddCotizacion .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddCotizacion .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddCotizacion .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddCotizacion .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCotizacion .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddCotizacion .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddCotizacion .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddCotizacion .table-solid-color .active-btn {
  color: #28a745;
}
#contAddCotizacion .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddCotizacion .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCotizacion .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCotizacion .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddCotizacion .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contAddCotizacion .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCotizacion .modal-cliente #liberarConceptoRazonSocial {
  border: none;
  background-color: #256df2;
  border-radius: 40px;
  color: white;
}
#contAddCotizacion .modal-cliente #liberarConceptoRazonSocial img {
  width: 10%;
}
#contAddCotizacion .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contAddCotizacion .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddCotizacion .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCotizacion .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCotizacion .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddCotizacion .card .bnt-form-primary img {
  width: 15%;
}
#contAddCotizacion .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCotizacion .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddCotizacion .card .bnt-form-save img {
  width: 15%;
}
#contAddCotizacion .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contAddCotizacion .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contAddCotizacion .table-solid-color td {
  vertical-align: middle;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoFiscal {
  display: none;
  width: 10%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifContratoServicios {
  display: none;
  width: 10%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBitacora {
  display: none;
  width: 5%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoBasesEmpresas {
  display: none;
  width: 10%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .cont-gif #gifCargandoOperacion {
  display: none;
  width: 10%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table {
  text-decoration: none;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table button {
  border-radius: 40px;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .img-eye {
  width: 30%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .link-buttons-table .download-img {
  width: 14%;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaContratosServicios .eliminar-contrato {
  border-radius: 40px;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaBitacoraEmpresas .link-buttons-table {
  text-decoration: none;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading {
  display: none;
}
#contAddCotizacion #apartadoAdiconalClientes .div-row-apartado #tablaOperacionCliente .span-loading img {
  width: 25%;
}
#contAddCotizacion #apartadoAdicionalDocumental .contentCliente {
  /* ===== HEADER ===== */
  /* ===== FOOTER ===== */
}
#contAddCotizacion #apartadoAdicionalDocumental .contentCliente .modal-header {
  background-color: #256df2;
  border-bottom: none;
  padding: 0.5rem 1.5rem;
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
#contAddCotizacion #apartadoAdicionalDocumental .contentCliente .modal-header .card-header {
  padding: 0;
  margin: 0;
  font-size: 1rem;
  color: #ffffff;
}
#contAddCotizacion #apartadoAdicionalDocumental .contentCliente .modal-header .close {
  right: 1rem;
  font-size: 1.3rem;
}
#contAddCotizacion #apartadoAdicionalDocumental .contentCliente .modal-footer {
  background-color: #256df2;
  border-top: none;
  padding: 0.4rem 1.5rem;
  min-height: 46px;
}
#contAddCotizacion #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contAddCotizacion #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contAddCotizacion #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contAddCotizacion #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contAddCotizacion #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contAddCotizacion #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contAddCotizacion #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contAddCotizacion #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contAddCotizacion #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contAddCotizacion #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contAddCotizacion #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contAddCotizacion #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contAddCotizacion #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contAddCotizacion #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contAddCotizacion #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contAddCotizacion #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contAddCotizacion #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contAddCotizacion #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contAddCotizacion #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddCotizacion #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddCotizacion #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contAddCotizacion #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contAddCotizacion #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contAddCotizacion #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}
#contAddCotizacion .apartado-clientes {
  /* HEADER DEL ACCORDION */
  /* BOTÓN DEL ACCORDION */
  /* EFECTO ACTIVO */
  /* CUERPO DEL ACCORDION */
}
#contAddCotizacion .apartado-clientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddCotizacion .apartado-clientes .card {
  border: none;
  background: transparent;
}
#contAddCotizacion .apartado-clientes .card-header {
  border: none;
  background: transparent;
  padding: 0;
}
#contAddCotizacion .apartado-clientes .card-header button {
  width: 100%;
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
  text-align: left;
  padding: 1rem 2rem;
}
#contAddCotizacion .apartado-clientes .card-header button:not(.collapsed) {
  box-shadow: inset 0 -2px 0 rgba(255, 255, 255, 0.3);
}
#contAddCotizacion .apartado-clientes .card-body {
  padding: 2rem 1rem;
}
#contAddCotizacion .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contAddCotizacion .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddCotizacion .btn-form-border-gradientForm {
  padding: 1rem;
  border: none;
  position: relative;
  z-index: 1;
  background: rgba(37, 109, 242, 0.2) !important;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  border-radius: 40px;
  cursor: pointer;
  width: 100%;
  color: #256df2;
  transition: all 0.3s ease;
}
#contAddCotizacion .btn-form-border-gradientForm:hover {
  background-color: #256df2 !important;
  color: #ffffff;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.35);
}
#contAddCotizacion .btn-form-border-gradientForm[aria-expanded=true] {
  background-color: #256df2 !important;
  color: #ffffff;
  box-shadow: 0 4px 12px rgba(37, 109, 242, 0.45);
  transform: scale(1.01);
}
#contAddCotizacion .btn-form-border-gradientForm:focus, #contAddCotizacion .btn-form-border-gradientForm:focus-visible, #contAddCotizacion .btn-form-border-gradientForm:active, #contAddCotizacion .btn-form-border-gradientForm:active:focus {
  outline: none !important;
  box-shadow: none !important;
}
#contAddCotizacion .bnt-form-saveBanco {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddCotizacion .bnt-form-saveBanco:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddCotizacion .bnt-form-saveBanco img {
  width: 15%;
}
#contAddCotizacion .btn-upload-file {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding: 0.6rem 1.4rem;
  border-radius: 40px;
  border: none;
  cursor: pointer;
  background-color: #256df2;
  color: #ffffff;
  font-family: Jost-Medium;
  font-size: 0.95rem;
  box-shadow: 0 3px 8px rgba(37, 109, 242, 0.25);
  transition: all 0.25s ease;
}
#contAddCotizacion .btn-upload-file i {
  font-size: 0.9rem;
}
#contAddCotizacion .btn-upload-file:hover {
  background-color: #1864f2;
  box-shadow: 0 5px 12px rgba(37, 109, 242, 0.35);
  transform: translateY(-1px);
}
#contAddCotizacion .btn-upload-file:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(37, 109, 242, 0.25);
}
#contAddCotizacion .btn-upload-file:focus, #contAddCotizacion .btn-upload-file:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(37, 109, 242, 0.35);
}
#contAddCotizacion .btn-upload-file:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
#contAddCotizacion .btn-action-green .btn-action-main,
#contAddCotizacion .btn-action-green .btn-action-dropdown {
  border: none;
  cursor: pointer;
  font-family: Jost-Medium;
  font-size: 0.9rem;
  padding: 0.55rem 1.2rem;
  transition: all 0.25s ease;
  color: #ffffff;
}
#contAddCotizacion .btn-action-green .btn-action-main:focus, #contAddCotizacion .btn-action-green .btn-action-main:focus-visible, #contAddCotizacion .btn-action-green .btn-action-main:active,
#contAddCotizacion .btn-action-green .btn-action-dropdown:focus,
#contAddCotizacion .btn-action-green .btn-action-dropdown:focus-visible,
#contAddCotizacion .btn-action-green .btn-action-dropdown:active {
  outline: none;
  box-shadow: none;
}
#contAddCotizacion .btn-action-green .btn-action-main {
  background-color: #28a745;
  border-radius: 40px 0 0 40px;
}
#contAddCotizacion .btn-action-green .btn-action-main:hover {
  background-color: #228e3b;
}
#contAddCotizacion .btn-action-green .btn-action-dropdown {
  background-color: #6fcf97;
  border-radius: 0 40px 40px 0;
  padding: 0.55rem 0.9rem;
}
#contAddCotizacion .btn-action-green .btn-action-dropdown:hover {
  background-color: #58c786;
}
#contAddCotizacion .btn-action-green .btn-action-dropdown::after {
  margin-left: 0;
}
#contAddCotizacion .btn-action-green .dropdown-menu {
  border-radius: 14px;
  border: none;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
  padding: 0.4rem 0;
}
#contAddCotizacion .btn-action-green .dropdown-menu .dropdown-item {
  font-size: 0.85rem;
  padding: 0.45rem 1rem;
}
#contAddCotizacion .btn-action-green .dropdown-menu .dropdown-item:hover {
  background-color: rgba(40, 167, 69, 0.12);
}
#contAddCotizacion .bnt-form-delete {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #e53935, #c62828);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contAddCotizacion .bnt-form-delete:hover {
  background: linear-gradient(to right, #ef5350, #d32f2f);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contAddCotizacion .bnt-form-delete:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contAddCotizacion .bnt-form-delete:focus, #contAddCotizacion .bnt-form-delete:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contAddCotizacion .bnt-form-delete img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contAddCotizacion .bnt-form-active {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  background: linear-gradient(to right, #52e535, #057501);
  color: #ffffff;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(0.95rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.5rem 1.2rem;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(229, 57, 53, 0.3);
  transition: all 0.25s ease;
}
#contAddCotizacion .bnt-form-active:hover {
  background: linear-gradient(to right, #56e21f, #0b6304);
  box-shadow: 0 5px 12px rgba(229, 57, 53, 0.4);
  transform: translateY(-1px);
}
#contAddCotizacion .bnt-form-active:active {
  transform: translateY(0);
  box-shadow: 0 2px 4px rgba(229, 57, 53, 0.3);
}
#contAddCotizacion .bnt-form-active:focus, #contAddCotizacion .bnt-form-active:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(229, 57, 53, 0.35);
}
#contAddCotizacion .bnt-form-active img {
  width: 16%;
  filter: brightness(0) invert(1);
}
#contAddCotizacion .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddCotizacion .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddCotizacion .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddCotizacion .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddCotizacion .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCotizacion .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  text-align: center;
}
#contAddCotizacion .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddCotizacion .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddCotizacion .table-solid-color .active-btn {
  color: #28a745;
}
#contAddCotizacion .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddCotizacion .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddCotizacion #cuentasModal .modal-header {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
}
#contAddCotizacion #cuentasModal .modal-title {
  grid-column: 2;
  text-align: center;
}
#contAddCotizacion #cuentasModal .close {
  grid-column: 3;
  justify-self: end;
}

#contentCotizacionList .h-100 {
  height: 100%;
}
#contentCotizacionList .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentCotizacionList .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentCotizacionList .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentCotizacionList .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentCotizacionList .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentCotizacionList .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentCotizacionList .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentCotizacionList .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentCotizacionList .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentCotizacionList .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentCotizacionList .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentCotizacionList .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentCotizacionList .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentCotizacionList .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentCotizacionList .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentCotizacionList .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentCotizacionList .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentCotizacionList .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentCotizacionList .input-wrapper input:valid + .label-input,
#contentCotizacionList .input-wrapper input:focus + .label-input {
  display: none;
}
#contentCotizacionList .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentCotizacionList .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentCotizacionList .form-select option:hover {
  background-color: #f86306 !important;
}
#contentCotizacionList .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentCotizacionList .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentCotizacionList .div-cont-img {
  display: none;
  width: 100%;
}
#contentCotizacionList .div-cont-img img {
  width: 7%;
}
#contentCotizacionList table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentCotizacionList table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentCotizacionList table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentCotizacionList table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentCotizacionList table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentCotizacionList table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentCotizacionList table .tbody-custom .tr-none {
  border: none;
}
#contentCotizacionList table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentCotizacionList table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentCotizacionList table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentCotizacionList table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentCotizacionList table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentCotizacionList table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentCotizacionList table .link-button {
  text-decoration: none;
}
#contentCotizacionList table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentCotizacionList table .btn-detail img {
  width: 25%;
}
#contentCotizacionList table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contentQuinquenio .h-100 {
  height: 100%;
}
#contentQuinquenio .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentQuinquenio .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentQuinquenio .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentQuinquenio .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentQuinquenio .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentQuinquenio .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentQuinquenio .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentQuinquenio .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentQuinquenio .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentQuinquenio .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentQuinquenio .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentQuinquenio .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentQuinquenio .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentQuinquenio .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentQuinquenio .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentQuinquenio .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentQuinquenio .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentQuinquenio .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentQuinquenio .input-wrapper input:valid + .label-input,
#contentQuinquenio .input-wrapper input:focus + .label-input {
  display: none;
}
#contentQuinquenio .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentQuinquenio .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentQuinquenio .form-select option:hover {
  background-color: #f86306 !important;
}
#contentQuinquenio .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentQuinquenio .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentQuinquenio .div-cont-img {
  display: none;
  width: 100%;
}
#contentQuinquenio .div-cont-img img {
  width: 7%;
}
#contentQuinquenio table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentQuinquenio table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentQuinquenio table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentQuinquenio table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentQuinquenio table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentQuinquenio table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentQuinquenio table .tbody-custom .tr-none {
  border: none;
}
#contentQuinquenio table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentQuinquenio table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentQuinquenio table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentQuinquenio table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentQuinquenio table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentQuinquenio table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentQuinquenio table .link-button {
  text-decoration: none;
}
#contentQuinquenio table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentQuinquenio table .btn-detail img {
  width: 25%;
}
#contentQuinquenio table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}

#contentAddQuinqienio .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentAddQuinqienio .oculta-gif-cargando {
  display: none;
}
#contentAddQuinqienio .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentAddQuinqienio .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddQuinqienio .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddQuinqienio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddQuinqienio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddQuinqienio .card .bnt-form-primary img {
  width: 15%;
}
#contentAddQuinqienio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddQuinqienio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddQuinqienio .card .bnt-form-save img {
  width: 15%;
}
#contentAddQuinqienio .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddQuinqienio .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddQuinqienio .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddQuinqienio .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddQuinqienio .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddQuinqienio .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddQuinqienio .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddQuinqienio .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddQuinqienio .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddQuinqienio .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddQuinqienio .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddQuinqienio .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddQuinqienio .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddQuinqienio .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddQuinqienio .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddQuinqienio .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddQuinqienio .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentAddQuinqienio .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentAddQuinqienio .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentAddQuinqienio .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddQuinqienio .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentAddQuinqienio .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddQuinqienio .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentAddQuinqienio .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentAddQuinqienio .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentAddQuinqienio .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentAddQuinqienio .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentAddQuinqienio .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddQuinqienio .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddQuinqienio .card .bnt-form-save img {
  width: 15%;
}
#contentAddQuinqienio .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddQuinqienio .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddQuinqienio .card .bnt-form-primary img {
  width: 15%;
}

#contentNielHospitalario .h-100 {
  height: 100%;
}
#contentNielHospitalario .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentNielHospitalario .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentNielHospitalario .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentNielHospitalario .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentNielHospitalario .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentNielHospitalario .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentNielHospitalario .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentNielHospitalario .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentNielHospitalario .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentNielHospitalario .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentNielHospitalario .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentNielHospitalario .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentNielHospitalario .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentNielHospitalario .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentNielHospitalario .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentNielHospitalario .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentNielHospitalario .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentNielHospitalario .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentNielHospitalario .input-wrapper input:valid + .label-input,
#contentNielHospitalario .input-wrapper input:focus + .label-input {
  display: none;
}
#contentNielHospitalario .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentNielHospitalario .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentNielHospitalario .form-select option:hover {
  background-color: #f86306 !important;
}
#contentNielHospitalario .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentNielHospitalario .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentNielHospitalario .div-cont-img {
  display: none;
  width: 100%;
}
#contentNielHospitalario .div-cont-img img {
  width: 7%;
}
#contentNielHospitalario table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentNielHospitalario table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentNielHospitalario table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentNielHospitalario table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentNielHospitalario table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentNielHospitalario table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentNielHospitalario table .tbody-custom .tr-none {
  border: none;
}
#contentNielHospitalario table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentNielHospitalario table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentNielHospitalario table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentNielHospitalario table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentNielHospitalario table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentNielHospitalario table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentNielHospitalario table .link-button {
  text-decoration: none;
}
#contentNielHospitalario table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentNielHospitalario table .btn-detail img {
  width: 20%;
}
#contentNielHospitalario table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 10% 23%;
}

#contentAddNivelHospitalario .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentAddNivelHospitalario .oculta-gif-cargando {
  display: none;
}
#contentAddNivelHospitalario .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentAddNivelHospitalario .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddNivelHospitalario .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddNivelHospitalario .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddNivelHospitalario .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddNivelHospitalario .card .bnt-form-primary img {
  width: 15%;
}
#contentAddNivelHospitalario .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddNivelHospitalario .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddNivelHospitalario .card .bnt-form-save img {
  width: 15%;
}
#contentAddNivelHospitalario .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddNivelHospitalario .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddNivelHospitalario .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddNivelHospitalario .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddNivelHospitalario .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddNivelHospitalario .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddNivelHospitalario .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddNivelHospitalario .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddNivelHospitalario .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddNivelHospitalario .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddNivelHospitalario .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddNivelHospitalario .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddNivelHospitalario .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddNivelHospitalario .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddNivelHospitalario .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddNivelHospitalario .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddNivelHospitalario .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentAddNivelHospitalario .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentAddNivelHospitalario .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentAddNivelHospitalario .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddNivelHospitalario .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentAddNivelHospitalario .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddNivelHospitalario .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentAddNivelHospitalario .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentAddNivelHospitalario .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentAddNivelHospitalario .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentAddNivelHospitalario .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentAddNivelHospitalario .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddNivelHospitalario .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddNivelHospitalario .card .bnt-form-save img {
  width: 15%;
}
#contentAddNivelHospitalario .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddNivelHospitalario .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddNivelHospitalario .card .bnt-form-primary img {
  width: 15%;
}

#contentTipodePoliza .h-100 {
  height: 100%;
}
#contentTipodePoliza .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentTipodePoliza .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentTipodePoliza .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentTipodePoliza .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentTipodePoliza .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentTipodePoliza .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentTipodePoliza .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentTipodePoliza .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentTipodePoliza .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentTipodePoliza .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentTipodePoliza .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentTipodePoliza .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentTipodePoliza .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentTipodePoliza .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentTipodePoliza .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentTipodePoliza .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentTipodePoliza .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentTipodePoliza .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentTipodePoliza .input-wrapper input:valid + .label-input,
#contentTipodePoliza .input-wrapper input:focus + .label-input {
  display: none;
}
#contentTipodePoliza .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentTipodePoliza .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentTipodePoliza .form-select option:hover {
  background-color: #f86306 !important;
}
#contentTipodePoliza .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentTipodePoliza .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentTipodePoliza .div-cont-img {
  display: none;
  width: 100%;
}
#contentTipodePoliza .div-cont-img img {
  width: 7%;
}
#contentTipodePoliza table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentTipodePoliza table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentTipodePoliza table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentTipodePoliza table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentTipodePoliza table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentTipodePoliza table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentTipodePoliza table .tbody-custom .tr-none {
  border: none;
}
#contentTipodePoliza table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentTipodePoliza table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentTipodePoliza table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentTipodePoliza table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentTipodePoliza table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentTipodePoliza table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentTipodePoliza table .link-button {
  text-decoration: none;
}
#contentTipodePoliza table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentTipodePoliza table .btn-detail img {
  width: 25%;
}
#contentTipodePoliza table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 6px 14px;
  gap: 6px;
}

#contentAddtipoPolizas .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentAddtipoPolizas .oculta-gif-cargando {
  display: none;
}
#contentAddtipoPolizas .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentAddtipoPolizas .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddtipoPolizas .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddtipoPolizas .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddtipoPolizas .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddtipoPolizas .card .bnt-form-primary img {
  width: 15%;
}
#contentAddtipoPolizas .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentAddtipoPolizas .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddtipoPolizas .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddtipoPolizas .card .bnt-form-save img {
  width: 15%;
}
#contentAddtipoPolizas .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddtipoPolizas .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddtipoPolizas .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddtipoPolizas .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contentAddtipoPolizas .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentAddtipoPolizas .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contentAddtipoPolizas .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddtipoPolizas .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddtipoPolizas .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddtipoPolizas .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddtipoPolizas .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddtipoPolizas .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddtipoPolizas .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddtipoPolizas .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddtipoPolizas .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddtipoPolizas .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddtipoPolizas .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddtipoPolizas .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddtipoPolizas .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddtipoPolizas .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentAddtipoPolizas .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentAddtipoPolizas .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentAddtipoPolizas .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddtipoPolizas .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentAddtipoPolizas .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddtipoPolizas .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentAddtipoPolizas .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentAddtipoPolizas .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentAddtipoPolizas .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentAddtipoPolizas .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentAddtipoPolizas .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddtipoPolizas .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddtipoPolizas .card .bnt-form-save img {
  width: 15%;
}
#contentAddtipoPolizas .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddtipoPolizas .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddtipoPolizas .card .bnt-form-primary img {
  width: 15%;
}

#contentListTarifa .h-100 {
  height: 100%;
}
#contentListTarifa .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contentListTarifa .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentListTarifa .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentListTarifa .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentListTarifa .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentListTarifa .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentListTarifa .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentListTarifa .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentListTarifa .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentListTarifa .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contentListTarifa .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contentListTarifa .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentListTarifa .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contentListTarifa .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentListTarifa .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentListTarifa .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contentListTarifa .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentListTarifa .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentListTarifa .input-wrapper input:valid + .label-input,
#contentListTarifa .input-wrapper input:focus + .label-input {
  display: none;
}
#contentListTarifa .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contentListTarifa .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentListTarifa .form-select option:hover {
  background-color: #f86306 !important;
}
#contentListTarifa .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentListTarifa .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentListTarifa .div-cont-img {
  display: none;
  width: 100%;
}
#contentListTarifa .div-cont-img img {
  width: 7%;
}
#contentListTarifa table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentListTarifa table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentListTarifa table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentListTarifa table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentListTarifa table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentListTarifa table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentListTarifa table .tbody-custom .tr-none {
  border: none;
}
#contentListTarifa table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentListTarifa table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentListTarifa table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentListTarifa table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contentListTarifa table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentListTarifa table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentListTarifa table .link-button {
  text-decoration: none;
}
#contentListTarifa table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentListTarifa table .btn-detail img {
  width: 25%;
}
#contentListTarifa table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 6px 14px;
  gap: 6px;
}

#contentAddTarifa .spam-loading {
  font-family: Jost-Medium;
  color: #666666;
  font-size: clamp(0.9rem, 0.9vw, 1.5rem);
}
#contentAddTarifa .oculta-gif-cargando {
  display: none;
}
#contentAddTarifa .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentAddTarifa .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTarifa .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTarifa .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddTarifa .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddTarifa .card .bnt-form-primary img {
  width: 15%;
}
#contentAddTarifa .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentAddTarifa .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentAddTarifa .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddTarifa .card .bnt-form-save img {
  width: 15%;
}
#contentAddTarifa .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentAddTarifa .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddTarifa .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentAddTarifa .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contentAddTarifa .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contentAddTarifa .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contentAddTarifa .card .btn-border-gradient1 {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddTarifa .card .btn-border-gradient1::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddTarifa .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTarifa .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddTarifa .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddTarifa .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddTarifa .card .btn-eliminar-custom {
  background: linear-gradient(135deg, #ff4d4d, #cc0000);
  border: none;
  color: #fff;
  border-radius: 25px; /* bien redondeado */
  padding: 6px 16px;
  font-size: 13px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  transition: all 0.3s ease;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.2);
}
#contentAddTarifa .card .btn-eliminar-custom:hover {
  background: linear-gradient(135deg, #ff1a1a, #990000);
  transform: translateY(-1px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
}
#contentAddTarifa .card .btn-eliminar-custom:active {
  transform: scale(0.95);
}
#contentAddTarifa .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentAddTarifa .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentAddTarifa .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentAddTarifa .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentAddTarifa .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentAddTarifa .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentAddTarifa .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddTarifa .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentAddTarifa .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddTarifa .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentAddTarifa .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentAddTarifa .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentAddTarifa .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentAddTarifa .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentAddTarifa .card .table-td-radius .link-button {
  text-decoration: none;
}
#contentAddTarifa .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contentAddTarifa .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contentAddTarifa .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contentAddTarifa .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contentAddTarifa .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentAddTarifa .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contentAddTarifa .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contentAddTarifa .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contentAddTarifa .card .table-solid-color .active-btn {
  color: #28a745;
}
#contentAddTarifa .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contentAddTarifa .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddTarifa .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentAddTarifa .card .bnt-form-save img {
  width: 15%;
}
#contentAddTarifa .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contentAddTarifa .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentAddTarifa .card .bnt-form-primary img {
  width: 15%;
}

#contentGrupo .h-100 {
  height: 100%;
}
#contentGrupo .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contentGrupo .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contentGrupo .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contentGrupo .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contentGrupo .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contentGrupo .link-btn {
  text-decoration: none;
  width: 100%;
}
#contentGrupo .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 7px;
}
#contentGrupo .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contentGrupo .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contentGrupo .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contentGrupo .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contentGrupo .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentGrupo .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contentGrupo .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contentGrupo .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
}
#contentGrupo .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contentGrupo .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contentGrupo .input-wrapper input:valid + .label-input,
#contentGrupo .input-wrapper input:focus + .label-input {
  display: none;
}
#contentGrupo .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentGrupo .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentGrupo .div-cont-img {
  display: none;
  width: 100%;
}
#contentGrupo .div-cont-img img {
  width: 7%;
}
#contentGrupo .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
  /* labels */
}
#contentGrupo .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contentGrupo .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentGrupo .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contentGrupo .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contentGrupo .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contentGrupo .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contentGrupo .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contentGrupo .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contentGrupo .table-td-radius .clientes-contenedor {
  column-count: 4;
  column-gap: 15px;
}
#contentGrupo .table-td-radius .cliente-lista-columnas {
  margin-bottom: 8px;
  padding-left: 0;
  break-inside: avoid;
  list-style: none;
}
#contentGrupo .table-td-radius .cliente-lista-columnas li {
  font-size: 10px;
  line-height: 1.4;
  color: #485563;
  text-align: left;
  padding-left: 12px;
  position: relative;
}
#contentGrupo .table-td-radius .cliente-lista-columnas li:before {
  content: "✅​";
  font-size: 10px;
  position: absolute;
  left: 0;
  top: 1px;
}
#contentGrupo .table-td-radius .cliente-lista-columnas li {
  font-size: 11px;
  line-height: 1.4;
  color: #485563;
  text-align: left;
  padding-left: 18px; /* <- aumenta espacio */
  position: relative;
}
#contentGrupo .table-td-radius .cliente-lista-columnas strong {
  color: #2c3e50;
  min-width: 55px;
  display: inline-block;
}
#contentGrupo .table-td-radius .link-button {
  text-decoration: none;
}
#contentGrupo .table-td-radius .botones-grupo {
  align-items: center;
}
#contentGrupo .table-td-radius .botones-grupo button {
  width: 110px;
  height: 38px;
  font-size: 13px;
}
#contentGrupo .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 90px;
  font-family: Jost-Light;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 10px;
}
#contentGrupo .table-td-radius .btn-detail img {
  width: 14px;
}
#contentGrupo .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 10px;
}
#contentGrupo .modal-cliente .modal-title {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contentGrupo .modal-cliente .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentGrupo .modal-cliente .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentGrupo .modal-cliente .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentGrupo .modal-cliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: 40px;
  display: flex !important;
  align-items: center;
  padding: 2%;
  margin-bottom: 2%;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  padding-right: 2%;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs .disponible-concepto {
  background-color: #256df2;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs .deshabilitado-concepto {
  background-color: #9ba1a0;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs .conceptoi-usado {
  background-color: #d33838;
  border-radius: 25px;
  padding: 1%;
  color: white;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs .btn-edit-estatus-conceptos {
  border-radius: 40px;
}
#contentGrupo .modal-cliente .div-cont-conceptos .form-check-rs .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 2.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentGrupo .modal-cliente #guardarOperacionClienteModal {
  border: none;
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border-radius: 40px;
}
#contentGrupo .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentGrupo .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentGrupo .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentGrupo .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contentGrupo .card .bnt-form-primary img {
  width: 15%;
}
#contentGrupo .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contentGrupo .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contentGrupo .card .bnt-form-save img {
  width: 15%;
}
#contentGrupo .card-withou-style {
  box-shadow: none;
  padding: 0;
}
#contentGrupo .card-withou-style .card-header {
  background-color: transparent;
  box-shadow: none;
}
#contentGrupo .card-withou-style .card-header .card-header-tabs {
  background-color: transparent;
}
#contentGrupo .card-withou-style .card-header .card-header-tabs .nav-link {
  font-family: Jost-Medium;
  color: #4c77f8;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentGrupo .card-withou-style .card-header .card-header-tabs .active {
  font-family: Jost-Medium;
  color: #dd036f;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentGrupo .card-withou-style .card-body {
  background-color: #fcf9f6;
}
#contentGrupo .card-withou-style .card-body .div-on-header {
  padding: 0;
  box-shadow: none;
}
#contentGrupo .card-withou-style .card-body .div-on-header .sub-card {
  padding: 0;
  box-shadow: none;
}
#contentGrupo .card-withou-style .card-body .div-on-header .sub-card .card-header {
  box-shadow: none;
  background-color: #4c77f8;
  padding: 3px;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentGrupo .table-solid-color td .bnt-form-save {
  padding: 6px 16px;
  font-size: 0.9rem;
  background: #256df2;
  color: #ffffff;
  border: none;
  border-radius: 40px;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.25);
}
#contentGrupo .table-solid-color td .bnt-form-save:hover {
  background: #1e5bd7;
}
#contentGrupo .table-solid-color td {
  vertical-align: middle;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado {
  border: none;
  background-color: #fff;
  border-radius: 60px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .title-section-gradient h5 {
  border: none;
  font-family: Jost-Medium;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 1vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse {
  border-radius: 60px;
  background-color: #4c77f8;
  padding: 1%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse button {
  color: #fff;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .head-div-subtitle-collapse .legend-div {
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .ts-wrapper .ts-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient {
  padding: 1rem 1rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  width: 100%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .btn-form-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .col-select {
  padding-right: 0;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-family: Jost-Light;
  font-size: 1rem;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .hide-cont-form {
  display: none;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial {
  width: 100%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend {
  width: 100%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #spanContDescripcionRazonSocial .input-group-prepend #labelGrayRaxonSocial {
  width: 100%;
  white-space: normal !important;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .col-button {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .hide-form {
  display: none;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table button {
  border-radius: 40px;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .img-eye {
  width: 30%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .link-buttons-table .download-img {
  width: 14%;
}
#contentGrupo #apartadoAdiconalClientes .div-row-apartado #tablaConstanciasFiscales .eliminar-constancia {
  border-radius: 40px;
}
#contentGrupo #apartadoAdicionalDocumental .col-select {
  padding-right: 0;
}
#contentGrupo #apartadoAdicionalDocumental .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#contentGrupo #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#contentGrupo #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#contentGrupo #apartadoAdicionalDocumental .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#contentGrupo #apartadoAdicionalDocumental .hide-cont-form {
  display: none;
}
#contentGrupo #apartadoAdicionalDocumental .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#contentGrupo #apartadoAdicionalDocumental .hide-form {
  display: none;
}
#contentGrupo #apartadoAdicionalDocumental .cont-gif #gifCargandoDocumental {
  display: none;
  width: 7%;
}
#contentGrupo #apartadoAdicionalDocumental .col-cont-buttons-buscar {
  display: flex;
  justify-content: start;
  align-items: end;
}
#contentGrupo #apartadoAdicionalDocumental .btn-dimiss-seccion {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: none;
  cursor: pointer;
  width: auto;
  height: auto;
  font-size: 1.5rem;
}
#contentGrupo #apartadoAdicionalDocumental .btn-dimiss-seccion:hover {
  background-color: white;
  color: white;
}
#contentGrupo #apartadoAdicionalDocumental .btn-dimiss-seccion:hover i {
  color: #28a745;
}
#contentGrupo #apartadoAdicionalDocumental .lista-conceptos-acervo {
  text-align: left;
}
#contentGrupo #apartadoAdicionalDocumental #tablaConstanciasFiscales .link-buttons-table {
  text-decoration: none;
}
#contentGrupo #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-disponible {
  background-color: #1abc9c;
  border: solid 1px #1abc9c;
  border-radius: 25px;
  color: white;
}
#contentGrupo #apartadoAdicionalDocumental #tablaConstanciasFiscales .archivo-ocupado {
  background-color: #e74c3c;
  border: solid 1px #e74c3c;
  border-radius: 25px;
  color: white;
}
#contentGrupo #apartadoAdicionalDocumental #tablaConstanciasFiscales tr td {
  text-align: center;
}
#contentGrupo .clientes-grid-scroll {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 20px;
  background: #94d9f5;
  max-height: 600px;
  overflow-y: auto;
  padding-right: 5px;
  padding: 25px;
}
#contentGrupo .clientes-grid-scroll::-webkit-scrollbar {
  width: 4px;
}
#contentGrupo .clientes-grid-scroll::-webkit-scrollbar-thumb {
  background: #28a745;
  border-radius: 10px;
}
#contentGrupo .cliente-item,
#contentGrupo .cliente-item-edit {
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 8px;
  cursor: pointer;
  position: relative;
  transition: 0.2s;
  background: #fff;
}
#contentGrupo .cliente-item:hover,
#contentGrupo .cliente-item-edit:hover {
  border-color: #28a745;
}
#contentGrupo .cliente-item.selected,
#contentGrupo .cliente-item-edit.selected {
  border: 2px solid #28a745;
  background: #eaffea;
}
#contentGrupo .check-icon {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #28a745;
  display: none;
}
#contentGrupo .cliente-item.selected .check-icon,
#contentGrupo .cliente-item-edit.selected .check-icon {
  display: block;
}
#contentGrupo .hidden-checkbox,
#contentGrupo .hidden-checkbox-edit {
  display: none;
}
#contentGrupo #sugerenciasConceptosRazon {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentGrupo #sugerenciasConceptosRazon li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentGrupo #sugerenciasConceptosRazon li:hover {
  background: #f0f0f0;
}
#contentGrupo #sugerenciasConceptosRazonModal {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  max-height: 200px;
  overflow-y: auto;
  border: 1px solid #ccc;
  background: #fff;
  z-index: 1000;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
}
#contentGrupo #sugerenciasConceptosRazonModal li {
  padding: 8px 12px;
  cursor: pointer;
}
#contentGrupo #sugerenciasConceptosRazonModal li:hover {
  background: #f0f0f0;
}

#contAddInpc .h-100 {
  height: 100%;
}
#contAddInpc .btn-add {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 5%;
}
#contAddInpc .btn-add:hover {
  background: linear-gradient(to right, #f6288f, #fe8337);
}
#contAddInpc .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddInpc .title-page .div-cont-title {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddInpc .title-page .div-cont-title .img-background {
  position: relative;
  display: flex;
  align-items: center;
}
#contAddInpc .title-page .div-cont-title .img-background img {
  opacity: 0.2;
  width: 35%;
  height: 100%;
}
#contAddInpc .title-page .div-cont-title .title-top {
  position: absolute;
  top: 0;
  display: flex;
  height: 100%;
  align-items: end;
}
#contAddInpc .title-page .div-cont-title .title-top h2 {
  color: #3c6bf6;
  font-family: Jost-SemiBold;
  font-size: clamp(1rem, 2vw, 2rem);
}
#contAddInpc .link-btn {
  text-decoration: none;
  width: 100%;
}
#contAddInpc .btn-add-ticket {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 4%;
}
#contAddInpc .btn-add-ticket:hover {
  background-color: #4c77f8;
}
#contAddInpc .div-cont-filters {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border-radius: 40px;
  background-color: #fff;
  padding: 3% 3%;
}
#contAddInpc .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 40px;
}
#contAddInpc .input-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
#contAddInpc .input-wrapper input[type=date] {
  position: relative;
  z-index: 2;
  background-color: #f0f0f0;
  color: black;
}
#contAddInpc .input-wrapper .label-input {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.8vw, 2rem);
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  color: #888;
  pointer-events: none;
  z-index: 2;
  height: 75%;
  width: 70%;
  display: flex;
  align-items: center;
  background: #f0f0f0;
  overflow: hidden;
  white-space: nowrap;
}
#contAddInpc .input-wrapper .label-input .color-label-before {
  color: #dd036f;
}
#contAddInpc .input-wrapper .label-input em {
  color: #666666;
  font-style: normal;
}
#contAddInpc .input-wrapper input:valid + .label-input,
#contAddInpc .input-wrapper input:focus + .label-input {
  display: none;
}
#contAddInpc .form-select {
  background: linear-gradient(to right, #dd036f, #f86306);
  color: #fff;
}
#contAddInpc .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddInpc .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddInpc .btn-filters {
  padding: 1rem 3rem;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddInpc .btn-filters::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddInpc .div-cont-img {
  display: none;
  width: 100%;
}
#contAddInpc .div-cont-img img {
  width: 7%;
}
#contAddInpc table {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddInpc table thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddInpc table th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddInpc table .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddInpc table .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddInpc table .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddInpc table .tbody-custom .tr-none {
  border: none;
}
#contAddInpc table .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddInpc table .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddInpc table .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddInpc table .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  height: 50%;
}
#contAddInpc table .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddInpc table .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddInpc table .link-button {
  text-decoration: none;
}
#contAddInpc table .btn-detail {
  background: linear-gradient(to right, #af002d, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 4% 23%;
}
#contAddInpc table .btn-detail img {
  width: 25%;
}
#contAddInpc table .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 8% 26%;
}
#contAddInpc table .btn-Reactivar {
  background-color: #28a745;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 8% 26%;
}

#contAddInpc .card {
  border: none;
  background-color: #fff;
  border-radius: 50px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
  padding: 2%;
}
#contAddInpc .card .card-header {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddInpc .card .text-detail {
  color: #575961;
  font-family: Jost-Light;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
}
#contAddInpc .card .title-section {
  border-radius: 60px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  color: #fff;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddInpc .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddInpc .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddInpc .card .bnt-form-primary img {
  width: 15%;
}
#contAddInpc .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 1%;
}
#contAddInpc .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddInpc .card .bnt-form-save img {
  width: 15%;
}
#contAddInpc .card .label-input {
  font-family: Jost-Light;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
#contAddInpc .card .form-control {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddInpc .card .disabled-input {
  background-color: #e1e1e1;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.5rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
}
#contAddInpc .card .form-select {
  background: #5f7fb3;
  color: #fff;
}
#contAddInpc .card .form-select option {
  background-color: #dd036f;
  color: white;
}
#contAddInpc .card .form-select option:hover {
  background-color: #f86306 !important;
}
#contAddInpc .card .btn-border-gradient {
  padding: 2% 6%;
  font-size: 16px;
  border: none;
  position: relative;
  z-index: 1;
  background: linear-gradient(to right, #af002d, #ff7a18);
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
  background-color: #f0f0f0;
  border-radius: 40px;
  cursor: pointer;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
#contAddInpc .card .btn-border-gradient::before {
  content: "";
  position: absolute;
  inset: 0;
  padding: 4px;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: destination-out;
  mask-composite: exclude;
  z-index: -1;
}
#contAddInpc .card .btn-quit {
  padding: 1.5% 6%;
  background-color: #ff426e;
  border: solid #ff426e;
  border-radius: 40px;
  font-family: Jost-Light;
  font-size: clamp(1rem, 1vw, 2rem);
}
#contAddInpc .card .custom-file {
  background-color: #f0f0f0;
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.8vw, 2rem);
  min-height: 3.2rem;
  box-shadow: 0px 5px 9px rgba(112, 112, 112, 0.3);
  border-radius: 20px;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  padding: 0;
}
#contAddInpc .card .custom-file .custom-file-input {
  min-height: 3.5rem;
}
#contAddInpc .card .custom-file .custom-file-label {
  background: transparent;
  border: none;
  margin: 0;
  margin-top: 0.5rem;
  width: 98%;
}
#contAddInpc .card .table-td-radius {
  background-color: transparent;
  border: none;
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddInpc .card .table-td-radius thead {
  border-collapse: separate;
  border-spacing: 0 15px;
}
#contAddInpc .card .table-td-radius th {
  border: none;
  font-family: Jost-ExtraLight;
  background: linear-gradient(to right, #af002d, #ff7a18);
  border-radius: inherit;
  font-size: clamp(1rem, 0.7vw, 2rem);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddInpc .card .table-td-radius .border-right {
  border-right: solid 1px #dd036f !important;
}
#contAddInpc .card .table-td-radius .border-left {
  border-left: solid 1px #dd036f !important;
}
#contAddInpc .card .table-td-radius .pr-0-custom {
  padding-right: 0;
}
#contAddInpc .card .table-td-radius .tbody-custom {
  border-collapse: separate;
  border-spacing: 0 15px;
  padding: 2%;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-none {
  border: none;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom {
  border: solid transparent 1px;
  border-radius: 60px;
  border-spacing: 3px;
  box-shadow: 0px 3px 7px rgba(0, 0, 0, 0.3);
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom:after {
  display: block;
  line-height: 10px;
  text-indent: -99999px;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom td {
  background-color: #fff;
  vertical-align: middle;
  text-align: center;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom td .cont-td {
  font-family: Jost-Light;
  color: #666666;
  font-size: clamp(1rem, 0.9vw, 2rem);
  border-right: solid 1px #dd036f;
  display: flex;
  height: 100%;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom td .cont-td .td-inter {
  height: 100%;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom .td-left {
  border-radius: 60px 0px 0px 60px;
}
#contAddInpc .card .table-td-radius .tbody-custom .tr-custom .td-right {
  border-radius: 0px 60px 60px 0px;
}
#contAddInpc .card .table-td-radius .link-button {
  text-decoration: none;
}
#contAddInpc .card .table-td-radius .btn-detail {
  background: linear-gradient(to right, #dd036f, #ff7a18);
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 23%;
}
#contAddInpc .card .table-td-radius .btn-detail img {
  width: 25%;
}
#contAddInpc .card .table-td-radius .btn-Eliminar {
  background-color: #ff0529;
  border: none;
  border-radius: 60px;
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(0.8rem, 0.9vw, 2rem);
  padding: 5% 20%;
}
#contAddInpc .card .table-solid-color {
  background: linear-gradient(to right, #dd036f, #f86306);
  border-radius: 12px;
}
#contAddInpc .card .table-solid-color th {
  font-family: Jost-Regular;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
  border: none;
  background-clip: text;
  text-fill-color: transparent;
  text-align: center;
}
#contAddInpc .card .table-solid-color tbody td {
  font-family: Jost-Light;
  font-size: clamp(1rem, 0.9vw, 2rem);
  color: white;
}
#contAddInpc .card .table-solid-color .editar-razon-operacion {
  border-radius: 40px;
}
#contAddInpc .card .table-solid-color .estatus-razon-operacion {
  border-radius: 40px;
  background-color: white;
  border: none;
}
#contAddInpc .card .table-solid-color .active-btn {
  color: #28a745;
}
#contAddInpc .card .table-solid-color .inactive-btn {
  color: #dc3545;
}
#contAddInpc .card .bnt-form-save {
  background: linear-gradient(to right, #dd036f, #f86306);
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddInpc .card .bnt-form-save:hover {
  background: linear-gradient(to right, #f848a0, #f6843e);
}
#contAddInpc .card .bnt-form-save img {
  width: 15%;
}
#contAddInpc .card .bnt-form-primary {
  background-color: #3c6bf6;
  font-family: Jost-Regular;
  border: none;
  font-size: clamp(1rem, 0.8vw, 2rem);
  border-radius: 40px;
  padding: 0.8% 2%;
}
#contAddInpc .card .bnt-form-primary:hover {
  background-color: #4c77f8;
}
#contAddInpc .card .bnt-form-primary img {
  width: 15%;
}

#contentHomeModules {
  /* Contenedor padre relativo para limitar el contenido absoluto */
  /* La imagen se estira al 100% del contenedor */
  /* El contenido se superpone exactamente encima de la imagen */
}
#contentHomeModules .posicion-contenedor {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding: 0;
}
#contentHomeModules .imagen-fondo {
  width: 100%;
  height: 100%;
  object-fit: cover; /* Evita que la imagen se deforme */
  display: block;
}
#contentHomeModules .contenido-superior {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2; /* Asegura que quede arriba */
}
#contentHomeModules .contenido-superior .over-flow-visible {
  overflow: visible;
}
#contentHomeModules .contenido-superior .glass-card {
  padding: 8px 16px;
  display: flex;
  align-items: center;
  justify-content: center;
}
#contentHomeModules .contenido-superior .glass-card-logo {
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2509803922), 0 6px 18px rgba(0, 0, 0, 0.1215686275);
  color: #fff;
}
#contentHomeModules .contenido-superior .glass-card--welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  text-align: center;
  position: relative;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 16px;
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border: 1px solid rgba(255, 255, 255, 0.18);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.2509803922), 0 6px 18px rgba(0, 0, 0, 0.1215686275);
  color: #fff;
}
#contentHomeModules .contenido-superior .glass-card--welcome .wellcome-date {
  font-family: jost-Regular;
  font-size: 16px;
  line-height: 1.3;
  color: #fff;
  max-width: 100%;
}
#contentHomeModules .contenido-superior .glass-card--welcome .welcome-message {
  margin: 0;
  font-family: jost-SemiBold;
  font-size: 31px;
  line-height: 1.25;
  color: #fff;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: break-word;
  text-wrap: balance;
}
#contentHomeModules .contenido-superior .glass-card--profile {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  padding: 8px 16px;
  cursor: pointer;
}
#contentHomeModules .contenido-superior .profile-info {
  background: transparent;
  border: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  justify-content: center;
  line-height: 1.2;
  color: #fff;
}
#contentHomeModules .contenido-superior .profile-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1.25px solid #ededee;
  background: #fff;
  overflow: hidden;
  flex-shrink: 0;
}
#contentHomeModules .contenido-superior .profile-avatar i {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
#contentHomeModules .contenido-superior .landing-title {
  margin: 0 0 24px;
  font-family: jost-SemiBold;
  font-size: 25px;
  line-height: 1.2;
  color: #fff;
}
#contentHomeModules .contenido-superior .app-card-robot {
  position: absolute;
  left: 50%;
  bottom: -88px;
  width: 371px;
  height: 437px;
  max-width: 110%;
  transform: translate(-50%);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  pointer-events: none;
  z-index: 2;
  transition: transform 0.4s ease;
}
#contentHomeModules .contenido-superior .div-app-card-container {
  padding-left: 24px;
  padding-right: 24px;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card {
  position: relative;
  display: block;
  width: 100%;
  height: 600px;
  border-radius: 16px;
  overflow: visible;
  text-decoration: none;
  color: #fff;
  isolation: isolate;
  transition: transform 0.35s ease;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 16px;
  background: linear-gradient(163.3deg, rgba(255, 255, 255, 0.3019607843) 0.73%, rgba(255, 255, 255, 0) 43.68%, rgba(255, 255, 255, 0.0823529412) 64.2%, rgba(255, 255, 255, 0.031372549));
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: inset 0 0 18px 8px rgba(255, 255, 255, 0.1019607843), 0 8px 28px rgba(0, 0, 0, 0.1803921569);
  pointer-events: none;
  z-index: 1;
  transition: box-shadow 0.35s ease, background 0.35s ease;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 314px;
  height: 327px;
  max-width: 100%;
  background: rgba(255, 255, 255, 0.0509803922);
  clip-path: polygon(0% 100%, 100% 0%, 100% 100%);
  border-bottom-right-radius: 16px;
  pointer-events: none;
  z-index: 1;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .logo-opacity {
  opacity: 0.3;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .text-opacity {
  opacity: 0.3;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content-loked {
  position: relative;
  z-index: 3;
  height: 400px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  text-align: center;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content-loked .app-card-info {
  margin: 0;
  font-family: jost-Regular;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content-loked .icon-lok {
  width: 80px;
  height: 50px;
  display: inline;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content-loked .text-title {
  margin: 0;
  font-family: jost-SemiBold;
  font-size: 20px;
  line-height: 1.2;
  color: #fff;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content {
  position: relative;
  z-index: 3;
  height: 300px;
  padding: 32px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 32px;
  text-align: center;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content .app-card-info {
  margin: 0;
  font-family: jost-Regular;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  text-align: center;
}
#contentHomeModules .contenido-superior .div-app-card-container .app-card .app-card-content .btn-ingresar {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 151px;
  padding: 16px 24px;
  border-radius: 250px;
  font-family: jost-SemiBold;
  font-size: 16px;
  line-height: 1.2;
  color: #fff;
  background-image: linear-gradient(253deg, #fd5377 41.82%, #ff7200);
  box-shadow: 0 6px 18px rgba(253, 83, 119, 0.3490196078);
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.25s ease;
}

html,
body {
  scroll-behavior: smooth;
  height: auto;
  font-size: 13px;
  overflow-x: hidden;
}

.card-header .arrow-back-list {
  margin-right: 1%;
}
.card-header .arrow-back-list i {
  color: gray;
}

#gifCargando {
  display: none;
  width: 5%;
}

#gifCargandoPrimaNeta {
  display: none;
  width: 5%;
}

#gifCargandoSearch {
  display: none;
  width: 20%;
}

.div-cont-header-description .div-cont-title #Title {
  border-bottom: 2px solid #787878;
  display: flex;
  align-items: flex-end;
}
.div-cont-header-description .div-cont-title #Title .cont-title-before {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 1%;
  align-items: flex-end;
}
.div-cont-header-description .div-cont-title #Title .cont-title-before .link-title {
  text-decoration: none;
  color: #212529;
}
.div-cont-header-description .div-cont-title #Title .cont-title-before .link-title h5 {
  margin-right: 1%;
  padding-bottom: 0px;
}
.div-cont-header-description .div-cont-title #Title .cont-title-before .fa-angle-right {
  font-size: 1.4rem;
  margin-bottom: 0.5rem;
}
.div-cont-header-description .div-cont-title #Title .cont-title {
  display: inline-block;
  white-space: nowrap;
  padding-right: 1%;
  border-right: 2px solid #787878;
}
.div-cont-header-description .div-cont-title #Title .cont-title h5 {
  margin-right: 1%;
  padding-bottom: 0px;
}
.div-cont-header-description .div-cont-title #Title .btn-add-description {
  font-size: 1rem;
  border-style: none;
}

.div-cont-search-parent .div-cont-search-description {
  /* reset input */
  /* demo */
}
.div-cont-search-parent .div-cont-search-description .form__group {
  position: relative;
  padding: 10px 0 0;
  margin-top: 5px;
  width: 100%;
}
.div-cont-search-parent .div-cont-search-description .form__group .custom-select {
  margin-bottom: 0% !important;
  padding-bottom: 0%;
}
.div-cont-search-parent .div-cont-search-description .form-group-mat {
  margin-bottom: 0% !important;
  padding-bottom: 0%;
  position: relative;
  padding: 10px 0 0;
  margin-top: 6%;
  width: 100%;
}
.div-cont-search-parent .div-cont-search-description .form__field {
  font-family: inherit;
  width: 100%;
  border: 0;
  border-bottom: 2px solid #4f4e4e;
  outline: 0;
  font-size: 1rem;
  color: black;
  padding: 7px 0;
  background: transparent;
  transition: border-color 0.2s;
}
.div-cont-search-parent .div-cont-search-description .form__field::placeholder {
  color: transparent;
}
.div-cont-search-parent .div-cont-search-description .form__field:placeholder-shown ~ .form__label {
  font-size: 1.1rem;
  cursor: text;
  top: 20px;
}
.div-cont-search-parent .div-cont-search-description .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #4f4e4e;
}
.div-cont-search-parent .div-cont-search-description .form__field:focus ~ .form__label {
  position: absolute;
  top: 0;
  display: block;
  transition: 0.2s;
  font-size: 1rem;
  color: #11998e;
  font-weight: 700;
}
.div-cont-search-parent .div-cont-search-description .form__field:focus {
  padding-bottom: 6px;
  border-width: 3px;
  border-image: linear-gradient(to right, #11998e, #38ef7d);
  border-image-slice: 1;
}
.div-cont-search-parent .div-cont-search-description .form__field:required, .div-cont-search-parent .div-cont-search-description .form__field:invalid {
  box-shadow: none;
}
.div-cont-search-parent .div-cont-search-description body {
  font-family: "Poppins", sans-serif;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  font-size: 1.5rem;
  background-color: #222222;
}
.div-cont-search-parent .div-cont-search-description .div-cont-button {
  display: flex;
  align-items: flex-end;
}
.div-cont-search-parent .div-cont-search-description .div-cont-button .btn-search {
  padding: 1.5% 16%;
}
.div-cont-search-parent .div-cont-search-description .ts-wrapper {
  margin-top: 11%;
}
.div-cont-search-parent .div-cont-search-description .ts-wrapper .ts-control {
  border: 0;
  border-bottom: 2px solid #4f4e4e;
}

.table-responsive .btn-edit {
  font-size: 1.3rem;
  border-style: none;
  color: #11998e;
}
.table-responsive .btn-edit:hover {
  background-color: #11998e;
}
.table-responsive .link-cont-button {
  text-decoration: none;
}
.table-responsive .btn-edit-button {
  font-size: 1.3rem;
  border-style: none;
}
.table-responsive .btn-edit-button i {
  color: #11998e;
}
.table-responsive .btn-edit-button:hover {
  background-color: #11998e;
}
.table-responsive .btn-edit-button:hover i {
  color: white;
}
.table-responsive .btn-deleted {
  font-size: 1.1rem;
  border-style: none;
  color: #991128;
}
.table-responsive .btn-deleted:hover {
  background-color: #991128;
}
.table-responsive .btn-successCstm {
  font-size: 1.1rem;
  border-style: none;
  color: #11998e;
}
.table-responsive .btn-successCstm:hover {
  background-color: #11998e;
}
.table-responsive #tableMaterialida {
  /*tr:last-child td:last-child{
      border-right: none;
  }
  tr:last-child th:last-child{
      border-right: none;
  }*/
}
.table-responsive #tableMaterialida td {
  padding: 0.25rem;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #dee2e6;
}
.table-responsive #tableMaterialida td .lista-conceptos-acervo {
  text-align: left;
}
.table-responsive #tableMaterialida th {
  text-align: center;
  border-right: 1px solid #dee2e6;
  font-size: 0.85rem;
  padding: 0.6rem;
}
.table-responsive #tableMaterialida tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.table-responsive #tableMaterialida tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.table-responsive #tableMaterialida tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.table-responsive #tableMaterialida tr {
  border-left: 5px solid #11998e;
  border-bottom: 1px solid #dee2e6;
}
.table-responsive #table-description {
  /*tr:last-child td:last-child{
      border-right: none;
  }
  tr:last-child th:last-child{
      border-right: none;
  }*/
}
.table-responsive #table-description td {
  padding: 0%;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #dee2e6;
}
.table-responsive #table-description th {
  text-align: center;
  border-right: 1px solid #dee2e6;
}
.table-responsive #table-description tr:first-child td:first-child {
  border-top-left-radius: 10px;
}
.table-responsive #table-description tr:last-child td:first-child {
  border-bottom-left-radius: 10px;
}
.table-responsive #table-description tr:first-child td:last-child {
  border-top-right-radius: 10px;
}
.table-responsive #table-description tr {
  border-left: 5px solid #11998e;
  border-bottom: 1px solid #dee2e6;
}

.view-file a {
  text-decoration: none;
  display: flex;
  width: 100%;
  line-height: 1.5;
  align-items: center;
  background-color: #38c172;
  border-radius: 10px;
  color: white;
  padding: 0.3rem;
}
.view-file a .text-nombre-doc {
  width: 90%;
}
.view-file a i {
  font-size: 1.8rem;
  width: 10%;
}
.view-file a:hover {
  color: white;
  background-color: #3b9c51;
}

.suggestions {
  border: 1px solid #ccc;
  max-height: 150px;
  overflow-y: auto;
  position: absolute;
  background: #fff;
  z-index: 1000;
}

.suggestion-item {
  padding: 8px;
  cursor: pointer;
}

.suggestion-item:hover {
  background: #f0f0f0;
}

.div-cont-bloques .form-check-button-doc {
  padding-left: 0%;
}
.div-cont-bloques .form-check-button-doc .button-cont-cabecera {
  display: flex;
  width: 100%;
}
.div-cont-bloques .form-check-button-doc .button-cont-cabecera .btn-nombre-bloque {
  width: 90%;
}
.div-cont-bloques .form-check-button-doc .lista-documentos {
  text-align: center;
  list-style: none;
  padding-left: 0%;
}

.dropdown-select-cliente {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}

.dropdown-menu-cliente {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  border: 1px solid #ccc;
  display: none;
  max-height: 150px;
  overflow-y: auto;
  background-color: white;
  z-index: 1;
}

.dropdown-item-cliente {
  padding: 8px;
  cursor: pointer;
  transition: background-color 0.3s;
}

.dropdown-item:hover {
  background-color: #f0f0f0;
}

#selectedOption-cliente {
  margin-top: 10px;
}

/*Login*/
.cont-login-fondo {
  background-image: url("../images/proyect/Recurso-29.webp");
  background-size: cover;
  height: 100vh;
}
.cont-login-fondo .main-cont-login-nav .isotipo-qualabi {
  width: 33%;
  background-color: #0065fe;
  padding: 0;
  margin-left: -3%;
  z-index: 2;
  border-radius: 11px 11px 0px 0px;
  box-shadow: 3px 0px 5px rgb(70, 67, 67);
}
.cont-login-fondo .main-cont-login-nav .isotipo-qualabi a {
  text-decoration: none;
  display: block;
  padding: 0.25rem;
}
.cont-login-fondo .main-cont-login-nav .isotipo-qualabi a h5 {
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(1rem, 0.8vw, 2rem);
  margin: 0;
}
.cont-login-fondo .main-cont-login-nav .znk-tabs-system {
  width: 40%;
  background: linear-gradient(to right, #dd036f, #f86306);
  padding: 2% 0%;
  margin-left: 0%;
  border: none;
  border-radius: 11px 11px 0px 0px;
  z-index: 3;
  box-shadow: 1px 0px 0px rgb(70, 67, 67);
}
.cont-login-fondo .main-cont-login-nav .znk-tabs-system img {
  width: 70%;
}
.cont-login-fondo .main-cont-login-nav .znk-tabs-system h5 {
  font-family: Jost-ExtraBold;
  color: #fff;
  font-size: clamp(1rem, 0.8vw, 2rem);
  margin: 0;
}
.cont-login-fondo .main-cont-login-nav .soporte-tabs-system {
  width: 35%;
  background-color: #0065fe;
  padding: 0;
  margin-left: -5%;
  border-radius: 11px 11px 0px 0px;
  z-index: 1;
}
.cont-login-fondo .main-cont-login-nav .soporte-tabs-system a {
  text-decoration: none;
  display: block;
  padding: 0.25rem;
}
.cont-login-fondo .main-cont-login-nav .soporte-tabs-system a h5 {
  font-family: Jost-Light;
  color: #fff;
  font-size: clamp(1rem, 0.8vw, 2rem);
  margin: 0;
}
.cont-login-fondo .shadow-zenka {
  position: relative;
  padding: 0;
  border-radius: 5px;
}
.cont-login-fondo .shadow-zenka::before {
  content: "";
  position: absolute;
  inset: 0;
  transform: translate3d(0, 0, -1px);
  background: conic-gradient(from 90deg at 40% -25%, #482A7D, #482A7D, #482A7D, #482A7D, #C5265E, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700, #ffd700);
  filter: blur(15px);
  clip-path: path("M -100vmax -100vmax H 100vmax V 100vmax H -100vmax Z M 0 0 H 300 A 20 20 0 0 1 300 20 V 180 A 20 20 0 0 1 280 200 H 20 A 20 20 0 0 1 0 180 V 20 A 20 20 0 0 1 0 0 Z");
}
.cont-login-fondo #nav-tabContent .header-login .cont-header {
  position: relative;
  display: inline-block;
  text-align: center;
  width: 100%;
}
.cont-login-fondo #nav-tabContent .header-login .cont-header .title-qualabi {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  width: 55%;
}
.cont-login-fondo #nav-tabContent .header-login .cont-header .title-qualabi h5 {
  font-size: 1.3rem;
  font-family: Jost-Light;
  letter-spacing: 0.4em;
}
.cont-login-fondo #nav-tabContent .header-login .cont-header img {
  width: 100%;
}
.cont-login-fondo #nav-tabContent .div-body-login {
  padding-right: 15px;
  padding-left: 15px;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login {
  background-color: white;
  border-radius: 0px 0px 20px 20px;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .input {
  position: relative;
  font-size: 1.5em;
  background: linear-gradient(21deg, #482A7D, #C5265E, #DF9F33);
  padding: 3px;
  display: inline-block;
  border-radius: 5.1px;
  width: 100%;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .input *:not(span) {
  position: relative;
  display: inherit;
  border-radius: inherit;
  margin: 0;
  border: none;
  outline: none;
  padding: 0 0.325em;
  z-index: 1;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .input *:not(span):focus + span {
  opacity: 1;
  transform: scale(1);
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .input span {
  transform: scale(0.993, 0.94);
  transition: transform 0.5s, opacity 0.25s;
  opacity: 0;
  position: absolute;
  z-index: 0;
  margin: 4px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 3px #fff, 0 0 0 4px #fff, 3px -3px 30px #1beabd, -3px 3px 30px #10abff;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login input {
  font-family: inherit;
  line-height: inherit;
  color: #2e3750;
  min-width: 12em;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login ::placeholder {
  font-family: Montserrat-Regular;
  color: #959595;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .btn-login-custom {
  background: linear-gradient(to right, #482A7D, #C5265E, #DF9F33);
  border: none;
  color: white;
  font-family: Montserrat-Regular;
  font-size: 1.2rem;
  border-radius: 20px;
  padding: 1% 7%;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .div-row-rememberme {
  padding-bottom: 10%;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .div-row-rememberme .div-cont-rember {
  text-align: left;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .div-row-rememberme .div-cont-rember .form-check-input {
  min-width: 1.5em;
  line-height: inherit;
  border: 2px solid #959595;
  vertical-align: bottom;
}
.cont-login-fondo #nav-tabContent .div-body-login .div-background-login .div-row-rememberme .div-cont-rember .form-check-label {
  font-family: Montserrat-Regular;
  color: #959595;
  font-size: 0.9rem;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka {
  padding-right: 15px;
  padding-left: 15px;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login {
  background-color: white;
  border-radius: 0px 0px 12px 12px;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .input {
  position: relative;
  font-size: 1.5em;
  background: linear-gradient(90deg, #bd0071, #ff7a18);
  padding: 2px;
  display: inline-block;
  border-radius: 5.1px;
  width: 100%;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .input *:not(span) {
  position: relative;
  display: inherit;
  border-radius: inherit;
  margin: 0;
  border: none;
  outline: none;
  padding: 0 0.325em;
  z-index: 1;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .input *:not(span):focus + span {
  opacity: 1;
  transform: scale(1);
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .input span {
  transform: scale(0.993, 0.94);
  transition: transform 0.5s, opacity 0.25s;
  opacity: 0;
  position: absolute;
  z-index: 0;
  margin: 4px;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset 0 0 0 3px #fff, 0 0 0 4px #fff, 3px -3px 30px #1beabd, -3px 3px 30px #10abff;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login input {
  font-family: inherit;
  line-height: inherit;
  color: #2e3750;
  min-width: 12em;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login ::placeholder {
  font-family: Montserrat-Regular;
  color: #959595;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .btn-login-custom {
  background-color: #fc5377;
  border: none;
  color: white;
  font-family: Montserrat-Regular;
  font-size: 1.2rem;
  border-radius: 20px;
  padding: 1% 7%;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .div-row-rememberme {
  padding-bottom: 10%;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .div-row-rememberme .div-cont-rember {
  text-align: left;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .div-row-rememberme .div-cont-rember .form-check-input {
  min-width: 1.5em;
  line-height: inherit;
  border: 2px solid #959595;
  vertical-align: bottom;
}
.cont-login-fondo #nav-tabContent .div-body-login-zenka .div-background-login .div-row-rememberme .div-cont-rember .form-check-label {
  font-family: Montserrat-Regular;
  color: #959595;
  font-size: 0.9rem;
}

/*Log de registro*/
.color-div-cont {
  background-color: #e6e7e8;
  border-radius: 10px;
}
.color-div-cont .row-div-color {
  padding: 1%;
}
.color-div-cont .row-div-color .comentario-solicitante {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div {
  background-color: white;
  border-radius: 10px;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div .text-div .cont-line-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div .text-div .cont-line-head .line-grren-head {
  width: 100%;
  height: 30%;
  background: #52a382;
  border: solid 3px #52a382;
  padding: 0;
  margin: 0;
  border-radius: 20px;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div .text-div .cont-line-head {
  margin-right: 2%;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div .text-div {
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .comentario-solicitante .cont-div .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .estado-solicitante {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .estado-solicitante .cont-div {
  background-color: white;
  border-radius: 20px;
  display: flex;
  width: 100%;
}
.color-div-cont .row-div-color .estado-solicitante .cont-div .cont-ear-left {
  width: 2%;
  padding: 0;
  margin: 0;
  display: flex;
}
.color-div-cont .row-div-color .estado-solicitante .cont-div .cont-ear-left .ear-left {
  width: 100%;
  height: 100%;
  background: #52a382;
  border: solid 3px #52a382;
  padding: 0;
  margin: 0;
  border-radius: 20px 0px 0px 20px;
}
.color-div-cont .row-div-color .estado-solicitante .cont-div .text-div {
  width: 98%;
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .estado-solicitante .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .estado-solicitante .cont-div .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .indicacion-encargado {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div {
  display: flex;
  width: 100%;
  background-color: white;
  border-radius: 20px;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div .cont-ear-left {
  width: 3%;
  padding: 0;
  margin: 0;
  display: flex;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div .cont-ear-left .ear-left {
  width: 100%;
  height: 100%;
  background: #32769f;
  border: solid 3px #32769f;
  padding: 0;
  margin: 0;
  border-radius: 20px 0px 0px 20px;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div .text-div {
  width: 97%;
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text {
  background-color: white;
  border-radius: 10px;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text .text-div .cont-line-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text .text-div .cont-line-head .line-grren-head {
  width: 100%;
  height: 30%;
  background: #32769f;
  border: solid 3px #32769f;
  padding: 0;
  margin: 0;
  border-radius: 20px;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text .text-div .cont-line-head {
  margin-right: 2%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text .text-div {
  width: 97%;
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .indicacion-encargado .cont-div-text .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .registro-completado {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .registro-completado .cont-div {
  background-color: white;
  border-radius: 20px;
  display: flex;
  width: 100%;
}
.color-div-cont .row-div-color .registro-completado .cont-div .cont-ear-left {
  width: 2%;
  padding: 0;
  margin: 0;
  display: flex;
}
.color-div-cont .row-div-color .registro-completado .cont-div .cont-ear-left .ear-left {
  width: 100%;
  height: 100%;
  background: #52a382;
  border: solid 3px #52a382;
  padding: 0;
  margin: 0;
  border-radius: 20px 0px 0px 20px;
}
.color-div-cont .row-div-color .registro-completado .cont-div .text-div {
  width: 98%;
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .registro-completado .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .registro-completado .cont-div .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .regitro-cerrado {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .regitro-cerrado .cont-div {
  background-color: white;
  border-radius: 20px;
  display: flex;
  width: 100%;
}
.color-div-cont .row-div-color .regitro-cerrado .cont-div .cont-ear-left {
  width: 2%;
  padding: 0;
  margin: 0;
  display: flex;
}
.color-div-cont .row-div-color .regitro-cerrado .cont-div .cont-ear-left .ear-left {
  width: 100%;
  height: 100%;
  background: #ce7272;
  border: solid 3px #ce7272;
  padding: 0;
  margin: 0;
  border-radius: 20px 0px 0px 20px;
}
.color-div-cont .row-div-color .regitro-cerrado .cont-div .text-div {
  width: 98%;
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .regitro-cerrado .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .regitro-cerrado .cont-div .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .regitro-generado {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .regitro-generado .cont-div {
  background-color: white;
  border-radius: 10px;
}
.color-div-cont .row-div-color .regitro-generado .cont-div .text-div {
  font-weight: bold;
  color: #8f8f8f;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .regitro-generado .cont-div .text-div .cont-line-head {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10%;
}
.color-div-cont .row-div-color .regitro-generado .cont-div .text-div .cont-line-head .line-grren-head {
  width: 100%;
  height: 30%;
  background: #52a382;
  border: solid 3px #52a382;
  padding: 0;
  margin: 0;
  border-radius: 20px;
}
.color-div-cont .row-div-color .regitro-generado .cont-div .text-div .cont-line-head {
  margin-right: 2%;
}
.color-div-cont .row-div-color .regitro-generado .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .regitro-generado .cont-div .info-div {
  border-top: solid;
  color: #acacac;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .archivo-solicitante {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .archivo-solicitante .cont-div {
  background-color: #56ad98;
  border-radius: 10px;
}
.color-div-cont .row-div-color .archivo-solicitante .cont-div .text-div {
  font-weight: bold;
  color: white;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .archivo-solicitante .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .archivo-danger-solicitante {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .archivo-danger-solicitante .cont-div {
  background-color: #ad5656;
  border-radius: 10px;
}
.color-div-cont .row-div-color .archivo-danger-solicitante .cont-div .text-div {
  font-weight: bold;
  color: white;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .archivo-danger-solicitante .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .archivo-encargado {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .archivo-encargado .cont-div {
  background-color: #568cad;
  border-radius: 10px;
}
.color-div-cont .row-div-color .archivo-encargado .cont-div .text-div {
  font-weight: bold;
  color: white;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .archivo-encargado .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}
.color-div-cont .row-div-color .archivo-danger-encargado {
  border-style: solid 1px transparent;
  border-radius: 10px;
  margin-top: 2%;
  padding: 0.4%;
}
.color-div-cont .row-div-color .archivo-danger-encargado .cont-div {
  background-color: #ad5656;
  border-radius: 10px;
}
.color-div-cont .row-div-color .archivo-danger-encargado .cont-div .text-div {
  font-weight: bold;
  color: white;
  display: flex;
  padding-left: 1%;
}
.color-div-cont .row-div-color .archivo-danger-encargado .cont-div .text-div span {
  margin-inline-start: auto;
  padding-right: 1%;
}

/*Estilo paginado*/
.pagination .page-item .page-link {
  color: #11998e;
}
.pagination .active .page-link {
  color: white;
  background-color: #11998e !important;
  border: solid 1px transparent;
}

.col-select-tags .bootstrap-select {
  width: 100% !important;
}

#contenedorEditorTexto .editor-container {
  width: 8.5in; /* Ancho de una hoja carta */
  height: 11in; /* Alto de una hoja carta */
  padding: 1in; /* Margen similar a Word */
  box-sizing: border-box;
  border: 1px solid #ccc; /* Bordes opcionales */
  background-color: white;
  margin: 0 auto; /* Centrar el editor */
  overflow: hidden; /* Ocultar cualquier contenido que se salga de la hoja */
  padding: 0;
}
#contenedorEditorTexto .page-break {
  page-break-before: always;
  margin: 1em 0;
  border-bottom: 1px solid #ccc;
  text-align: center;
  color: #999;
  font-style: italic;
}

#listaOpcionesCampo {
  width: 100%; /* Ancho del div */
  height: 200px; /* Altura fija del div */
  border: 1px solid #ccc; /* Borde para visualizar el div */
  padding: 10px; /* Espaciado interno */
  overflow-y: auto; /* Agrega la barra de desplazamiento vertical */
}

.hide-campo-option {
  display: none;
}

.div-body-detalle-entregable .row-cont-docum {
  border: solid 2px #11998e;
  border-radius: 19px;
}
.div-body-detalle-entregable .row-cont-docum .div-title-doc {
  border: solid 1px #11998e;
  border-radius: 16px 16px 0px 0px;
}

#modalEditRegistroBitacora .cont-gif {
  text-align: right;
}
#modalEditRegistroBitacora .cont-gif #gifCargandoBitacoraModal {
  display: none;
  width: 20%;
}

#modalEditBaseEmpresa .cont-gif {
  text-align: right;
}
#modalEditBaseEmpresa .cont-gif #gifCargandoBaseEmpresaModal {
  display: none;
  width: 20%;
}

#modalEditarOperacionCliente .cont-gif {
  text-align: right;
}
#modalEditarOperacionCliente .cont-gif #gifCargandoOperacionClienteModal {
  display: none;
  width: 20%;
}
#modalEditarOperacionCliente .col-button {
  display: flex;
  justify-content: center;
  align-items: end;
}
#modalEditarOperacionCliente #spanContDescripcionRazonSocialModal {
  width: 100%;
}
#modalEditarOperacionCliente #spanContDescripcionRazonSocialModal .input-group-prepend {
  width: 100%;
}
#modalEditarOperacionCliente #spanContDescripcionRazonSocialModal .input-group-prepend #labelGrayRaxonSocialModal {
  width: 100%;
  white-space: normal !important;
  border-radius: 40px;
  background-color: #4c77f8;
  font-family: Jost-Medium;
  font-size: clamp(1rem, 0.8vw, 2rem);
  color: white;
}
#modalEditarOperacionCliente .div-cont-conceptos {
  border: solid 1px #bbb7b7;
  border-radius: 15px;
  padding: 2%;
}
#modalEditarOperacionCliente .div-cont-conceptos .form-check-rs {
  display: flex !important;
  align-items: center;
}
#modalEditarOperacionCliente .div-cont-conceptos .form-check-rs .form-check-label {
  width: 100%;
  font-size: 0.8rem;
}
#modalEditarOperacionCliente .div-cont-conceptos .form-check-rs .input-custom-orden {
  width: 20% !important;
}
#modalEditarOperacionCliente .span-loading {
  display: none;
}
#modalEditarOperacionCliente .span-loading img {
  width: 35%;
}

.hide-col {
  display: none;
}

/*# sourceMappingURL=customstyles.css.map */