:root {
  --logo-main-color-gray: #47657d;
  --logo-main-color-red: #a6225b;
  --color-dark-pink: #a65e84;
  --color-page-title: #646464;
  --color-table-odd: #f2f2f2;
  --color-table-last: #e9d7e0;
  --color-table-even: #e9d7e0;
  --color-autoevaluacion: #ecb74e;
  --color-med_categoria: #c0507b;
  --color-evaluacion: #4a7dba;
  --color-category-darkblue: #64a4b8;
  --color-category-blue: #7eafdc;
  --color-category-browm: #c6835a;
  --color-category-purple: #a77bbf;
  --color-category-green: #57b162;
  --color-category-pink: #df6386;
  --color-category-darkyellow: #cbce5a;
  --color-category-darkblue: #64a4b8;
  --color-min: #c0507b;
  --color-max: #95b3d7;
}


@import url("//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/5.2.0/css/bootstrap.min.css");
@import url("//cdn.datatables.net/1.12.1/css/dataTables.bootstrap5.min.css");

@media print {
  .no-print,
  .no-print * {
    display: none !important;
  }

  .page {
    box-shadow: none !important;
  }

  #clienteinformepersonal {
    box-shadow: none !important;
  }
}
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap");
.grafica.graficadimensionarana,
.grafica.graficacomportamientoarana {
  display: none !important;
}
/* .comportamiento .titulo_pdf{
    display:none!important;
} */
.titulo_pdf {
  margin-top: 0px !important;
}
.evaluado_pdf {
  margin-left: 0px !important;
  margin-top: 0px !important;
}
.logo_empresa {
  text-align: center;
  height: 700px;
  width: 800px;
}

.title-portada h2,
.title-portada h5 {
  color: var(--logo-main-color-gray);
}
.title-portada h3 {
  color: var(--logo-main-color-red);
}

.title-portada h5,
.title-portada h3 {
  font-weight: normal;
}

.nombre_evaluado {
  color: var(--color-dark-pink);
  padding: 70px 20px 0px;
}

#clienteinformepersonal {
  width: 21cm !important;
  margin: auto;
  box-shadow: 0px 10px 7px 2px #000;
}

.graficadimensionaranaayuda {
  width: 15%;
}

.page {
  clear: both;
  box-shadow: 0px 0px 3px 1px grey;
  height: 29.7cm;
  padding: 20px 0px;
  font-family: "Montserrat", "helvetica", sans-serif;
  position: relative;
}
.page-template-default.page {
  box-shadow: none !important;
  padding: 0px !important;
  height: inherit;
}
.graficadimensionaranaayuda {
  /*float: none!important;
    width: inherit!important;
    position: absolute;*/
  right: 15px;
  top: 160px;
}

.grafica_arana {
  margin-top: 50px;
}

div {
  padding-top: 10px;
}

.divisortitulo .mintitulo div {
  padding-top: 0px !important;
}
/* titulos */
.position-relative {
  margin-top: 20px;
}
#clienteinformepersonal .position-absolute {
  position: initial !important;
  width: auto;
  display: inline-block;
  margin-top: 10px;
}
.titulodiseno {
  /*background: linear-gradient(
        300deg, rgba(255,255,255,1) 10%, rgba(250,170,105,1) 10%, rgba(250,170,105,1) 12.3%, rgba(253,237,224,1) 12.3%) !important;*/
  background: none !important;
  padding-right: 68px;
  margin-left: 0px !important;
  width: inherit !important;
}
.titulodiseno.short {
  padding-right: 45px;
}
/*.position-relative > .position-absolute{
    display: inline-block;
}*/
.titulodiseno h2 {
  margin-bottom: 0;
  /*border-bottom:rgba(250,170,105,1) 3px solid ;*/
  border-bottom: var(--color-dark-pink) 3px solid;
  /* padding: 10px 20px; */
  padding-right: 10px;
  color: var(--color-page-title);
}
.barrabajotitulo {
  display: none;
}
.minititulo {
  clear: both;
  margin: inherit !important;
}
.ml-60 {
  margin-left: 0 !important;
}
/*
tablas
*/

.tabladimension .min {
  color: var(--color-min) !important;
}
.tabladimension .max {
  color: var(--color-max) !important;
}

.tablapersonal,
.tablabasica,
.tablapreguntaabierta,
.tablapreguntas {
  width: 90% !important;
  margin: 20px auto;
  border-spacing: 5px;
  border-collapse: separate;
  text-align: center;
}

.tablapreguntaabierta td.peq p,
.tablapreguntas td.peq p{
  font-size: 11px!important;
}

table td,
table th {
  padding: 5px;
  vertical-align: middle;
}

.tablapersonal th,
.tablabasica th,
.tablapreguntaabierta th,
.tablapreguntas th {
  background-color: var(--color-table-odd) !important;
}

.tablapersonal tr td:first-child,
.tablabasica tr:first-child,
.tablapreguntaabierta tr td:first-child,
.tablapreguntas tr td:first-child {
  text-align: left;
}

/* table.tablabasica tr td:last-child {
    background-color: var(--color-table-last)!important;
} */

.tablapersonal tr:nth-child(even),
.tablabasica tr:nth-child(even),
.tablapreguntaabierta tr:nth-child(even) {
  background: var(--color-table-even) !important;
}

.tablapersonal tr:nth-child(odd),
.tablabasica tr:nth-child(odd),
.tablapreguntaabierta tr:nth-child(odd) {
  background: var(--color-table-odd) !important;
}

.tablapreguntas th {
  background: var(--color-table-even) !important;
}

.tablapreguntas tr {
  background: var(--color-table-odd) !important;
}
.divisortitulo {
  height: 30px !important;
  padding-left: 10px !important;
  clear: both;
}

.pagina_principal {
  margin-top: 0px !important;
  padding: 100px 60px !important;
}
/* .divisortitulo.AGILESKILLS,
.contpromedio.AGILESKILLS{
    background-color: var(--color-category-darkblue);
}
.divisortitulo.BRANDINGCHAMPION,
.contpromedio.BRANDINGCHAMPION{
    background-color: var(--color-category-pink);
}
.divisortitulo.CLIENTLEADERSHIP,
.contpromedio.CLIENTLEADERSHIP{
    background-color: var(--color-category-purple);
}
.divisortitulo.COLLABORATIONSKILLS,
.contpromedio.COLLABORATIONSKILLS{
    background-color: var(--color-category-darkyellow);
}
.divisortitulo.KNOWLEDGELEADERSHIP,
.contpromedio.KNOWLEDGELEADERSHIP{
    background-color: var(--color-category-blue);
}
.divisortitulo.PEOPLELEADERSHIP,
.contpromedio.PEOPLELEADERSHIP{
    background-color: var(--color-category-green);
}
.divisortitulo.PROJECTMANAGEMENT,
.contpromedio.PROJECTMANAGEMENT{
    background-color: var(--color-category-browm);
}
 */

.graficadimensionarana {
  width: 100%;
  height: 480px !important;
}

.graficadimensionaranaayuda .media {
  color: var(--color-med_categoria) !important;
}

.graficadimensionaranaayuda .auto {
  color: var(--color-autoevaluacion) !important;
}

.graficadimensionaranaayuda .evalu {
  color: var(--color-evaluacion) !important;
}

.graficadimension {
  width: 65%;
}

.graficabrecha {
  clear: both;
  margin-left: 0px !important;
}

.graficacomportamientoarana {
  position: inherit !important;
}

p {
  margin-bottom: 0 !important;
}
.linseparador {
  clear: both;
  width: 21cm !important;
  padding-top: 0px !important;
}
.contpromedio {
  width: 100% !important;
}
.graficacomportamientos {
  width: 380px !important;
}
.flag {
  margin: -3px 7px !important;
  padding: 0px !important;
}

.wrapper-logo {
  text-align: center !important;
  height: 93% !important;
  width: 800px !important;
  position: relative !important;
}
.wrapper-logo img {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  margin-top: inherit !important;
  margin-left: auto !important;
}

.mejora {
  margin-left: 250px;
  margin-top: 0px !important;
}
.mejora img {
  float: left !important;
}
.mejora div {
  float: left !important;
  line-height: 17px !important;
}

.fortaleza div {
  line-height: 15px !important;
}
.fortaleza {
  clear: both;
  width: auto !important;
  margin-right: 65px !important;
  padding-bottom: 10px !important;
  margin-top: 60px !important;
}

.comportamientoexplicaciontxt {
  padding: 0px 10px 0px 10px !important;
}

.comportamientoexplicacion,
.graficacomportamiento {
  width: 30% !important;
}

main {
  background-color: #f6f6f6;
}

#clienteinformepersonal {
  background-color: #fff;
  width: 1200px;
}

.comportamiento {
  margin-left: 0px !important;
}

.comportamiento div {
  margin: 0px !important;
}

.comportamientoexplicaciontxt,
.comportamientoexplicaciontit {
  padding-left: 10px;
}

div > p {
  padding: 0px 50px;
}

.mt_200 {
  margin-top: 0px !important;
}

.descripcionbrecha {
  position: absolute;
  font-size: 12px !important;
  width: 16cm !important;
}

.bg-danger-light {
  background-color: #c13864 !important;
}

.bg-danger-dark {
  background-color: #961c33;
}
.bg-yellow-light {
  background-color: #fffcde;
}

.bg-secondary-light {
  background-color: #f1eff0;
}

.action-date {
  line-height: 1.2;
}

.dashed-border {
  border-style: dashed;
  padding: 10px;
  text-align: center;
  border-width: 3px;
}

.card-body.scrollable {
  max-height: 500px;
  overflow-y: auto;
}

.container ol {
  margin: 0 50px 0 70px;
}
.logo_empresa img,
.wrapper-logo img {
  max-width: 100%;
}
.titpromedio {
  padding-left: 0;
  padding-right: 0;
}


.container-loader.show{
  left: 0px;
  right: 0;
  top: -200px;
  bottom: 0px;
  position: absolute;
  background: #80808063;
  z-index: 1;
}
.container-loader.show .loader {
  	border: 16px solid #f3f3f3;
    border-top: 16px solid #3498db;
    border-radius: 50%;
    width: 120px;
    height: 120px;
    animation: spin 2s linear infinite;
    position: absolute;
    margin: auto;
    left: 50%;
    top: calc(100vh / 1.5);
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

.dataTables_wrapper{
  padding-top: 0px;
}

.dataTables_wrapper .row:nth-child(2) {
  min-height: calc(100vh - 315px);
}


.dataTables_filter{
  text-align: right;
}

.dataTables_paginate{
  float: right;
}

table.dataTable thead th {
  background: transparent !important;
  white-space: nowrap;
}

table.dataTable thead span.sort-icon {
  display: inline-block;
  padding-left: 5px;
  width: 16px;
  height: 16px;
  margin-right: 10px;
}

table.dataTable thead .sorting span {
  background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_both.png') no-repeat center right;
}
table.dataTable thead .sorting_asc span {
  background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc.png') no-repeat center right;
}
table.dataTable thead .sorting_desc span {
  background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc.png') no-repeat center right;
}

table.dataTable thead .sorting_asc_disabled span {
  background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_asc_disabled.png') no-repeat center right;
}
table.dataTable thead .sorting_desc_disabled span {
  background: url('http://cdn.datatables.net/plug-ins/3cfcc339e89/integration/bootstrap/images/sort_desc_disabled.png') no-repeat center right;
}

.sorting{
  cursor: pointer;
}


#buscadorModal .input-group-text {
  width: 140px;
}

#busqueda_processing{
  display:none!important;
}

#evaluadores-seleccionados .bg-info,
#evaluadores-seleccionados_modal .bg-info{
  padding: 20px;
  margin-right: 20px;
  position:relative;
}

#evaluadores-seleccionados .bg-danger,
#evaluadores-seleccionados_modal .bg-danger{
    position: absolute;
    top: -6px;
    cursor: pointer;
    right: -7px;
    padding: 5px;
    font-size: 15px;
}

.no-print{
  position:absolute;
  top: 10px;
  left: 10px;
}

table{
  max-width: 20cm;

  page-break-inside: avoid !important;
  margin: 4px 0 4px 0;
}
/* table.dataTable thead .sorting::before,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_desc_disabled::before {
  content: "";
}

table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::after {
  content: "";
} */
/* .toolbar{
  position:relative;
}
#modal{
  position:absolute;
  right: 50%;
  top: 35px;
}

#evaluados_filter{
  width: 25%;
  float: right;
}

#evaluados_length{
  width: 25%;
} */