@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800;900&display=swap");

* {
  font-family: "Montserrat", sans-serif;
}

a.disabled {
  pointer-events: none;
  cursor: default;
}

body {
  height: 100%;
  margin: 0;
  background: linear-gradient(
    48deg,
    rgba(89, 160, 165, 1) 0%,
    rgba(152, 196, 199, 1) 28%,
    rgba(255, 255, 255, 1) 100%
  );
}

*:focus,
*.focus,
.form-control:focus,
.btn.focus {
  outline: none !important;
  box-shadow: none !important;
}

.font-weight-bold {
  font-weight: 800 !important;
}

/*------------MODAL CERRAR SESION------------------*/

/*------------MODAL CERRAR SESION------------------*/

/*------------MODAL CERRAR SESION------------------*/

/*------------MODAL CERRAR SESION------------------*/

.modal-content {
  border-radius: 20px;
}

.modal-header,
.modal-title {
  border-radius: 0;
  font-size: 13px;
  padding: 5px;
  font-weight: 600;
  color: #203240;
}

#logoutModal .btn-danger {
  border-radius: 0;
}

/*------------MODAL FORGOT PASSWORD------------------*/

/*------------MODAL FORGOT PASSWORD------------------*/

/*------------MODAL FORGOT PASSWORD------------------*/

#forgotPassword .modal-header {
  border-radius: 0;
  background-color: #007a81;
}

#forgotPassword .modal-title {
  color: #fff;
  font-weight: 600;
}

/*-------------------------------------------------*/
/*-------------------------------------------------*/

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

input[type="number"] {
  -moz-appearance: textfield;
}

input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

#svgCultura .a {
  fill: url(#a);
}

#svgCulturaPMS .a {
  fill: url(#aPMS);
}

#svgCultura .b {
  fill: #f2f2f2;
}

#svgCulturaPMS .b {
  fill: #f2f2f2;
}

#svgCultura .c {
  fill: url(#b);
}

#svgCulturaPMS .c {
  fill: url(#bPMS);
}

#svgCultura .d,
#svgCultura .f,
#svgCulturaPMS .d,
#svgCulturaPMS .f {
  font-size: 22px;
  font-family: "Montserrat", sans-serif;
  font-weight: 800;
}

#svgCultura .d,
#svgCulturaPMS .d {
  fill: #fff;
}

#svgCultura .d .percentage,
#svgCulturaPMS .d .percentage {
  font-size: 10px;
}

#svgCultura .k,
#svgCulturaPMS .k {
  font-size: 8.8px;
  font-family: "Montserrat", sans-serif;
}

hr {
  margin: 0;
  padding: 0;
  border: 1px solid #006f8180;
}

.encabezadoInfo h1 {
  font-size: 25px;
  border-bottom: 15px;
}

.img-circle {
  clip-path: circle(37% at 50% 50%);
  margin: 0;
  width: 6em;
  object-fit: contain;
}

h4 {
  font-size: 20px;
  font-family: "Montserrat", sans-serif;
}

h1 {
  font-size: 30px;
  font-family: "Montserrat", sans-serif;
}

#content-wrapper-ingles {
  background-image: url("../img/ESL1.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

.form-control:focus {
  outline: none;
}

table thead {
  background: #204389;
  color: #fff;
}

table thead th {
  font-size: 11.5px;
  padding: 5px !important;
}

table tbody td {
  text-align: justify;
  padding: 1em;
  font-size: 11px;
}

table tfoot {
  border-top: none !important;
}
table tfoot td {
  font-size: 11.5px;
}

table {
  font-family: "Montserrat", sans-serif;
  margin-bottom: 70px;
}

.tableEng {
  background: #007a81;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

fieldset {
  border: 1px solid #a6a6a6 !important;
  margin: 0;
  min-width: 0;
  padding: 10px;
  border-radius: 5px;
  padding-left: 10px !important;
}

legend {
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0px;
  width: 30%;
  border: 1px solid #ddd;
  border-radius: 4px;
  padding: 5px 5px 5px 10px;
  background-color: #ffffff;
}

.encabezadoRegistro {
  margin-top: 5px;
  padding-top: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 600;
}

#encabezadoIngles {
  padding-top: 10px;
  font-family: "Montserrat", sans-serif;
  font-size: 16px;
  font-weight: 500;
  margin-left: 8px;
  margin-right: 8px;
}

h6 {
  text-align: center;
  background-color: #203240;
  border-radius: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  color: #fff;
  font-size: 12px;
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  margin-top: 10px;
  letter-spacing: 1px;
}

#diviserInfo {
  margin-top: 20px;
  border: 0px;
}

/*-----------------------CSS REGRISTRO---------------------------*/

/*-----------------------CSS REGRISTRO---------------------------*/

/*-----------------------CSS REGRISTRO---------------------------*/

/*-----------------------CSS REGRISTRO---------------------------*/

/*-----------------------CSS REGRISTRO---------------------------*/

.register {
  background: -webkit-linear-gradient(
    right,
    rgba(92, 92, 92, 0.6),
    rgba(0, 122, 129, 0.6)
  );
  padding: 3%;
}

.register-left {
  text-align: center;
  color: #fff;
  margin-top: 4%;
}

.register-left input {
  border: none;
  border-radius: 1.5rem;
  padding: 2%;
  width: 60%;
  background: #f8f9fa;
  font-weight: bold;
  color: #383d41;
  margin-top: 30%;
  margin-bottom: 3%;
  cursor: pointer;
}

.register-right {
  background: #f8f9fa;
  border-top-left-radius: 10% 50%;
  border-bottom-left-radius: 10% 50%;
  border-top-right-radius: 1% 1%;
  border-bottom-right-radius: 2% 2%;
}

.register-left img {
  margin-top: 15%;
  margin-bottom: 5%;
  width: 70%;
  -webkit-animation: mover 2s infinite alternate;
  animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-20px);
  }
}

@keyframes mover {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-10px);
  }
}

.register-left p {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  padding: 12%;
  margin-top: -10%;
  font-size: 20px;
}

.register-left h3 {
  font-family: "Montserrat", sans-serif;
  font-weight: 600;
  font-size: 30px;
  text-shadow: 3px 1px 1px rgba(124, 124, 124, 1);
}

.register .register-form {
  padding: 3%;
  margin-top: 0%;
}

.register .form-check {
  position: relative;
  display: inline !important;
  padding-left: 1.25rem;
}

.btnRegister {
  margin-top: 2%;
  margin-left: 1%;
  letter-spacing: 2px;
  border: none;
  border-radius: 1.5rem;
  padding: 9px;
  background: rgb(111 125 125 / 55%);
  color: #fff;
  font-weight: 600;
  width: 100%;
  cursor: pointer;
}

.register .nav-tabs {
  margin-top: 3%;
  border: none;
  background: #007a81;
  border-radius: 1.5rem;
  width: 28%;
  float: right;
}

.register .nav-tabs .nav-link {
  padding: 2%;
  height: 34px;
  font-weight: 600;
  color: #fff;
  border-top-right-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}

.register .nav-tabs .nav-link:hover {
  border: none;
}

.register .nav-tabs .nav-link.active {
  width: 100px;
  color: #007a81;
  border: 2px solid #007a81;
  border-top-left-radius: 1.5rem;
  border-bottom-left-radius: 1.5rem;
}

.register-heading {
  text-align: center;
  margin-top: 4%;
  margin-bottom: 0%;
  color: #495057;
}

.fondo {
  background-image: url("../img/fondoRegistro.jpg") !important;
  background-size: cover;
}

#upload-demo .cr-slider-wrap {
  width: 200px;
}

/*-------------------FIN CODIGO CSS REGISTRO-------------------------------*/

/*------------------------- CODIGO CSS LOGIN-------------------------------*/

/*------------------------- CODIGO CSS LOGIN-------------------------------*/

/*------------------------- CODIGO CSS LOGIN-------------------------------*/

/*------------------------- CODIGO CSS LOGIN-------------------------------*/

/*------------------------- CODIGO CSS LOGIN-------------------------------*/

.error {
  color: darkred;
  font-weight: 600;
  font-style: italic;
}

.login-container img {
  margin: 0;
  padding: 0;
  display: block;
  width: 16em;
}

.login-container {
  margin-top: 3%;
  margin-bottom: 5%;
}

.login-form-1 {
  padding: 5%;
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-1 h3 {
  text-align: center;
  color: #333;
}

.login-form-1 .input-group .input-group-append .fa-eye {
  cursor: pointer;
}

.login-form-2 {
  padding: 5%;
  background: rgba(0, 122, 129, 0.7);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.2), 0 9px 26px 0 rgba(0, 0, 0, 0.19);
}

.login-form-2 h3 {
  text-align: center;
  color: #fff;
}

.login-container form {
  padding: 10%;
}

.login-container .login-form-1 .help-block,
.login-container .login-form-1 .help-block .fa-exclamation-circle {
  color: red;
  font-size: 11px;
}

.btnSubmit {
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  border: none;
}

.login-form-1 .btnSubmit {
  font-weight: 600;
  color: #fff;
  background-color: rgb(0, 122, 129);
}

.login-form-1 .btnSubmit:hover {
  font-weight: 600;
  color: rgb(0, 122, 129);
  background-color: rgb(255, 255, 255);
  border: 1px solid #000;
  transition: 0.7s;
  cursor: pointer;
}

.login-form-1 .btnSubmit:focus {
  outline: none;
}

.btnReg {
  /*BOTON REGISTRARME LOGIN*/
  width: 50%;
  border-radius: 1rem;
  padding: 1.5%;
  border: none;
}

.btnReg {
  font-weight: 600;
  color: rgb(0, 122, 129);
  background-color: rgb(255, 255, 255);
}

.btnReg:hover {
  font-weight: 600;
  color: #fff;
  background-color: rgb(0, 122, 129);
  border: 1px solid #000;
  transition: 0.7s;
  cursor: pointer;
}

.btnReg:focus {
  outline: none;
}

.login-form-1 .ForgetPwd {
  color: #0062cc;
  font-weight: 600;
  text-decoration: none;
}

.login-form-2 label {
  /*ETIQUETAS LOGIN*/
  color: #fff;
  font-weight: 600;
  padding-left: 2%;
  padding-top: 0.5rem;
}

.fondoLogin {
  background-image: url("../img/fondoLogin.jpg") !important;
  background-size: cover;
}

#container-login {
  font-family: "Montserrat", sans-serif;
  background: rgb(67, 120, 220);
  background: linear-gradient(
    120deg,
    rgba(67, 120, 220, 1) 0%,
    rgba(255, 255, 255, 1) 62%,
    rgba(255, 255, 255, 1) 100%
  );
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}

#container-login .image-fixed-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 40vw;
  height: 100vh;
  background-image: url("../img/fondo_login2_actualizado.png");
  background-size: 90%;
  background-repeat: no-repeat;
  z-index: 1;
  /* queda detrás de todo */
}

/* Opcional: en móvil ocúltala */
@media (max-width: 991.98px) {
  #container-login .image-fixed-background {
    display: none;
  }
}

#container-login #txtIniciarSesion {
  font-weight: 900;
  font-size: 2.2em;
}

#container-login input[type="text"],
#container-login input[type="password"] {
  background-color: #fff;
  border: none;
}

#container-login input[type="text"] {
  border-radius: 30px;
}

#container-login input[type="password"] {
  border-top-left-radius: 30px;
  border-bottom-left-radius: 30px;
}

#container-login input[type="text"],
#container-login #input-group-password {
  box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.15);
}

#container-login #input-group-password {
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

#container-login #input-group-password #togglePassword {
  background-color: transparent;
  /* o igual al input si quieres que se vea uniforme */
  cursor: pointer;
  border-left: none !important;
  border: none !important;

  box-shadow: none;
}

#container-login #input-group-password #togglePassword i.fa-eye {
  font-size: 1rem;
  color: rgb(160, 160, 160);
}

#container-login .btn-login {
  background-color: #d46f2d;
  color: #fff;
  font-weight: bold;
  border-radius: 15px;
  font-size: 1.2em;
  padding: 5px 8px 5px 8px;
  box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.5);
}

#container-login .btn-login:hover {
  background-color: #c7431b;
}

#container-login #forgotPassword {
  color: rgb(70, 70, 70);
  font-weight: 600;
}

input:focus,
textarea:focus,
select:focus,
.form-control:focus {
  outline: none !important;
  box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 10px 10px 19px -2px rgba(0, 0, 0, 0.15);
  border-color: inherit !important;
  /* o uno personalizado */
}

input:-webkit-autofill,
input:-webkit-autofill:focus,
input:-webkit-autofill:hover {
  box-shadow: 0 0 0 1000px #eaf0ff inset !important;
  /* mismo fondo que tu input */
  -webkit-box-shadow: 0 0 0 1000px #eaf0ff inset !important;
  -webkit-text-fill-color: #000 !important;
  transition: background-color 5000s ease-in-out 0s;
}

/*------------------------- FIN CODIGO CSS LOGIN-------------------------------*/

/*-----------------------------------CSS OBJETIVOS---------------------------------*/

/*-----------------------------------CSS OBJETIVOS---------------------------------*/

/*-----------------------------------CSS OBJETIVOS---------------------------------*/

/*-----------------------------------CSS OBJETIVOS---------------------------------*/

/*.form-row input, textarea{
  border: none;
  padding: 10px 0px 5px;
  width: 100%;
  border-bottom: 1px solid #D1D1D1;
  font-size: 15px;
  font-weight: 500;
  outline: none;
  }*/

#alert {
  padding: 0px;
  text-align: center;
}

.breadcrumb {
  background: rgba(255, 255, 255, 0.57);
  background: -webkit-linear-gradient(
    top,
    rgba(0, 122, 133, 1) 0%,
    rgba(255, 255, 255, 0.23) 100%
  );
  background: linear-gradient(
    to bottom,
    rgba(0, 122, 133, 1) 0%,
    rgba(255, 255, 255, 0.23) 100%
  );
  border: 0px solid rgba(0, 122, 114, 1);
  border-radius: 10px;
  display: block;
}

.breadcrumb p {
  color: rgba(0, 0, 0, 1);
  font-size: 16px;
  font-weight: 600;
  text-align: center;
  margin-top: 5px;
  font-family: "Montserrat", sans-serif;
  letter-spacing: 1px;
}

.breadcrumb > .active {
  color: rgba(153, 153, 153, 1);
}

.breadcrumb > li + li:before {
  color: rgba(204, 204, 204, 1);
  content: "\002F\00a0";
}

.breadcrumb {
  padding: 0.5px;
}

#lineOb {
  margin-top: 50px;
  margin-bottom: 20px;
  background-color: #c1c1c1;
  height: 0.2px;
}

/*-------------------------------FIN CSS OBJETIVOS---------------------------------*/

/*-------------------------------CSS COLABORADORES---------------------------------*/

/*-------------------------------CSS COLABORADORES---------------------------------*/

/*-------------------------------CSS COLABORADORES---------------------------------*/

/*-------------------------------CSS COLABORADORES---------------------------------*/

.heading h2 {
  color: #000;
  font-size: 30px;
  line-height: 50px;
  font-weight: 400;
  text-align: center;
  margin: 0 0 40px;
  text-transform: uppercase;
}

.heading.heading-icon {
  display: block;
}

.card .img {
  width: 100px;
  height: 100px;
  padding-top: 10px;
  margin: auto;
  display: block;
  overflow: hidden;
}

.card .img img {
  clip-path: circle();
  width: 100%;
  height: 100%;
}

.card h5 p {
  text-align: center;
}

.card-columns {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
}

.card-columns .card {
  flex: auto;
  height: 250px;
  min-width: 150px;
  margin: 0 8px 8px 0;
}

.card-columns .card:nth-child(4n + 1) {
  width: 250px;
}

.card-columns .card:nth-child(4n + 1):nth-child(4n + 1) {
  width: 325px;
}

.card-columns .card:nth-child(4n + 1):nth-child(4n + 3) {
  width: 180px;
}

.card-columns .card:nth-child(4n + 1):nth-child(4n + 4) {
  width: 380px;
}

@media (min-width: 1500px) {
  .card-columns .card {
    min-width: 300px;
  }
}

@supports (object-fit: cover) {
  .card img {
    height: 100%;
    object-fit: cover;
    object-position: center center;
  }
}

.card-colaborador {
  border-radius: 20px;
  box-shadow: 6px 10px 9px -1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 6px 10px 9px -1px rgba(0, 0, 0, 0.3);
}

.card-colaborador .img-container {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.card-colaborador .img-container img {
  clip-path: circle();
  width: 55%;
  height: 55%;
  display: block;
}

.card-colaborador .img-container .circle-overlay {
  position: absolute;
  bottom: 0%;
  left: 50%;
  transform: translate(-50%, 60%);
  width: 55px; /* Ancho del círculo */
  height: 55px; /* Altura del círculo */
  background-color: #e6e6e6; /* Color de fondo del círculo (puedes cambiarlo según tus necesidades) */
  border-radius: 50%; /* Para hacer el círculo */
  display: flex;
  justify-content: center;
  align-items: center;
}

.card-colaborador .img-container .circle-overlay .porcentaje-colaborador a {
  text-decoration: none;
  color: #dc6b26;
  font-weight: bold;
}

.card-colaborador .datos-colaborador .nombre-colaborador a {
  text-decoration: none;
  color: #dc6b26;
  font-size: 1rem;
  font-weight: bold;
  cursor: pointer;
}

.card-colaborador .datos-colaborador .puesto-colaborador a {
  text-decoration: none;
  font-size: 0.7rem;
  color: #000;
  text-transform: lowercase;
  text-transform: capitalize;
  cursor: pointer;
}

.card-colaborador .datos-colaborador .enlaces-colaborador a {
  text-decoration: none;
  font-size: 0.7rem;
  color: #303030;
}

.card-colaborador .datos-colaborador .enlaces-colaborador a:hover {
  color: #dc6b26;
}

.card-colaborador
  .datos-colaborador
  .enlaces-colaborador
  a.enlaceEvaluacion
  i.fa-times-circle {
  color: #be1818;
  font-size: 15px;
}

.card-colaborador
  .datos-colaborador
  .enlaces-colaborador
  a.enlaceEvaluacion
  i.fa-check-square {
  color: #148f10;
  font-size: 15px;
}

.bs-canvas-overlay {
  opacity: 0;
  z-index: -1;
}

.bs-canvas-overlay.show {
  opacity: 0.85;
  z-index: 1100;
}

.bs-canvas-overlay,
.bs-canvas {
  transition: all 0.4s ease-out;
  -webkit-transition: all 0.4s ease-out;
  -moz-transition: all 0.4s ease-out;
  -ms-transition: all 0.4s ease-out;
}

.bs-canvas {
  top: 0;
  z-index: 1110;
  overflow-x: hidden;
  overflow-y: auto;
  width: 300px;
}

.bs-canvas-right {
  right: 0;
  margin-right: -330px;
  background-color: #204389;
}

.bs-canvas-right header {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  position: relative;
  width: 180px;
  height: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #fff;
}

.bs-canvas-right header img {
  width: 50%;
  height: auto;
}

.bs-canvas-right .bs-canvas-content #nombre-colaborador {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
}

.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  .btnRedireccionarTab {
  text-decoration: none;
}

.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  #tituloEvaluacionSidebar,
.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  #resultado-evaluacion,
.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  #btnEvaluacionColaboradorSidebar {
  font-weight: bold;
  color: #fff;
}

.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  #tituloEvaluacionSidebar {
  font-size: 13px;
}

.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  #resultado-evaluacion {
  font-size: 60px;
}

.bs-canvas-right
  .bs-canvas-content
  .sidebar-resultado-colaborador
  #btnEvaluacionColaboradorSidebar {
  font-size: 12px;
}

#container-colaboradores #modalEvaluacionColaborador {
  z-index: 1300 !important;
}

#container-colaboradores #selectPeriodoCulturaCols hover {
  cursor: pointer;
}

#container-colaboradores #selectPeriodoCulturaCols,
#container-evaluacion-anual #selectObjetivesPeriodEval,
#container-evaluacion-objetivos #selectObjetivesPeriodEval,
#container-competencias select#periodo_competencias {
  text-align: center;
  text-align-last: center;
  background: rgb(59, 175, 135);
  background: linear-gradient(
    90deg,
    rgba(59, 175, 135, 1) 0%,
    rgba(48, 131, 136, 1) 100%
  );
  color: #fff;
  font-weight: 600;
  border-radius: 100px;
}

#container-colaboradores #selectPeriodoCulturaCols option,
#container-evaluacion-anual #selectObjetivesPeriodEval option,
#container-evaluacion-objetivos #selectObjetivesPeriodEval option,
#container-competencias select#periodo_competencias option {
  color: #000;
}

#container-colaboradores .btnResultadosColaborador:hover {
  cursor: pointer;
}

/*-------------------------------CSS EVALUACION ANUAL COLABORADOR---------------------------------*/
#container-evaluacion-anual #btnVolver,
#container-reddin #btnVolver,
#container-personal-info #btnVolver,
#container-objetivos #btnVolver {
  text-decoration: none;
  color: #7c7c7c;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
}

#container-evaluacion-anual #btnVolver:hover,
#container-reddin #btnVolver:hover,
#container-personal-info #btnVolver:hover,
#container-objetivos #btnVolver:hover {
  color: #dc6b26;
  font-weight: 600;
}

#container-evaluacion-anual #tituloEvaluacionAnual {
  font-size: 25px;
  font-weight: bold;
}

#container-evaluacion-anual #logo-container {
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  box-shadow: 10px 10px 15px -6px rgba(0, 0, 0, 0.52);
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#container-evaluacion-anual #info-colaborador {
  height: 130px;
  margin: 10px;
}

#container-evaluacion-anual #info-colaborador div[class^="col"] {
  background-color: #204389;
}

#container-evaluacion-anual #info-colaborador div:nth-child(1) {
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
}

#container-evaluacion-anual #info-colaborador div:nth-child(2) {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 20px;
}

#container-evaluacion-anual #info-colaborador #datos-colaborador {
  display: flex;
  align-items: center;
}

#container-evaluacion-anual #info-colaborador #nombre-colaborador {
  color: #fff;
  font-size: 30px;
  font-weight: bold;
}

#container-evaluacion-anual #info-colaborador #puesto-colaborador {
  color: #fff;
  font-size: 15px;
}
/*---------------------------------------------------------------------------------- */

/*-------------------------------CSS PAGINA ERROR---------------------------------*/

#notfound {
  position: relative;
  height: 100vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 200px;
  margin: 0px auto 20px;
  z-index: -1;
}

.notfound .notfound-404 h1 {
  font-family: "Montserrat", sans-serif;
  font-size: 236px;
  font-weight: 200;
  margin: 0px;
  color: #211b19;
  text-transform: uppercase;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.notfound .notfound-404 h2 {
  font-family: "Montserrat", sans-serif;
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #211b19;
  background: #fff;
  padding: 10px 5px;
  margin: auto;
  display: inline-block;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
}

.notfound a {
  font-family: "Montserrat", sans-serif;
  display: inline-block;
  font-weight: 700;
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  padding: 13px 23px;
  background: #ff6300;
  font-size: 18px;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
}

.notfound a:hover {
  color: #ff6300;
  background: #211b19;
}

@media only screen and (max-width: 767px) {
  .notfound .notfound-404 h1 {
    font-size: 148px;
  }
}

@media only screen and (max-width: 480px) {
  .notfound .notfound-404 {
    height: 148px;
    margin: 0px auto 10px;
  }
  .notfound .notfound-404 h1 {
    font-size: 86px;
  }
  .notfound .notfound-404 h2 {
    font-size: 16px;
  }
  .notfound a {
    padding: 7px 15px;
    font-size: 14px;
  }
}
/* 
@media (min-width: 1500px) {
  #modalCompetencias .chart-container {
    position: relative;
    height: 65vh !important;
    width: 60vw !important;
  }
} */

/*---------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------- */

/*---------------------------------------------------------------------------------- */

/*-------------------------------CSS MY INFO---------------------------------*/

#lblTitulos {
  font-weight: 600;
  background-color: #31859c;
  font-size: 12px;
  color: #fff;
  padding: 8px 8px 5px 5px;
}

input[type="text"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="date"][disabled] {
  background-color: transparent;
  font-size: 13px;
  margin-bottom: 0px;
  border: none;
}

textarea.disabled {
  background: transparent;
  font-size: 13px;
  margin-bottom: 0px;
  border: none;
  padding: 0;
}

#formFichaTalento select {
  font-size: 13px;
  padding: 1px;
}

#formFichaTalento select:disabled,
#formFichaTalento select:disabled {
  font-size: 13px;
  padding: 1px;
  color: #000;
  background: #fff;
}

#customFile:hover {
  cursor: pointer;
}

#formFichaTalento .inputsInfoPersonal,
#formFichaTalento .inputsFicha {
  border: 1px solid #d8d800;
  font-style: italic;
}

#formFichaTalento input:not([disabled]),
#formFichaTalento select:not([disabled]),
#formFichaTalento input:not([disabled]) {
  cursor: pointer;
}

#formFichaTalento #editarInformacion,
#formFichaTalento #btnFichaTalento {
  border-radius: 10px;
  background: #0d6a6f;
  color: #fff;
  width: 130px;
  height: 27px;
  font-size: 13px;
  font-weight: 600;
  padding: 1px;
}

#formFichaTalento #guardarInfoPersonal,
#formFichaTalento #btnGuardarFicha {
  border-radius: 50px;
  background: #23a858;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 600;
  padding: 1px;
}

#formFichaTalento #btnCancelar,
#formFichaTalento #btnCancelarFicha {
  border-radius: 50px;
  background: #b00b0b;
  color: #fff;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-weight: 600;
  padding: 1px;
  margin-right: 10px;
}

.site-footer {
  background-color: #26272b;
  padding: 20px 0 10px;
  font-size: 15px;
  line-height: 24px;
  color: #737373;
}

#formFichaTalento .form-inline label {
  font-size: 13px !important;
  font-weight: 600;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-left: auto;
  display: block;
}

.form-info .form-inline label {
  font-size: 13px !important;
  text-align: left;
  margin: 0;
  padding: 0;
  margin-left: auto;
  display: block;
}

.form-info .row .labelExtras {
  font-size: 13px !important;
  font-weight: 600;
}

.modal-lg {
  width: 90%;
  max-width: 1200px;
}

fieldset.informacionPersonal-border {
  border: solid 0.5px #ddd !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
}

fieldset.fichaTalento-border {
  border: solid 0.5px #ddd !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
}

fieldset.informacionPersonal-border.success {
  border: solid 0.5px #ddd !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
  animation: glow 1s infinite alternate;
}

fieldset.fichaTalento-border.success {
  border: solid 0.5px #ddd !important;
  padding: 0 10px 10px 10px;
  border-bottom: none;
  animation: glow 1s infinite alternate;
}

@keyframes glow {
  from {
    box-shadow: 0 0 10px -10px #aef4af;
  }
  to {
    box-shadow: 0 0 10px 10px #aef4af;
  }
}

legend.informacionPersonal-border {
  width: auto !important;
  border: none;
  font-size: 14px;
}

#listaPerfil {
  font-size: 14px;
  color: #878787;
  list-style-type: none;
}

#listaPerfil .fas.fa-times {
  font-size: 14px;
  color: #ff0000b3;
}

#listaPerfil .fas.fa-check {
  font-size: 14px;
  color: rgba(0, 163, 0, 0.7);
}

.tg .rowspan1 {
  background-color: #00b050;
  padding: 1em;
}

.tg .rowspan2 {
  background-color: #ffc000;
  padding: 1em;
}

.tg .rowspan3 {
  background-color: #e26b0a;
  padding: 1em;
}

.tg .rowspan4 {
  background-color: #ffc000;
  padding: 1em;
}

.tg .rowspan5 {
  background-color: #963634;
  padding: 1em;
}

.tg .rowspan6 {
  background-color: #ffc000;
  padding: 1em;
}

.tg .rowspan7 {
  background-color: #9933ff;
  padding: 1em;
}

.tg .rowspan8 {
  background-color: #ffc000;
  padding: 1em;
}

.tg #rowspan1 {
  color: #00b050;
  float: left;
  margin-left: 10px;
}

.tg #rowspan2 {
  color: #ffc000;
  float: left;
  margin-left: 10px;
}

.tg #rowspan3 {
  color: #e26b0a;
  float: left;
  margin-left: 10px;
}

.tg #rowspan4 {
  color: #ffc000;
  float: left;
  margin-left: 10px;
}

.tg #rowspan5 {
  color: #963634;
  float: left;
  margin-left: 10px;
}

.tg #rowspan6 {
  color: #ffc000;
  float: left;
  margin-left: 10px;
}

.tg #rowspan7 {
  color: #9933ff;
  float: left;
  margin-left: 10px;
}

.tg #rowspan8 {
  color: #ffc000;
  float: left;
  margin-left: 10px;
}

.tg #rowspan1 > label {
  font-weight: 600;
}

.tg #rowspan2 > label {
  font-weight: 600;
}

.tg #rowspan3 > label {
  font-weight: 600;
}

.tg #rowspan4 > label {
  font-weight: 600;
}

.tg #rowspan5 > label {
  font-weight: 600;
}

.tg #rowspan6 > label {
  font-weight: 600;
}

.tg #rowspan7 > label {
  font-weight: 600;
}

.tg #rowspan8 > label {
  font-weight: 600;
}

.tg {
  border-collapse: collapse;
  border-spacing: 0;
}

.tg thead {
  background-color: #fff !important;
  color: #000;
}

.tg td {
  font-family: Arial, sans-serif;
  overflow: hidden;
  word-break: normal;
  padding: 0;
}

.tg .custom-control-label {
  float: left;
}

.tg i {
  float: right;
}

.tg .tg-73oq {
  border-color: #000000;
  text-align: left;
  vertical-align: top;
}

.fa-question-circle {
  color: #c0c6bb;
}

.tg-73oq .custom-control-label:hover {
  cursor: pointer;
}

/*------------------------------MATRIZ POTENCIAL-------------------------------------*/
/* #container-matrizPotencial label,
#container-matrizPotencial select {
  font-size: 11px;
}

#container-matrizPotencial label a {
  font-weight: 600;
}
#container-matrizPotencial label a:hover {
  text-decoration: none;
  color: #f47c30;
} */

#container-matrizPotencial label {
  font-size: 0.8rem;
}

#container-matrizPotencial #btnVerMatrizColaboradores {
  background: rgb(67, 178, 189);
  background: linear-gradient(
    22deg,
    rgba(67, 178, 189, 1) 0%,
    rgba(48, 131, 137, 1) 100%
  );
  color: #fff;
  padding: 3px 15px;
  font-size: 12px;
  font-weight: 500;
  border-radius: 30px;
  text-decoration: none;
}

#container-matrizPotencial #btnVerMatrizColaboradores:hover {
  font-weight: 600;
}

#container-matrizPotencial select#desempeno,
#container-matrizPotencial select#potencial {
  font-size: 0.7rem;
  border-radius: 1rem;
  background-color: #cccccc;
  font-weight: 700;
}

#container-matrizPotencial table#matrizPotencial {
  border-collapse: separate;
  border-spacing: 0.5em;
}

#container-matrizPotencial table#matrizPotencial thead tr #tituloDesempeno {
  -webkit-border-top-left-radius: 100px;
  -webkit-border-top-right-radius: 100px;
  -moz-border-radius-topleft: 100px;
  -moz-border-radius-topright: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 100px;
  background-color: #c4c4c8;
  color: #000;
  border: none;
  text-align: center;
  font-weight: 800;
  font-size: 16px;
  letter-spacing: 3.5px;
}

#container-matrizPotencial table#matrizPotencial tbody tr#titulosDesempeño td {
  font-weight: 800;
  font-size: 9px;
  text-transform: uppercase;
  border-radius: 30px;
  text-align: center;
  vertical-align: middle;
}

#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(1),
#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(2) {
  background-color: #fff;
  border: none;
}

#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(2) {
  width: 15%;
}

#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(3) {
  background-color: #4597ed;
  width: 20%;
}
#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(4) {
  background-color: #8cc63e;
  width: 20%;
}
#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(5) {
  background-color: #eaea58;
  width: 20%;
}
#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(6) {
  background-color: #eb7b55;
  width: 40%;
}
#container-matrizPotencial
  table#matrizPotencial
  tbody
  tr#titulosDesempeño
  td:nth-child(7) {
  background-color: #eb5757;
  width: 40%;
}

#container-matrizPotencial table#matrizPotencial tbody tr #tituloPotencial {
  -webkit-border-top-left-radius: 100px;
  -webkit-border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
  background-color: #c4c4c8;
  color: #000;
  border: none;
  vertical-align: middle;
  font-weight: 800;
  font-size: 16px;
  padding: 0;
}

#container-matrizPotencial table#matrizPotencial tbody .titulosPotencial {
  border-bottom-left-radius: 30px;
  border-top-left-radius: 30px;
  padding-left: 13px;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
  vertical-align: middle;
}

#container-matrizPotencial table#matrizPotencial tbody tr #tituloPotencial div {
  transform: rotate(-90deg);
  margin-left: -2em;
  margin-right: -2em;
}

#container-matrizPotencial table#matrizPotencial tr td {
  text-align: left;
}

#container-matrizPotencial table#matrizPotencial ul {
  list-style: none;
  margin: 0 0 0 7px;
  padding: 0;
  font-size: 0.6rem;
}

/*------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------*/

#accordion .card {
  border: none;
}

#accordion .acordion button {
  text-decoration: none;
  font-weight: 600;
  color: #7d7d86;
  transition: 0.5s;
}

#accordion .acordion button:hover {
  color: #007a81;
}

/*------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------*/

.alert-warning {
  border-left-color: #f0ad4e;
  background-color: rgba(240, 173, 78, 0.1);
  border-left-width: 5px;
  border-radius: 0;
  font-size: 11.5px;
}

.alert-success {
  border-left-color: #2b542c;
  background-color: rgba(43, 84, 44, 0.1);
  border-left-width: 5px;
  border-radius: 0;
  font-size: 11.5px;
}

.alert-info {
  border-left-color: #5bc0de;
  background-color: rgba(91, 192, 222, 0.1);
  border-left-width: 5px;
  border-radius: 0;
  font-size: 11.5px;
}

.alert-danger {
  border-left-color: #d9534f;
  background-color: rgba(217, 83, 79, 0.1);
  border-left-width: 5px;
  border-radius: 0;
  font-size: 11.5px;
}

.alertaObjetivos {
  font-size: 11.5px;
}

.alertaObjetivos strong {
  font-size: 12px;
}

.alertaObjetivos span {
  margin-top: 13px;
}

/*------------------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------------------*/

#tablaEvaluacion tbody tr #titulo1 {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  background: #00b050;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody tr #titulo2 {
  color: #fff;
  font-weight: 600;
  font-size: 15px;
  background: #f79646;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody tr #titulo3 {
  color: #fff;
  font-weight: 600;
  font-size: 11.5px;
  background: #00b0f0;
  text-align: center;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody tr #subtitulo1-1,
#subtitulo1-2,
#subtitulo1-3,
#subtitulo1-4,
#subtitulo1-5,
#subtitulo1-6,
#subtitulo1-7 {
  text-align: left;
  background: #ebf1de;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody tr #subtitulo2-1,
#subtitulo2-2,
#subtitulo2-3,
#subtitulo2-4,
#subtitulo2-5,
#subtitulo2-6,
#subtitulo2-7,
#subtitulo2-8 {
  text-align: left;
  background: #ffe4a1;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody tr #subtitulo3-1,
#subtitulo3-2,
#subtitulo3-3,
#subtitulo3-4,
#subtitulo3-5 {
  text-align: left;
  background: #b7dee8;
  vertical-align: middle;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody #row1 {
  border-bottom: 2px solid #00b050;
}

#tablaEvaluacion tbody #row2 {
  border-bottom: 2px solid #f79646;
}

#tablaEvaluacion tbody #row3 {
  border-bottom: 2px solid #00b0f0;
}

#tablaEvaluacion tbody tr #evaluar {
  width: 15%;
}

#tablaEvaluacion tbody tr td .fa-question-circle {
  font-size: 12px;
  color: #9d9d9d;
  cursor: pointer;
}

.opcion1 {
  background: #00b050;
  color: #fff;
}

.opcion2 {
  background: #c6e0b4;
  color: #000;
}

.opcion3 {
  background: #ffe699;
  color: #000;
}

.opcion4 {
  background: #fce4d6;
  color: red;
}

#tablaEvaluacion tbody tr #checkboxes {
  text-align: center;
  justify-content: center;
  align-items: center;
}

#tablaEvaluacion tbody tr #checkboxes .custom-control-label::before,
#tablaEvaluacion tbody tr #checkboxes .custom-control-label::after {
  width: 1.2rem !important;
  height: 1.2rem !important;
  border: 0.2px solid #4ca1a6;
  border-radius: 50%;
}

/*-------------------TABLA AJAX----------------------------------------*/

/*-------------------TABLA AJAX----------------------------------------*/

/*-------------------TABLA AJAX----------------------------------------*/

#accordion .card-body textarea {
  font-size: 13px;
}

textarea[name="comentarioLider"] {
  resize: none;
  border-bottom: none;
}

.modal {
  background-color: rgba(0, 0, 0, 0.6);
}

#divObjetivosCorporativos .nombreCategoria {
  font-weight: bold;
  text-transform: uppercase; /* Color de la barra debajo del título */
}

#divObjetivosCorporativos #estrategiaFinanciera .nombreCategoria {
  color: #308389;
}

#divObjetivosCorporativos #customerSuccess .nombreCategoria {
  color: #ed7d31;
}

#divObjetivosCorporativos #culturaTecma .nombreCategoria {
  color: #fcba40;
}

#divObjetivosCorporativos .icon-container {
  width: 100px;
  height: 60px;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
}

#divObjetivosCorporativos #estrategiaFinanciera .icon-container {
  background-color: #308389;
}
#divObjetivosCorporativos #customerSuccess .icon-container {
  background-color: #dc6b25;
}
#divObjetivosCorporativos #culturaTecma .icon-container {
  background-color: #fcba40;
}

#divObjetivosCorporativos .icon-container img {
  width: 40px; /* Ajustar según el tamaño deseado */
  height: auto;
  max-width: 50px;
  max-height: 50px;
}

#divObjetivosCorporativos .icon-container,
#divObjetivosCorporativos .numero {
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

#divObjetivosCorporativos .numero {
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  font-size: 1.2em; /* Ajustar el tamaño del número según sea necesario */
  font-weight: bold;
  background-color: #fff;
  width: 100px;
  height: 60px;
}

#divObjetivosCorporativos #estrategiaFinanciera .numero {
  color: #4472c4;
}
#divObjetivosCorporativos #customerSuccess .numero {
  color: #ed7d31;
}
#divObjetivosCorporativos #culturaTecma .numero {
  color: #ffc000;
}

#divObjetivosCorporativos .descripcion p {
  color: #23282c;
  font-weight: 600;
  font-size: 0.8em;
}

.tablaObjetivos tbody td .btn-group-toggle .btn {
  color: #e06a25;
  background: #fff;
  border: 1px solid #e06a25;
  padding: 3px 10px 2px 10px;
  margin: 0 0 5px 0;
}

.tablaObjetivos tbody td .btn-group-toggle .btn.active {
  color: #fff;
  background: #e06a25;
  border: 1px solid #e06a25;
}

.tablaObjetivos tbody td:nth-child(6) ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#tablaEvaluacionObjetivos {
  background-color: #aaa2de;
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

#tablaEvaluacionObjetivos thead {
  background-color: #fff;
  color: #000;
}

#tablaEvaluacionObjetivos thead th {
  text-align: center;
  vertical-align: middle;
}

#tablaEvaluacionObjetivos thead th {
  font-size: 15px;
}

/* #tablaEvaluacionObjetivos tfoot td {
  background-color: #aaa2de;
  border-radius: 70px;
} */

#tablaEvaluacionObjetivos thead th,
#tablaEvaluacionObjetivos tbody td,
#tablaEvaluacionObjetivos tfoot td {
  border: none;
}
#tablaEvaluacionObjetivos tbody tr td:nth-child(2),
#tablaEvaluacionObjetivos tbody tr td:not(:first-child) {
  text-align: center;
  align-content: center;
}

#tablaEvaluacionObjetivos tbody tr td:nth-child(2) {
  align-content: center;
}

#tablaEvaluacionObjetivos tbody tr:hover {
  background-color: #968aeb; /* Cambia #f2f2f2 al color que prefieras */
}

/* #tablaEvaluacionObjetivos tbody tr:hover td:first-child {
  font-weight: bold;  
  transition: all 0.3s ease; 
} */

#tablaEvaluacionObjetivos tbody tr td:nth-child(2),
#tablaEvaluacionObjetivos tbody tr td:nth-child(4) {
  background-color: #8b7fe3;
  font-size: 15px;
  font-weight: 600;
}

#tablaEvaluacionObjetivos tbody tr:last-child td:nth-child(2),
#tablaEvaluacionObjetivos tbody tr:last-child td:nth-child(4) {
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
}

#tablaEvaluacionObjetivos tbody td {
  padding-left: 20px;
  padding-right: 20px;
}

#tablaEvaluacionObjetivos tbody td input {
  background: #968aeb;
  text-align: center;
  border: none;
  border-radius: 30px;
  font-size: 15px;
  font-weight: 800;
  cursor: pointer;
  color: #000;
  width: 65%;
  margin: 0 auto;
  display: block;
}

#tablaEvaluacionObjetivos tbody td select {
  background: #c5c1e4;
  font-size: 15px;
  font-weight: 800;
  text-align: center;
  width: 60%;
  margin: 0;
  border-radius: 30px;
  border: none;
  cursor: pointer;
  color: #000;
}
#tablaEvaluacionObjetivos tbody td input.form-control {
  display: auto;
}

#tablaEvaluacionObjetivos tbody td input:disabled,
#tablaEvaluacionObjetivos tbody td select:disabled {
  cursor: default;
  color: #3f3f3f;
}

#tablaEvaluacionObjetivos tfoot tr td:nth-child(4) {
  font-weight: 700;
  font-size: 16px;
}

#tablaEvaluacionObjetivos tfoot tr td:not(:first-child) {
  text-align: center;
  vertical-align: middle;
}

#container-evaluacion-objetivos .btn#btnEvaluacionObjetivos:hover,
#container-evaluacion-objetivos .btn#btnActualizarEvaluacionObjetivos:hover {
  background: rgb(89, 80, 158);
  background: linear-gradient(
    22deg,
    rgba(89, 80, 158, 1) 0%,
    rgb(129, 123, 182) 100%
  );
}

#tablaEvaluacionObjetivos tfoot #tdResultadoFinal {
  font-size: 16px;
  font-weight: 800;
  text-align: center;
}

#container-evaluacion-objetivos .btn#btnEvaluacionObjetivos,
#container-evaluacion-objetivos .btn#btnActualizarEvaluacionObjetivos {
  background-color: #7b74b2;
  font-size: 12px;
  border-radius: 30px;
  color: #fff;
  padding: 5px 15px;
}

#container-evaluacion-objetivos .btn#btnEditarEvaluacionObjetivos {
  background: rgb(89, 80, 158);
  background: linear-gradient(
    22deg,
    rgba(89, 80, 158, 1) 0%,
    rgb(129, 123, 182) 100%
  );
  color: #fff;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 12px;
}

#container-evaluacion-objetivos .btn#btnCancelarEdicionEvaluacionObjetivos {
  background: #df1414;
  color: #fff;
  border-radius: 50px;
  padding: 5px 15px;
  font-size: 12px;
}

.renglon input[type="text"] {
  border: none !important;
  width: auto;
}

.tablaOportunidades th:last-child,
.tabla_gptw th:last-child,
.tablaObjetivos th:last-child #tabla_estrategias th:last-child {
  width: 200px;
}

#faltantes-container-objetivos {
  font-size: 14px;
  text-align: left;
  padding-top: 10px;
}

#tablaAccionesPlanes thead tr th {
  font-weight: 600;
  vertical-align: middle;
}

#tablaAccionesPlanes tbody tr td .editdiv .row .col {
  padding: 0;
}
#tablaAccionesPlanes tbody tr td .editdiv .row .col:nth-child(1) select,
#tablaAccionesPlanes tbody tr td .editdiv .row .col:nth-child(3) select {
  text-align: center;
}

#tablaAccionesPlanes tbody tr td .editdiv .row .col select {
  padding: 0 0 0 5px;
  font-size: 11px;
}
#tablaAccionesPlanes tbody tr td .editdiv .row .col select.form-select {
  background: none !important;
  cursor: pointer;
}

#tablaAccionesPlanes tbody tr td .editdiv .row .col button {
  font-size: 11px;
}

.tabla_gptw tbody .input_gptw {
  cursor: pointer;
}

table tbody td textarea.form-control,
table tbody td input[type="text"].form-control {
  font-size: 11px;
}

table tbody td div.input-group-append button.btn.btn-sm i {
  font-size: 9px;
}

.tabla_gptw thead th:nth-child(5) {
  text-align: center;
}

.tabla_gptw tbody td:nth-child(6),
.tabla_gptw tbody td:nth-child(7) {
  text-align: center;
}

.tabla_gptw tbody td .custom-control-label::before {
  top: -6px;
  width: 1.5rem;
  height: 1.5rem;
}

.tabla_gptw tbody td .custom-control-label::after {
  font-size: 13px;
  top: -6px;
  width: 1.5rem;
  height: 1.5rem;
  background-size: 30% 50%;
}

.tabla_gptw tfoot .btnCerrarPlan {
  font-size: 12px;
  font-weight: 600;
  color: #f47c30;
  border: 1px solid #f47c30;
  padding: 5px 10px;
  text-decoration: none;
}

.tabla_gptw tfoot .btnCerrarPlan:hover {
  text-decoration: none;
}

#graficaEfectividad {
  text-decoration: none;
  color: #007a81;
}

#graficaEfectividad i {
  font-size: 14px;
}

#graficaEfectividad:hover {
  font-weight: 600;
}

.tablaOportunidades td a,
.tabla_gptw td a,
.tablaObjetivos td a,
#tabla_estrategias td a,
#tablaAccionesAdministrador td a,
#tablaAccionesAdministradorReddin td a,
#t_reporteUsuarios td a {
  cursor: pointer;
  display: inline-block;
  margin: 0 5px;
  min-width: 24px;
}

.tablaOportunidades td a.add,
.tablaObjetivos td a.agregarObjetivo,
.tablaObjetivos td a.agregarNuevaEstrategia,
#tabla_estrategias td a.agregarEstrategia,
.tabla_gptw td a.guardar_gptw,
.tableIngles td a.add {
  color: #27c46b;
}

.tablaObjetivos .agregarNuevaEstrategia {
  background-color: #218838;
  color: #fff !important;
  font-weight: 600;
  padding: 5px;
  border-radius: 5px;
}

.tablaOportunidades td a.editReddin,
.tablaObjetivos td a.editarObjetivo,
.tableIngles td a.edit {
  color: #ffc107;
}

.tablaObjetivos tr td:last-of-type {
  justify-content: center;
  text-align: center;
  vertical-align: middle;
}

/* .tablaObjetivos td a.editEstrategia {
  color: #ffc107;
} */

/* .tablaObjetivos td a.deleteEstrategia {
  color: rgb(165, 0, 0);
} */

.tablaOportunidades td a.delete,
.tabla_gptw td a.eliminar_gptw,
.tableIngles td a.delete,
.tablaObjetivos td a.borrarObjetivo {
  color: #e22417;
}

.tablaObjetivosPendientes td a.evaluation {
  color: #0080ff;
}

.tablaObjetivosPendientes td a.disabled {
  color: #cfcfcf;
}

.tablaOportunidades td i,
.tabla_gptw td i,
.tablaObjetivos td i,
#tabla_estrategias td i,
.tablaObjetivosPendientes td i,
.tableIngles td i {
  font-size: 15px;
}

#btnsObjetivosCompletos .btnsObjetivosCompletos {
  width: 180px;
  height: 30px;
  font-size: 13px;
  border-radius: 50px;
  font-weight: 600;
}

.tablaOportunidades td .add i,
.tablaObjetivos td a.add i,
.tabla_gptw td a.guardar_gptw,
.tablaObjetivos td a.agregarObjetivo {
  font-size: 24px;
  margin-right: -1px;
  position: relative;
  top: 3px;
}

.tablaOportunidades .form-control,
.tablaObjetivos .form-control,
.tablaObjetivosPendientes .form-control,
.tableIngles .form-control {
  height: 32px;
  line-height: 15px;
  box-shadow: none;
  font-size: 11px;
}
#form-acciones textarea {
  line-height: 14px;
  font-size: 11px;
}
.tablaObjetivos thead tr th {
  text-align: center;
  vertical-align: middle;
}

#tablaEvaluacion td {
  padding: 5px;
}
.tablaObjetivos .bootstrap-select.error {
  border: 1px solid red;
}
.tablaOpotunidades .form-control.error,
.tablaObjetivos .form-control.error,
.tableIngles .form-control.error {
  border-color: #f50000;
}
.tablaObjetivos .form-control.warning {
  border-color: #ffc107;
}

.tablaOportunidades select.error,
.tablaObjetivos select.error,
.tableIngles select.form-control.error {
  border-color: #f50000;
}

.tablaOportunidades td .addReddin,
.tabla_gptw td .guardar_gptw,
.tablaObjetivos td .add,
#tabla_estrategias td .agregarEstrategia,
.tablaObjetivosPendientes td .add,
.tablaObjetivos td .agregarObjetivo,
.tablaObjetivos td .agregarNuevaEstrategia,
.tableIngles .add {
  display: none;
}

#agregarGPTW,
.add-new,
.add-newPlaneacion,
.add-newObjetivo,
#btnAgregarObjetivo,
#btnCancelarObjetivo,
.add-newEstrategia,
.verObjetivosLider,
.btnCancel,
.btnObjetivosPendientes,
.add-newIngles,
.btnComentarioEspecial {
  font-weight: bold;
  text-shadow: none;
  border-radius: 30px;
  padding: 5px 10px 5px 10px;
  font-size: 11px;
  background: rgb(67, 178, 189);
  background: linear-gradient(
    22deg,
    rgba(67, 178, 189, 1) 0%,
    rgba(48, 131, 137, 1) 100%
  );
}

.add-newObjetivo:disabled,
#btnAgregarObjetivo:disabled {
  cursor: not-allowed;
}

.tablaObjetivos {
  table-layout: fixed;
}
.tablaObjetivos input[type="number"]:disabled {
  background: #e9ecef;
}
.tablaObjetivos tfoot tr td span.spanActualizacionObjetivo.success,
.tablaObjetivos tfoot tr td span.spanEliminarObjetivo.success {
  color: #006100;
}
.tablaObjetivos tfoot tr td span.spanActualizacionObjetivo.error,
.tablaObjetivos tfoot tr td span.spanEliminarObjetivo.error {
  color: #ac0d0d;
}
.tablaObjetivos tbody td .form-check-input {
  margin: 0;
}

.tablaObjetivos tbody td label {
  font-size: 12px;
  cursor: pointer;
}

.tablaObjetivos tbody td label {
  font-size: 12px;
  cursor: pointer;
  color: #0d005d;
}

.tablaObjetivos tbody td label input[type="checkbox"] {
  width: 10px;
}

.tablaObjetivos tfoot tr td:nth-child(1) {
  background-color: #e3e3e3;
  text-align: right;
  font-weight: 600;
}

#agregarGPTW i,
.add-new i,
.add-newPlaneacion i,
.add-newObjetivo i,
#btnAgregarObjetivo i,
#btnCancelarObjetivo i,
.btnCancel i,
.verMatriz i,
.add-newIngles i {
  margin-right: 4px;
}

#btnCopiarObjetivos,
#btnCopiarTodos {
  border-radius: 30px;
  font-size: 11px;
  font-weight: bold;
  text-shadow: none;
  border-radius: 30px;
  padding: 5px 10px 5px 10px;
  color: #fff;
}

#btnCopiarObjetivos {
  background: linear-gradient(
    22deg,
    rgba(247, 144, 60, 0.932) 0%,
    rgb(207, 112, 3) 100%
  );
}

#btnCopiarTodos {
  background: linear-gradient(
    22deg,
    rgba(36, 187, 56, 0.932) 0%,
    rgb(2, 71, 0) 100%
  );
}

#btnEnviarObjetivos.disabled {
  background-color: #8f8f8f;
  cursor: not-allowed;
}
#btnEnviarObjetivos {
  background-color: #73ad73;
  color: #fff;
  font-size: 12px;
}

#btnEnviarObjetivos:hover {
  background-color: #048804;
  color: #fff;
  font-weight: 600;
}

.botonesPlan td {
  border-top: none;
  margin: 0;
  padding: 0 0 5px 0;
}

.tooltip {
  pointer-events: none;
}

#tablaAccionesAdministrador td,
#tablaAccionesAdministradorReddin td {
  border-bottom: 2px solid #006f8180;
  border-top: none;
}

#tablaAccionesAdministrador td a.agregarAccion,
#tablaAccionesAdministradorReddin td a.agregarAccionReddin {
  display: none;
}

#tablaAccionesAdministrador td a.editarAccion,
#tablaAccionesAdministradorReddin td a.editarAccionReddin {
  color: #ffc107;
}

#tablaAccionesAdministrador td a.borrarAccion,
#tablaAccionesAdministradorReddin td a.borrarAccionReddin {
  color: #e34724;
}

#tablaAccionesAdministrador td i,
#tablaAccionesAdministradorReddin td i {
  font-size: 15px;
}

/* ================== COMENTARIOS ESPECIALES ================== */

/* ================== COMENTARIOS ESPECIALES ================== */

table#comentariosEspeciales td a.agregarComentarioEspecial {
  color: #27c46b;
  display: none;
}

table#comentariosEspeciales td a.editarComentarioEspecial {
  color: #ffc107;
}

table#comentariosEspeciales td a.borrarComentarioEspecial {
  color: #e34724;
}

.add-comentarioEsp {
  height: 30px;
  font-weight: bold;
  font-size: 11px;
  text-shadow: none;
  min-width: 100px;
  border-radius: 50px;
}

.add-comentarioEsp i {
  margin-right: 4px;
}

table#comentariosEspeciales td a {
  cursor: pointer;
  display: inline-block;
  min-width: 24px;
}

table#comentariosEspeciales td i {
  font-size: 15px;
}

table#comentariosEspeciales td {
  word-break: break-all !important;
}

/* ================== FINAL COMENTARIOS ESPECIALES ================== */

/* ==================ELIMINAR USUARIOS BASE DE DATOS================== */

/* ==================ELIMINAR USUARIOS BASE DE DATOS================== */

#t_reporteUsuarios td a.delete {
  color: #e34724;
}

#t_reporteUsuarios td i {
  font-size: 15px;
}

#t_reporteUsuarios td a {
  cursor: pointer;
  display: inline-block;
  min-width: 24px;
}

/* ================== FINAL ELIMINAR USUARIOS BASE DE DATOS================== */

.btn-group--switch {
  position: relative;
  cursor: pointer;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  background: rgb(221, 221, 221);
  box-shadow: inset 0 5px 8px 1px rgba(0, 0, 0, 0.15);
  transition: background 200ms ease-in-out;
}

.btn-group--switch::after {
  content: "";
  position: absolute;
  z-index: 4;
  height: calc(100% - 1px);
  width: 1.25rem;
  top: calc(1px / 2);
  left: calc(50% - 0.75rem / 2);
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: all 250ms ease-in-out;
  transition-delay: 100ms;
}

.btn-group--switch.switch-on::after {
  left: 1px;
}

.btn-group--switch.switch-off::after {
  left: calc((100% - 1.25rem) - 1px);
}

.btn-group--switch input[type="radio"] {
  display: none;
}

.btn-group--switch.switch-on .btn-switch[data-switch="off"],
.btn-group--switch.switch-off .btn-switch[data-switch="on"] {
  color: rgba(0, 0, 0, 0);
}

.btn-group--switch .btn-switch {
  width: 100%;
  color: var(--secondary);
  background-color: transparent;
  border: none;
  transition: background 200ms ease-in-out;
}

.btn-group--switch .btn-switch.active {
  color: #fff;
}

.btn-group--switch:hover {
  background: #eee;
}

.btn-group--switch.switch-on {
  background: var(--success);
  border-color: var(--success);
}

.btn-group--switch.switch-off {
  background: var(--danger);
  border-color: var(--danger);
}

.btn-group--switch.switch-on:hover {
  background: #218838;
  border-color: #1e7e34;
}

.btn-group--switch.switch-off:hover {
  background: #c82333;
  border-color: #bd2130;
}

.btn_choose_sent input {
  -webkit-appearance: none;
  display: block;
  margin: 10px;
  width: 18px;
  height: 18px;
  border-radius: 12px;
  cursor: pointer;
  vertical-align: middle;
  box-shadow: hsla(0, 0%, 100%, 0.15) 0 1px 1px,
    inset hsla(0, 0%, 0%, 0.5) 0 0 0 1px;
  background-color: hsla(0, 0%, 0%, 0.2);
  background-image: -webkit-radial-gradient(
    #fff 0%,
    #fff 15%,
    #fff 28%,
    #fff 70%
  );
  background-repeat: no-repeat;
  -webkit-transition: background-position 0.15s cubic-bezier(0.8, 0, 1, 1),
    -webkit-transform 0.25s cubic-bezier(0.8, 0, 1, 1);
  outline: none;
}

.btn_choose_sent input:checked {
  -webkit-transition: background-position 0.2s 0.15s cubic-bezier(0, 0, 0.2, 1),
    -webkit-transform 0.25s cubic-bezier(0, 0, 0.2, 1);
}

.btn_choose_sent input:active {
  -webkit-transform: scale(1.5);
  -webkit-transition: -webkit-transform 0.1s cubic-bezier(0, 0, 0.2, 1);
}

/* The up/down direction logic */

.btn_choose_sent input,
.btn_choose_sent input:active {
  background-position: 0 24px;
}

.btn_choose_sent input:checked {
  background-position: 0 0;
}

.btn_choose_sent input:checked ~ input,
.btn_choose_sent input:checked ~ input:active {
  background-position: 0 -24px;
}

.btn_choose_sent {
  background: #ef2d56;
  color: #fff;
  border: none;
  border-radius: 3px;
  font-size: 14px;
  line-height: 10px;
  padding: 15px 20px 15px 34px;
  margin: 0px 0px 8px 0px;
  text-decoration: none;
  transition: all 0.3s;
  height: auto;
  cursor: pointer;
  position: relative;
  outline: none;
}

.btn_choose_sent input {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 99;
  top: 2px;
}

.btn_choose_sent input:after {
  position: absolute;
  content: "";
  width: 15rem;
  left: 0;
  right: 0;
  /* background: red; */
  /* z-index: -1; */
  height: 40px;
  top: -10px;
}

.bg_btn_chose_1 {
  background-color: #28a745 !important;
}

.bg_btn_chose_2 {
  background-color: #007bff !important;
}

.bg_btn_chose_3 {
  background-color: #fd7e14 !important;
}

.btn_choose_sent_check_b {
  background: #ef2d56;
  color: #fff;
  box-shadow: 0 10px 20px rgba(125, 147, 178, 0.3);
  border: none;
  border-radius: 3px;
  font-size: 12px;
  line-height: 10px;
  padding: 16px 20px 16px 46px;
  text-align: center;
  display: inline-block;
  text-decoration: none;
  margin-right: 30px;
  transition: all 0.3s;
  height: auto;
  cursor: pointer;
  position: relative;
  outline: none;
}

.textareaPosgrado,
.textareaPuesto {
  max-height: 95px;
}

.tablaObjetivos thead .fa-question-circle {
  color: #fff;
  cursor: pointer;
}

.verMatriz {
  height: 30px;
  font-weight: bold;
  font-size: 11px;
  text-shadow: none;
  min-width: 100px;
  border-radius: 50px;
  border: none;
}

.change-message {
  display: none;
  color: darkred;
  font-size: 11px;
  font-weight: 600;
}

.cambios-ficha {
  display: none;
  color: darkred;
  font-size: 11px;
  font-weight: 600;
}

.fileUploadWrap {
  padding-top: 10px;
  position: relative;
}

.fileUploadWrap i {
  position: absolute;
  cursor: pointer;
  /*   below means you can click through the image onto the invisible input */
  pointer-events: none;
  width: 50px;
  top: 30%;
  left: 20px;
  transform: translatey(-50%);
}

.fileName {
  position: absolute;
  left: 50px;
  top: -8px;
  pointer-events: none;
}

input[type="file"] {
  margin-left: -15px;
  opacity: 0;
}

#t_reclutamiento thead,
#t_reportePlanes thead,
#t_reporteObjetivos thead {
  color: #fff;
  background: #007a81;
}

#t_reclutamiento .encabezadoInputs,
#t_reportePlanes .encabezadoInputs,
#t_reporteObjetivos .encabezadoInputs {
  color: #000;
  background: #fff;
}

.encabezadoInputs {
  background-color: #fff;
}

#t_reclutamiento tbody td,
#t_reportePlanes tbody td,
#t_reporteObjetivos tbody td {
  font-size: 12px;
}

.renglon input[type="text"] {
  width: 180px;
  min-width: 180px;
  max-width: 180px;
  transition: width 0.25s;
}

.swal-text {
  text-align: center;
}

.swal-modal .swal-content #txtcomentario {
  border: 1px solid #000;
  height: 150px;
}

.swal-button--cancel {
  color: #fff !important;
  background-color: #e04949 !important;
}

.swal-button--confirm {
  background-color: #0097df !important;
}

.nav-tabs {
  border: none;
}

.nav-tabs .nav-item .nav-link {
  font-size: 12px;
  color: #818181;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 10px;
}

.nav-tabs .nav-item .nav-link:hover {
  background: #fc9202;
  background: linear-gradient(
    90deg,
    rgba(252, 146, 2, 1) 0%,
    rgba(255, 111, 0, 1) 100%
  );
  color: #fff;
  border: none;
  border-radius: 30px;
}

.nav-tabs .nav-item .nav-link.active {
  font-size: 12px;
  color: #dc6b26;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-radius: 30px;
}

.nav-tabs .nav-item .nav-link.disabled {
  font-size: 12px;
  font-weight: 600;
  color: #a8a8a8;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 7.3px 0 0 15px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 34px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #b00000;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 26px;
  width: 26px;
  left: 4px;
  bottom: 4px;
  background-color: white;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .slider {
  background-color: #00b000;
}

input:focus + .slider {
  box-shadow: 0 0 1px #00b000;
}

input:checked + .slider:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

/* Rounded sliders */

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

#divEnableObjetivos,
#divEnableBtn {
  border-bottom: 1px solid #d9d9d9;
}

/*----------step-wizard------------*/

.d-flex {
  display: flex;
}

.justify-content-center {
  justify-content: center;
}

.align-items-center {
  align-items: center;
}

/*---------signup-step-------------*/

#panelNotificaciones {
  min-width: 15rem !important;
  max-height: 300px; /* Altura máxima del panel */
  overflow-y: auto;
  position: absolute;
  top: 100%;
  right: 0;
  padding: 0.5rem 0;
  margin: 0 60px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.175);
  z-index: 1000;
}
#notificacionesToggle {
  background-color: #a71d1d;
  padding: 0 20px;
  border-radius: 10px;
  margin-top: 5px;
}
#notificacionesToggle:focus {
  outline: none;
}
#notificacionesToggle .fa-bell {
  animation-name: bell-ring;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  transform-origin: 50% 50%;
}

@keyframes bell-ring {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(20deg);
  }
  100% {
    transform: rotate(0);
  }
}

#notificacionesToggle:hover {
  text-decoration: none;
  background-color: transparent;
}

#notificacionesToggle.active {
  color: #fff;
  background-color: #007bff;
}

#panelNotificaciones ul#listaNotificaciones {
  padding: 0;
  list-style: none;
}

#panelNotificaciones ul#listaNotificaciones > li {
  cursor: pointer;
  border-bottom: 1px solid #efefef;
  font-size: 14px;
  margin-top: 0.5rem;
  padding: 7px 6px;
  border-left: 4px solid rgb(37 64 143 / 40%);
}

#panelNotificaciones ul#listaNotificaciones > li > .asuntoNotificacion {
  margin-left: 10px;
  display: flex;
}

#panelNotificaciones
  ul#listaNotificaciones
  > li
  > .asuntoNotificacion
  > #tituloNotificacion {
  font-size: 12.5px;
  flex-grow: 1;
  text-align: left;
  font-weight: 600;
}

#panelNotificaciones
  ul#listaNotificaciones
  > li
  > .asuntoNotificacion
  > #fechaNotificacion {
  font-size: 10.5px;
  flex-grow: 0;
  text-align: right;
  margin-right: 10px;
  color: #2e89ff;
  font-style: italic;
}

#panelNotificaciones ul#listaNotificaciones > li > .mensajeNotificacion {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 12px;
  text-align: justify;
}

#panelEstatusGDP {
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  margin: 0;
}

#panelEstatusGDP li {
  padding-right: 1rem;
  font-size: 12.5px;
}

#panelEstatusGDP li i {
  font-size: 13px;
}

#panelEstatusGDP li .fa-check-circle {
  color: #00b000;
}

#panelEstatusGDP li .fa-times-circle {
  color: #db1a1a;
}

.bg-color {
  background-color: #333;
}

.signup-step-container {
  padding-top: 50px;
}

.wizard .nav-tabs {
  position: relative;
  margin-bottom: 0;
  border-bottom-color: transparent;
}

.wizard > div.wizard-inner {
  position: relative;
  margin-bottom: 30px;
  text-align: center;
}

.connecting-line {
  height: 2px;
  background: #e0e0e0;
  position: absolute;
  width: 100%;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 15px;
  z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  border: 0;
  border-bottom-color: transparent;
}

.notaFichaTalento,
.notaAutoEvaluacion {
  color: #818181;
  font-size: 15px;
  font-weight: 600;
}

span.round-tab {
  width: 30px;
  height: 30px;
  line-height: 25px;
  display: inline-block;
  border-radius: 50%;
  background: #fff;
  z-index: 2;
  position: absolute;
  left: 0;
  text-align: center;
  font-size: 12px;
  color: #0e214b;
  font-weight: 500;
  border: 1px solid #ddd;
}

span.round-tab i {
  color: #555555;
}

.wizard li.active span.round-tab {
  background: #0db02b;
  color: #fff;
  border-color: #0db02b;
}

.wizard li.active span.round-tab i {
  color: #5bc0de;
}

.wizard .nav-tabs > li.active > a i {
  color: #0db02b;
}

.wizard .nav-tabs > li {
  width: 50%;
}

.wizard li:after {
  content: " ";
  position: absolute;
  left: 46%;
  opacity: 0;
  margin: 0 auto;
  bottom: 0px;
  border: 5px solid transparent;
  border-bottom-color: red;
  transition: 0.1s ease-in-out;
}

.wizard .nav-tabs > li a {
  width: 30px;
  height: 30px;
  margin: 20px auto;
  border-radius: 100%;
  padding: 0;
  background-color: transparent;
  position: relative;
  top: 0;
}

.wizard .nav-tabs > li a i {
  position: absolute;
  top: -15px;
  font-style: normal;
  font-weight: 400;
  white-space: nowrap;
  left: 50%;
  transform: translate(-30%, -50%);
  font-size: 13px;
  font-weight: 700;
  color: #000;
}

.wizard .nav-tabs > li a:hover {
  background: transparent;
}

.wizard .tab-pane {
  position: relative;
  padding-top: 10px;
}

.wizard h3 {
  margin-top: 0;
}

.prev-step,
.next-step {
  font-size: 11px;
  padding: 8px 24px;
  border: none;
  border-radius: 4px;
  margin-top: 30px;
}

.next-step {
  background-color: #0db02b;
}

.skip-btn {
  background-color: #cec12d;
}

.step-head {
  font-size: 20px;
  text-align: center;
  font-weight: 500;
  margin-bottom: 20px;
}

.pull-right {
  float: right;
}

/*-------------------------MENU ADMINISTRACION------------------------------*/

/*-------------------------MENU ADMINISTRACION------------------------------*/

.menuAdministrador li {
  background-color: #17a2b8;
  padding: 3px 10px 3px 10px;
  border-radius: 34%;
}

.menuAdministrador a {
  color: #fff;
}

.menuAdministrador i {
  font-size: 15px;
}

/*--------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------*/

#graficoPlanes,
#graficoReddin {
  display: none;
}

#objetivosAñosActivo {
  list-style: none;
  font-weight: 600;
  color: #707070;
  font-size: 12px;
}

#objetivosAñosActivo i {
  color: #068a27;
}

.filtrosReddin .divFiltroReddin,
.divFiltroFichaTalento #btnFiltroFichaTalento {
  position: fixed;
  bottom: 10px;
  right: 10px;
  z-index: 1;
}

.filtrosReddin .divFiltroReddin .btnFiltrosReddin,
.divFiltroFichaTalento #btnFiltroFichaTalento {
  width: 40px;
  height: 40px;
  background-color: #e06a25;
  border: none;
  border-radius: 50px;
  text-align: center;
  box-shadow: 2px 2px 3px #999;
}

.filtrosReddin .btnFiltrosReddin i,
.divFiltroFichaTalento #btnFiltroFichaTalento i {
  font-size: 11px;
  color: #fff;
  margin-top: 10px;
}

.offcanvas-body {
  padding: 1px;
  overflow-x: hidden;
}
.offcanvas-body .card,
.offcanvas-body .card .card-header {
  border-radius: 0;
}
.offcanvas-body label {
  border: 1px solid #e06a25;
  color: #e06a25;
  padding: 5px;
  font-size: 11px;
  margin: 0;
  border-radius: 0;
}

.offcanvas-body .card-filtro-depto #unCheckAllDeptos {
  font-size: 10px;
}
.offcanvas-body .card-filtro-depto #unCheckAllDeptos::after {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 7px;
  top: 13px;
  position: absolute;
}

.offcanvas-body .card .card-body {
  padding: 0;
  margin: 0;
}

.offcanvas-body .card label:hover {
  background-color: #e06a25;
  color: #fff;
}

.offcanvas-body .card label:focus {
  outline: none;
  box-shadow: none;
}

.offcanvas-body .card label.active {
  background-color: #25408f !important;
  color: #fff;
  border: 1px solid #25408f !important;
}

.offcanvas-body .card .card-header {
  /* background-color: #0d005d; */
  color: #0d005d;
  text-align: left;
  font-size: 12px;
  font-weight: 600;
  padding: 5px;
}

.offcanvas-body .card.card-filtro-region .card-body {
  border: 0;
}

.btn-update-objetivo i,
.btn-cancel-objetivo i,
.btn-update-estrategia i,
.btn-cancel-estrategia i {
  font-size: 10px !important;
}

#tabla_empleados_baja tbody td {
  cursor: pointer;
}
#tabla_empleados_baja tbody td {
  cursor: pointer;
}

#tabla_empleados_baja tbody td:nth-child(8) i {
  font-size: 15px;
}
#tabla_empleados_baja tbody td:nth-child(8) .fa-check {
  color: green;
}
#tabla_empleados_baja tbody td:nth-child(8) .fa-times {
  color: red;
}

.divOpcionesUsuarios {
  background-color: #203240;
  padding: 7px;
  margin: 9px;
  border-radius: 7px;
  cursor: pointer;
}
.divOpcionesUsuarios a {
  color: #fff;
  font-size: 12px;
  text-decoration: none;
}
.divOpcionesUsuarios a:hover,
a:active {
  text-decoration: none;
  color: #f47c30;
  font-weight: 600;
}

.divOpcionesUsuarios:hover a {
  text-decoration: none;
  color: #f47c30;
  font-weight: 600;
}

.divContainerOpciones {
  background-color: #fff;
  margin-bottom: 10px;
  margin-left: 10px;
  padding: 10px;
  -webkit-box-shadow: 1px 12px 16px -7px rgba(63, 63, 63, 0.36);
  box-shadow: 1px 12px 16px -7px rgba(63, 63, 63, 0.36);
  border-radius: 5px;
}

.divContainerOpciones #btnEditarPreguntasGPTW,
.divContainerOpciones #btnEnviarNotifGPTW {
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #203240;
  color: #203240;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 30px;
}

.divContainerOpciones #btnEnviarNotifGPTW:hover,
.divContainerOpciones #btnResEvaluacion:hover {
  animation: 1s;
  background-color: #203240;
  color: #fff;
}

#btnBulkUploadEmployees,
#btnApplyUpdates {
  border: 1px solid #204389;
  border-radius: 100px;
  color: #204389;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 30px;
}

#btnBulkUploadEmployees:hover,
#btnApplyUpdates:hover {
  background: rgb(45, 98, 186);
  background: linear-gradient(
    90deg,
    rgba(45, 98, 186, 1) 0%,
    rgba(32, 67, 137, 1) 100%
  );
  color: #fff;
}

#modal_carga_masiva #btnBulkDeleteEmployees {
  border: 1px solid #dc6b26;
  border-radius: 100px;
  color: #dc6b26;
  font-size: 14px;
  font-weight: 600;
  padding: 5px 30px;
}

#modal_carga_masiva #btnBulkDeleteEmployees:hover {
  background: rgb(252, 146, 2);
  background: linear-gradient(
    90deg,
    rgba(252, 146, 2, 1) 0%,
    rgba(255, 111, 0, 1) 100%
  );
  color: #fff;
}

#modal_carga_masiva #btnViewChanges,
#modal_carga_masiva #btnViewConflicts {
  border: 1px solid #e3e3e3;
  border-radius: 30px;
  padding: 7px 21px;
}

#modal_carga_masiva #btnViewChanges.active{
  background: rgb(59, 175, 135);
  background: linear-gradient(
    90deg,
    rgba(59, 175, 135, 1) 0%,
    rgba(48, 131, 136, 1) 100%
  );
  color: #fff;
}

#modal_carga_masiva #btnViewConflicts i,
#modal_carga_masiva #btnViewChanges i {
  font-size: 0.7rem;
}

#modal_carga_masiva #btnViewChanges span#changesBadge,
#modal_carga_masiva #btnViewConflicts span#conflictsBadge {
  top: -18px;
  left: 10px;
}

#modal_carga_masiva label:has(input[name="regionActualizacion"]:disabled) {
    color: #ccc;
    background-color: #e0e0e0;
    cursor: not-allowed;
    border-color: #d6d6d6;
    opacity: 0.65;
    pointer-events: none;
}

#modal_carga_masiva label:has(input[name="regionActualizacion"]:disabled):hover{
  cursor: not-allowed;
  background-color: #e9ecef;
}

#modal_carga_masiva #btnCancelBulk:hover {
  text-decoration: none;
  border-radius: 30px;
  color: #fff!important;
  background: rgb(212, 46, 56);
  background: linear-gradient(
    90deg,
    rgba(212, 46, 56, 1) 0%,
    rgba(168, 28, 0, 1) 100%
  );
}

#modal_carga_masiva #tablaColaboradores.table-disabled thead {
  color: #ccc; /* Color del texto para un botón deshabilitado */
  background-color: #e0e0e0; /* Color de fondo para un botón deshabilitado */
  cursor: not-allowed; /* Cambia el cursor a "no permitido" */
  border-color: #d6d6d6; /* Color del borde para que coincida con el fondo */
  opacity: 0.65; /* Hace el botón más transparente para indicar que está deshabilitado */
}
#modal_carga_masiva #tablaColaboradores tbody tr td {
  font-size: 10px;
}

#modal_carga_masiva #tablaColaboradores tbody tr td:nth-child(1) {
  font-weight: 600;
}

#modal_carga_masiva #tablaColaboradores thead th:first-child {
  border-top-left-radius: 10px; /* Ajusta el valor según el redondeado que desees */
}

#modal_carga_masiva #tablaColaboradores thead th:last-child {
  border-top-right-radius: 10px; /* Ajusta el valor según el redondeado que desees */
}

/* Opcional: Eliminar bordes de la tabla si es necesario */
#modal_carga_masiva #tablaColaboradores {
  border-collapse: separate;
  border-spacing: 0;
}

#modal_carga_masiva .btn-group-toggle label {
  border: 1px solid rgb(59, 175, 135);
  color: rgb(59, 175, 135);
  background-color: #fff;
  border-radius: 100px;
  padding: 3px 15px 3px 15px;
  font-size: 13px;
}

#modal_carga_masiva .btn-group-toggle label:hover,
#modal_carga_masiva .btn-group-toggle label.active {
  background: rgb(59, 175, 135);
  background: linear-gradient(
    90deg,
    rgba(59, 175, 135, 1) 0%,
    rgba(48, 131, 136, 1) 100%
  );
  color: #fff;
  border-radius: 100px;
  padding: 3px 15px 3px 15px;
  font-size: 13px;
}

#modal_carga_masiva #btnBulkNews,
#modal_carga_masiva #btnBulkDelete {
  font-size: 12px;
  font-weight: 600;
  color: #f47c30;
  border: 1px solid #f47c30;
  padding: 5px 10px;
  text-decoration: none;
  border-radius: 100px;
}

#modal_carga_masiva #btnBulkNews:hover:not([disabled]),
#modal_carga_masiva #btnBulkDelete:hover:not([disabled]) {
  color: #fff;
  background-color: #f47c30;
}

#modal_carga_masiva #btnBulkNews:disabled,
#modal_carga_masiva #btnBulkDelete:disabled {
  color: #ccc; /* Color del texto para un botón deshabilitado */
  background-color: #e0e0e0; /* Color de fondo para un botón deshabilitado */
  cursor: not-allowed; /* Cambia el cursor a "no permitido" */
  border-color: #d6d6d6; /* Color del borde para que coincida con el fondo */
  opacity: 0.65; /* Hace el botón más transparente para indicar que está deshabilitado */
}

#modal_carga_masiva legend {
  font-size: 13px;
}

#tablaPreguntasGPTW tbody .input_pregunta_gptw {
  cursor: pointer;
}

#tablaEmpleadosPrivilegio thead th {
  text-align: center;
  background-color: #fff;
  color: #f47c30;
  font-weight: 600;
}

#tablaEmpleadosPrivilegio thead th {
  text-transform: uppercase;
}

#tablaEmpleadosPrivilegio tbody td:nth-child(1),
#tablaEmpleadosPrivilegio tbody td:nth-child(3),
#tablaEmpleadosPrivilegio tbody td:nth-child(4),
#tablaEmpleadosPrivilegio tbody td:nth-child(5) {
  text-align: center;
}

#tablaEmpleadosPrivilegio tbody td:nth-child(4),
#tablaEmpleadosPrivilegio tbody td:nth-child(5) {
  cursor: pointer;
}

#tablaEmpleadosPrivilegio tbody td:nth-child(4) select option,
#tablaEmpleadosPrivilegio tbody td:nth-child(5) select option {
  text-align: center;
}

#tablaEmpleadosPrivilegio tbody td:last-child a i {
  font-size: 15px;
}

#tablaEmpleadosPrivilegio tbody td .badge {
  font-size: 11px;
}

form#form-acciones #file {
  cursor: pointer;
}
#labelInputFile::after {
  content: "Buscar";
}

#tablaCalificacionGPTW thead th:nth-child(1),
#tablaCalificacionGPTW thead th:nth-child(3),
#tablaCalificacionGPTW thead th:nth-child(4),
#tablaCalificacionGPTW thead th:nth-child(5),
#tablaCalificacionGPTW thead th:nth-child(6) {
  text-align: center;
}

#tablaCalificacionGPTW tbody td:nth-child(1),
#tablaCalificacionGPTW tbody td:nth-child(3),
#tablaCalificacionGPTW tbody td:nth-child(4),
#tablaCalificacionGPTW tbody td:nth-child(5),
#tablaCalificacionGPTW tbody td:nth-child(6) {
  text-align: center;
}

.dataTables_info,
.dataTables_paginate {
  font-size: 13px;
}
.dataTables_length label,
.dataTables_filter label {
  font-size: 13px;
}

.card_gptw .card {
  border: 0;
}
.card_gptw .card .border-left {
  border-left: 5px solid #007a81 !important;
}
.card_gptw .card .card-header {
  border: 0;
  background-color: rgba(91, 192, 222, 0.1);
}

.card_gptw .card-body {
  background-color: rgba(91, 192, 222, 0.1);
}

.tabla_gptw thead,
.tablaPlanesCumplidos thead {
  background-color: #21438a;
  color: #fff;
}

.tablaPlanesCumplidos tbody td {
  font-size: 11px;
}

.tablaPlanesCumplidos tbody td:nth-child(5) {
  text-align: center;
  vertical-align: middle;
}

.tablaPlanesCumplidos tbody td:nth-child(5) #btnActualizarEstatusReddin {
  color: #17a2b8;
  font-size: 11px;
  padding: 5px 10px;
  border-radius: 50px;
  border: 0;
}

.tablaPlanesCumplidos tbody td:nth-child(5) #btnActualizarEstatusReddin:hover {
  background-color: #007a81;
  color: #fff;
}

.tabla_gptw thead th:nth-child(3) {
  text-align: center;
}

.tabla_gptw {
  overflow: hidden;
}

#agregar_gptw,
#historico_gptw {
  background: rgb(67, 178, 189);
  background: linear-gradient(
    22deg,
    rgba(67, 178, 189, 1) 0%,
    rgba(48, 131, 137, 1) 100%
  );
  color: #fff;
  padding: 5px 15px 5px 15px;
  border-radius: 30px;
  font-size: 11px;
  font-weight: 600;
  text-decoration: none;
}

#historico_gptw {
  margin-right: -30px;
}

#agregar_gptw:hover {
  background-color: #007a81;
  text-decoration: none;
}

#agregar_gptw.disabled {
  background-color: #036469;
  color: #d8d8d8;
}

#historico_gptw:hover {
  text-decoration: none;
}

.cancelar_btn_gptw {
  font-size: 12px;
}

.cancelar_btn_gptw {
  color: rgb(211, 6, 6);
  margin-left: 10px;
  text-decoration: none;
}
.cancelar_btn_gptw:hover {
  color: darkred;
  text-decoration: none;
}

.container-perfil .seccionImagen {
  background-color: #fff;
}

.container-perfil .seccionInformacionPersonal,
.container-perfil .seccionImagenPerfil,
.container-perfil .secccionCharts,
.container-perfil .seccionInformacionPersonal,
.container-perfil .seccionLaboral,
.container-perfil .seccionEducacion,
.container-perfil .seccionIntereses,
.container-perfil .seccionTrayectoria,
.container-perfil .seccionExperiencia {
  background-color: #fff;
}

/* .container-autoevaluacion .seccionAutoevaluacion {
  background-color: #fff;
} */
.container-perfil .seccionInformacionPersonal,
.container-perfil .seccionLaboral {
  position: relative;
}

.container-perfil .seccionInformacionPersonal .form-row .form-group {
  margin-bottom: 0;
}

.container-perfil .seccionInformacionPersonal .form-row .form-group label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
}

.container-perfil input {
  font-size: 11px;
}
.container-perfil .form-group {
  margin-bottom: 0;
}

.container-perfil .form-group label {
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 0;
}

.container-perfil a {
  color: #f47c30;
  font-weight: 500;
}

#tabModalCompetencias .nav-link {
  color: #000;
  font-weight: 600;
  font-size: 13px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

#tabModalCompetencias .nav-link:hover,
#tabModalCompetencias .nav-link.active {
  color: #f47c30;
}

#tabModalCompetenciasContenido .tab-pane #btnDescargarDEG {
  background-color: #f47c30;
  padding: 5px 10px 5px 10px;
  color: #fff;
  font-size: 12px;
}

#tabModalCompetenciasContenido .tab-pane #btnDescargarDEG:hover {
  text-decoration: none;
  font-weight: 600;
  cursor: pointer;
}

.chartsModalCompetencias .chart-container:hover {
  cursor: pointer;
}

.chartsModalCompetencias .col p {
  font-size: 13px;
  font-weight: 600;
  color: #25408f;
  text-transform: uppercase;
  margin: 0;
}

.chartsModalCompetencias .col #spanEfectividad {
  font-size: 12px;
  margin: 0;
}
.chartsModalCompetencias .col #btnVerResultadosDEG {
  font-size: 12px;
  margin: 0;
}
.chartsModalCompetencias .col #btnVerResultadosDEG:hover {
  text-decoration: none;
  background-color: #e06a25;
  color: #fff;
  font-weight: 600;
  padding: 5px 10px 5px 10px;
}

.container-perfil .seccionImagenPerfil .nombreColaborador {
  color: #203240;
  font-size: 13px;
  font-weight: 600;
  margin-top: 15px;
  margin-bottom: 0;
}
.container-perfil .seccionImagenPerfil .correo .form-control {
  color: #a7a5a5;
}

.container-perfil .seccionImagenPerfil .rownombre,
.container-perfil .seccionImagenPerfil .correo {
  margin-bottom: -7px;
}

.seccionImagenPerfil .campoDeshabilitado {
  border: 0;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
}

.seccionImagenPerfil #selectPeriodoIndicadores {
  text-align: center;
  text-align-last: center; /* para asegurar que la opción seleccionada también esté centrada */
  background: rgb(59, 175, 135);
  background: linear-gradient(
    90deg,
    rgba(59, 175, 135, 1) 0%,
    rgba(48, 131, 136, 1) 100%
  );
  color: #fff;
  font-weight: 600;
  border-radius: 100px;
}

.seccionImagenPerfil #selectPeriodoIndicadores option {
  text-align: center;
  color: #000;
}

.seccionDatosExtra .campoDeshabilitado {
  border: 0;
  text-align: center;
  font-size: 13px;
  font-weight: 300;
}

.container-perfil .custom-select::-ms-expand,
#tablaEvaluacionMasiva .custom-select {
  display: none;
  background-image: none;
}

.container-perfil .custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: none;
}

.container-perfil .sombras {
  -webkit-box-shadow: 0px 15px 10px -11px rgb(0 0 0 / 12%);
  box-shadow: 0px 15px 10px -11px rgb(0 0 0 / 12%);
}

.container-perfil .custom-select:disabled {
  color: #000;
  background-color: transparent;
  border: 0;
}

.container-perfil .seccionDatosExtra .badge {
  font-size: 12px;
  margin-bottom: 0;
}

/* .container-perfil .btnEditarInfo {
  color: #f47c30;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 17px;
}*/
.container-perfil #imagenPerfil {
  clip-path: circle();
  width: 35%;
  height: auto;
}
.container-perfil #imagenPerfil.disabled {
  pointer-events: none;
}

.container-perfil .DivIEditarInfo,
.container-perfil .DivIEditarImagen {
  position: absolute;
}

.container-perfil .btnEditarImagen,
.container-perfil .btnEditarImagenAdmin {
  position: relative;
  top: -30px;
  left: 210px;
  border-radius: 50px;
  background-color: #fff;
  padding: 6px;
  border: 1px solid #f47c30;
  font-size: 12px;
}
.container-perfil .btnEditarInfo {
  position: relative;
  top: -40px;
  left: -8px;
  border-radius: 50px;
  background-color: #fff;
  padding: 6px;
  border: 1px solid #f47c30;
  font-size: 12px;
}

.container-perfil .form-control,
.container-perfil .custom-select {
  border: 0;
  background-color: rgb(255 253 155 / 18%);
  cursor: pointer;
}
.container-perfil .form-control:disabled,
.container-perfil .custom-select:disabled {
  cursor: default;
  font-size: 11px;
}

.container-perfil #btnConfirmarInfo,
.container-perfil #btnConfirmarInfoVerTalento,
.container-perfil #btnConfirmarImagen,
.container-perfil #btnConfirmarImagenAdmin {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #02a32d;
  color: #fff;
  padding: 10px;
  position: absolute;
  right: 40px;
  top: 0;
  font-size: 13px;
  text-align: center;
}
.container-perfil .disabled#btnConfirmarInfoVerTalento,
.container-perfil .disabled#btnConfirmarInfo {
  background: #b6b6b6;
  cursor: not-allowed;
}

.container-perfil #btnOcultarElementos,
.container-perfil #btnVerElementos {
  margin-right: 10px;
  font-size: 12px;
  padding: 1px 10px 1px 10px;
  border: 1px solid #f47c30;
}

.container-perfil #btnOcultarElementos:hover,
.container-perfil #btnVerElementos:hover {
  text-decoration: none;
}

.container-perfil .croppie-container {
  width: 100%;
  height: 185px;
}
.container-perfil .cr-slider {
  width: 50%;
  padding-top: 0;
}
.container-perfil .croppie-container .cr-slider-wrap {
  width: 75%;
  margin: 5px auto;
  text-align: center;
}

.container-perfil #btnCancelar,
.container-perfil #btnCancelarImagen,
.container-perfil #btnCancelarImagenAdmin {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background-color: #cc1e1e;
  color: #fff;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 13px;
  text-align: center;
}

.swal2-footer {
  display: block;
}

.cardColaboradorDepto .card-body img {
  clip-path: circle();
  width: 100%;
  height: 50%;
}
.cardColaboradorDepto .card-body p {
  font-size: 11px;
}

.rowCardColaboradoresDepto .colCardColaboradoresDepto {
  padding: 0;
}

.cardColaboradorDepto {
  border: 0;
}

.tablaAutoEvaluacion tbody {
  display: block;
  max-height: 300px;
  overflow-y: scroll;
}
.tablaAutoEvaluacion thead,
.tablaAutoEvaluacion tbody tr {
  display: table;
  table-layout: fixed;
  width: 100%;
}

.tablaAutoEvaluacion thead {
  background-color: transparent;
}

.tablaAutoEvaluacion thead th {
  border: 0;
  border-spacing: 0.4rem 0 !important;
}

.tablaAutoEvaluacion {
  border-collapse: separate;
  border-spacing: 0 0.4rem !important;
}
.tablaAutoEvaluacion th:nth-child(1) {
  background-color: #f0f0f0;
}
.tablaAutoEvaluacion th:nth-child(2),
.tablaAutoEvaluacion th:nth-child(3) {
  text-align: center;
  letter-spacing: 1px;
  border-radius: 29px;
  padding: 5px;
  text-transform: uppercase;
  background-color: #203240;
  color: #fff;
  font-size: 11px;
}

.tablaAutoEvaluacion td {
  background-color: #ffff;
  vertical-align: middle;
  margin-bottom: 10px;
  border: none;
}
.tablaAutoEvaluacion tr,
.tablaAutoEvaluacion td {
  border: none;
}

.tablaAutoEvaluacion td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

.tablaAutoEvaluacion td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.tituloAutoevaluacion {
  border-left: 5px solid #f37b2f;
  font-size: 15px;
  font-weight: 600;
  margin: 8px 0;
}

.tituloAutoevaluacion p {
  font-size: 12px;
  font-weight: 300;
}
.tablaAutoEvaluacion .custom-control-label:before {
  width: 160px;
  height: 28px;
  top: -6px;
}
.tablaAutoEvaluacion .custom-control-label:after {
  position: absolute;
  top: -5px;
  left: -1.5rem;
  display: block;
  width: 160px;
  height: 26px;
  content: "";
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
}
/* .btnAutoevaluacion,
.btnFichaTalento {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #f37b2f;
  color: #f37b2f !important;
  padding: 7px;
  font-weight: 600 !important;
} */
.seccionExperiencia .disabled {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #727272;
  color: #727272 !important;
  padding: 7px;
  font-weight: 600 !important;
}
.btnAutoevaluacion:hover,
.btnFichaTalento:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #f37b2f;
}
#btnGuardarAutoevaluacion {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #203240;
  color: #203240 !important;
  padding: 7px;
  font-weight: 600 !important;
}
#btnGuardarAutoevaluacion:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #203240;
}

/* .tablaAutoEvaluacion th.rotate {
  height: 140px;
  white-space: nowrap;
}

.tablaAutoEvaluacion th.rotate > div {
  transform: 
    translate(8px, 0px)
    rotate(315deg);
  width: 30px;
}
.tablaAutoEvaluacion th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
} */

.cardAutoevaluacion .card-header .card-title {
  font-size: 12px;
  font-weight: 600 !important;
}
.cardAutoevaluacion .card-header {
  margin: 5px 0px 0 0px;
  padding: 0 0 0px 5px;
}
.cardAutoevaluacion .card-body {
  padding: 0;
}

.cardAutoevaluacion .card-body ul {
  list-style: none;
  padding: 0;
}
.cardAutoevaluacion .card-body ul li {
  font-size: 11px;
  font-weight: 600 !important;
}

.cardAutoevaluacion .card-body ul li .input-group span a {
  color: #ffffff;
}
.cardAutoevaluacion .card-body ul li .input-group span a.disabled {
  color: #858585;
}
#tablaEvaluacionMasiva .custom-select {
  background-image: none;
  padding: 0;
  text-align: center;
  font-size: 12px;
  cursor: pointer;
}

#tablaEvaluacionMasiva thead {
  background-color: #fff;
}

#tablaEvaluacionMasiva tbody td,
#tablaOportunidadesFortalezasEvaluacion tbody td {
  vertical-align: middle;
}
#tablaEvaluacionMasiva tbody td:nth-child(1) {
  font-weight: 900;
}
#tablaEvaluacionMasiva tbody td:nth-child(22),
#tablaEvaluacionMasiva tbody td:nth-child(23) {
  text-align: center;
}
#tablaEvaluacionMasiva thead th:nth-child(22),
#tablaEvaluacionMasiva thead th:nth-child(23) {
  width: 10px;
  font-size: 10px;
  text-align: center;
}

#tablaEvaluacionMasiva thead th:nth-child(22) div,
#tablaEvaluacionMasiva thead th:nth-child(23) div {
  padding-top: 60px;
  background-color: rgba(91, 192, 222, 0.1);
}
#tablaEvaluacionMasiva thead tr:nth-child(2) td {
  border-top: none;
}
#tablaEvaluacionMasiva thead tr:nth-child(2) {
  text-align: center;
  line-height: 10px;
}
#tablaEvaluacionMasiva thead tr:nth-child(2) i {
  color: rgb(211, 211, 211);
  font-size: 12px;
}

#tablaEvaluacionMasiva th {
  color: #000;
  border: 0;
}
#tablaEvaluacionMasiva th.rotate {
  /* Something you can count on */
  height: 180px;
  white-space: nowrap;
}

#tablaEvaluacionMasiva th.rotate > div {
  transform: translate(4px, 3px) rotate(270deg);
  width: 22px;
}
#tablaEvaluacionMasiva th.rotate > div > span {
  border-bottom: 1px solid #ccc;
  padding: 5px 10px;
  font-size: 11px;
}
.filter-option-inner-inner,
.dropdown-menu li {
  font-size: 12px;
}

#tablaEvaluacionMasiva .input_evaluacion,
#tablaOportunidadesFortalezasEvaluacion .input_fortaleza,
#tablaOportunidadesFortalezasEvaluacion .input_oportunidad,
.tablaObjetivos .input_objetivo,
.tablaObjetivos .inputLogro,
.tablaObjetivos .objetivo_responsable {
  cursor: pointer;
}

#tablaEvaluacionMasiva .editdiv .row .col,
#tablaOportunidadesFortalezasEvaluacion .editdiv .row .col {
  padding: 0 !important;
}
#tablaEvaluacionMasiva .editdiv .row .col .btn-actualizarEvaluacion,
#tablaOportunidadesFortalezasEvaluacion
  .editdiv
  .row
  .col
  .btn-actualizarFortaleza,
#tablaOportunidadesFortalezasEvaluacion
  .editdiv
  .row
  .col
  .btn-actualizarOportunidad {
  color: green;
  font-size: 14px;
  padding: 4px;
  text-decoration: none;
}
#tablaEvaluacionMasiva .editdiv .row .col .input-group .custom-select,
#tablaOportunidadesFortalezasEvaluacion
  .editdiv
  .row
  .col
  .btn-actualizarFortaleza
  .editdiv
  .row
  .col
  .input-group
  .custom-select {
  flex: 0.7 0;
}

#indicacionesEvaluacion i {
  color: #d9be00;
}

#indicacionesEvaluacion {
  font-size: 12px;
}
#btnBorradorEvaluacion {
  font-size: 12px;
  color: #f47c30 !important;
  font-weight: 600 !important;
  padding-right: 15px;
}
#btnBorradorEvaluacion:hover {
  text-decoration: none;
}
#btnGuardarEvaluacionMasiva {
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #203240;
  color: #203240 !important;
  padding: 7px 30px 7px 30px;
  font-weight: 600 !important;
}
#btnGuardarEvaluacionMasiva.disabled {
  font-size: 12px;
  background-color: #e3e3e3;
  border: 1px solid #797979;
  color: #999999 !important;
  padding: 7px 30px 7px 30px;
  font-weight: 600 !important;
}

#btnGuardarEvaluacionMasiva.disabled::after {
  font-family: "Font Awesome 5 Free";
  content: "\f023";
  padding-left: 3px;
}

#btnGuardarEvaluacionMasiva:hover {
  text-decoration: none;
  color: #fff !important;
  background-color: #203240;
}

.card_colaboradores .card-body .card-title {
  font-size: 12px;
}
.container-perfil .secccionCharts .chart-container {
  position: relative;
  height: 20vh;
  width: 8vw;
  display: block;
  margin: 0 auto;
}

/* .card_colaboradores .card-body .chart-container {
  position: relative;
  height: 16vh;
  width: 7vw;
  display: block;
  margin: 0 auto;
} */
.card_colaboradores .card-body a,
.card_colaboradores .card-body .card_puesto {
  font-size: 11px;
  padding: 0;
  margin: 0;
}
.card_colaboradores .card-body .card_reloj {
  font-size: 13px;
  font-weight: 600;
  padding: 0;
  margin: 0;
}

#lblSupervisores {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 0;
  margin: 0;
}

#lblAsistentes {
  font-family: "Montserrat", sans-serif;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 0.5px;
  text-align: center;
  padding: 0;
  margin-top: 10px;
}

#tablaOportunidadesFortalezasEvaluacion thead th {
  border: 0;
  border-spacing: 0.4rem 0 !important;
}

#tablaOportunidadesFortalezasEvaluacion {
  border-collapse: separate;
  border-spacing: 0 0.4rem !important;
}
#tablaOportunidadesFortalezasEvaluacion th:nth-child(1) {
  background-color: #fff;
}
#tablaOportunidadesFortalezasEvaluacion th:nth-child(2),
#tablaOportunidadesFortalezasEvaluacion th:nth-child(3) {
  text-align: center;
  letter-spacing: 1px;
  padding: 5px;
  text-transform: uppercase;
  background-color: #203240;
  color: #fff;
  font-size: 11px;
}

#tablaOportunidadesFortalezasEvaluacion td {
  background-color: #f0f0f0;
  vertical-align: middle;
  margin-bottom: 10px;
  border: none;
}
#tablaOportunidadesFortalezasEvaluacion tr,
#tablaOportunidadesFortalezasEvaluacion td {
  border: none;
}

#tablaOportunidadesFortalezasEvaluacion td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

#tablaOportunidadesFortalezasEvaluacion td:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}

.alertaFichaTalentoSW {
  font-size: 13px;
}

.alertaFichaTalentoSW img {
  width: 30px;
  height: auto;
}
.alertaFichaTalentoSW img.imgAutoEvaluacion {
  width: 100px;
  height: auto;
}
.swal2-popup {
  border-radius: 0 !important;
}
.swal2-confirm {
  font-size: 13px !important;
  border-radius: 0 !important;
}

.card-reddin {
  border: 0;
}
.card-reddin .card-header,
.tituloSeccionPlanesDesarrollo {
  font-size: 12px;
  border: 0;
  border-left: 5px solid #007a81 !important;
  padding: 5px;
  text-transform: uppercase;
}
.card-reddin .card-title {
  font-size: 13px;
  margin-bottom: 0;
  font-weight: 600;
}

.card-reddin .card-body img {
  clip-path: circle();
  width: 70%;
  height: auto;
}
.card-reddin .card-body .chart-container {
  height: 16vh;
  width: 7vw;
  display: block;
  margin: 0 auto;
}

.card-cumplimiento-reddin .card-body .col .row .col-md-4:nth-child(1) {
  display: flex;
  justify-content: center;
  align-items: center;
}
.card-cumplimiento-reddin .card-body .col .row .col-md-4:nth-child(1) span,
.card-cumplimiento-reddin .card-body .col .row .col-md-4:nth-child(3) span {
  font-size: 14px;
  font-weight: 600;
}

.modal#modalRecordatorio .modal-body-recordatorio label {
  font-size: 12px;
  font-weight: 600;
}

.modal#modalRecordatorio .modal-body-recordatorio input[type="text"],
.modal#modalRecordatorio .modal-body-recordatorio textarea#inputTo {
  outline: 0;
  border-width: 0 0 1px;
  border-color: #bfbfbf;
  border-radius: 0;
  font-size: 12px;
}

.modal#modalRecordatorio .modal-body-recordatorio textarea#texto_correo {
  font-size: 12px;
}

.modal#modalRecordatorio .modal-body-recordatorio input[type="text"]:hover {
  border-color: #2e2e2e;
}

.modal#modalRecordatorio
  .modal-body-recordatorio
  .colBotonEnviarRecordatorio
  #btnEnviarRecordatorio {
  height: 65px;
  width: auto;
  position: fixed;
  display: inline-block;
  vertical-align: top;
  background-color: #25408f;
  border: 0;
  transition: 0.3s;
}
.modal#modalRecordatorio
  .modal-body-recordatorio
  .colBotonEnviarRecordatorio
  #btnEnviarRecordatorio
  span {
  font-size: 12px;
  color: #fff;
}

.modal#modalRecordatorio
  .modal-body-recordatorio
  .colBotonEnviarRecordatorio
  #btnEnviarRecordatorio:hover {
  background-color: #0d005d;
}

.modal#modalRecordatorio
  .modal-body-recordatorio
  .colBotonEnviarRecordatorio
  #btnEnviarRecordatorio.disabled:hover {
  cursor: not-allowed;
}

.modal#modalRecordatorio
  .modal-body-recordatorio
  .colBotonEnviarRecordatorio
  #btnEnviarRecordatorio.disabled {
  background-color: #646464;
}

.modal#modalRecordatorio
  .modal-body-recordatorio
  .colBotonEnviarRecordatorio
  #btnEnviarRecordatorio
  i::after {
  display: block;
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  content: "\f1d8";
  font-size: 17px;
  color: #fff;
}

.divOportunidFortaleza .col-md-6 {
  margin-bottom: 0;
}
.divOportunidFortaleza ul {
  list-style-type: none;
  text-align: left;
  margin: 0;
  padding: 0;
}
.divOportunidFortaleza li {
  font-size: 11px;
}
.divOportunidFortaleza li .fa-circle-notch {
  font-size: 10px;
  color: #f37b2f;
}

.card-reddin .card-body .tituloOportunidadFortaleza {
  font-size: 12px;
  font-weight: 600;
  color: #f37b2f;
  text-transform: uppercase;
}

.card-reddin.cardColaborador,
.card-reddin.cardLider {
  height: 140px;
}

.card-reddin.cardColaborador .card-body,
.card-reddin.cardLider .card-body {
  padding: 0.25rem 1.25rem 1rem 1.25rem;
}
.card-reddin .card-body {
  padding: 0;
}

.card-reddin {
  -webkit-box-shadow: 1px 12px 16px -7px rgb(63 63 63 / 36%);
  box-shadow: 0px 3px 11px -7px;
}
.card-reddin .divEfectividadGerencial a,
.card-reddin .divEfectividadGerencial span {
  font-size: 12px;
  font-weight: 600;
  color: #666666;
  cursor: pointer;
  text-decoration: none;
}

.card-reddin .divEfectividadGerencial a:hover,
.card-reddin .divEfectividadGerencial span:hover {
  color: #f37b2f;
}

.cardResultadosGPTW .card-header {
  border-left: 5px solid #007a81 !important;
}
.cardResultadosGPTW .card-header .row .col {
  font-size: 13px;
  font-weight: 600;
}
.cardResultadosGPTW .card-header .row .col .badge {
  font-size: 13.5px;
  font-weight: 600;
}
.cardResultadosGPTW .colTitulo span {
  font-size: 13px;
  color: #f37b2f;
  font-weight: 600;
}

#tablaNotasDialogo td {
  font-size: 12px;
}
#tablaNotasDialogo .input_notas {
  cursor: pointer;
}

#tablaNotasDialogo tbody td:nth-child(1) .fa-circle-notch {
  font-size: 13px;
  color: #f37b2f;
}

#tablaNotasDialogo tbody td:nth-child(2) a i {
  color: #e34724;
}

#tablaNotasDialogo tbody td:nth-child(1) textarea {
  font-size: 12px;
}

#dashboard .card .card-header {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 600;
  padding: 4px 12px 4px 10px;
}
#dashboard .card .card-body {
  padding: 0.25rem;
}

#dashboard .card .card-body .btn {
  font-size: 11px;
  border: #cfcece 1px solid;
  border-radius: 0;
}

#dashboard .card .card-body .btn.active {
  font-size: 11px;
  font-weight: 600;
  border: #cfcece 1px solid;
  background-color: #203240;
  color: #fff;
}
#dashboard .card .slicer_region .btn,
#dashboard .card .slicer_meses .btn {
  margin-left: 5px;
}
#dashboard .btnFiltrarGPTW {
  background-color: #e06925b9;
  color: #fff;
  font-weight: 600;
  font-size: 11px;
  margin: 0 0 10px 0;
}

#tabla_dashboard_gptw thead th:nth-child(3),
#tabla_dashboard_gptw thead th:nth-child(4),
#tabla_dashboard_gptw thead th:nth-child(5),
#tabla_dashboard_gptw thead th:nth-child(7) {
  text-align: center;
}
#tabla_dashboard_gptw tbody td:nth-child(4) ul {
  margin: 0;
  padding: 0px 0px 0px 10px;
  list-style: decimal;
}
#tabla_dashboard_gptw tbody td:nth-child(5) ul {
  margin: 0;
  padding: 0px 0px 0px 10px;
  list-style: disc;
}
#tabla_dashboard_gptw tbody td:nth-child(4) span {
  color: #ff0000b3;
}

#tabla_dashboard_gptw tbody td:nth-child(6) .fa-check {
  color: #00b000;
  font-size: 13px;
}
#tabla_dashboard_gptw tbody td:nth-child(6) .fa-times {
  color: #ff0000b3;
  font-size: 13px;
}

.dataTables_wrapper .buttons-html5,
.dataTables_wrapper .buttons-colvis,
.dataTables_wrapper .pagination li.paginate_button a,
.dataTables_wrapper .dataTables_info,
.dataTables_wrapper .dataTables_length label,
.dataTables_wrapper .dataTables_filter label {
  font-size: 12px;
}

.card-gptw .colTitulo {
  font-size: 12px;
  font-weight: 600;
}

.colBotones button.selectAllRegion {
  padding: 0 3px;
  font-size: 12px;
}

.colBotones button.uncheckAllRegion {
  padding: 0 10px;
  font-size: 12px;
}

.colBotones .uncheckAllRegion::after {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 7px;
  top: 9px;
  position: absolute;
}

.card-gptw .colBotones button.selectAllDeptos {
  padding: 0 3px;
  font-size: 12px;
}

.card-gptw .colBotones button.uncheckAllDeptos {
  padding: 0 10px;
  font-size: 12px;
}

.card-gptw .colBotones .uncheckAllDeptos::after {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 7px;
  top: 9px;
  position: absolute;
}

.cardMesesGPTW .colBotones button.selectAllMeses {
  padding: 0 3px;
  font-size: 12px;
}
.cardMesesGPTW .colBotones button.uncheckAllMeses {
  padding: 0 10px;
  font-size: 12px;
}
.cardMesesGPTW .colBotones .uncheckAllMeses::after {
  font-family: "Font Awesome 5 Free";
  content: "\f00d";
  display: inline-block;
  vertical-align: middle;
  font-weight: 600;
  font-size: 7px;
  top: 9px;
  position: absolute;
}

.jumbotron-biblioteca {
  padding: 3rem 2rem;
}

.jumbotron-biblioteca h6 {
  font-size: 19px;
  letter-spacing: 1px;
  text-transform: uppercase;
  font-weight: 600;
}

.jumbotron-biblioteca p {
  font-size: 12px;
}

.jumbotron-biblioteca a {
  font-size: 11px;
}

.jumbotron-biblioteca a:hover {
  text-decoration: none;
  font-weight: 600;
}

.listaMaterialCompetencias a {
  font-size: 11px;
  padding: 10px;
}
.listaMaterialCompetencias a:hover {
  background-color: #2032400c;
}
.listaMaterialCompetencias a.active {
  background-color: #203240;
  font-weight: 600;
}
.listaMaterialCompetencias a:first-child {
  background-color: #f37b2f;
  text-transform: uppercase;
  font-weight: 600;
  color: #fff;
}

.accordion.accordionFiltroFichaTalento .card .card-header {
  padding: 0;
  margin: 0;
}

.popover {
  max-width: 70%;
  min-width: 70%;
}

#card-dashboards
  .col
  .card
  .card-body
  .row
  .col-md-8
  .row
  .col-md-12:nth-child(1)
  span {
  font-size: 15px;
  font-weight: 600;
}

#card-dashboards
  .col
  .card
  .card-body
  .row
  .col-md-8
  .row
  .col-md-12:nth-child(2)
  span {
  font-size: 12px;
}

#card-dashboards .col .card .card-body .row .col-md-4 i {
  font-size: 20px;
  color: #fff;
}

#card-dashboards .col .card .card-body .row .col-md-4 i.fa-chart-area {
  background: rgba(35, 55, 129, 0.2);
  color: #233781;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 15px;
}

#card-dashboards .col .card .card-body .row .col-md-4 i.fa-bullseye {
  background: rgba(255, 177, 0, 0.2);
  color: #ffb100;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 15px;
}
#card-dashboards .col .card .card-body .row .col-md-4 i.fa-award {
  background: rgba(255, 0, 0, 0.2);
  color: #ff0000;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 15px;
}
#card-dashboards .col .card .card-body .row .col-md-4 i.fa-check-double {
  background: rgba(10, 139, 10, 0.2);
  color: #1e9b1e;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  padding: 15px;
}

#card-dashboards .col .card .card-footer {
  background-color: #0000000f;
  padding: 5px 15px 5px 15px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}

#card-dashboards .col .card .card-footer a {
  color: #7c7b79;
  text-decoration: none;
}

#card-dashboards .col .card .card-footer:hover,
#card-dashboards .col .card .card-footer.active {
  background-color: #ffa76f45;
  padding: 5px 15px 5px 15px;
}

#card-dashboards .col .card .card-footer a:hover,
#card-dashboards .col .card .card-footer a.active {
  color: #f47c30;
  text-decoration: none;
}

#card-dashboards .col .card .card-footer:hover,
#card-dashboards .col .card .card-footer a:hover {
  cursor: pointer;
}

#card-dashboards .col .card .card-footer.disabled {
  background-color: rgb(218, 218, 218);
  padding: 5px 15px 5px 15px;
  cursor: not-allowed;
}
#card-dashboards .col .card .card-footer a.disabled {
  color: #464646;
  text-decoration: none;
  cursor: not-allowed;
}

#card-dashboards .col .card .card-footer a div span:nth-child(1),
#card-dashboards .col .card .card-footer a div span:nth-child(2) i {
  font-size: 12px;
}

#tabsDashboard #indicadores-tab-pane .chartsIndicadores .row .table {
  margin: 0px auto;
}

#tabsDashboard
  #indicadores-tab-pane
  .chartsIndicadores
  .row
  .col:nth-child(2)
  canvas {
  width: 1rem;
  height: 1rem;
}

#tabsDashboard
  #indicadores-tab-pane
  .chartsIndicadores
  .row
  .table
  td:nth-child(1) {
  text-align: center;
  font-size: 12px;
  color: #375623;
  font-weight: 600;
}

#tabsDashboard
  #indicadores-tab-pane
  .chartsIndicadores
  .row
  .table
  td:nth-child(2).extra-success {
  background-color: #4597ed;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
#tabsDashboard
  #indicadores-tab-pane
  .chartsIndicadores
  .row
  .table
  td:nth-child(2).success {
  background-color: #8cc63e;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}
#tabsDashboard
  #indicadores-tab-pane
  .chartsIndicadores
  .row
  .table
  td:nth-child(2).warning {
  background-color: #eaea58;
  font-size: 12px;
  color: #a7a7a7;
  font-weight: 600;
  text-align: center;
}

#tabsDashboard
  #indicadores-tab-pane
  .chartsIndicadores
  .row
  .table
  td:nth-child(2).danger {
  background-color: #eb5757;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.tablaResultadosOportunidad tbody td:nth-child(3).extra-success,
.tablaResultadosOportunidadCompanerismo tbody td:nth-child(3).extra-success {
  background-color: #4597ed;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.tablaResultadosOportunidad tbody td:nth-child(3).success,
.tablaResultadosOportunidadCompanerismo tbody td:nth-child(3).success {
  background-color: #8cc63e;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.tablaResultadosOportunidad tbody td:nth-child(3).warning,
.tablaResultadosOportunidadCompanerismo tbody td:nth-child(3).warning {
  background-color: #eaea58;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

.tablaResultadosOportunidad tbody td:nth-child(3).lower,
.tablaResultadosOportunidadCompanerismo tbody td:nth-child(3).lower {
  background-color: #eb5757;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

#tabsDashboard #indicadores-tab-pane .scoreAlert {
  background-color: #eb5757;
  height: 20px;
  width: 40px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.18);
}
#tabsDashboard #indicadores-tab-pane .scorePrevention {
  background-color: #eaea58;
  height: 20px;
  width: 40px;
  margin-bottom: 10px;
  border-radius: 5px;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.18);
}
#tabsDashboard #indicadores-tab-pane .scoreGoodResult {
  background-color: #8cc63e;
  height: 20px;
  width: 40px;
  border-radius: 5px;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.18);
}

#tabsDashboard #indicadores-tab-pane .scoreExcellence {
  background-color: #4597ed;
  height: 20px;
  width: 40px;
  border-radius: 5px;
  box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.18);
}

#tabsDashboard #indicadores-tab-pane .card {
  border-radius: 20px;
}

#indicadores-tab.not-allowed {
  cursor: not-allowed;
  pointer-events: all !important;
}

#divPuntajesGPTW .row span {
  font-size: 13px;
}

#tabsDashboard #indicadores-tab-pane .divCountGPTW label,
#tabsDashboard #indicadores-tab-pane .divCountLiderazgo label,
#tabsDashboard #indicadores-tab-pane .divCountCompanerismo label {
  text-decoration: none;
  font-size: 13px;
  color: #e06a25;
  background-color: #fff;
  border: 1px solid #e06a25;
  padding: 5px 8px;
  border-radius: 6px;
}

#tabsDashboard #indicadores-tab-pane .divCountGPTW label:hover,
#tabsDashboard #indicadores-tab-pane .divCountLiderazgo label:hover,
#tabsDashboard #indicadores-tab-pane .divCountCompanerismo label:hover {
  color: #fff;
  background-color: #e06a25;
}

#tabsDashboard
  #indicadores-tab-pane
  .divCountGPTW
  .btn-check:checked
  + .btn-primary,
#tabsDashboard
  #indicadores-tab-pane
  .divCountLiderazgo
  .btn-check:checked
  + .btn-outline-primary,
#tabsDashboard
  #indicadores-tab-pane
  .divCountCompanerismo
  .btn-check:checked
  + .btn-outline-primary {
  color: #fff;
  background-color: #e06a25;
}

#tabsDashboard #indicadores-tab-pane .divCountGPTW label span,
#tabsDashboard #indicadores-tab-pane .divCountLiderazgo label span {
  font-weight: 400;
  font-weight: 600;
}

#tabsDashboard #indicadores-tab-pane .divCountGPTW a:nth-child(2),
#tabsDashboard #indicadores-tab-pane .divCountGPTW a:nth-child(3),
#tabsDashboard #indicadores-tab-pane .divCountLiderazgo a:nth-child(2),
#tabsDashboard #indicadores-tab-pane .divCountLiderazgo a:nth-child(3) {
  margin-left: 50px;
}

#tabsDashboard #indicadores-tab-pane #btnFiltrarResultadosLiderazgo,
#tabsDashboard #indicadores-tab-pane #btnFiltrarResultadosCompanerismo,
#tabsDashboard #indicadores-tab-pane #btnFiltrarResultados,
#tabsDashboard #indicadores-tab-pane #btnFiltrarDashboardGPTW,
#tabsDashboard #indicadores-tab-pane #btnFiltrarRegionPMS,
#tabsDashboard
  #indicadores-tab-pane
  #container-indicadores-objetivos
  #btnFiltrarComparativo {
  font-size: 12px;
  text-decoration: none;
  color: #e06a25;
  border: 1px solid #e06a25;
  background-color: #fff;
  border-radius: 50px;
  padding: 5px 10px;
}

#tabsDashboard #indicadores-tab-pane #btnFiltrarResultadosLiderazgo:hover,
#tabsDashboard #indicadores-tab-pane #btnFiltrarResultadosCompanerismo:hover,
#tabsDashboard #indicadores-tab-pane #btnFiltrarResultados:hover,
#tabsDashboard #indicadores-tab-pane #btnFiltrarDashboardGPTW:hover,
#tabsDashboard #indicadores-tab-pane #btnFiltrarRegionPMS:hover {
  color: #fff;
  background-color: #e06a25;
}

#tabsDashboard #indicadores-tab-pane #btnFiltrarResultadosLiderazgo i,
#tabsDashboard #indicadores-tab-pane #btnFiltrarResultadosCompanerismo i,
#tabsDashboard #indicadores-tab-pane #btnFiltrarResultados i,
#tabsDashboard #indicadores-tab-pane #btnFiltrarDashboardGPTW i {
  font-size: 11px;
  text-decoration: none;
}

#tablaNivelesSeguimientoObjetivos td:not(:first-child),
#tablaNivelesSeguimientoObjetivos th:not(:first-child) {
  text-align: center;
}

#tablaSeguimientoObjetivos tfoot,
#tablaNivelesSeguimientoObjetivos tfoot {
  background-color: #e7e7e7;
}
#tablaSeguimientoObjetivos tfoot td:first-child,
#tablaNivelesSeguimientoObjetivos tfoot td:first-child {
  font-weight: bold;
}

input:focus {
  border: none !important; /* if you want to remove borders at all*/
  outline: none !important;
  box-shadow: none !important;
}

#tablaResultadosCultura tbody tr td a {
  text-decoration: none;
}

#tablaResultadosCultura tbody tr td a i {
  color: #aab9e7;
}

#tablaResultadosCultura tbody tr td {
  border: 1px solid #f1efef;
}

#tablaResultadosCultura tbody tr td:nth-child(2) {
  text-align: center;
}

#tablaResultadosCultura tbody tr td.extra-success,
#selectFiltroDashboardGPTW option:nth-child(1) {
  background-color: #4597ed;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

#tablaResultadosCultura tbody tr td.success,
#selectFiltroDashboardGPTW option:nth-child(1) {
  background-color: #8cc63e;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

#tablaResultadosCultura tbody tr td.warning,
#selectFiltroDashboardGPTW option:nth-child(2) {
  background-color: #eaea58;
  font-size: 12px;
  color: #a7a7a7;
  font-weight: 600;
  text-align: center;
}

#tablaResultadosCultura tbody tr td.danger,
#selectFiltroDashboardGPTW option:nth-child(3) {
  background-color: #eb5757;
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  text-align: center;
}

#tablaResultadosCultura thead tr th {
  text-align: center;
  vertical-align: middle;
  justify-content: center;
}

#tablaResultadosCultura tbody [class^="subrow"]:hover {
  color: #fff;
  background-color: #e06a25;
}

#tablaResultadosCultura tfoot tr td:not(:first-child) {
  text-align: center;
  font-weight: 600;
}

#modalNivel #modal-body-niveles #tablaPuestosxNivel thead {
  background-color: #fff;
  color: #000;
  text-align: center;
}

#tablaResultadoEvaluacionGPTW tbody .categoria {
  writing-mode: sideways-lr;
  text-orientation: sideways;
  white-space: nowrap;
}

#divPeriodosEvaluaciones {
  border: 1px solid #d9d9d9;
  border-radius: 4px;
  padding: 10px;
}

#divPeriodosEvaluaciones .tituloPeriodoEvaluaciones {
  font-size: 14px;
  font-weight: 600;
  color: #e06a25;
}

#modalNivel #modal-body-niveles #tablaPuestosxNivel tbody .btnVerHabilidades,
#modalNivel
  #modal-body-niveles
  #tablaPuestosxNivel
  tbody
  .btnVesDescripcionPuesto {
  font-size: 20px;
}

#modalNivel #modal-body-niveles #tablaPuestosxNivel tbody .btnVerHabilidades {
  color: #000;
}

#modalNivel
  #modal-body-niveles
  #tablaPuestosxNivel
  tbody
  .btnVesDescripcionPuesto {
  color: #ff0000;
}

#modalNivel #modal-body-niveles #tablaPuestosxNivel tbody tr td:nth-child(1) {
  font-size: 12px;
}
#modalNivel #modal-body-niveles #tablaPuestosxNivel tbody tr td:nth-child(2),
#modalNivel #modal-body-niveles #tablaPuestosxNivel tbody tr td:nth-child(3) {
  text-align: center;
}

#containerEvaluacionGPTW .row:nth-child(2) {
  background-color: #fff;
  border-radius: 30px;
}

#containerEvaluacionGPTW #cambiarLiderEvaluacionGTPW {
  background: linear-gradient(
    22deg,
    rgba(217, 148, 27, 1) 0%,
    rgba(252, 129, 28, 1) 100%
  );
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  border-radius: 30px;
  padding: 5px 14px;
  margin-left: 10px;
}

#containerEvaluacionGPTW #cambiarLiderEvaluacionGTPW:hover {
  background-color: #dc6b16;
}

#containerEvaluacionGPTW #guardarLiderEvaluacionGTPW {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  background-color: #188827;
  border-radius: 30px;
  border: 1px solid #188827;
  padding: 5px 14px;
  margin-left: 10px;
}
#containerEvaluacionGPTW #confirmarLiderEvaluacionGTPW {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  border-radius: 30px;
  padding: 5px 14px;
  background: rgb(59, 175, 135);
  background: linear-gradient(
    22deg,
    rgba(59, 175, 135, 1) 0%,
    rgba(48, 131, 136, 1) 100%
  );
}

#containerEvaluacionGPTW #cancelarLiderEvaluacionGTPW {
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  background-color: #d30606;
  border-radius: 30px;
  padding: 5px 14px;
}

#containerEvaluacionGPTW #cambiarLiderEvaluacionGTPW i,
#containerEvaluacionGPTW #confirmarLiderEvaluacionGTPW i,
#containerEvaluacionGPTW #cancelarLiderEvaluacionGTPW i {
  font-size: 12px;
}

.custom-table-responsive {
  overflow-x: unset;
}

#tablaEvaluacionGPTW thead,
#tablaEvaluacionGTPWCompanerismo thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

#tablaEvaluacionGPTW thead tr th:nth-child(1),
#tablaEvaluacionGTPWCompanerismo thead tr th:nth-child(1) {
  background: #fff;
  border: none;
}

#tablaEvaluacionGPTW tbody tr:hover td.preguntaLiderazgo:first-child {
  background-color: #4472c4;
  color: #fff;
}
#tablaEvaluacionGPTW tbody tr:hover td.preguntaCultura:first-child {
  background-color: #ffc000;
}

#tablaEvaluacionGTPWCompanerismo tbody tr:hover td:first-child {
  background-color: #dfe9d9;
  color: #000;
}

#tablaEvaluacionGPTW,
#tablaEvaluacionGTPWCompanerismo {
  border-collapse: separate;
  border-spacing: 0px;
}

#tablaEvaluacionGPTW thead tr:first-child th:nth-child(2),
#tablaEvaluacionGTPWCompanerismo thead tr:first-child th:nth-child(2) {
  border-top-left-radius: 30px;
}

#tablaEvaluacionGPTW thead tr:first-child th:nth-child(6),
#tablaEvaluacionGTPWCompanerismo thead tr:first-child th:nth-child(6) {
  border-top-right-radius: 30px;
}

/* #tablaEvaluacionGPTW thead tr:nth-child(2) th:nth-child(2){
border-bottom-left-radius: 30px;
}

#tablaEvaluacionGPTW thead tr:nth-child(2)  th:nth-child(6){
  border-bottom-right-radius: 30px;
} */

#tablaEvaluacionGPTW thead th,
#tablaEvaluacionGTPWCompanerismo thead th {
  text-align: center;
  vertical-align: middle;
}

#tablaEvaluacionGPTW tbody tr td.categoriaLiderazgo {
  background-color: #4472c4;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#tablaEvaluacionGPTW tbody tr td.categoriaCultura {
  background-color: #ffc000;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#tablaEvaluacionGPTW tbody tr td.clickable-cell,
#tablaEvaluacionGTPWCompanerismo tbody tr td.clickable-cell {
  cursor: pointer;
  text-align: center;
  vertical-align: middle;
}
#tablaEvaluacionGPTW tbody tr td.clickable-cell.locked {
  cursor: not-allowed;
}

#tablaEvaluacionGPTW tbody tr td.clickable-cell:hover,
#tablaEvaluacionGTPWCompanerismo tbody tr td.clickable-cell:hover {
  background-color: #c4cadb;
}

#tablaEvaluacionGPTW tbody tr td.clickable-cell.checked,
#tablaEvaluacionGTPWCompanerismo tbody tr td.clickable-cell.checked {
  background-color: #25408f;
}
#tablaEvaluacionGPTW tbody tr td.clickable-cell.checked i,
#tablaEvaluacionGTPWCompanerismo tbody tr td.clickable-cell.checked i {
  color: #fff;
}

#tablaEvaluacionGPTW thead tr th i.fas,
#tablaEvaluacionGTPWCompanerismo thead tr th i.fas {
  font-size: 25px;
  color: #f3d120;
}

#tablaEvaluacionGPTW tbody tr #numPregunta,
#tablaEvaluacionGTPWCompanerismo tbody tr #numPregunta {
  font-weight: 600;
}

.swal2-container.modal_resultados_evaluacion_gptw .swal2-popup {
  width: 900px !important;
  height: 500px !important;
  overflow: auto;
}

.swal2-container.modal_resultados_evaluacion_gptw .swal2-popup .swal2-title {
  font-size: 1.3rem;
}
.swal2-container.modal_resultados_evaluacion_gptw
  .swal2-popup
  #tablaResultadosEvaluacionGPTW
  thead {
  position: sticky;
  top: 0;
  z-index: 1;
}

.swal2-container.modal_resultados_evaluacion_gptw
  .swal2-popup
  #tablaResultadosEvaluacionGPTW
  tbody
  tr
  td:last-child {
  text-align: center;
}
.swal2-container.modal_resultados_evaluacion_gptw
  .swal2-popup
  #tablaResultadosEvaluacionGPTW
  tbody
  tr
  td.rotation {
  vertical-align: middle;
  text-align: center;
  writing-mode: vertical-rl;
  transform: rotate(-180deg);
  font-size: 0.85rem;
  text-transform: uppercase;
}

#btnFiltrarResCultura,
#btnFiltrarResCulturaPMS {
  font-size: 11px;
  margin-left: 20px;
  color: #fff;
  background-color: #21438a;
  padding: 5px 10px;
  border-radius: 30px;
  font-weight: 600;
}

.btnDetalleResultadoCultura,
#btnDetalleResultadoCultura,
.btnDetalleResultadoCulturaPMS {
  text-decoration: none;
  font-size: 11px;
  margin-left: 20px;
  color: #000;
  border-radius: 30px;
  font-weight: 600;
}

#periodo_evaluacion,
#colaborador_evaluacion,
#periodo_evaluacion_pms,
#pm_evaluados {
  background: #21438a;
  border-radius: 30px;
  color: #ffff;
  border: none;
  font-weight: 600;
}

#container-indicadores-objetivos #divResultadoRegionObjetivos {
  background-color: #fff;
  border-radius: 20px;
  padding: 15px;
}

#divSeguimiento,
#container-indicadores-oportunidades,
#container-indicadores-oportunidades #divTableDetailOpportunities,
#container-indicadores-objetivos #divResultadoDeptosObjetivos,
#container-indicadores-objetivos #divResultadoLiderObjetivos,
#container-indicadores-objetivos #divComparativoObjetivos {
  background-color: #fff;
  border-radius: 20px;
  padding: 15px;
  box-shadow: 12px 10px 15px 1px rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 12px 10px 15px 1px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 12px 10px 15px 1px rgba(0, 0, 0, 0.15);
}

#container-indicadores-objetivos .spanRegion {
  text-transform: uppercase;
  font-size: 14px;
}

#container-indicadores-objetivos .spanResultadoRegion {
  background-color: #8cc63e;
  color: #fff;
  padding: 10px 15px;
  font-weight: 600;
  font-size: 13px;
}

#container-indicadores-objetivos #divFiltrosObjetivos div:first-child label {
  text-decoration: none;
  font-size: 13px;
  color: #e06a25;
  background-color: #fff;
  border: 1px solid #e06a25;
  padding: 5px 8px;
  border-radius: 6px;
}

#container-indicadores-objetivos
  #divComparativoObjetivos
  div:first-child
  label {
  text-decoration: none;
  font-size: 13px;
  color: #e06a25;
  background-color: #fff;
  border: 1px solid #e06a25;
  padding: 5px 10px;
  border-radius: 7px;
  margin-bottom: 10px;
}

#container-indicadores-objetivos
  #divFiltrosObjetivos
  div:first-child
  label:hover,
#container-indicadores-objetivos
  #divResultadoLiderObjetivos
  div:first-child
  label:hover,
#container-indicadores-objetivos
  #divComparativoObjetivos
  div:first-child
  label:hover {
  color: #fff;
  background-color: #e06a25;
}

#container-indicadores-objetivos
  #divFiltrosObjetivos
  div:first-child
  .btn-check:checked
  + .btn-primary,
#container-indicadores-objetivos
  #divResultadoLiderObjetivos
  div:first-child
  .btn-check:checked
  + .btn-primary,
#container-indicadores-objetivos
  #divComparativoObjetivos
  div:first-child
  .btn-check:checked
  + .btn-primary,
#container-indicadores-objetivos
  #divComparativoObjetivos
  #divRegionesComparativo
  label.checked {
  color: #fff;
  background: #e06a25;
}

#container-indicadores-oportunidades
  #modalDetailOpportunities
  #ulDetailOpportunities
  li {
  font-size: 13px;
  padding: 3px 0;
}

#container-sesionTalento {
  background-color: #fff;
  padding: 10px;
  border-radius: 30px;
}

#container-sesionTalento #seccionColaborador #overlayImagen {
  width: 150px;
  height: 150px;
  border: 10px solid #dc6b25;
  background-color: #dc6b25;
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: auto;
}

#container-sesionTalento #seccionColaborador #overlayImagen img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
}

/* #container-sesionTalento #seccionLider #overlayImagenLider {
  width: 0px;
  height: 110px;
  background-color: #dc6b25;
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  border-bottom-right-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  margin: auto;
} */

#container-sesionTalento #seccionLider #overlayImagenLider img {
  width: 60%;
  height: auto;
  clip-path: circle();
  object-fit: cover;
  object-position: top;
  margin: auto;
  display: block;
}

#container-sesionTalento #seccionColaborador #resultadosColaborador svg a {
  text-decoration: none;
}

#container-sesionTalento
  #seccionColaborador
  #resultadosColaborador
  #fortalezasColaborador
  span,
#container-sesionTalento
  #seccionLider
  #evaluacionColaborador
  #fortalezasLider
  span {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #21438a;
  color: #fff;
  font-weight: 800;
}
#container-sesionTalento
  #seccionColaborador
  #resultadosColaborador
  #oportunidadesColaborador
  span,
#container-sesionTalento
  #seccionLider
  #evaluacionColaborador
  #oportunidadesLider
  span {
  font-size: 12px;
  padding: 5px 10px;
  border-radius: 30px;
  background-color: #dc6b25;
  color: #fff;
  font-weight: 800;
}

#container-sesionTalento #seccionColaborador #resultadosColaborador #lista ul,
#container-sesionTalento #seccionLider #evaluacionColaborador #lista ul {
  list-style: circle;
  margin-top: 10px;
  padding: 0 10px;
}

#container-sesionTalento
  #seccionColaborador
  #resultadosColaborador
  #lista
  ul
  li,
#container-sesionTalento #seccionLider #evaluacionColaborador #lista ul li {
  font-size: 12px;
}

#container-sesionTalento
  #seccionColaborador
  #resultadosColaborador
  #enlacesReddin
  a {
  text-decoration: none;
  color: #f37b2f;
  font-size: 12px;
  padding: 3px 10px;
}

#container-sesionTalento
  #seccionColaborador
  #resultadosColaborador
  #enlacesReddin
  a:hover {
  background-color: #f37b2f;
  color: #fff;
  font-weight: 600;
  border-radius: 30px;
}

#container-reddin #accordionReddin .card {
  border: none;
  padding: 0;
}
#container-reddin #accordionReddin .card .card-body {
  padding: 0;
}
#container-reddin #accordionReddin .card .card-header {
  display: block;
  text-align: center;
  background: rgb(59, 175, 135);
  background: linear-gradient(
    22deg,
    rgba(59, 175, 135, 1) 0%,
    rgba(48, 131, 136, 1) 100%
  );
  color: #fff;
  padding: 0;
  margin-bottom: 10px;
  border-radius: 30px;
}

#container-reddin #accordionReddin .card .card-header:hover {
  cursor: pointer;
}

#container-reddin #accordionReddin .card .card-header button {
  text-decoration: none;
  color: #fff;
}

#container-reddin #accordionReddin .card .card-header:hover button {
  font-weight: 600;
}

#container-reddin
  #accordionReddin
  .card
  .card-body
  canvas#chartEstilosLiderazgo:hover {
  cursor: pointer;
}

#container-reddin #accordionReddin .card {
  margin: auto;
  display: flex;
  max-width: 90%;
}

#container-reddin #accordionReddin #listaEfectividadRango {
  list-style: none;
}

#container-reddin #accordionReddin #listaEfectividadRango li {
  font-size: 12px;
  display: flex;
  align-items: center;
}

#container-reddin #accordionReddin #listaEfectividadRango li div {
  width: 20px;
  height: 10px;
  padding: 0;
  margin-right: 10px;
  border-radius: 5px;
}
#container-reddin #accordionReddin #listaEfectividadRango li #div1 {
  background-color: #a00000;
}
#container-reddin #accordionReddin #listaEfectividadRango li #div2 {
  background-color: #e60000;
}
#container-reddin #accordionReddin #listaEfectividadRango li #div3 {
  background-color: #e8ae00;
}
#container-reddin #accordionReddin #listaEfectividadRango li #div4 {
  background-color: #89e428;
}
#container-reddin #accordionReddin #listaEfectividadRango li #div5 {
  background-color: #558721;
}
#container-ficha-talento #fichaContainer,
#container-reddin #fichaContainer {
  max-width: 80%;
  margin: auto;
  display: flex;
  background-color: #febc76;
  border-radius: 70px 40px 40px 70px;
}

#container-ficha-talento #overlayImagen,
#container-reddin #overlayImagen {
  width: 100px;
  height: 100px;
  border: 10px solid #dc6b25;
  background-color: #dc6b25;
  border-top-left-radius: 70px;
  border-top-right-radius: 70px;
  border-bottom-left-radius: 70px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}

#container-ficha-talento #overlayImagen img,
#container-reddin #overlayImagen img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}

#container-ficha-talento #fichaContainer #datosColaborador,
#fichaContainer #datosColaborador {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
}

#container-ficha-talento #fichaContainer #datosColaborador #nombreColaborador,
#fichaContainer #datosColaborador #nombreColaborador {
  color: #fff;
  font-weight: bold;
  font-size: 25px;
}

#container-ficha-talento #fichaContainer #datosColaborador #puestoColaborador,
#fichaContainer #datosColaborador #puestoColaborador {
  color: #fff;
  font-weight: 700;
  font-size: 12px;
}

#container-ficha-talento #estatusContainer {
  max-width: 80%;
  margin: auto;
}

#container-ficha-talento #estatusContainer div {
  flex: 1;
  margin: 0 30px;
  background-color: #21438a;
  border-radius: 10px;
  text-align: center;
}

#container-ficha-talento #estatusContainer div > span {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
}

#container-ficha-talento #estatusContainer div > span .fa-check-circle {
  color: #8cc63e;
  font-size: 14px;
}

#container-ficha-talento #estatusContainer div > span .fa-times-circle {
  color: #dc6b25;
  font-size: 14px;
}

#container-ficha-talento #fichaSeccion1Container,
#container-reddin #fichaSeccion1Container {
  position: relative;
}

#container-ficha-talento #fichaSeccion1Container .icon-container,
#container-reddin #fichaSeccion1Container .icon-container {
  position: absolute;
  top: 0;
  right: 20px;
  background-color: #febc76;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
  width: 50px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.3);
}

#container-ficha-talento #fichaSeccion1Container .icon-container:hover {
  cursor: pointer;
}

#container-ficha-talento #fichaSeccion1Container .icon-container i,
#container-reddin #fichaSeccion1Container .icon-container i {
  font-size: 20px;
  color: #575955;
}

#container-ficha-talento #fichaSeccion1Container,
#container-reddin #fichaSeccion1Container,
#container-ficha-talento #fichaSeccion2Container,
#container-reddin #fichaSeccion2Container {
  /* max-width: 80%; */
  margin: 10px auto;
  border-radius: 20px;
  padding: 15px 15px;
  box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.3);
}

#container-ficha-talento #fichaSeccion1Container .subseccion1 .titulo,
#container-reddin #fichaSeccion1Container .subseccion1 .titulo {
  background: linear-gradient(
    22deg,
    rgba(172, 169, 246, 1) 0%,
    rgba(157, 152, 206, 1) 100%
  );
}

#container-ficha-talento #fichaSeccion1Container .subseccion2 .titulo,
#container-reddin #fichaSeccion1Container .subseccion2 .titulo,
#container-ficha-talento #fichaSeccion2Container .subseccion2 .titulo,
#container-reddin #fichaSeccion2Container .subseccion2 .titulo {
  background: linear-gradient(
    22deg,
    rgba(134, 203, 210, 1) 0%,
    rgba(132, 181, 186, 1) 100%
  );
}

#container-ficha-talento #fichaSeccion2Container .subseccion3 .titulo,
#container-reddin #fichaSeccion2Container .subseccion3 .titulo {
  background: linear-gradient(
    22deg,
    rgba(230, 183, 107, 1) 0%,
    rgba(240, 170, 110, 1) 100%
  );
}

#container-ficha-talento #fichaSeccion1Container .subseccion1 .titulo,
#container-reddin #fichaSeccion1Container .subseccion1 .titulo,
#container-ficha-talento #fichaSeccion1Container .subseccion2 .titulo,
#container-reddin #fichaSeccion1Container .subseccion2 .titulo,
#container-ficha-talento #fichaSeccion2Container .subseccion2 .titulo,
#container-reddin #fichaSeccion2Container .subseccion2 .titulo,
#container-ficha-talento #fichaSeccion2Container .subseccion3 .titulo,
#container-reddin #fichaSeccion2Container .subseccion3 .titulo {
  color: #000;
  font-weight: 800;
  border-radius: 30px;
  padding: 3px 30px 3px 15px;
}

#container-ficha-talento #fichaSeccion1Container .row,
#container-reddin #fichaSeccion1Container .row,
#container-ficha-talento #fichaSeccion2Container .row,
#container-reddin #fichaSeccion2Container .row {
  padding: 0;
}

#container-ficha-talento #fichaSeccion1Container .row label,
#container-reddin #fichaSeccion1Container .row label,
#container-ficha-talento #fichaSeccion2Container .row label,
#container-reddin #fichaSeccion2Container .row label {
  font-size: 12px;
  font-weight: 600;
}

#container-ficha-talento #fichaSeccion1Container .row input,
#container-reddin #fichaSeccion1Container .row input,
#container-ficha-talento #fichaSeccion2Container .row input,
#container-reddin #fichaSeccion2Container .row input {
  border: 0;
  font-size: 12px;
  padding: 0;
}

#container-ficha-talento input.input_editar {
  border: 0;
  background-color: rgb(255 253 155 / 18%);
  cursor: text;
}

#container-ficha-talento select.input_editar {
  border: 0;
  background-color: rgb(255 253 155 / 18%);
  cursor: pointer;
}

#divCursosPlanDesarrollo,
#divSeguimientoPlanDesarrollo {
  background-color: #f5f5f5;
  border-radius: 30px;
  padding: 0;
}

#divCursosPlanDesarrollo table#tablaCursosPlan {
  border-collapse: separate;
  border-spacing: 0 5px;
}

#divCursosPlanDesarrollo table#tablaCursosPlan tbody tr td {
  border: none;
}

#divCursosPlanDesarrollo table#tablaCursosPlan tbody tr td:nth-child(1) {
  font-weight: 800;
  font-size: 12px;
}

#divCursosPlanDesarrollo table#tablaCursosPlan tbody tr td:nth-child(2) {
  font-size: 12px;
  font-weight: 800;
  background-color: #c2c2c2;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  padding-left: 10px;
}

#divReddinPlanDesarrollo .row.d-flex {
  background-color: #c2c2c2;
  border-radius: 50px;
}

#divReddinPlanDesarrollo .row.d-flex .col-md-6:nth-child(1) {
  background-color: #f5f5f5;
  border-radius: 50px;
}

#divReddinPlanDesarrollo .column {
  float: left;
  width: 50%; /* Cada columna ocupa el 50% del ancho del contenedor */
  text-align: center;
  font-weight: 600;
  box-sizing: border-box;
}

#divReddinPlanDesarrollo a,
#divReddinPlanDesarrollo a > .column {
  text-decoration: none;
  color: #000;
  font-weight: 800;
}

#divReddinPlanDesarrollo a .fa-file-pdf {
  color: #e93c3c;
}

#container-competencias .table-responsive {
  overflow-x: hidden;
}
#container-competencias table {
  border-radius: 30px;
  background: linear-gradient(
    22deg,
    rgba(223, 179, 102, 1) 0%,
    rgba(249, 175, 114, 1) 100%
  );
  border-collapse: collapse;
}

#container-competencias table thead {
  background: linear-gradient(
    22deg,
    rgba(223, 179, 102, 1) 0%,
    rgba(249, 175, 114, 1) 100%
  );
}

#container-competencias table thead th {
  padding: 5px 10px;
}

#container-competencias table thead tr th:nth-child(1) {
  background-image: linear-gradient(
    to right,
    #f3a334,
    #f69e33,
    #f89933,
    #fb9334,
    #fd8e35
  );
  color: #000;
  font-weight: 800;
  font-size: 15px;
  vertical-align: middle;
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  border-bottom-right-radius: 30px;
}

#container-competencias table thead th {
  border: none;
}

#container-competencias table thead th.rotate {
  height: 60px;
  white-space: nowrap;
  width: 30px;
}

#container-competencias table thead th.rotate > div {
  -webkit-transform: translate(0px, 0px) rotate(-15deg);
  -ms-transform: translate(0px, 0px) rotate(-15deg);
  transform: translate(0px, 0px) rotate(-15deg);
  width: 57px;
}
#container-competencias table thead th.rotate:last-child > div {
  width: 100px; /* Ajusta el ancho según tus necesidades */
  position: relative;
  top: -4px;
}

#container-competencias table thead th.rotate > div > span {
  padding: 5px 15px;
  color: #fff;
}

#container-competencias table tbody tr td:first-child {
  font-size: 12px;
  text-align: left;
  padding-left: 15px;
  font-weight: 500;
}

#container-competencias table td {
  border: none;
}

#container-competencias table tbody tr td {
  text-align: center;
}

#container-competencias table tbody tr td input[type="checkbox"] {
  width: 20px; /* Ancho personalizado */
  height: 20px; /* Altura personalizada */
  border-radius: 50%; /* Hace que el checkbox sea redondo */
  -webkit-appearance: none; /* Deshabilita el estilo de navegador predeterminado */
  background-color: #fff; /* Color de fondo del checkbox */
  cursor: pointer; /* Cambia el cursor al pasar sobre el checkbox */
}
#container-competencias table tbody tr td input[type="checkbox"][disabled] {
  cursor: none;
  pointer-events: none;
}

#container-competencias table tbody tr td input[type="checkbox"]:checked {
  background-color: #535353; /* Color de fondo cuando está marcado */
}

#container-competencias table tbody tr td .fa-question-circle {
  color: #4c4c4c;
  cursor: pointer;
}

#container-competencias table tfoot td:nth-child(2),
#container-competencias table tfoot td:last-child {
  text-align: center;
}

#container-competencias table tfoot td {
  font-size: 15px;
  font-weight: 700;
}

#container-competencias a.btn {
  color: #fff;
}

#container-competencias a.btn[disabled] {
  background-color: #cccccc;
  color: #666666;
  cursor: not-allowed;
}
#container-competencias a.btn[disabled]:hover {
  cursor: not-allowed;
}

#container-competencias label {
  font-size: 13px;
  font-weight: 600;
}

#container-competencias select#periodo_competencias {
  width: 15%;
  margin-left: 10px;
  text-align: center;
}

#container-competencias select {
  background-color: #efefef;
}

#container-competencias .step-4 select {
  font-size: 13px;
}

#container-competencias a.btn {
  border-radius: 30px;
  font-size: 12px;
  padding: 3px 10px;
}

#container-competencias #btnEnviarEvaluacion {
  background: linear-gradient(
    22deg,
    rgba(217, 148, 27, 1) 0%,
    rgba(252, 129, 28, 1) 100%
  );
  border: none;
  color: #fff;
}

#container-competencias .cancelOtraOption {
  background: linear-gradient(22deg, rgb(255 36 36) 0%, rgb(211 37 37) 100%);
  color: #fff;
  padding: 1px 10px;
  border-radius: 20px;
  font-size: 0.8rem;
  text-decoration: none;
}

#modalCompetencias .nav-tabs a.nav-link {
  background: #efefef;
  color: #afafaf;
  font-size: 12px;
  text-transform: uppercase;
}
#modalCompetencias .nav-tabs a.nav-link.active {
  color: #f47c30;
  font-weight: 600;
  background-color: #fff;
}

#container-organigrama #organigrama_deptos ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
}

#container-organigrama
  #organigrama_deptos
  .nivelesInferiores
  li:not(:first-child) {
  margin-top: 10px;
}

#container-organigrama #organigrama_deptos .nivelesInferiores li {
  background: rgb(239, 144, 0);
  background: linear-gradient(
    90deg,
    rgba(239, 144, 0, 1) 0%,
    rgba(239, 144, 0, 1) 57%,
    rgba(251, 177, 0, 1) 86%,
    rgba(246, 206, 0, 1) 100%
  );
  color: #fff;
  box-shadow: 5px 0px 0px 0px rgba(237, 135, 0, 0.75);
  -webkit-box-shadow: 3px 0px 0px 0px rgba(237, 135, 0, 0.75);
  -moz-box-shadow: 5px 0px 0px 0px rgba(237, 135, 0, 0.75);
  border-radius: 30px;
  padding: 5px;
  width: 127px;
}

#container-organigrama #organigrama_deptos .nivelesInferiores li a {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

/* Estilos para el primer nivel de UL */
#container-organigrama #organigrama_deptos > ul {
  display: flex;
  flex-direction: row;
  /* Los elementos LI estarán en fila */
  justify-content: flex-start;
  /* Alineación al inicio */
  align-items: flex-start;
  /* Alineación al inicio en vertical */
}

/* Estilos para LI que sean nodos (con subniveles) */
#container-organigrama #organigrama_deptos li {
  position: relative;
  /* Para la posición absoluta de los sub-UL */
  margin-right: 20px;
  /* Espacio entre los nodos del mismo nivel */
}

/* Estilos para los UL anidados dentro de LI */
#container-organigrama #organigrama_deptos li > ul {
  position: absolute;
  left: 100%;
  /* Posiciona el sub-UL a la derecha del LI padre */
  top: 0;
  /* Alinea el sub-UL con la parte superior del LI padre */
  width: max-content;
  /* Asegura que el contenido define el ancho */
  display: flex;
  flex-direction: column;
  /* Los subniveles se expanden verticalmente */
  align-items: flex-start;
  /* Alinea los subnodos al inicio */
  height: 100%;
  /* Opcional: para alineación de conectores si se usan */
  padding-left: 30px;
}

#container-organigrama #organigrama_deptos li {
  padding: 10px;
  border-radius: 10px;
  /* Bordes redondeados */
  display: inline-block;
  width: 130px;
  /* Ancho fijo para cada tarjeta */
  text-align: center;
  /* Texto centrado */
  font-size: 12px;
}

#container-organigrama #organigrama_deptos a {
  text-decoration: none;
}

#container-organigrama #organigrama_deptos img {
  border-radius: 50%;
  /* Imagen circular */
  margin-bottom: 5px;
  /* Espaciado debajo de la imagen */
  width: 60px;
  /* Tamaño de la imagen */
  height: 60px;
  /* Tamaño de la imagen */
  object-fit: cover;
  /* Para que la imagen cubra todo el espacio disponible */
}

#container-organigrama #organigrama_deptos .nombre {
  font-weight: bold;
  /* Nombre en negritas */
  font-size: 12px;
}

#container-organigrama #organigrama_deptos .puesto {
  background-color: #308389;
  /* Fondo del título */
  color: white;
  /* Color del texto del título */
  padding: 5px;
  /* Espaciado interno del título */
  border-radius: 5px;
  /* Bordes redondeados del título */
  font-size: 11px;
}

#container-organigrama #organigrama_deptos ul li > ul li.nivel-4 > ul {
  display: flex;
  flex-direction: row;
  align-items: center;
}

#container-organigrama #tituloOrganigrama {
  font-weight: 800;
  font-size: 18px;
  color: #001737;
}

#container-organigrama #organigrama-executive {
  list-style-type: none;
  padding: 0;
}

#container-organigrama #organigrama-executive ul {
  list-style-type: none;
  display: flex; /* ✅ Esto alinea a los hijos horizontalmente */
  justify-content: center;
  position: relative;
  padding-top: 20px;
}

#container-organigrama #organigrama-executive li {
  margin: 10px 0;
  display: flex;
  flex-direction: column; /* Asegura que los subelementos también se alineen en columna */
  align-items: center; /* Centra los elementos horizontalmente */
  margin: 10px 5px;
  position: relative; /* Importante para la posición de los pseudoelementos */
}

#container-organigrama #organigrama-executive li::before,
#container-organigrama #organigrama-executive li::after {
  content: "";
  position: absolute;
  top: 0px;
  right: 50%;
  border-top: 1px solid #141414;
  width: 60%;
  height: 20px;
}

#container-organigrama #organigrama-executive li::after {
  right: auto;
  left: 50%;
  border-left: 1px solid #141414;
}

#container-organigrama #organigrama-executive li:only-child::before,
#container-organigrama #organigrama-executive li:only-child::after {
  display: none;
}

#container-organigrama #organigrama-executive li:only-child {
  padding-top: 0;
}

#container-organigrama #organigrama-executive li:first-child::before,
#container-organigrama #organigrama-executive li:last-child::after {
  border: 0 none;
}

#container-organigrama #organigrama-executive li:last-child::before {
  border-right: 1px solid #141414;
  -webkit-border-radius: 0 5px 0 0;
  -moz-border-radius: 0 5px 0 0;
  border-radius: 0 5px 0 0;
}

#container-organigrama #organigrama-executive li:first-child::after {
  border-radius: 5px 0 0 0;
  -webkit-border-radius: 5px 0 0 0;
  -moz-border-radius: 5px 0 0 0;
}

#container-organigrama #organigrama-executive ul ul::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  border-left: 1px solid #f80;
  width: 0;
  height: 20px;
}

#container-organigrama #organigrama-executive li span {
  font-size: 10px;
  background-color: #001737;
  color: #fff;
  position: relative;
  bottom: -8px;
  left: -30px;
  padding: 0 3px 0 3px;
  font-weight: 600;
  border-radius: 5px;
  z-index: 2;
}

#container-organigrama #organigrama-executive li .infoExcutive {
  background-color: #308389;
  color: #fff;
  font-size: 13px;
  text-align: center;
  border-radius: 10px;
  width: 150px;
  height: 80px;
  display: flex;
  flex-direction: column; /* Organiza los hijos en columna */
  justify-content: center; /* Centra verticalmente */
  align-items: center; /* Centra horizontalmente */
  position: relative;
}

#container-organigrama #organigrama-executive li .infoExcutive .nombre {
  font-weight: 400;
}

#container-organigrama #organigrama-executive li .infoExcutive .puesto {
  font-weight: 600;
}

#container-organigrama #organigrama-executive img {
  border-radius: 0%;
  margin-bottom: 5px;
  width: 7rem;
  height: auto;
  object-fit: cover;
  position: relative;
  bottom: -30px;
  /* Para que la imagen cubra todo el espacio disponible */
}

#container-organigrama #organigrama_lider_directo ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  position: relative;
}

#container-organigrama #organigrama_lider_directo ul:first-child::before {
  content: "";
  position: absolute;
  top: 0;
  left: 100%; /* Ajustar si el nodo principal no está centrado */
  width: 1.5px; /* El grosor de la línea */
  height: 100%;
  background: #a7a7a7; /* El color de la línea */
}

/* Estilos para el primer nivel de UL */
#container-organigrama #organigrama_lider_directo > ul {
  display: flex;
  flex-direction: row;
  /* Los elementos LI estarán en fila */
  justify-content: flex-start;
  /* Alineación al inicio */
  align-items: flex-start;
  /* Alineación al inicio en vertical */
}

/* Estilos para LI que sean nodos (con subniveles) */
#container-organigrama #organigrama_lider_directo ul li > ul li {
  position: relative;
  margin-top: 30px;
  /* Espacio entre los nodos del mismo nivel */
}

#container-organigrama #organigrama_lider_directo ul li > ul li::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 50%;
  width: 1.5px;
  height: 10px;
  background: #a7a7a7;
}

#container-organigrama #organigrama_lider_directo > ul > li:first-child::after {
  content: "";
  position: absolute;
  background: #a7a7a7;
  width: 30px;
  top: 50%;
  height: 1.5px;
  right: 0;
}

/* Estilos para los UL anidados dentro de LI */
#container-organigrama #organigrama_lider_directo li > ul {
  position: absolute;
  left: 100%;
  /* Posiciona el sub-UL a la derecha del LI padre */
  top: 0;
  /* Alinea el sub-UL con la parte superior del LI padre */
  width: max-content;
  /* Asegura que el contenido define el ancho */
  display: flex;
  flex-direction: column;
  /* Los subniveles se expanden verticalmente */
  align-items: flex-start;
  /* Alinea los subnodos al inicio */
  height: 100%;
  /* Opcional: para alineación de conectores si se usan */
  padding-left: 30px;
}

#container-organigrama #organigrama_lider_directo li {
  padding: 10px;
  border-radius: 10px;
  /* Bordes redondeados */
  display: inline-block;
  width: 170px;
  /* Ancho fijo para cada tarjeta */
  text-align: center;
  /* Texto centrado */
  font-size: 12px;
}

#container-organigrama #organigrama_lider_directo img {
  border-radius: 50%;
  /* Imagen circular */
  margin-bottom: 5px;
  /* Espaciado debajo de la imagen */
  width: 60px;
  /* Tamaño de la imagen */
  height: 60px;
  /* Tamaño de la imagen */
  object-fit: cover;
  /* Para que la imagen cubra todo el espacio disponible */
}

#container-organigrama #organigrama_lider_directo .nombre {
  font-weight: bold;
  /* Nombre en negritas */
  font-size: 12px;
}

#container-organigrama #organigrama_lider_directo .puesto {
  background-color: #308389;
  color: white;
  padding: 2px 11px;
  border-radius: 5px;
  font-size: 11px;
  height: 60px;
  display: flex; /* Establece el contenedor como un contenedor flex */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
}

#container-organigrama #organigrama_lider_directo li > ul:nth-of-type(2) {
  left: 370px;
}

#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(2)
  li::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  width: 313px;
  height: 1.5px;
  background: #a7a7a7;
  z-index: -1;
}

#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(1)
  li:first-child::after {
  content: "";
  position: absolute;
  top: 100%;
  left: -30px;
  width: 1.5px;
  height: 69%;
  background: #a7a7a7;
}

#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(1)
  li:last-child::after {
  content: "";
  position: absolute;
  top: -141px;
  left: -30px;
  width: 1.5px;
  height: 138%;
  background: #a7a7a7;
}

#container-organigrama #organigrama_lider_directo li > ul:nth-of-type(3) {
  left: 570px;
}

#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(3)
  li::before,
#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(4)
  li::before {
  content: "";
  position: absolute;
  top: 100%;
  right: 50%;
  width: 228px;
  height: 1.5px;
  background: #a7a7a7;
  z-index: -1;
}

#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(2)
  li::after,
#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(3)
  li::after,
#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(4)
  li::after {
  content: "";
  position: absolute;
  width: 1.5px;
  height: 10px;
  bottom: 0%;
  background: #a7a7a7;
}

#container-organigrama #organigrama_lider_directo li > ul:nth-of-type(4) {
  left: 770px;
}

#container-organigrama #organigrama_lider_directo li > ul li.sub-organigrama {
  cursor: pointer;
}

#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(1).no-after::after,
#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(2).no-after::after,
#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(3)
  .no-after::after,
#container-organigrama
  #organigrama_lider_directo
  li
  > ul:nth-of-type(4)
  .no-after::after {
  content: none !important;
}

#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-before-after1::before {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  width: 313px;
  height: 1.5px;
  background: #a7a7a7;
  z-index: -1;
}

#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-before-after2::before,
#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-before-after3::before {
  content: "";
  position: absolute;
  top: 41%;
  right: 50%;
  width: 313px;
  height: 1.5px;
  background: #a7a7a7;
  z-index: -1;
}

#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-before-after1::after,
#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-before-after2::after,
#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-before-after3::after {
  content: none;
}

#container-organigrama
  #organigrama_lider_directo
  ul
  li
  > ul
  li.custom-height::after {
  content: "";
  position: absolute;
  top: -141px;
  left: -30px;
  width: 1.5px;
  height: 187% !important;
  background: #a7a7a7;
}

/*ORGANIGRAMA MULTIREGION*/
#container-organigrama #organigrama_multi_region ul {
  display: flex;
  flex-direction: row;
  justify-content: center;
  padding: 0;
  position: relative;
}
/* Estilos para el primer nivel de UL */
#container-organigrama #organigrama_multi_region > ul {
  display: flex;
  flex-direction: row;
  /* Los elementos LI estarán en fila */
  justify-content: flex-start;
  /* Alineación al inicio */
  align-items: flex-start;
  /* Alineación al inicio en vertical */
}

/* Estilos para LI que sean nodos (con subniveles) */
#container-organigrama #organigrama_multi_region ul li > ul li {
  position: relative;
  /* Espacio entre los nodos del mismo nivel */
}
/* Estilos para los UL anidados dentro de LI */
#container-organigrama #organigrama_multi_region li > ul {
  position: absolute;
  left: 100%;
  /* Posiciona el sub-UL a la derecha del LI padre */
  top: 0;
  /* Alinea el sub-UL con la parte superior del LI padre */
  width: max-content;
  /* Asegura que el contenido define el ancho */
  display: flex;
  flex-direction: column;
  /* Los subniveles se expanden verticalmente */
  align-items: flex-start;
  /* Alinea los subnodos al inicio */
  height: 100%;
  /* Opcional: para alineación de conectores si se usan */
  padding-left: 30px;
}

#container-organigrama #organigrama_multi_region li {
  padding: 10px;
  border-radius: 10px;
  /* Bordes redondeados */
  display: inline-block;
  width: 170px;
  /* Ancho fijo para cada tarjeta */
  text-align: center;
  /* Texto centrado */
  font-size: 12px;
}

#container-organigrama #organigrama_multi_region .nombre {
  font-weight: bold;
  /* Nombre en negritas */
  font-size: 12px;
}

#container-organigrama #organigrama_multi_region .region {
  font-size: 10px;
  background-color: #001737;
  width: 50%;
  color: #fff;
  position: relative;
  bottom: -8px;
  left: 10px;
  padding: 0 3px 0 3px;
  font-weight: 600;
  border-radius: 5px;
  z-index: 2;
}

#container-organigrama #organigrama_multi_region img {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  object-fit: cover;
}

#container-organigrama #organigrama_multi_region .puesto {
  background-color: #308389;
  color: white;
  padding: 2px 11px;
  border-radius: 5px;
  font-size: 11px;
  height: 60px;
  display: flex; /* Establece el contenedor como un contenedor flex */
  justify-content: center; /* Centra horizontalmente */
  align-items: center; /* Centra verticalmente */
}

#container-organigrama #organigrama_multi_region li > ul:nth-of-type(2) {
  left: 370px;
}

#container-organigrama #organigrama_multi_region li > ul:nth-of-type(3) {
  left: 570px;
}

#container-organigrama
  #organigrama_multi_region
  ul
  li
  > ul
  li
  > ul
  li.nivel-3
  > ul {
  padding-left: 15px;
}

#container-organigrama #organigrama_multi_region .nivelesInferiores li {
  background: rgb(239, 144, 0);
  background: linear-gradient(
    90deg,
    rgba(239, 144, 0, 1) 0%,
    rgba(239, 144, 0, 1) 57%,
    rgba(251, 177, 0, 1) 86%,
    rgba(246, 206, 0, 1) 100%
  );
  color: #fff;
  box-shadow: 5px 0px 0px 0px rgba(237, 135, 0, 0.75);
  -webkit-box-shadow: 3px 0px 0px 0px rgba(237, 135, 0, 0.75);
  -moz-box-shadow: 5px 0px 0px 0px rgba(237, 135, 0, 0.75);
  border-radius: 30px;
  padding: 5px;
  width: 127px;
}

#container-organigrama #organigrama_multi_region .nivelesInferiores li a {
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  text-decoration: none;
}

#container-organigrama .selectpicker {
  width: 100% !important; /* Importante para sobreescribir estilos por defecto */
}

#container-organigrama .input-group .input-group-prepend .input-group-text {
  white-space: nowrap; /* Evitar que la etiqueta se rompa en varias líneas */
}

#container-descr-puesto #tituloDescripcionesPuesto {
  font-size: 1.2rem;
  font-weight: 800;
}

#container-descr-puesto #descripcionDescripcionesPuesto {
  font-size: 0.9rem;
}
#container-descr-puesto #btnUploadJobDescriptions {
  text-decoration: none !important;
  background-color: #f37b2f;
  color: #fff;
  padding: 3px 10px 3px 10px;
  border-radius: 30px;
  font-size: 13px;
}

#container-descr-puesto #btnUploadJobDescriptions:hover {
  font-weight: 700;
  background-color: #f80;
}

#container-descr-puesto #tablaPuestos {
  background-color: #fff;
  backdrop-filter: blur(7px);
  box-shadow: 0 0.4rem 0.8rem #0005;
  border-radius: 0.8rem;
  overflow: hidden;
}
#container-descr-puesto #tablaPuestos thead {
  width: 100%;
  height: 10%;
  background-color: #204389;
  color: #fff;
  padding: 0.8rem 1rem;
  align-items: center;
}

#container-descr-puesto #tablaPuestos tbody .btnVerDescripcion,
#container-descr-puesto #tablaPuestos tbody .btnEditarDescripcion,
#container-descr-puesto #tablaPuestos tbody .btnHabilidadesDescripcion,
.modalDescripcionPuesto .btnEditarDescripcion,
.modalDescripcionPuesto #btnGuardarDescr,
.modalDescripcionPuesto #btnImprimirDescr {
  text-decoration: none;
  color: #fff;
  padding: 0.3rem 0.5rem;
  border-radius: 30px;
  margin-right: 10px;
}

#container-descr-puesto #tablaPuestos tbody .btnVerDescripcion {
  margin-right: 0.8rem;
  background-color: #86e49d;
  color: #006b21;
}

#container-descr-puesto #tablaPuestos tbody .btnEditarDescripcion,
.modalDescripcionPuesto .btnEditarDescripcion {
  background-color: #f5ddaa;
  color: #976f1d;
}

#container-descr-puesto #tablaPuestos tbody .btnHabilidadesDescripcion,
.modalDescripcionPuesto .btnHabilidadesDescripcion {
  background-color: #4296eb;
  color: #fff;
}

.modalDescripcionPuesto #btnImprimirDescr {
  background-color: #f5ddaa;
  color: #976f1d;
}

.modalDescripcionPuesto #btnGuardarDescr {
  background-color: #86e49d;
  color: #006b21;
}

.modalDescripcionPuesto #btnGuardarDescr,
.modalDescripcionPuesto #btnImprimirDescr,
.modalDescripcionPuesto .btnEditarDescripcion {
  font-size: 12px;
  font-weight: 600;
}

.modalDescripcionPuesto #btnImprimirDescr.disabled-link,
.modalDescripcionPuesto .btnEditarDescripcion.disabled-link {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.5;
  background-color: #c9c9c9;
  color: #9e9e9e;
}

#container-descr-puesto #tablaPuestos tbody tr:hover {
  background-color: #efefef !important;
  cursor: pointer;
  transition: 0.2s ease-in-out;
}

#formatoDescripcionesPuesto .row:nth-child(1) div:nth-child(2) p {
  font-size: 20px;
  margin: 0;
}

#formatoDescripcionesPuesto .row:nth-child(1) div:nth-child(2) span {
  font-size: 15px;
  text-transform: uppercase;
}

#formatoDescripcionesPuesto .row:nth-child(1) div:nth-child(3) p {
  font-size: 12px;
  margin: 0;
}

#formatoDescripcionesPuesto .row:nth-child(1) div:nth-child(3) span {
  font-size: 12px;
}

#formatoDescripcionesPuesto .row:nth-child(3) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(3) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(4) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(4) div:nth-child(3) {
  background-color: #ccecff;
  font-size: 12px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

#formatoDescripcionesPuesto .row:nth-child(2) div,
#formatoDescripcionesPuesto .row:nth-child(5) div,
#formatoDescripcionesPuesto .row:nth-child(11) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(12) div,
#formatoDescripcionesPuesto .row:nth-child(15) div,
#formatoDescripcionesPuesto .row:nth-child(18) div,
#formatoDescripcionesPuesto .row:nth-child(21) div,
#formatoDescripcionesPuesto .row:nth-child(24) div {
  background-color: #81cbcb;
  font-size: 16px;
}

#formatoDescripcionesPuesto .row:nth-child(6) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(6) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(7) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(7) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(8) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(8) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(9) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(9) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(10) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(16) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(16) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(16) div:nth-child(5),
#formatoDescripcionesPuesto .row:nth-child(17) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(17) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(17) div:nth-child(5),
#formatoDescripcionesPuesto .row:nth-child(19) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(19) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(20) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(20) div:nth-child(3),
#formatoDescripcionesPuesto .row:nth-child(22) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(22) div:nth-child(2) {
  background-color: #ccecff;
  font-size: 11.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
}

#formatoDescripcionesPuesto .row:nth-child(22) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(22) div:nth-child(2) {
  justify-content: center;
}

#formatoDescripcionesPuesto .row:nth-child(6) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(6) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(7) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(7) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(8) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(8) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(9) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(9) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(10) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(11) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(16) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(16) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(16) div:nth-child(6),
#formatoDescripcionesPuesto .row:nth-child(17) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(17) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(17) div:nth-child(6),
#formatoDescripcionesPuesto .row:nth-child(19) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(19) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(20) div:nth-child(2),
#formatoDescripcionesPuesto .row:nth-child(20) div:nth-child(4),
#formatoDescripcionesPuesto .row:nth-child(23) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(23) div:nth-child(2) {
  padding: 0;
}

#formatoDescripcionesPuesto .row:nth-child(13) div:nth-child(1),
#formatoDescripcionesPuesto .row:nth-child(14) div:nth-child(1) {
  background-color: #ccecff;
  font-size: 11.5px;
  font-weight: 600;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
}

#formatoDescripcionesPuesto .row select,
#formatoDescripcionesPuesto .row textarea {
  font-size: 11.5px;
}

#formatoDescripcionesPuesto .row select,
#formatoDescripcionesPuesto .row textarea,
#formatoDescripcionesPuesto .row input {
  border: none;
  cursor: pointer;
}

/* Para deshabilitar flechas en Chrome, Safari, Edge y Opera */
#formatoDescripcionesPuesto .row .custom-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
}

#formatoDescripcionesPuesto .custom-select:hover:not(:disabled) {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist;
  background-image: initial;
}

#formatoDescripcionesPuesto #input_puesto {
  text-align: center;
}

#formatoDescripcionesPuesto .row select[disabled],
#formatoDescripcionesPuesto .row textarea[disabled],
#formatoDescripcionesPuesto .row input[disabled] {
  background-color: #fff;
  cursor: default;
  color: #000;
}

#formatoDescripcionesPuesto .row select[disabled] > option {
  color: #000 !important;
}

#formatoDescripcionesPuesto .row [class^="col"] {
  border: 0.5px solid black;
}

#formatoDescripcionesPuesto .row .custom-textarea,
#formatoDescripcionesPuesto .row textarea {
  width: 100%;
  height: auto;
  padding: 0;
  font-size: 0.7rem;
  line-height: 1.5;
  border: none;
  resize: none;
  overflow: hidden; /* Ocultar scrollbars */
  white-space: pre-wrap; /* Asegurar que los saltos de línea se mantengan */
}

.btnEvaluacionShelter,
.btnEvaluacionIndirectos {
  background-color: #fff !important; /* Fondo blanco */
  border: 1px solid #001737 !important; /* Borde azul */
  color: #001737 !important; /* Texto azul */
  font-size: 16px !important; /* Tamaño de fuente */
  padding: 5px 10px;
}

.btnEvaluacionShelter {
  margin-right: 20px;
}

.btnEvaluacionIndirectos {
  margin-left: 20px;
}

.btnEvaluacionShelter:hover,
.btnEvaluacionIndirectos:hover {
  background-color: #001737 !important; /* Fondo blanco */
  color: #fff !important; /* Texto azul */
}

#tablaSeguimientoReddinDetallada thead .selectpicker,
.btn-group.bootstrap-select,
.btn-group.bootstrap-select .dropdown-toggle {
  width: 200px !important;
  max-width: 200px !important;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tox {
  z-index: 1060 !important;
}
.tox-dialog {
  z-index: 1060 !important;
}

#container-colaboradores-gdp .card-img-top {
  width: 90px;
  height: 90px;
  border-radius: 50%;
  object-fit: cover;
  object-position: top;
  margin: 0 auto;
  display: block;
}

#container-colaboradores-gdp #cardContainer .card {
  border-radius: 30px;
}

#container-colaboradores-gdp
  #cardContainer
  .card
  .card-body
  #nombreColaborador {
  color: #dc6b26;
  font-size: 12px;
  font-weight: 600;
}

#container-colaboradores-gdp #cardContainer .card .card-body .card-img-top {
  background: repeating-linear-gradient(
    45deg,
    #eee,
    #eee 10px,
    #f7f7f7 10px,
    #f7f7f7 20px
  );
  min-height: 128px; /* igual al tamaño del thumb */
  object-fit: cover;
  border-radius: 8px;
}

#container-colaboradores-gdp
  #cardContainer
  .card
  .card-body
  #numeroColaborador {
  color: #000;
  font-size: 11.5px;
}

#container-colaboradores-gdp
  #cardContainer
  .card
  .card-body
  #puestoColaborador {
  color: #000;
  font-size: 11.5px;
}

#container-colaboradores-gdp #cardContainer .card .card-body a {
  color: #204389;
  font-size: 11.5px;
  text-decoration: none;
}

#container-cargar-descripciones-puesto #dropZone {
  cursor: pointer;
  transition: background-color 0.3s ease;
}

#container-cargar-descripciones-puesto #dropZone.dragover {
  background-color: #d9edf7;
  border-color: #31708f;
}

#container-cargar-descripciones-puesto ul#fileList li {
  font-size: 13px;
  padding: 5px 10px 5px 10px;
}

#container-cargar-descripciones-puesto ul#fileList li button {
  padding: 0px 5px;
  font-size: 12px;
}

#container_carrera_tecma #header-carrera span:nth-child(1) {
  font-size: 25px;
  font-weight: 700;
}

#container_carrera_tecma #header-carrera span:nth-child(3) {
  font-size: 13px;
  font-weight: 500;
}

#container_carrera_tecma #header-carrera span:nth-child(5) {
  font-size: 13px;
  font-weight: 500;
  background-color: #efefef;
  padding: 5px 10px;
  border-radius: 30px;
  box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.32);
  -webkit-box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.32);
  -moz-box-shadow: 3px 3px 7px 2px rgba(0, 0, 0, 0.32);
  margin-top: 10px;
}

#container_carrera_tecma .svg-niveles {
  cursor: pointer;
}

#container_carrera_tecma #ulDeptos {
  border: none;
}

#container_carrera_tecma #ulDeptos li {
  cursor: pointer;
  border: none;
}

#container_carrera_tecma #ulDeptos li.active {
  background-color: #d46f2e;
  padding: 0;
  border-radius: 30px;
  border: none;
}

#container_carrera_tecma #ulDeptos li.active span {
  color: #fff;
  font-weight: 600;
  margin-left: 12px;
}

#container_carrera_tecma #ulDeptos .radio-square {
  width: 20px;
  height: 20px;
  background-color: #479f87;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
  flex-shrink: 0;
  margin: 0;
}

#container_carrera_tecma #ulDeptos .radio-square::after {
  content: "";
  position: absolute;
  top: 3px;
  left: 6px;
  width: 6px;
  height: 12px;
  border-right: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.1s ease-in-out;
}

#container_carrera_tecma
  #ulDeptos
  input[type="radio"]:checked
  + .radio-square::after {
  opacity: 1;
}

/* Alineación y espaciado extra */
#container_carrera_tecma #ulDeptos .custom-radio-item {
  padding-left: 10px;
}

#container_carrera_tecma #ulDeptos .depto-text {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  padding-left: 10px;
  text-transform: lowercase;
}

#container_carrera_tecma #ulDeptos .depto-text::first-letter {
  text-transform: uppercase;
}

#container_carrera_tecma #scrollContainer {
  max-height: 400px;
  overflow-y: auto;
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE 10+ */
}

#container_carrera_tecma #scrollContainer::-webkit-scrollbar {
  display: none; /* Chrome, Safari, Edge */
}

#container_carrera_tecma .scroll-arrow i {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  color: #d84c20;
  cursor: pointer;
  z-index: 10;
  background: white;
  border-radius: 50%;
}

#container_carrera_tecma .scroll-arrow.down i {
  bottom: 0;
}

#container_carrera_tecma .scroll-arrow.up i {
  bottom: 0;
}

#container_carrera_tecma #modalNivelesDeptos .modal-content {
  border: 15px solid #dc6b26;
  border-radius: 30px;
}

#container_carrera_tecma #modalNivelesDeptos #modal-body-niveles {
  padding: 0 20px 30px 20px;
}

#container_carrera_tecma #modalNivelesDeptos #modal-body-niveles table thead {
  background-color: transparent;
  color: #000;
}

#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  thead
  tr
  th:nth-child(3),
#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  thead
  tr
  th:nth-child(5) {
  background-color: #f0b99a;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
  text-align: center;
  font-weight: 800;
}

#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  tbody
  tr
  td.icon
  img {
  width: 30px;
  height: 30px;
}

#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  tbody
  tr
  td:nth-child(2) {
  font-size: 15px;
  text-transform: lowercase;
  font-weight: 600;
  border-right: 3px solid #dc6b26;
  text-align: left;
}

#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  tbody
  tr
  td:nth-child(3),
#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  tbody
  tr
  td:nth-child(5) {
  text-align: center;
}

#container_carrera_tecma
  #modalNivelesDeptos
  #modal-body-niveles
  table
  tbody
  tr
  td:nth-child(2)::first-letter {
  text-transform: uppercase;
}

#container_carrera_tecma #modalNivelesDeptos .svg-decorator {
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  padding: 10px;
}

#container_carrera_tecma #modalNivelesDeptos .svg-decorator img {
  width: 110px; /* o lo que se ajuste visualmente */
  height: auto;
}

#container_carrera_tecma .proceso-carrera-step p {
  margin-top: 10px;
}

#container_carrera_tecma .proceso-carrera-row {
  display: table-row;
}

#container_carrera_tecma .proceso-carrera {
  display: table;
  width: 50%;
  position: relative;
}

#container_carrera_tecma .proceso-carrera-row:before {
  top: 25px;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 97%;
  height: 4px;
  background-color: #d9d9d9;
  z-index: 0;
  box-sizing: content-box;
}

#container_carrera_tecma .proceso-carrera-step {
  display: table-cell;
  text-align: center;
  position: relative;
}

#container_carrera_tecma .btn-carrera {
  width: 30px;
  height: 50px;
  text-align: center;
  padding: 6px 0;
  font-size: 12px;
  line-height: 1.428571429;
  border-radius: 30px;
  background-color: #308389;
}

#container_carrera_tecma .proceso-carrera-step p a {
  color: #000;
}

#container_carrera_tecma .proceso-carrera-step p a:hover {
  text-decoration: none;
  font-weight: 600;
  color: #e06a25;
}

#container_carrera_tecma .proceso-carrera-step a:hover + #btnSeleccionarNivel {
  color: #e06a25;
}

#container_carrera_tecma input[type="radio"].radio-hidden {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}

/* Agregar estilos al label cuando está seleccionado */
#container_carrera_tecma input[type="radio"].radio-hidden:checked + label {
  background-color: #007bff; /* Cambia al color deseado */
  color: white;
}

/* Opcional: Estilo al pasar el mouse sobre el label */
#container_carrera_tecma label:hover {
  background-color: #0056b3;
  color: white;
}
#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  thead
  tr
  th:nth-child(2),
#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  thead
  tr
  th:nth-child(3),
#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td:nth-child(2),
#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td:nth-child(3) {
  text-align: center;
}
#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel {
  margin: 10px 0 10px 0;
}

#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  thead {
  background-color: #fff;
  color: #000;
}

#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td {
  white-space: nowrap;
}

#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td
  a {
  text-decoration: none;
}

#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td:nth-child(1) {
  font-size: 0.8rem;
}

#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td:nth-child(2)
  i {
  color: #000;
  font-size: 1.5rem;
}

#container_carrera_tecma
  #modalNivel
  #modal-body-niveles
  table#tabla_puestos_nivel
  tbody
  tr
  td:nth-child(3)
  i {
  color: #e93131;
  font-size: 1.5rem;
}