@charset "UTF-8";

.bold500 { font-weight: 500; }

 .icon-menu a.button { float: none; display: block; width: 99%;  padding: 10px 0; text-align: center; cursor: pointer; }
    
   /*Reclutamiento*/
  /* PANTALLA REQUISICION*/

  .requisition .divComplete h2 { padding: 0px; }

  .requisition .textbox.paragraph { width: 95%; }

   .content-pane.has-left-menu.icon-menu.no-description { left: 60px; top: 30px; width: calc(100% - 100px);  padding: 0 20px 100px 20px; }
   .content-pane.has-left-menu.icon-menu.no-description.requisition { left: 60px; top: 50px; width: calc(100% - 60px); padding: 0; }
    .content-pane.has-left-menu.icon-menu.no-description.vacants.candidateBoard { left: 60px; width: calc(100% - 60px); padding: 0; }
    .content-pane.has-left-menu.icon-menu.no-description.vacants.vacantBoard { left: 60px; width: calc(100% - 60px); padding: 0; }
             .content-pane.has-left-menu.icon-menu.no-description.vacants { top: 50px; }
             .content-pane.has-left-menu.icon-menu.no-description.candidateBoard { top: 50px; }
             .content-pane.has-left-menu.icon-menu.no-description.candidatePDF { top: 20px; }
             .content-pane.has-left-menu.icon-menu.no-description.Pipeline { top: 60px; padding-bottom: 0; height: 100vh; }
             .content-pane.has-left-menu.icon-menu.no-description.report { top: 20px; padding-left: 0; }
             .content-pane.has-left-menu.icon-menu.no-description.Profiles { top: 60px; }

  .content-pane.has-left-menu.icon-menu.no-description.Pipeline .divColumnRight { height: 0px; }

  .menu-left.no-description ul li a { padding: 0; }
  .menu-left.no-description ul li a:hover { background-color: grey; cursor: pointer; height: 50px; display: block; }
  .menu-left.icon-menu.no-description { width: 60px; min-width: unset; max-width: none; background: var(--left-menu-bg-color); border-right: 1px solid var(--border-default-color); }
        .menu-left.icon-menu.no-description ul { min-width: 60px; height: 60px; }
        .menu-left.icon-menu.no-description li { min-width: 60px; max-width: 60px; height: 60px; } 
            .menu-left.icon-menu.no-description li a.icon { width: 100%; min-width: 60px; max-width: 60px; padding: 0; text-align: center; height: 60px; }
            .menu-left.icon-menu.no-description li a.icon img { margin: 0 auto; float: none; padding: 15px; }

            .no-description .actions-menu {  display: inline-block; padding: 0 0 5px 0; max-width: none; }

    .no-description .actions-menu p { width: 160px; display: inline-block; padding: 10px 5px 0 2px; margin: 0 2px 0 2px; } 
    .no-description .actions-menu .dropdown-select { margin: 0 0 0 5px; }
    .no-description .actions-menu .dropdown-select .dropdown-select-content { width: 167px; max-height: 300px; overflow-x: auto; }

    .actions-menu .dropdown-select.actions.rec a { margin: 8px 0 0 0; font-weight: 300; font-size: 14px; }
    .dropdown-select.actions.rec.candBoard { background: var(--actions-button); border-color: var(--actions-button); border-radius: 0; width: 15.5%; }

        .no-description .actions-menu .button { display: inline-block; width: 160px; margin: 12px  0 0 5px; padding: 9px 0; vertical-align: top; float: right; position: relative; }
        .Pipeline.no-description .actions-menu .button { display: inline-block; width: 160px; margin: 0  0 0 5px; padding: 9px 0; vertical-align: top; float: right; }

   .divColumn { width: 45%; float: left; display: contents; }
   .divColumn > input[type="date"] { width: 95%; font-size: .9rem; height: 20px; }
   .divColumn .dropdown-select a { padding: 0 0 0 2%; }
   .no-description.vacants.vacantBoard .actions-menu.recruiting.vacantB::after { display: flex; }
   .no-description.requisition .actions-menu.trequisition::after { display: flex; }
   .no-description.vacants .actions-menu .divColumnLeft { height: 2.3em; width: 75%; }
   .no-description.vacants .actions-menu .divColumnLeft.candidate { height: auto; }
   .no-description.vacants .actions-menu .divColumnRight {height: 2.3em; width: 25%; }

   .no-description.vacants .actions-menu .divColumnLeft.vacantB { height: 2.3em; width: 50%; margin: 0 20px; padding: 6px }
   .no-description.vacants .actions-menu .divColumnRight.vacantB {height: 2.3em; width: 38.5%; margin: 0px 1.5%; }

   .no-description.vacants .actions-menu a.black {height: 2.3em; width: 25%; display: inherit; padding: 5px 0px; }
   .no-description.vacants .actions-menu a.black.candidateDate { float: left; display: contents; padding: 5px 0px; }

   .no-description.vacants.Profiles .actions-menu { width: 99%; }
   .no-description.Profiles .actions-menu .button { margin: 0px;     margin-left: 5px; }

/*   .candidatesPDF.actions-menu { position: relative; left: 70px; width: calc(100% - 70px); max-width: unset; }
   .candidatesPDF.actions-menu .divColumnLeft { height: 2.3em; width: 75%; }
   .candidatesPDF.actions-menu .divColumnLeft.candidate { height: auto; }
   .candidatesPDF.actions-menu .divColumnRight {height: 2.3em; width: 25%; }
   .candidatesPDF.actions-menu a.black {height: 2.3em; width: 25%; display: inherit; padding: 5px 0px; }
   .candidatesPDF.actions-menu.recruiting > h2 { float: left; }
   .candidatesPDF.actions-menu.recruiting .divColumnLeft > h2.titleCandidate { text-decoration: underline; color: #4183C4; cursor: pointer; }
   .candidatesPDF.actions-menu.recruiting .divColumnLeft > h2.titleCandidate2 { float: left; }
   .candidatesPDF.actions-menu.recruiting .divColumnLeft > h2 { float: left; width: 100%; padding: 0px; padding-top: 12px; display: contents;  }*/

   .divColumnLeft { width: 49%; float: left; }
   .divColumnRight { width: 49%; float: right; }
   .divColumn .dropdown-select { width: 98%; margin: 0; }

   .content-pane.has-left-menu .actions-menu.recruiting > h2 { float: left; }
   .content-pane.has-left-menu .actions-menu.recruiting .divColumnLeft > h2.titleCandidate { text-decoration: underline; color: #4183C4; cursor: pointer; }
   .content-pane.has-left-menu .actions-menu.recruiting .divColumnLeft > h2.titleCandidate2 { float: left; }
   .content-pane.has-left-menu .actions-menu.recruiting .divColumnLeft > h2 {     float: left;
    width: 100%;
    padding: 0px;
    padding-top: 12px;
    display: contents;  }
   .actions-menu.recruiting > a { float: right; right: -1px; position: absolute; }

   .divSignature { width: 100%; height: 100px; background-color: white;  bottom: 0; left: 4%; }
   .divSignature.candidatesB { width: 98%; height: 50px; display: flex; padding: 10px 0; }
   .divSignature.candidatesB .signaturesDivOne { display: flex; float: left; height: fit-content; width: 35%; margin: auto 0; min-width: 250px; }
    .divSignature.candidatesB .signaturesDivTwo { width: 65%; display: flex; float: right; justify-content: end; }
    .divSignature.candidatesB .signaturesDivTwo a { display: block; width: 175px; margin: auto 0 auto 5px; padding: 8px 0; text-align: center; cursor: pointer; }
    .divSignature.candidatesB .signaturesDivTwo a.green { margin: auto 0; }
    .divSignature.candidatesB .signaturesDivTwo .selectCandidatos .select2-container--default .select2-selection--single { max-height: 40px; }
    .signaturesDivOne.candidatesB { width: 69.5%; }

    .divSignature.candidatesB .selectCandidatos .select2-container--default { z-index: 1; }
    

   .divSignatureSH { width: 98% !important; }
   .divSignatureSH_CB { width: 98.6% !important; }
   .divSignature .divSignatureColThree { width: 33.3%; float: left; padding-top: 10px; text-align: -webkit-center;}
   .divSignature .divSignatureColThree > a.button { width: 75%; color: white;  float: none; display: block; margin: 20px 0 50px 0;     padding: 10px 0; text-align: center; cursor: pointer; }

   .divSignature.req {  width: calc(95% - 420px); height: 100px; bottom: 0; position: fixed;   background-color: #f7f7f7; left: 480px; min-width: 985px; }
   .divSignature.req .divSignatureColThree { width: 33.3%; float: left; padding-left:0; padding-top: 10px; text-align: -webkit-center;}

   .divSendRequisition { width: calc(100% - 12px); height: 100px; background-color: white;  bottom: 0; position: fixed;   background-color: rgba(238, 238, 238, 0.9); left: 4%; }
   .divSendRequisition .divCenter {  padding-top: 10px; text-align: -webkit-center; margin: 0 auto; width: 100%;}
   .divSendRequisition .divCenter > a.button { width: 15%; color: white;  float: none; display: block; margin: 20px 0 50px 0;     padding: 10px 0; text-align: center; cursor: pointer; }

    .popup-top.recruiting.passwordRecruitment { max-width: 600px; }
    .popup-top.recruiting.passwordRecruitment .popup-top-content p { float: left; }

    .titleRequisition.actions-menu { position: relative; background: white; max-width: unset; left: 35px; width: calc(100% - 70px); padding: 25px 0 25px 0; }
    .titleRequisition.actions-menu.recruiting{ padding: 25px 0 10px 0; }
    .titleRequisition.actions-menu .divColumnLeft { width: 100%; }
     .titleRequisition.actions-menu .divColumnLeft > h2.titleRequisition { width: 100%; display: block; float: none; padding-top: 10px; max-width: unset; font-size: 1.4rem; font-weight: 600; padding-left: 15px; }
     .titleRequisition.actions-menu .divColumnLeft > h2.titleRequisition2 { width: 100%; display: block; float: none; padding-top: 0px; max-width: unset;  font-size: 1.4rem; font-weight: 400; padding-left: 15px;  }
     
 
    
     .requisition.content-pane.has-left-menu .actions-menu.recruiting .divColumnLeft > h2.titleRequisition { width: 100%; display: block; float: none; padding-top: 0px; max-width: unset; }
   .requisition.no-description .actions-menu  {     position: relative; background-color: white; height: 80px; }
   .requisition.no-description .actions-menu .divColumnLeft { width: 100%;  position: absolute; top: 45%; left: 15px; margin-top: -25px;}
 
   
   p.sSigns { width: 100%; font-family: 'Poppins', Arial, sans-serif; font-size: 1rem;}
    
    .popup-top.recruiting { max-width: 1000px; }
    .popup-top.recruiting .popup-top-content p { float: left; }
    .popup-top.recruiting .textbox.paragraph { margin: 5px 0 10px 0; }

    .divColumn33 { width: 33.3%; float: left; }
    .requisition .divColumn33 { width: calc(100% / 2); float: left;  }
    .requisition .divColumn33.first { width: calc((100% / 2) - 20px); padding-right: 20px; float: left;}
    .requisition .divColumn33 .divColumnLeft .divColumnLeftSmall textarea { border: none; width: 97% !important; color: #333333; }
    .divColumn33 .divColumnLeft { width: 100%; float: left; }
    .divContentBoard.Requisition .divColumn33 .divColumnLeftSmall { width: 100%; display: table-cell; margin-bottom: unset; }

    .content-pane.requisition p.pUltimateCandidate { padding: unset; font-weight: 400; }
    .content-pane.requisition p { font-weight: 600; font-size: 0.9rem;     width: 95%; }

    .reports .popup-top-content p { font-weight: 500;     padding: 10px 0 5px 0;  }
    .reports input[type="date"] { width: 96%;     height: 38px;      border: 1px solid #aaa;     color: #444; border-radius: 4px; font-family: 'Poppins', Arial, sans-serif; font-size: 90%; padding: 0 10px 0 10px; }

 /*   Pantalla pipeline Firmas*/

 .Candidates.contentPipeline { width: 100%; display: flex; }
 .Candidates.contentPipeline.vb { width: 98.5% !important; display: flex; height: calc(100vh - 140px); overflow-y: auto; }
 .Candidates.contentPipeline.vb .columnPipelineShort { height: fit-content; min-height: fit-content; }
 .Candidates.contentPipeline.vb .columnPipelineShort .contentTitlePipeline { height: 5.4rem !important; }
 .Candidates.contentPipeline.vb .columnPipelineShort .contentTitlePipeline .Header--start-small{ padding: 10px 0; }
 .contentPipeline { width: 100%; display: flex;  overflow-x: auto;  min-height: calc(100% - 130px);   max-height: calc(100% - 130px);}
 .contentPipeline.requisition .columnPipelineShort, .columnPipelineShort.ultimate { width: calc((100% - 20px) / 6); min-height: auto; }
 .contentPipeline.requisition { height: 110px; min-width: 985px; }
 .contentPipeline.requisition .columnPipelineShort input { margin-top: 5px; width: calc(100% - 21px); border: none; text-align: center; }
 .columnPipeline { width: 18%; float: left;  height: 100%;  border-right: 5px solid transparent; }
 .columnPipeline.ultimate.admSign { border: 0 }
 .Signs .columnPipeline { width: 25%; }
 .columnPipelineShort { width: calc(12.5% - 5px); min-width: 168px; float: left;  /*height: 100%; min-height: 790px;*/ border-right: 5px solid transparent; min-height: unset !important; }
 .columnPipelineShort.ultimate { width: 11%; float: left;  height: 100%; min-height: 790px; border-right: 0px; }
 .candidates .columnPipelineShort { height: 4em; min-height: unset; width: 14.28%; }
 .Candidates .columnPipelineShort { width: calc(14.28% - 5px); min-width: 193px; height: fit-content; }
 .Onboarding .columnPipelineShort { width: 25%; min-height: unset; }
 .Onboarding .columnPipelineShort.ultimate { width: 24%; float: left;  height: 100%; min-height: 790px; border-right: 0px; }

 .contentSignsPipeline { height: 100%; display: flow-root; width: 100%; min-height: 500px; }

 .individualSign { cursor: pointer; min-height: 70px;  max-height: 300px; height: auto; display: flex; box-shadow: 0 0 4px 2px rgb(0 0 0 / 5%); border:3px; border-radius:5px; }
 .Signs .individualSign {  background: white; width: 100%;  min-height: 30px;  max-height: 300px; height: auto; display: flex;   margin: 0 auto;  margin-top: 6px; }
 .Candidates .individualSign { background: white; width: 100%;  min-height: 60px;  max-height: 300px; height: auto; display: flex;   margin: 0 auto;  margin-top: 6px; }
 .Vacants .individualSign {  background: white; width: 100%;  min-height: 90px;  max-height: 300px; height: auto; display: flex;   margin: 0 auto;  margin-top: 6px; }
 .recOpportunities .individualSign { width: calc((100% / 6) - 10px); min-width: 200px; margin: 20px 10px 0 0; background-color: white; box-shadow: none; border-radius: 8px; padding: 20px; height: auto; min-height: 30px; }
 .recOpportunities .individualSign .content1 { max-height: fit-content; min-height: unset; height: auto; padding: 0; }
 .recOpportunities .individualSign .content1 .aTitle1 { padding: 0 0 5px 0; font-size: 14px; font-weight: 500; }
 .recOpportunities .individualSign .content1 .aTitle2 { display: flex; align-items: center; font-size: 12px; font-weight: 300; padding: 0; }
 .recOpportunities .individualSign .locIcon { height: 20px; filter: invert(33%) sepia(10%) saturate(12%) hue-rotate(356deg) brightness(90%) contrast(85%); }

 .Vacants .aTitle1 { width: 100%; display: grid; font-weight: 600; padding: 12px 5px 2px 5px; line-height: 1.2;  font-size: .8rem; }
 .aTitle1 { width: 100%; display: grid; font-weight: 600; padding: 14px 5px 2px 5px; line-height: 1;  font-size: .8rem; }
 .Signs .aTitle1 { width: 100%; display: grid; font-weight: 600; padding: 12px 5px 2px 5px; line-height: 1;  font-size: .8rem; }
 .aTitle2 { width: 100%; display: grid; padding: 0px 5px 2px 5px; font-size: .7rem; line-height: .9rem;font-weight: 400;}
 .Candidates .aTitle2 { width: 100%; display: grid; padding: 5px 5px 2px 5px; font-size: .7rem; line-height: .9rem;font-weight: 400;}
 .aTitle22 { width: 100%; display: grid; padding: 5px 5px 2px 5px; font-size: .7rem; line-height: .9rem;font-weight: 400;}
 .Candidates .aTitle22 { width: 100%; display: grid; padding: 1px 5px 1px 5px; font-size: .7rem; line-height: .9rem;font-weight: 400;}
 .aTitle3  { float: left; padding-left: 5px; font-size: .8rem;}
 .aTitle4  { float: left; padding-left: 5px; padding-top:2px;  font-size: .7rem; width: 100%;}
  .aHeaderTitle { color: white;  font-weight: 600; display: contents; line-height: 0; font-size: .8rem;}
  .aHeaderTitle.candidates { color: white; font-weight: 400; font-size: 0.7rem; }

   .candidates .aHeaderTitle.second { font-size: 0.8rem; }

 .contenDaysSign { width: 100%; }

 .content-pane p.principalSec { padding: 0 0 0 0; }
 .onlyTxt { padding: 0 0 0 0; }

 .content1 { width: 85%; float:left; min-height: 60px; height:auto; padding-left: 4px; padding-bottom: 7px;   }
 .content2 { width: 13%; min-height: 60px; height:auto; float:left;  display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
  display: -ms-flexbox;  /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
  display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
  justify-content: right;
  align-items: end; 
  margin: 4px;
 }
 .Signs .content1 { min-height: 30px; }
 .Signs .content2 { min-height: 30px; }
 .Vacants .content1 { min-height: 90px; padding-left: 4px; padding-bottom: 4px;  }
 .Vacants .content2 { min-height: 90px; }

 .divCirculo { float: left; width: 2em; height: 2em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;  background-color:dimgray;  margin-left: 5px; }



 .divCirculoAccept { float: left; width: 1em; height: 1em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #62c19d; margin-bottom: 5px;
    margin-right: 4px; }
 .divCirculoStop { float: left; width: 1em; height: 1em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #f5c668; margin-bottom: 5px;
    margin-right: 4px;  }
 .divCirculoDenied { float: left; width: 1em; height: 1em; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: #f56f58; margin-bottom: 5px;
    margin-right: 4px; }

.contentTitlePipeline { height: 4.5em; position: relative; background-color: transparent; overflow: hidden; position: sticky; top: 0; }
.candidates .contentTitlePipeline { height: 4.5em; position: relative;  overflow: hidden; }

.candidates .Header--start-small { width: 100%; position: absolute; background-color: #898989; color: white; margin-left: 0px; padding-bottom: 57px; display: inline-block; height: 4.5em; align-items: center; display: flex; justify-content: center; text-align: center;   text-align: center;  }
.Header--start-small { width: 100%; position: absolute; background-color: #CBCDCE; color: white; margin-left: 0px; padding-bottom: 57px; display: inline-block; height: 4.5em; align-items: center; display: flex; justify-content: center; text-align: center; line-height: 1.25;}
.Header--start-small.vb { display: block !important; }
.Header--start-small.vb .title{ height: 70%; }
.Header--start-small.vb .candidatesCount { height: 30%; }
.candidates .Arrow { border-width: 27px 0px 27px 15px; background-color: transparent;
    border-color: transparent; } 
.Arrow { width: 0; height: 0; border-style: solid; border-width: 34px 0px 34px 15px; border-color: transparent transparent transparent #42424c; display: inline-block; left: 93%; position: absolute; }

.ArrowAfter{ width: 0; height: 0; border-style: solid; border-width: 34px 0px 34px 10px; border-color: transparent transparent transparent #42424c; display: inline-block; left: 0%; position: absolute; }

.no-description.vacants .actions-menu { padding: 10px 0 8px 0; }

.candidates .Header--start-small.levelComplete {   background-color: #3BB273;}
.levelComplete { border-color: transparent transparent transparent #3BB273; }

.candidates .Header--start-small.levelCompleteLast {   background-color: #3bb273b3;}
.levelCompleteLast { border-color: transparent transparent transparent #3bb273b3; }

.popup-top .textbox.txtSalary { margin-bottom: 10px; }
/*Pantalla candidatos*/

.grid-content.recruiting .column.no-overflow { overflow: hidden; padding-right: 0;  font-size: .9rem; text-overflow: ellipsis; }
.grid-content.recruiting .column.no-overflow.textblue {  text-decoration: underline; color: #4183C4; cursor: pointer; font-weight: 600; }
a.textblue {  text-decoration: underline; color: #4183C4; cursor: pointer; font-weight: 600;  }
.grid-content.recruiting p { text-align: center; width: 100%; cursor: pointer;  font-size: .9rem; }
.grid-content.recruiting p.blue { text-decoration: underline; font-size: .9rem; }

.gridCandidates .grid-content .column.w5, .gridCandidates .grid-content .column.w2, .gridCandidates th.w5.no-overflow, .gridCandidates th.w2.no-overflow { padding: 0 10px; }
.gridCandidates .grid-content .column.w5.no-overflow p.blue { padding: 0 }

a.email-linkpointer.pdf { width: 100%; display: block; text-align: center; margin-top: 10px; }
a.email-linkpointer {  text-decoration: underline; color: #4183C4; cursor: pointer; font-weight: 600;  }
p.email-linkpointer { margin: auto; text-align: center; margin-top: 21%; text-decoration: underline; color: #4183C4; cursor: pointer; font-weight: 600; } 
.email-linkpointerSH { margin-top: 15% !important; } 
.divContentBoard { width: 100%; height: auto; padding-top: 0px; }
.divContentBoard.Requisition { width: 100%; height: auto; padding-top: 30px; }
.requisition .divContentBoard.Requisition { width: 100%; height: auto; padding-top: 0px; }
/*.divContentBoard.Requisition .divColumnLeftSmall  { width: 90%; }*/
.divContentBoard.Requisition .divColumnRight { width: 65%; }
/*.divContentBoard.Requisition .divColumnRight.Perfil { min-height: 135px; }*/
/*.divContentBoard.Requisition .divColumnRight.Position { min-height: 298px; }*/

   .divContentBoard .divColumnLeftSmall .dataLeft a { font-weight: 600; width: 99%; display: block; text-align: right; padding: 2px 5px 2px 0px; font-size: .9rem; min-height: 23px; }
   .divContentBoard.Requisition #BossData .divColumnLeftSmall .dataLeft a { width: 95%;  padding: 2px 4% 2px 0; }
   .divContentBoard .divColumnLeftSmall .dataLeft.vacantsBoard a { font-weight: 600; width: 90%; display: block; text-align: right; padding: 2px 5px 2px 0px; font-size: .9rem; min-height: 23px; padding-left: 8%; }
   .divContentBoard .divColumnLeftSmall .dataLeft.candidatesBoard a { font-weight: 600; width: 90%; display: block; text-align: right; padding: 2px 2% 2px 8%; font-size: .9rem; min-height: 23px; }
   .divContentBoard .divColumnLeftSmall .dataLeft.candidatesBoard.edit a { font-weight: 600; width: 90%; display: block; text-align: right; padding: 7px 3% 2px 8%; font-size: 0.9rem; min-height: 25px; }

   .divContentBoard .divColumnLeftSmall .dataRight a { width: 99%; display: block; text-align: left; padding: 2px 0px 2px 5px; font-size: .9rem; min-height: 23px;  }
   .divContentBoard.Requisition #BossData .divColumnLeftSmall .dataRight a { padding: 2px 0; }
  
   .divColumnLeftSmall { width: 25%; float: left; background-color: transparent; margin-bottom: 20px; }
   .divColumnRightBig { width: 74%; background-color: transparent; float: right; }
   .divColumnRightBig.sinFondo { background-color: transparent;  padding-top: 20px; }

   .divColumnRightBig .columnLeft { width: 48%; background-color: transparent; float: left; min-height: 500px; }
  
   .divColumnRightBig .columnRight { width: 48%; background-color: transparent; float: right; min-height: 500px; }
  
   .divColumnRightBig .dropdown-select.active .dropdown-select-content { display: block; right: 0; left: auto; padding-left: 1px; padding-right: 1px; }

   
  .content-pane .gridCandidates h2.h2Board {     padding: 12px 1px 0px 7px; width: auto; float: left; font-size: 1.3rem; min-width: 110px; }
  .content-pane .gridCandidates h2.h2Board.vb {     padding: 1em 0 0 0; width: auto; float: none; font-size: 1.4rem; min-width: 110px; }
  .h2Board.vb + .addNew.link { display: block; padding-top: 5px; }
  .content-pane .gridCandidates h2.h2Board.candidateB {  padding: 1em 0px 0px 0px; width: auto; float: left; font-size: 1.4rem; min-width: 110px; overflow: hidden; }
  .content-pane .divColumnLeftSmall h2.h2Board { padding-bottom: 0em; padding-top: 1em; padding-left: 0em; padding-right: 1em; }
  .content-pane h2.h2Board { padding-bottom: 10px; padding-top: 15px; overflow: hidden; }

  .aCandidatesGrid { min-width: 130px; display: block; float: left; padding: 16px 30px 0px 5px; }
  .aCandidatesGrid.link { min-width: none; display: block; float: none; padding: 5px 0 0px 0; color: var(--link); cursor: pointer; }
  .aCandidatesGrid.link.down { min-width: none; display: block; float: none; padding: 5px 0 15px 0; color: var(--link); cursor: pointer; }
  .divColumnLeft.dataLeft { padding: 10px 0 13px 0; background-color: white; width: 35%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: table-cell; }
  .divColumnLeft.dataLeft.vacantsBoard { padding: 10px 0 13px 0; background-color: white; width: 35%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: table-cell; }

  .divColumnLeft.dataLeft.columnComplete { width: 100%; }
  .divColumnRight.dataRight { padding: 10px 0 13px 0; background-color: white; width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: table-cell; }
  .divColumnRight.dataRight.vacantsBoard { padding: 10px 0 13px 0; background-color: white; width: 65%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; display: table-cell; }
   .divColumnRight.dataRight a { overflow: hidden; text-overflow: ellipsis; width: 90% !important; }
  .gridCandidates a.button { display: inline-block; width: 160px; margin: 5px 0 5px 0; padding: 9px 0; vertical-align: top; float: right; }

  .icon-menu .gridCandidates .grid-scroll-horizontal { width: 100%;  max-height: 430px; min-height: 430px; background-color: white; }
  .icon-menu .gridCandidates .grid-scroll-horizontal.vb { width: 100%;  max-height: 80vh; min-height: 80vh; background-color: white; }

  .icon-menu .gridCandidates .grid-content { width: 100%; }

  .icon-menu .gridCandidates .grid-content tr { border-top: 1px solid #dfdfdfb3; }
  
  .icon-menu .gridCandidates .grid-content tr.titles { background: cornflowerblue!important; color:white!important; position: sticky!important; top: 0; box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.4); }

  .icon-menu .gridCandidates .grid-content tr:hover { background-color: transparent; }
  .icon-menu .gridCandidates .grid-content tr.rowAceppt:hover { background-color: #badaba; }
  .icon-menu .gridCandidates .grid-content tr.rowDiscard:hover { background-color: #f8bfbf; }

  .icon-menu .gridCandidates .grid-content ul.check-select li a  { width: 13px; height: 13px; }

  .gridCandidates   .ddactionsCandidates a.button { margin: 0px 0 0px 0; }
  .ddactionsCandidates { width: 25%; float: right; position: inherit; right: 0px;  display: block; }
  .ddactionsCandidates.Candidates { width: 81%; float: right; position: inherit; right: 0px;  display: block; margin-right: 1.4% }
  .ddactionsCandidates.vb { width: 180px; float: right; position: inherit; right: 0px;  display: block;  }
  .ddactionsCandidates .dropdown-select { background-color: var(--link); height: 41px;     float: right; }
  .ddactionsCandidates .dropdown-select a { color: white; }

  .ddactionsCandidates .dropdown-select.actions .dropdown-select-content a { color: #555555}
  .actions-menu a.black { color: black; padding: 15px 0px; font-size: .9rem; }

  .divComplete { width: 100%; }
  

  .divComplete .divSeparatorSign { width: 14.8%; float: left; margin-right: 10px;  }
  .divComplete .divSeparatorSign.requisitionPage { width: 16%; float: left; margin-right: 0.8%;  }
  .divComplete .divSeparatorSign:last-child {  margin-right: 0px;  }
  .popup-top-content.Message .floatLeft { float: left; width: auto; padding-right: 5px;  }
  .popup-top-content.Message .floatRight { width: 87%; }
  .divComplete p.floatRightPadding { width: 100%;  }
  .divComplete p { float: left;  }
  .divComplete input { float: left; width: 90%; }
  .divInterviewIndividual { width: 100%; cursor: pointer; margin-bottom: 15px; }

  .grid-content.recruiting .left p.principalP { padding: 0 0 0 0; }
 
   .candidate .popup-top-content p {     padding: 0 0 2px 0; }
   .candidate .popup-top-content p.no-padding {     padding: 0 0 0 0; }
   .candidate .divColumnRight > input {      margin-bottom: 15px; }
   .candidate .divColumnLeft  > input {      margin-bottom: 15px; }
   .candidate .divColumnRight > input.date { border: 1px solid #CCCCCC; width: 87%; float: left; padding: 5px; }
  .popup-top.big { max-width: 700px; min-width:300px; }
  .popup-top.big.interview { width:100%; max-width: 1500px; min-width:300px; overflow-x: hidden; }
  .popup-top.medium.interview { width:40%; max-width: unset; min-width:unset; overflow-x: hidden; }
  .popup-top.Emails { width:60%; max-width: unset; min-width:unset; overflow-x: hidden; }
  .popup-top.big.candidate { width:100%; max-width: 1100px; min-width:300px; overflow-x: hidden; }
  .popup-top.big.asesor { width:100%; max-width: 400px; min-width:300px; overflow-x: hidden; }
  .popup-top.big.asesor .popup-top-content p.candidateTitle {  width: 100%; padding: 0px 0 0px 0; }
  .popup-top.big.asesor .popup-top-content p {  width: 100%; display: inline-block; padding: 10px 0 0px 0; }
  .popup-top.big.asesor .content-register-row > input { width: 94%; padding: 10px 10px 10px 10px; }
  .popup-top.big.asesor .popup-top-content .select2-container {  }
  .popup-top.big.asesor .divColumnLeft { width: 40%; float: left;}
  .popup-top.big.asesor .divColumnRight { width: 40%; float: left;}
  .popup-top.big.asesor .content-register-row { width: 100%; display: inline-block; }
 
  .popup-top-content p.candidateTitle  { display: inline-block; width: 100%; padding-bottom: 10px; }
  .popup-top.candidate .popup-top-content .content-register-row   { display: inline-block; width: 100%;}
  .popup-top.candidate .popup-top-content .content-register-row .select2-container--default .select2-selection--single  {     margin-bottom: 10px; }
  .myMessage { background-color: transparent; cursor: pointer; }

  .grid-content ul.check-select li a.message { cursor: auto; pointer-events:none; }
  .grid-content.recruiting ul.check-select { margin: 0 auto; }
  .grid-content.recruiting th { text-align: center; font-size: .9rem; }
  .grid-content.recruiting th.left { text-align: left; }
  .grid-content.recruiting .left p { text-align: left; font-size: .9rem; line-height: 1.4rem; }
  .grid-content.recruiting td { text-align: center; }
  .grid-content.recruiting td.left { text-align: left; padding-top: 5px; padding-bottom: 5px; }

    
    .textbox.paragraph.interview.small { min-height: 60px; background-color: rgb(180, 180, 180 , .5);  }
    .textbox.paragraph.interview.small.feedBack { width: 93%; }
    .textbox.paragraph.feedBack { width: 93% }
     
    .messages .divComplete { width: 95%; display: inline-block; }
    .messages .divComplete input{ width: 100%; margin: 0 auto;  width: 96%; padding: 11px; }
    .messages .divComplete p { width: 100%; margin: 0 auto;  width: 100%;     padding: 10px 0 5px 0; }
    .messages .divComplete textarea { width: 100%; margin: 0 auto;  width: 96%;     padding: 11px; }

    .messagesSecondary .divComplete { width: 95%; display: inline-block; }
    .messagesSecondary .divComplete  input{ width: 100%; margin: 0 auto;  width: 96%; padding: 11px; }
    .messagesSecondary .divComplete  p { width: 100%; margin: 0 auto;  width: 100%;     padding: 10px 0 0px 0; }
    .messagesSecondary .divComplete  textarea { width: 100%; margin: 0 auto;  width: 96%;     padding: 11px; }

    .divColumnLeft > input {     width: 85%; float: left; margin-bottom: 10px;  }
    .divColumnRight > input {  width: 85%; float: left; margin-bottom: 10px; height: 21px; }
  
   .popup-top.candidate .textbox { width: 85%; float: left; margin-bottom: 10px; }

   .imgColorRec {  filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(268deg) brightness(107%) contrast(107%); }

   .imageSeen { width: 25px; height: 25px; margin: 0 auto; vertical-align: top; }
   .imageSeen.check { filter: invert(54%) sepia(84%) saturate(1413%) hue-rotate(181deg) brightness(86%) contrast(95%); }

   .interview.popup-top .textbox{ width: 98%; margin: 0 auto;  padding: 10px;  min-height: 150px; margin-bottom: 15px;}
   .interview.popup-top .divComplete { display: inline-block; width: 100%; }
   .interview.popup-top .popup-top-content .content-register-row  { padding: 0px 8px 0px 0px; height: auto;    display: flex; }
   .interview.popup-top .button {     margin: 4px 0px 4px 0px; float: right; }

   .interview.different.popup-top .divComplete p { margin: 0 auto; float:none; width: 100%;      padding: 0px 0px 5px; }
   .interview .popup-top-content { padding: 15px 20px 13px 20px; }
   .interview .popup-top-content p { width: 100%;  }
  
   .candidateTitle { display: inline-block; width: 87%; }
   .rowAceppt { background-color: #badaba; }
   .rowDiscard { background-color: #f8bfbf; }
   .rowPossible { background-color: #F8F5BB; }
   .rowRequest { background-color: #BBDAF8; }

   .divSelectFilter { position: sticky; }
   
   .aEdit { display: block;
    text-align: right;
    width: 100%;
    padding: 0px 10px 10px;
    color:  var(--link);
    cursor: pointer; }
   
   .divEdit { min-height: 23px;
    background: white;
    width: 100%;
    display: flex;
}

   .loaderFilter { position: absolute;
    width: 40px;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);}

   .no-description  .actions-menu .search .pure-input { width: 100%; margin: 0 5px 0 0; padding: 20px 10px; margin: 0 0 0 0;  }
   .no-description.recruiting .actions-menu {  padding: 0 0 0 0; }
   .no-description .actions-menu .button.searchV { float: left; margin: 0px 0px 0 10px; }
   .no-description .actions-menu .search{ margin: 0 0 0 0px; max-width: unset; float: left; width: 90%; position: relative; }
   .no-description .actions-menu.vacantB .search{ margin: 0 0 0 0px; max-width: unset; float: left; position: relative; width: calc(100% - 180px)}
   .no-description .actions-menu.vacantB .search .pure-input{ height: 43px; }
   .no-description .actions-menu.vacantB .search inpput { height: 43px; }

  .divColumnRightBig .search .pure-input {  margin: 0 0 0px 0; border-radius: 4px; }

  
   
    .divColumnRightBig .search .pure-input {  margin: 0 0 0px 0; border-radius: 4px; width: 100%; padding: 20px 10px; }
    .divColumnRightBig .button.searchV { float: left; margin: 0px 0px 0 10px; }
    .divColumnRightBig .search { margin: 0 0 0 0px; max-width: unset; float: right; width: 55%; position: relative; min-width: 150px; padding: 0; border: none;  
    margin-top: 0px; }

    .contentItemsActions { margin-bottom: 5px; display: flex; }

   

   .no-description .actions-menu h2 { padding: 5px 0 0 0; }

   .divColumnSeparator {    width: 33.33%; display: block; float: left; height: 42px; }
   .rec.dropdown-select  {  float: right; margin-right: 0px; margin: 0; margin-left: 3px;     border-radius: 4px;}

   .imgAdd { width: 30px; float: right; padding-top: 15px; cursor: pointer; }

   .separatorLeft { float: left; display: block; width: 24%; height: auto; }
   .separatorLeft .divColumnLeftSmall { width: 100%; }

   .separatorLeft.vacantsBoard { float: left; display: block; width: 400px; height: auto; border-right: 1px solid var(--border-default-color); background: white; transition: all 0.5s ease-in-out; overflow-y: auto; min-height: calc(100vh - 110px); height: calc(100vh - 110px); overflow-x: hidden; }
    .separatorLeft.vacantsBoard.requisition { min-height: calc(100vh - 80px); height: calc(100vh - 80px); }
    .separatorLeft.vacantsBoard div#boardOthers, div#dataBoss, div#dataOtherCandidate { border-bottom: 1px solid var(--border-default-color); margin-bottom: 0; }
    .separatorLeft.candidatesBoard div#dataClient .divColumnLeft.candidatesBoard a:nth-child(2) { padding: 2px 2% 2px 4%; }
   .separatorRight.vacantsBoard { float: right; display: block; width: calc(100% - 420px); }
   .separatorRight.vacantsBoard.requisition { float: right; display: block; width: calc(100% - 440px); margin-right: 20px; margin-bottom: 20px; }

   .separatorLeft.candidatesBoard { float: left; display: block; width: 400px; height: auto; transition: all 1s ease-in-out;  border-right: 1px solid var(--border-default-color); }
   .separatorLeft.candidatesBoard div#dataPosition, div#boardCandidates, div#chatCandidates { border-bottom: 1px solid var(--border-default-color); }
   .separatorLeft.candidatesBoard div#dataPosition { display: contents; }
   .separatorLeft.candidatesBoard div#dataPosition h2 { padding-left: 5%; }
   .separatorLeft.vacantsBoard div#dataPosition h2 { padding-left: 5%; }
   .separatorLeft.candidatesBoard div#dataPosition .aEdit { display: block; text-align: right; width: 100%; padding: 0px 5% 15px 10px; color:  var(--link) ; cursor: pointer; border-bottom: 1px solid var(--border-default-color); }
   .separatorLeft.candidatesBoard.sh { background: white; min-height: 110vh }
   .separatorRight.candidatesBoard { float: right; display: block; width: calc(100% - 420px); height: auto; transition: all 1s ease-in-out; min-height: 100vh; }

   .separatorRight { float: right; display: block; width: 74%; height: auto; transition: all 0.5s ease-in-out; }
   .showHide { color: white; padding: 6px; font-weight: bold; display: block; background: var(--actions-button); font-size: 1.7rem !important; }
   .showHideDad { float: right; background: #f7f7f7; cursor: pointer; }
   .showHideDad a { max-width: 35px; max-height: 35px; }
   .showHideDad #showHide1 { border-radius: 0 0 0 5px; }
   .showHideDad #showHide2 { border-radius: 0 0 5px 0; }
   .showHideDad + div { display: contents; } 
   .showHideDad + div .divColumnLeftSmall.requisition { display: contents; }
   .showHideDad + div .divColumnLeftSmall.requisition h2 { padding: 1em 0 0 5%; }
   .showHideLeft { width: 33px !important; transition: all 1s ease-in-out; }
   .showHideRight { width: calc(100% - 50px) !important; transition: all 1s ease-in-out; }
   .showHideRight2 { width: 95% !important; transition: all 1s ease-in-out; }
   .showHideSignatures { width: calc(95% - 56px) !important; transition: all 1s ease-in-out; left: 110px !important; }
   .shLeft { padding: 0 5%; width: 90% !important; }

   .separatorRight .divColumnRightBig { width: 100%; }
   .separatorLeft.candidatesBoard .divColumnRightBig { width: 100%; }
   .grid-scroll-horizontal.recruiting .grid-content.default tr:first-child { position: sticky; top: 0; }
   .grid-scroll-horizontal.recruiting .grid-content.default tr:not(:first-child) td { overflow: hidden; text-overflow: ellipsis;}
   .grid-scroll-horizontal.recruiting.vb { width: 98% !important; }

    .icon-menu .gridCandidates .grid-content .column.w1 { width: 20%; max-width: 260px; min-width: 250px; }
    .icon-menu .gridCandidates .grid-content .column.w2 { width: 13%; max-width: 160px; min-width: 150px; }
    .icon-menu .gridCandidates .grid-content .column.w3 { width: 5%; max-width: 60px; min-width: 50px; }
    .icon-menu .gridCandidates .grid-content .column.w4 { width: 5%; max-width: 15px; min-width: 10px; }
    .icon-menu .gridCandidates .grid-content .column.w5 { width: 5%; max-width: 120px; min-width: 110px; }
    .icon-menu .gridCandidates .grid-content .column.w6 { width: 20%; max-width: 210px; min-width: 200px; } 
    .icon-menu .gridCandidates .grid-content .column.w7 { width: 45%; max-width: 260px; min-width: 250px; } 
    .icon-menu .gridCandidates .grid-content .column.w8 { width: 5%; max-width: 75px; min-width: 65px; }
   
      .Profiles .grid-content .column.w7 { width: 45%; max-width: 260px; min-width: 250px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
      .Profiles .grid-content tr { border-top: 1px solid #dfdfdfb3; }
      .Profiles .grid-content th { background: #CBCDCE; color: black; }

      /* clases select 2*/
    .icon-menu .gridCandidates .grid-content .select2-selection__arrow b{ display:none !important; }
    .icon-menu .gridCandidates .grid-content .select2-container--default .select2-selection--single .select2-selection__rendered { float: unset; }
    .icon-menu .gridCandidates .grid-content .select2-container--default .select2-selection--single .select2-selection__rendered { float: unset; }
    /*.grid-content.recruiting .column.no-overflow .select2-container .selection .select2-selection--single { border: 0px; }*/
    .select2-container--default .select2-selection--single .select2-selection__rendered { float: left;   color: #000 !important;}
    .select2-container--default .select2-selection--single .select2-selection__rendered { float: left; }

    /*.requisitionData .select2-container { position: inherit; }*/
    .requisitionData .select2-container { z-index: 0; }


    .Filters .select2-container--default .select2-selection--single .select2-selection__rendered { width: 80%; }
    /*PANTALLA PDF POR CANDIDATO y NAVEGACION*/

    .divContentPDFCandidate { height: auto; position: relative; margin: 0 auto; width: 100%; display: inline-block; }
    .divContentPDFCandidate .pdfContent { width: 95%; height: 700px; margin: 0 auto; display: block; }
    .pdfContent.candidatesB { width: 98%; min-height: 100vh }

    .divSignatureCol.Starts{ height: fit-content; margin: 0 10px;}
    /*.divSignatureCol.Starts .divStartsContent {   width: 250px;  margin: 25px auto; height: 50px; }*/
    .divSignatureCol.Starts .divStartsContent p{  text-align: center; padding: 0; width: fit-content; }
    .divSignatureCol.Starts .divStartsContent label{ font-size: 40px; cursor: pointer; }
    .divSignatureCol.Starts label{ color:grey;}
    .divSignatureCol.Starts input[type = "radio"]{ display:none;}
    .divSignatureCol.Starts label:hover{color:orange;}
    .divSignatureCol.Starts label:hover ~ label{color:orange;}
    input[type = "radio"]:checked ~ label{color:orange;}
    .checkedStar { color: orange !important; }

    .divContentPDFCandidate .divColumnLeftSmall { width: 20%; float: left; height: 700px; position: relative; }
    .divContentPDFCandidate .divColumnLeftSmall img { width: 50px;  height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; }
    .divContentPDFCandidate .divColumnRightSmall { width: 20%; float: left; height: 700px; position: relative; }
    .divContentPDFCandidate .divColumnRightSmall img { width: 50px;  height: 50px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; }
    .divContentPDFCandidate .divColumnCenterBig { width: 60%; float: left; }
    .divContentPDFCandidate .divColumnCenterBig h2 { text-align: center; width: 95%; margin: 0 auto; display: block; height: auto; padding: 0px; }
    .divContentPDFCandidate .divColumnCenterBig h2.Download { color: rgb(65, 131, 196); padding-top: 26%; }
    .divContentPDFCandidate .divColumnCenterBig h2.iAceppt { color: #3BB273; }
    .divContentPDFCandidate .divColumnCenterBig h2.iDiscarded { color: #E65644; }
/*    .prevNext h2.iAceppt { color: #3BB273; padding: 10px 0; }
    .prevNext h2.iDiscarded { color: #E65644; padding: 10px 0; }*/

    .divContentPDFCandidate .divColumnCenterBig p { text-align: center; width: 95%; margin: 0 auto; display: block; height: auto; padding: 10px; }
/*    .prevNext { display: flex; justify-content: center; margin-bottom: 10px; }*/
    .divSignature div img { cursor: pointer; height: 30px; filter: invert(48%) sepia(56%) saturate(623%) hue-rotate(163deg) brightness(96%) contrast(87%); }

    input[type="text"].inpEditCV { width: 100%; padding: 5px; }
    input[type="text"].inpEdit { width: 70%; padding: 2px; font-size: .9rem; margin-left: 3px; }
    input[type="text"].pEditCV { width: 100%; }

    .individualSign.iAceppt { background: #badaba; }
    .individualSign.iDiscarded  { background: #f8bfbf; }
    .individualSign.iHold  { background: #f2f8bf; }
    .individualSign.iStop  { background: #f8bfbf; }
    .individualSign.intern  { border-left: 4px solid royalblue; width: 98%; }
    .clasificacion{
      direction: rtl;/* right to left */
      unicode-bidi: bidi-override;/* bidi de bidireccional */
  }

    .Filters .select2-container { float: right; }
    .Filters .select2-selection__rendered {
        line-height: 38px !important;
    }
    .Filters .select2-container .select2-selection--single {
        height: 42px !important;
    }
    .Filters .select2-selection__arrow {
        height: 41px !important;
    }

    .icon-menu .gridCandidates .grid-content .select2-container { position: inherit; }

    .icon-menu .gridCandidates .grid-content .select2-selection__rendered {
        line-height: 31px !important;
    }
    .icon-menu .gridCandidates .grid-content .select2-container .select2-selection--single {
        height: 35px !important;
    }
    .icon-menu .gridCandidates .grid-content .select2-selection__arrow {
        height: 34px !important;
    }


    .select2-selection__rendered {
        line-height: 38px !important;
    }
    .select2-container .select2-selection--single {
        height: 42px !important;
    }
    .select2-selection__arrow {
        height: 41px !important;
    }
    .Filters .select2-container--default .select2-selection--single { border: 1px solid #ccc; }
    .Filters.fRecruiting .select2-container--default .select2-selection--single { border: 1px solid var(--advisor-button); background: var(--advisor-button); border-radius: 0; }
     .Filters.fRecruiting .select2-container--default .select2-selection--single .select2-selection__rendered, .Filters.fRecruiting .select2-container--default .select2-selection--single .select2-selection__placeholder { color: white; font-size: 14px; font-weight: 300; }
    .Filters.fRecruiting .select2-container--default .select2-selection--single .select2-selection__arrow b { border-color: white transparent transparent transparent; }

    .dropdown-select.actions a.dropdown-right.rec { font-size: 1.2rem; padding-right: 3px !important; }
    /*.popup-top.big.candidate .select2-container--default .select2-selection--single .select2-selection__arrow b { margin-left: 200px; }*/

      @media only screen and (min-width: 1300px) and (max-width: 1550px){
      .divColumnLeftSmall { width: 26%; }
      .divColumnRightBig { width: 73%; }
      }

    @media only screen and (min-width: 800px) and (max-width: 1300px){
      .divColumnLeftSmall { width: 29%; }
      .divColumnRightBig { width: 70%; }
      }

        @media only screen and (min-width: 500px) and (max-width: 1201px){
      .divColumnLeftSmall { width: 32%; }
      .divColumnRightBig { width: 67%; }
      }
      
      
    div.actionsCand{ padding: 8px 0; }
    .actionsCand .checkMark { color: #898989; font-size: 18px !important; padding: 0 0 5px 0 !important;  }
    .actionsCand .checkMark:hover { color: green; }
    .actionsCand .multiplicationX { color: #898989; font-size: 18px !important; padding: 0 !important; }
    .actionsCand .multiplicationX:hover { color: red; }

    #dateRange { background: #fff; cursor: pointer; border: 1px solid #CCCCCC; width: 317px; height: 40px; padding-left: 4px; color: #444444; }
    #dateRange span {  line-height: 42px; vertical-align: middle; font-family: 'Poppins', Arial, sans-serif !important;}
    .daterangepicker { font-family: 'Poppins', Arial, sans-serif !important; }
    .daterangepicker .drp-calendar { max-width: fit-content !important; }
    .daterangepicker th.month{ color: #555555 }
    .daterangepicker thead tr:nth-child(2) th{ color: #555555 }
    .downloadRep { width: 321px !important; margin: 20px 0; }
    .daterangepicker td.in-range { background-color: #F1D0B780 !important; }
    .daterangepicker td.active, .daterangepicker td.active:hover { background-color: #f0a66c !important; }
    .daterangepicker button { background-color: #3BB273; color: white; font-weight: 500; border: 1px solid #3BB273; cursor: pointer }
    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td { padding: 0; }
    .daterangepicker .drp-calendar .calendar-table .table-condensed > th, tr { height: 10px !important; }
    .cancelBtn { display: none }

    .content-pane.has-left-menu.icon-menu.no-description.Pipeline.flex{ display: flex; }
    .selectReportType .select2-selection.select2-selection--single{ margin: 0; margin-bottom: 5px; height: 40px; width: 323px; max-width: none; border-radius: 0 !important; border: 1px solid #CCCCCC !important; }

   .addNew { color: var(--link); cursor: pointer; }

   .div-left { position: fixed; background: rgba(204, 204, 204, 0.2); width: 350px; height: -webkit-fill-available; padding-left: 20px; }
   .div-right { width: calc(100% - 380px); margin-left: 380px; overflow-x: scroll; padding-left: 20px; padding-bottom: 50px; }
   .div-row { width: 100%; margin-top: 52px }
   .div-border { border: 1px solid rgba(204, 204, 204, 0.5); padding: 10px; background: white; }
   .div-border-height { border: 1px solid rgba(204, 204, 204, 0.5); padding: 10px; height: 300px; background: white; }
   .div-border-height.table { padding: 0; height: auto; }
   .div-border-height.table .grid-scroll-horizontal.recruiting.vTable { width: 100%; }
   .div-border-height.table .grid-scroll-horizontal.recruiting.vTable table { width: 100%; margin: 0; }
   .div-border-doughnut { border: 1px solid rgba(204, 204, 204, 0.5); padding: 10px;  height: 300px; width: 300px; background: white; }
   .div-border-doughnut.centerText { display: flex; justify-content: center; align-items: center; text-align: center; }
   .content-pane.has-left-menu.icon-menu .div-border-doughnut.centerText > p { font-size: 2rem; text-align: center; display:contents; line-height: 3rem; }
   .content-pane.has-left-menu.icon-menu .div-border-doughnut.centerText > p.PrincipalTitle {     font-size: 4.5rem; line-height: 6rem;     font-weight: 500; }
   .div-faltante { border: 1px solid #CCCCCC; margin: auto 20px; max-width: 40%; text-align: center; padding: 10px }
   .div-faltante a:first-child { color: #8D063A; font-weight: 400; font-size: 20px }
   .rowOne { display: flex; }
   .oneOne { width: 300px; margin-right: 35px; }
   .twoOne { width: calc(100% - 336px); }
   .rowTwo, .rowThree { margin-top: 30px; width: 100%; max-height: 352px; height: auto; }
   .rowNine { display: flex; margin-top: 30px; width: 100%; height: 330px; }
   .oneNine { margin-right: 15px; width: 50%; height: 300px; }
   .twoNine { width: 50%; height: 300px; }
   .rowFour, .rowSeven { display: flex; margin-top: 52px }
   .oneFour, .oneSeven { width: 300px; margin-right: 35px; }
   .twoFour { width: calc(100% - 336px); }
   .twoSeven { width: calc(100% - 336px);  margin-top: 22.5px; }
   .fifty-fifty {  width: calc(50% - 7px); display: inline-block; margin-top: 30px; max-height: 352px; height: auto; }
   .fifty-fifty:first-child {  margin-right: 10px; }
   #vacResumen, #vacGlobal, #ingTipoCont { max-height: 280px; max-width: 280px; margin: auto; }
   #graphAsesoresAbiertosCerrados, #graphAsesoresAbiertos,#graphAsesoresCerradas,#vacViccerectoria, #vacOrigenVic, #ingTipoContVic, #vacViccerectoriaTotal, #vacViccerectoriaTotalCerradas { height: 300px; max-height: 300px; min-height: 300px; }
   #vacGenCerr, #plazasVic, #vacMes, #fteMeta, #fteSfr { height: 300px; max-height: 300px; min-height: 300px }
   .barTitle { font-size: 16px }
   .tresCuartos { min-width: 640px }
   .unMedio { min-width: 490px }
   .unEntero { min-width: 975px }
   .unCuarto { min-width: 975px; height: 65px; }
   .unCuarto .barTitle { font-size: 20px;   }
   .unCuarto .barRange { font-size: 20px; line-height: 2rem;  }
   .grid-content.vacTable { margin: 10px auto; }
   .grid-content.vacTable th, tr, tr td { padding: 0 10px 0 10px; }
   .grid-content.vacTable th.center { text-align: center; background: rgb(69,69,70); color: white; }
   .grid-content.vacTable .w7 { width: 7%;} 
   .grid-content.vacTable .w7:first-child { width: 16%;}
   .grid-content.vacTable th, .grid-content.vacTable tr:last-child td{ background-color:  rgb(204, 204, 204); color: rgb(69,69,70); position: sticky; text-align: center; }
   .grid-content.vacTable th { top: 0; }
   .grid-content.vacTable tr:last-child td { bottom: 0; font-weight: bold; }
   .grid-content.vacTable tr td:first-child { border-right: 1px solid rgba(69,69,70, 0.2)}
   .grid-content.vacTable tr:nth-child(even) { background-color: rgba(226,226,226, 0.6); color: rgb(69,69,70) }
   .grid-content.vacTable tr:nth-child(odd) { background-color: #f7f7f7 }
   .grid-scroll-horizontal.recruiting.vTable { height: auto;  max-height: 292px; }
   .grid-content.vacTable tr td:not(:first-child), th:not(:first-child) {  padding-right: 10px; border-right: 1px solid #f7f7f7 }
   .grid-content.vacTable tr:last-child td { border: none }

	.daterangepicker.inputDates { z-index: 99999; }
	.daterangepicker.inputDates .drp-buttons .btn.cancelBtn  { display: none; }

	.modalDates .popup-top { max-width: 400px; }
	.modalDates .inputDatePopDates { width: 94%; display: block; }

    .actions-menu.recruiting.trequisition { height: 40px; padding: 10px 0 8px 20px; border-bottom: 1px solid var(--border-default-color); }
    .actions-menu.recruiting.candidateBoard { display: flex; border-bottom: 1px solid var(--border-default-color); }
    .actions-menu.recruiting.vacantB { border-bottom: 1px solid var(--border-default-color); }
    .actions-menu.recruiting.candidateBoard .divColumnLeft.candidate { margin: auto 20px; }
    .candidatesBoardStatus { text-align: center !important; max-width: none !important; width: 100%; margin-left: 58px; }
    .iTitleDocCandidate { margin: auto; display: table; margin-top: 15%; }
    .pDownloadCandidate { margin: auto; text-align: center; }
    .iTitleDocCandidateSH { margin-top: 11% !important; }

    .content-pane.has-left-menu.icon-menu.no-description.vacants.candidateBoard { background: white; }
    .content-pane.has-left-menu.icon-menu.no-description.vacants.vacantBoard { background: white; height: 94.5%; position: fixed; overflow: hidden; min-width: calc(100% - 60px); }
    .grid-scroll-horizontal.recruiting.gridInterviews tr { border: 1px solid var(--border-default-color); }
    .grid-scroll-horizontal.recruiting.gdMessages tr { border: 1px solid var(--border-default-color); }
    .divEdit.vacantBoard { min-height: 0; border-bottom: 1px solid var(--border-default-color); }
    .icon-menu .grid-scroll-horizontal.Profiles { width: 100%; }
    .selectCandidatos { width: 330px; margin: 5px 0; }
    .selectCandidatos .select2-container--default .select2-selection--single {  border-radius: 0; background: var(--advisor-button); }
    .selectCandidatos .select2-container--default { width: 98% !important; }
    .columnComplete .selectCandidatos .select2-container--default { width: 98% !important; z-index: unset; }
    .selectCandidatos .select2-selection__rendered { color: white !important; font-size: 14px; font-weight: 300; max-width: 90%; }
    .selectCandidatos .select2-selection__arrow b { border-color: white transparent transparent transparent !important; }


      .recruiting-requisition.search{ background-color: white; cursor: auto; position: relative; margin: 0 auto; height: 800px; min-height: 500px; max-height: 90%; overflow: hidden; width: 1200px; top: 0; z-index: 10000 !important; }
        .recruiting-requisition.search div input{  height: auto; margin: 0; padding: 15px 10px; float: left; }
        .recruiting-requisition.search .grid-scroll-horizontal { padding: 0 0 15px 20px; width: calc(100% - 45px); height: 73%; overflow: auto; background-color: white; }
            .recruiting-requisition.search .grid-scroll-horizontal tr { background-color: white; }
                .recruiting-requisition.search .grid-scroll-horizontal tr:hover { background-color: RGBA(240, 166, 108, 0.50); transition: all 0.3s ease-in-out; }
            .recruiting-requisition.search .popup-top-header { margin: 0; padding: 0 20px; height: 60px; background-color: var(--main-bg-color); }
                .recruiting-requisition.search .popup-top-header h3 { padding-top: 20px; }
            .recruiting-requisition.search .popup-top-content { margin: 0; padding: 10px 20px; overflow: auto; text-align: center; }

    .discardCandContainer { width: calc(100% - 545px); bottom: 0; position: fixed; transition: all 0.3s ease-in-out; opacity: 0.5; margin-left: 15px; }
    .discardCandContainer.complete { width: calc(100% - 165px); }
    .discardCandContainer div { padding-left: 0; padding-top: 10px; text-align: -webkit-center; width: 100%; }
    .discardCandContainer div .button.red { width: 100%; cursor: no-drop; }

    .text-blue { text-decoration: underline; color: #4183C4; cursor: pointer; }
    .disableEvent {pointer-events:none;}    
  
    .recruitingCustom.sub-menu { left: 80px !important; background: transparent!important; width: 160px; }
    .menu-left ul.sub-menu.recruitingCustom li { padding: 0 20px; max-width: 145px !important; width: 100%; height: 30px !important;  min-height: 30px; max-height: 30px; }  
    .menu-left ul.sub-menu.recruitingCustom li.selected { background: #CCCCCC; }  
    .menu-left ul.sub-menu.recruitingCustom li:hover { background-color: #C4C4C4; }
    .menu-left ul.sub-menu.recruitingCustom li a { color: black; background: unset; display: table-cell; 
                                                       word-break: break-word;
    vertical-align: middle;
    width: calc(100% - 10px - 35px);
    min-width: 61%;
    font-size: .95rem;
    line-height: 1.6rem;

    padding: 5px 10px 5px 10px;
    height: auto;
    max-height: 105px;
    display: table-cell;
    }
    .menu-left ul.sub-menu.recruitingCustom li a:hover { height: 20px !important; }
    .recruitingCustom.columnPipelineShort { width: 200px !important; max-width: 200px; min-width: 200px; border-right: 0; }
    .recruitingCustom.columnPipelineShort .Header--start-small { justify-content: space-between }
    .recruitingCustom.columnPipelineShort .Header--start-small a.selectBackground, .recruitingCustom.columnPipelineShort .Header--start-small a.deleteColumn { width: 25px; height: 25px; padding: 0 10px; cursor: pointer; }
    .recruitingCustom.columnPipelineShort .Header--start-small .selectBackground img, .recruitingCustom.columnPipelineShort .Header--start-small .deleteColumn img  { width: 25px; height: 25px; }
    .recruitingCustom.columnPipelineShort .Header--start-small .selectBackground input[type=color]  { opacity: 0; position: relative; left: 0; top: -30px; width: 100%; height: 100%;cursor: pointer; }
    .recruitingCustom.columnPipelineShort .Header--start-small a.selectTitle { width: calc(100% - 90px) }
    .recruitingCustom.columnPipelineShort .Header--start-small a.selectTitle input{ display: block; padding: 0; text-align: center; background: none; max-width: 100%; color: white; font-size: .8rem; font-weight: 600; border: none; }
    .recruitingCustom .ddSelectMails .dropdown-select.actions {  margin: 20px 0 0 0; width: calc(100% - 6.5px); }
    .recruitingCustom .ddFiltersUsersDisplay .dropdown-select.actions {  margin: 10px 0 0 0; width: calc(100% - 6.5px); }
    .recruitingCustom .ddSelectMails .dropdown-select .dropdown-select-content .ddInfo {  display: flex; padding: 10px; max-width: calc(100% - 20px); height: auto; align-items: center; font-size: small; line-height: 1.1; color: #D7D8DA; font-weight: 600;    border-bottom: 1px solid #D7D8DA; margin-bottom: 10px; }
    .recruitingCustom .ddSelectMails .dropdown-select .dropdown-select-content, .recruitingCustom .ddFiltersUsersDisplay .dropdown-select .dropdown-select-content  { width: 200px; }
    .recruitingCustom .ddSelectMails .dropdown-select .dropdown-select-content .ddInfo img { filter: invert(0%) sepia(0%) saturate(2595%) hue-rotate(178deg) brightness(72%) contrast(185%); width: 20px; height: 20px; margin-right: 10px; }
    .recruitingCustom .ddFilterTemplates .dropdown-select.actions { margin: 0;  margin-bottom: 20px; }
    .recruitingCustom .check-content .description { display: flex; justify-content: space-between; }
    .recruitingCustom .check-content .description img { width: 18px; filter: invert(0%) sepia(0%) saturate(0%) hue-rotate(127deg) brightness(356%) contrast(55%); cursor: pointer; }
    .customRequisition  + .overlay .popup-top-content { text-align: start; }
    .customRequisition .actions-menu.recruiting p.instruction { width: 100%; padding: 0; }
    .recruitingCustom.columnPipelineShort .contentSignsPipeline .check-content.salaryAssign { width: max-content; }
    .modalEditMail .popup-top .popup-top-content .content-register-row, .modalEditMail .content-register-row { text-align: start; border-bottom: 1px solid #D7D8DA; margin-bottom: 10px; }
    .modalEditMail .content-register-row { max-width: 700px; }
    .modalEditMail .emailTitle { color: #D7D8DA; font-weight: bold; margin-right: 10px; }
    .modalEditMail input[type="text"] { border: none !important; }
    .modalEditMail .emailRecipient { border: none !important; display: flex; padding: 5px 0; }
    .modalEditMail .emailRecipient .check-content { width: max-content !important; padding: 0 15px 10px 0; }
    .modalEditMail .emailRecipient .check-content .description { width: fit-content; }
    .modalEditMail .emailOptions { max-width: 700px; display: flex; justify-content: space-between; }
    .emailOptions .ddFiltersRepeat { margin: 20px 0 50px 0; }
    .customRequisition .ddFilterTemplates { margin-bottom: 10px; }
    .emailOptions .ddFiltersRepeat .dropdown-select.actions,  .customRequisition .ddFilterTemplates .dropdown-select.actions { margin: 0; }
    .modalEditMail .emailContent { text-align: start; display: flex; background: rgba(56, 182, 255,0.3); max-width: 700px; }
    .modalEditMail .emailContent textarea, .modalEditMail .emailContent .emailTextarea { width: 70%; height: 175px; background: white; border: 1px solid #D7D8DA; padding: 10px; overflow-y: auto; }
    .modalEditMail .emailContent .emailContentOption { width: 26%; padding: 5px 10px; align-self: center; }
    .modalEditMail .emailContent .emailContentOption a { color: #38B6FF; display: block; cursor: pointer; text-align-last: center; }
    span.emailContentOption { color: #38B6FF; background: rgba(56, 182, 255,0.3); padding: 0; }

    .addColumn.columnPipelineShort { width: 5px; opacity: 0; cursor: pointer; height: 60px; border: 0; min-height: 0; padding: 0 2.5px; user-select: none; }
    .addColumn.columnPipelineShort:hover, .addColumn.columnPipelineShort.last { width: 25px; opacity: 100; min-width: 25px; }
    .addColumn .Header--start-small .aHeaderTitle { background: #D7D8DA; width: 20px; padding: 10px 0; display: block;
    text-align: center; font-size: 1.3rem; color: white; max-width: 25px; }
    .addColumn .Header--start-small { background: transparent; }
    .gdDropDown.grid-content .dropdown-select { display: inline-block; padding: 10px 5px 10px 0; width: calc(100% - 20px); cursor: pointer; border: 1px solid #CCCCCC; margin: 10px 5px 0 5px; background-color: white;
    position: unset; }
    .gdDropDown.grid-content .dropdown-select { display: inline-block; padding: 10px 5px 10px 0; width: calc(100% - 20px); cursor: pointer; margin: 10px 5px 0 5px; position: unset; }
    .customRequisition.no-description .actions-menu.recruiting .divColumnSeparator { width: 100%; }
    .customRequisition.no-description .actions-menu.recruiting p { width: 100%; padding: 0; display: block; }
    .customRequisition.no-description .grid-content .column.ddown .check-content { height: 20px; padding: 5px 10px; }
    .customRequisition.no-description .grid-content .column.ddown .dropdown-select-no-hide { margin: auto; }
    .customRequisition .gdDropDown .chk { width: 0.3%; }
    .customRequisition .actions-menu { margin: 0; }
    .customRequisition .actions-menu.search { margin: 0; padding: 20px 0 20px 0; }
    .customRequisition .grid-scroll-horizontal.recruiting .grid-content.default tr:not(:first-child) td { overflow: unset; text-overflow: unset;}
    .customRequisition .grid-scroll-horizontal.recruiting .grid-content .userName { min-width: 220px; overflow: hidden; text-overflow: ellipsis;}
    .graphicsTitle { margin-top: 90px; }
    .graphicsTitle h2 { max-width: unset; padding: 0; }
    .candidateConversation .popup-top { max-width: 750px; }
    .candidateConversation .popup-top-content .sections { text-align: start; }
    .candidateConversation .popup-top-content .sections a { margin-right: 10px; padding: 0 5px; cursor: pointer; }
    .candidateConversation .popup-top-content .sections a.selected { margin-right: 10px; border-bottom: 2px solid var(--link); padding: 0 5px; }
    .candidateConversation .popup-top-content .conversationHistory { margin: 15px 0; border: 1px solid #cccccc; padding: 10px;     overflow-y: scroll; max-height: 500px; }
    .candidateConversation .popup-top-content .conversationHistory .recruiterMessage { margin-top: 20px; text-align: end; }
    .candidateConversation .popup-top-content .conversationHistory .recruiterMessage .fromToEmail { width: 100%; padding: 0; text-align: end; }
    .candidateConversation .popup-top-content .conversationHistory .recruiterMessage .messageChat { background: rgba(65, 131, 196, .7); padding: 10px; margin-left: 10%; }
    .candidateConversation .popup-top-content .conversationHistory .recruiterMessage .messageChat p { text-align: end;
    margin-left: 10%; padding-bottom: 0; }
    .candidateConversation .popup-top-content .conversationHistory .participantMessage { margin-top: 20px; text-align: start; }
    .candidateConversation .popup-top-content .conversationHistory .participantMessage .messageChat { background: rgba(204, 204, 204, .7); padding: 10px; margin-right: 10%; }
    .candidateConversation .popup-top-content .conversationHistory .participantMessage .messageChat p { padding-bottom: 0; }
    .candidateConversation .popup-top-content .conversationHistory .participantMessage .fromToEmail { padding: 0; }
    .candidateConversation .popup-top-content .conversationHistory a { font-size: smaller; }
    .candidateConversation .popup-top-content .conversationHistory .recruiterMessage a { text-align: end; }
    .candidateConversation .popup-top-content .createEmail { text-align: start; padding: 15px 0; }
    .candidateConversation .popup-top-content .createEmail div a:first-of-type { width: 10%; min-width: 60px; display: inline-block; text-align: end; margin-right: 10px; }
    .candidateConversation .popup-top-content .createEmail .editorEmail { border: 1px solid #cccccc; margin: 20px 0; padding: 10px; min-height: 200px; max-height: 300px; overflow: auto; font-weight: 400; color: #555555; text-align: left;}
    .candidateConversation .popup-top-content .createEmail p { padding: 0; }
    .candidateConversation .popup-top-content .createEmail span img { width: 20px; filter: invert(100%) sepia(89%) saturate(7458%) hue-rotate(57deg) brightness(109%) contrast(109%); }
    .candidateConversation .popup-top-content .createEmail span { font-style: italic; display: flex; }
    .candidateConversation .popup-top-content .createEmail .participantMail { width: calc(70% - 30px); display: inline-block;; }
    .candidateConversation .popup-top-content .createEmail .CClink { padding: 0 5px; cursor:pointer; color: var(--link); width: 10%; }
    .candidateConversation .popup-top-content .createEmail .CCEmail input { width: 80%; margin: 5px 0; }
    .candidateConversation .popup-top-content .createEmail .CCEmail a:last-of-type { padding: 0px 10px; cursor: pointer; }
    .candidateConversation .popup-top-content .createEmail .emailSubject input { width: 85%; }
    .candidateConversation .popup-top-content .createEmail .sendMail { display: flex; justify-content: flex-end; }
    .candidateConversation .popup-top-content .createEmail .sendMail .attachment {  background: #cccccc; padding: 5px 0; min-width: 40px; display: flex; text-align: center; width: 40px; margin-right: 10px; }
    .candidateConversation .popup-top-content .createEmail .sendMail .send {  background: var(--link); padding: 5px 20px; min-width: 40px; display: flex; text-align: center; align-items: center; color: white; width: auto; }
    .candidateConversation .popup-top-content .createEmail .sendMail img { width: 30px; height: 30px; margin: auto; }

    /*Editor de textos mediumEditor*/
    .medium-editor-toolbar-active.medium-editor-stalker-toolbar { z-index: 100000; }
    .medium-editor-toolbar li button { padding: 5px 10px !important; border: 1px solid #cccccc !important; padding: 10px; margin-left: 40%;}
    .medium-editor-toolbar li button:hover { background: #cccccc; }

    .recOpportunities .bannerBackground { position: relative; background-size: cover; color: white; height: 40vh; display: flex; align-items: center; justify-content: center; text-align: center; max-height: 400px; }
    .recOpportunities.vacantDetail .bannerBackground { height: 165px; max-height: 165px; position: fixed; width: 100%; z-index: 2;     background-position: center center; }
    .recOpportunities .bannerBackground::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 1; }
    .recOpportunities .bannerBackground .banner { justify-items: center; position: relative; z-index: 2; display: flex; flex-direction: column; align-items: center; }
    .recOpportunities .bannerBackground .banner .banner-logo { max-width: 200px; height: auto; margin-bottom: 18px; filter: brightness(0) invert(1); opacity: 0.95; }
    .recOpportunities.vacantDetail .bannerBackground .banner .banner-logo { max-width: 140px; margin-bottom: 10px; }
    .recOpportunities .bannerBackground .banner h1 { text-align: center; font-size: 36px; color: white; font-weight: 800; }
    .recOpportunities.vacantDetail .bannerBackground .banner h1 { font-size: 22px; font-weight: 700; padding-top: 0; }
    .recOpportunities .bannerBackground .banner p { text-align: center; padding: 0; color: white; font-size: 20px; width: 100%; font-weight: 300; }
    .recOpportunities.vacantDetail .bannerBackground .banner p { font-size: 18px; }

    @media (max-width: 768px) {
        .recOpportunities .bannerBackground .banner .banner-logo { max-width: 150px; margin-bottom: 12px; }
        .recOpportunities.vacantDetail .bannerBackground .banner .banner-logo { max-width: 110px; margin-bottom: 8px; }
    }
    @media (max-width: 480px) {
        .recOpportunities .bannerBackground .banner .banner-logo { max-width: 120px; margin-bottom: 10px; }
    }

    .recOpportunities .list-vacants-content { padding: 50px 95px; }
    .recOpportunities .jobSearch { border: none; width: 35%; min-width: 500px; position: absolute; }
    .recOpportunities .jobSearch .searchImg { position: absolute; width: 18px; left: 10px; height: 100%; }
    .recOpportunities .jobSearch .pure-input { width: 400px; padding-left: 35px; border-radius: 8px; border: none; }
    .recOpportunities .jobSearch .pure-input::placeholder { color: #BCBCBC; }
    .recOpportunities .opportunityArea { padding: 50px 0; }
    .recOpportunities .opportunityArea h3 { font-weight: 700; font-size: 20px; }
    .recOpportunities .opportunityArea .opBoard { width: 100%; display: flex; flex-wrap: wrap; }
    .recOpportunities .opportunityArea .opBoard .divDadRec { width: 100%; display: flex; flex-wrap: wrap; }
    .recOpportunities .dropdown-select.search { position: absolute; left: 550px; height: 38px; border: none; border-radius: 8px; width: 310px; }
    .recOpportunities .dropdown-select.search > a, .dropdown-select > img  { user-select: none; }
    .recOpportunities .dropdown-select.search .locImg { position: absolute; height: 100%; width: 20px; margin-left: 10px; }
    .recOpportunities .dropdown-select.search .description { padding-left: 35px; color: #bcbcbc; max-width: calc(100% - 65px); margin: 0; align-content: center; height: 100%; }
    .recOpportunities .dropdown-select.search .dropdown-right { padding: 0 10px; width: 20px; margin: 0; height: 100%; }
    
    .recOpportunities.vacantDetail { padding-top: 0; }

    .vacantDetail .infoVacant { width: auto; background: white; margin: 200px 95px 50px 95px; padding: 40px; border-radius: 8px; height: max-content; }
    .vacantDetail .infoVacant .backArrow { display: flex; align-items: center; font-size: 14px; font-weight: 400; width: fit-content; }
    .vacantDetail .infoVacant .backArrow img { width: 24px; margin-right: 5px; }
    .vacantDetail .infoVacant .headerVacant h1 { padding: 10px 0; font-size: 20px; font-weight: 700; }
    .vacantDetail .infoVacant .headerVacant a.info { display: inline-flex; align-items: center; margin-right: 20px; font-size: 12px; font-weight: 400; color: #333333; }
    .vacantDetail .infoVacant .headerVacant a.info img { width: 20px; margin-right: 5px; }
    .vacantDetail .infoVacant .contentVacant { margin-top: 0px; display: flex; }
    .vacantDetail .infoVacant .contentVacant .generalInfo { width: calc(100% - 665px); padding-right: 100px; font-size: 14px; font-weight: 400; text-align: justify; }
    .vacantDetail .infoVacant .contentVacant ul { padding-left: 30px; list-style-position: inside; list-style:unset; }
    .vacantDetail .infoVacant .contentVacant a {     text-decoration: underline; }
    .vacantDetail .infoVacant .contentVacant .columnBanner { width: 565px; height: auto; }
    .vacantDetail .infoVacant .contentVacant .columnBanner .divImages img { width: 250px; height: 260px; margin-bottom: 10px; object-fit: cover; }
    .vacantDetail .infoVacant .contentVacant .columnBanner .divImages img:nth-child(odd) { margin-right: 10px; }
    .vacantDetail .infoVacant .button.apply { width: calc(100% - 20px); background: #02416D; color: white; border-radius: 8px; font-weight: bold; display: block; text-align: center; margin-top: 30px; }
    .vacantDetail .infoVacant .apllyVacant { height: fit-content; }
    .vacantDetail .infoVacant .apllyVacant .applyInstructions { width: 100%; font-size: 16px; font-weight: 600; margin-top: 20px; }
    .vacantDetail .infoVacant .apllyVacant .formsHeader { display: flex; justify-content: space-between; align-items: center; }
    .vacantDetail .infoVacant .apllyVacant .formsHeader img { width: 20px; }
    .vacantDetail .infoVacant .apllyVacant .formsTitle { font-size: 14px; font-weight: 700; line-height: 14px; padding: 30px 0 0 0; }
    .vacantDetail .infoVacant .apllyVacant .formsSubtitle { font-size: 12px; font-weight: 400; padding: 0 0 10px 0; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs { display: flex; flex-direction: row; flex-wrap: wrap; border-radius: 8px; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray { background: #efefef; padding: 20px; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray  div { width: calc((100% - 20px) / 2); }
    .vacantDetail .infoVacant .apllyVacant .formsInputs p { font-size: 12px; font-weight: 600; padding: 0; width: fit-content; max-width: 90%; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs div { width: calc((100% - 40px) / 3); }
    .vacantDetail .infoVacant .apllyVacant .formsInputs div:nth-of-type(2), .vacantDetail .infoVacant .apllyVacant .formsInputs div:nth-of-type(5) { margin: 0 20px; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(1), .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(3) { margin: 0 20px 0 0; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(2), .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(5) { margin: 0; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs input, .vacantDetail .infoVacant .apllyVacant .select2-container--default .select2-selection--single, select { border: 1px solid #D9D9D9; border-radius: 8px; height: 22px; padding: 10px; width: calc(100% - 20px); }
    .infoVacant .apllyVacant .select2-container--default .select2-selection--single { width: 100% !important; padding: 0 !important; height: 40px !important;}
    .vacantDetail .infoVacant .apllyVacant .formsInputs input::placeholder, .vacantDetail .infoVacant .select2-container--default .select2-selection--single .select2-selection__rendered, .vacantDetail .infoVacant .apllyVacant .formsInputs textarea::placeholder, .vacantDetail .infoVacant .formsInputs input[type="date"] { color: #D9D9D9; }
    .vacantDetail .infoVacant .select2.select2-container.select2-container--default { z-index: 1 !important; }
    .vacantDetail .infoVacant .apllyVacant textarea { width: calc(100% - 20px); border-radius: 8px; min-height: 20px; padding: 10px; max-height: 25px; }
    
    .vacantDetail .infoVacant .apllyVacant .uploadCV { height: 70px; border: 2px dashed #CCCCCC; align-content: center; text-align: center; color: #676767; font-weight: 600; font-size: 12px; display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; padding: 10px; border-radius: 8px; }
    .vacantDetail .infoVacant .apllyVacant .cv-info { display: flex; justify-content: space-between; background: #DAEFFF; padding: 10px 20px; margin: 10px 0; border-radius: 8px; text-transform: uppercase; }
    .vacantDetail .infoVacant .apllyVacant .cv-info img { width: 20px; height: 100%; }
    .vacantDetail .infoVacant .apllyVacant .uploadCV img { height: 70%; }
    .vacantDetail .infoVacant .apllyVacant input[type="file"] {  position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; }

/*.vacantDetail .infoVacant .apllyVacant .formsInputs div.divReferidoPrinp {     width: calc((100%) / 2); }

.vacantDetail .infoVacant .apllyVacant .formsInputs div.selReferido { width: 20%;
    float: left;
    display: block; }

.formsInputs input.inpReferido {     width: 63%;
    float: left;
    display: flex;
}*/

/* Loader Overlay */
.loader-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.6); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); z-index: 99999; justify-content: center; align-items: center; opacity: 0; transition: opacity 0.3s ease; }
.loader-overlay.active { display: flex; opacity: 1; }
.loader-card { background: #ffffff; border-radius: 16px; padding: 40px 50px; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15); animation: loaderPulse 0.4s ease-out; }
@keyframes loaderPulse { 0% { transform: scale(0.9); opacity: 0; } 100% { transform: scale(1); opacity: 1; } }
.loader-img { width: 64px; height: 64px; margin-bottom: 16px; }
.loader-text { margin: 0; font-size: 15px; font-weight: 500; color: #1e3a5f; letter-spacing: 0.3px; }

/* Search container (moved from inline style) */
.recOpportunities .searchContainer { height: 40px; }

/* ========== RESPONSIVE - Tablet (max-width: 768px) ========== */
@media (max-width: 768px) {

    /* Override body min-width de base-1-2.css (1024px) que bloquea responsive */
    body { min-width: unset !important; }
    .container { width: 100%; }
    .content-pane.recOpportunities { width: 100%; max-width: 100%; top: 0; padding: 0; overflow-x: hidden; }

    /* Contenedor principal */
    .recOpportunities .list-vacants-content { padding: 30px 24px; }

    /* Buscador */
    .recOpportunities .searchContainer { height: auto; margin-bottom: 10px; }
    .recOpportunities .jobSearch { position: relative; width: 100%; min-width: unset; box-sizing: border-box; }
    .recOpportunities .jobSearch .pure-input { width: 100%; box-sizing: border-box; padding: 12px 12px 12px 35px; font-size: 16px; }

    /* Banner */
    .recOpportunities .bannerBackground { height: 35vh; }
    .recOpportunities .bannerBackground .banner { padding: 0 24px; }
    .recOpportunities .bannerBackground .banner h1 { font-size: 28px; }
    .recOpportunities .bannerBackground .banner p { font-size: 16px; padding: 0 10px; }

    /* Dropdown location search */
    .recOpportunities .dropdown-select.search { position: relative; left: 0; width: 100%; margin-top: 10px; }

    /* Tarjetas de vacantes */
    .recOpportunities .individualSign { width: calc(50% - 10px); min-width: unset; }
    .recOpportunities .opportunityArea .opBoard,
    .recOpportunities .opportunityArea .opBoard .divDadRec { gap: 0; }

    /* Detalle de vacante */
    .content-pane.vacantDetail.recOpportunities { padding-top: 0; }
    .recOpportunities.vacantDetail .bannerBackground { position: relative; height: auto; max-height: none; min-height: 120px; padding: 30px 0; }
    .vacantDetail .infoVacant { margin: 0 24px 30px 24px; padding: 24px; }

    /* Detalle - layout principal a columna */
    .vacantDetail .infoVacant .contentVacant { flex-direction: column; }
    .vacantDetail .infoVacant .contentVacant .generalInfo { width: 100%; padding-right: 0; margin-bottom: 24px; }
    .vacantDetail .infoVacant .contentVacant .columnBanner { width: 100%; }

    /* Galeria de imagenes */
    .vacantDetail .infoVacant .contentVacant .columnBanner .divImages { display: flex; flex-wrap: wrap; gap: 10px; }
    .vacantDetail .infoVacant .contentVacant .columnBanner .divImages img { width: calc(50% - 5px); height: auto; margin: 0 !important; border-radius: 8px; }

    /* Header vacante - info tags */
    .vacantDetail .infoVacant .headerVacant { margin-bottom: 16px; }
    .vacantDetail .infoVacant .headerVacant a.info { margin-right: 15px; margin-bottom: 6px; }

    /* Formulario - 2 columnas */
    .vacantDetail .infoVacant .apllyVacant .formsInputs { gap: 12px 16px; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs div { width: calc(50% - 8px); margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs div:nth-of-type(2),
    .vacantDetail .infoVacant .apllyVacant .formsInputs div:nth-of-type(5) { margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray { padding: 16px; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div { width: calc(50% - 8px); margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(1),
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(3) { margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(2),
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div:nth-of-type(5) { margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs input,
    .vacantDetail .infoVacant .apllyVacant .formsInputs select { font-size: 16px; }
}

/* ========== RESPONSIVE - Mobile (max-width: 480px) ========== */
@media (max-width: 480px) {

    /* Contenedor principal */
    .recOpportunities .list-vacants-content { padding: 20px 16px; }

    /* Banner - lista */
    .recOpportunities .bannerBackground { height: auto; min-height: unset; max-height: none; padding: 32px 0; }
    .recOpportunities .bannerBackground .banner { padding: 0 20px; }
    .recOpportunities .bannerBackground .banner .banner-logo { max-width: 100px; margin-bottom: 12px; }
    .recOpportunities .bannerBackground .banner h1 { font-size: 22px; line-height: 1.3; }
    .recOpportunities .bannerBackground .banner p { font-size: 13px; line-height: 1.5; padding: 0; }

    /* Banner - detalle vacante */
    .recOpportunities.vacantDetail .bannerBackground { min-height: 100px; padding: 24px 0; }
    .recOpportunities.vacantDetail .bannerBackground .banner .banner-logo { max-width: 80px; margin-bottom: 8px; }
    .recOpportunities.vacantDetail .bannerBackground .banner h1 { font-size: 17px; }
    .recOpportunities.vacantDetail .bannerBackground .banner p { font-size: 12px; }

    /* Buscador */
    .recOpportunities .jobSearch .pure-input { padding: 14px 14px 14px 38px; }

    /* Tarjetas de vacantes - 1 columna */
    .recOpportunities .individualSign { width: 100%; margin-right: 0; }
    .recOpportunities .opportunityArea { padding: 24px 0; }
    .recOpportunities .opportunityArea h3 { font-size: 17px; }

    /* Detalle de vacante */
    .vacantDetail .infoVacant { margin: 0 12px 20px 12px; padding: 16px; }
    .vacantDetail .infoVacant .backArrow { font-size: 13px; padding: 8px 0; }
    .vacantDetail .infoVacant .headerVacant h1 { font-size: 18px; padding: 8px 0; }

    /* Header vacante - stack vertical */
    .vacantDetail .infoVacant .headerVacant a.info { display: flex; margin-right: 0; margin-bottom: 8px; font-size: 13px; }

    /* Galeria de imagenes - 1 columna */
    .vacantDetail .infoVacant .contentVacant .columnBanner .divImages { flex-direction: column; gap: 10px; }
    .vacantDetail .infoVacant .contentVacant .columnBanner .divImages img { width: 100%; margin: 0 !important; }

    /* Formulario - 1 columna */
    .vacantDetail .infoVacant .apllyVacant .formsInputs { gap: 8px 0; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs div { width: 100% !important; margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray { padding: 12px; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs.backgroundGray div { width: 100% !important; margin: 0 !important; }
    .vacantDetail .infoVacant .apllyVacant .formsInputs input,
    .vacantDetail .infoVacant .apllyVacant .formsInputs select,
    .vacantDetail .infoVacant .apllyVacant .formsInputs textarea { font-size: 16px; }
    .vacantDetail .infoVacant .apllyVacant .applyInstructions { font-size: 15px; }
    .vacantDetail .infoVacant .apllyVacant .formsTitle { font-size: 13px; padding-top: 20px; }
    .vacantDetail .infoVacant .apllyVacant .uploadCV { height: 60px; font-size: 11px; }
    .vacantDetail .infoVacant .button.apply { padding: 14px 0; font-size: 15px; margin-top: 20px; }
}

/* ========== ALERT MODAL ========== */
@keyframes alertOverlayIn { from { opacity: 0; } to { opacity: 1; } }
@keyframes alertCardIn { 0% { opacity: 0; transform: translateY(24px) scale(0.96); } 60% { transform: translateY(-4px) scale(1.01); } 100% { opacity: 1; transform: translateY(0) scale(1); } }
@keyframes alertCardOut { from { opacity: 1; transform: translateY(0) scale(1); } to { opacity: 0; transform: translateY(16px) scale(0.97); } }
@keyframes alertIconPop { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.2); } 100% { transform: scale(1); opacity: 1; } }

.alert-modal-overlay { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(15, 23, 42, 0.55); backdrop-filter: blur(6px); -webkit-backdrop-filter: blur(6px); z-index: 99998; justify-content: center; align-items: center; }
.alert-modal-overlay.active { display: flex; animation: alertOverlayIn 0.25s ease forwards; }
.alert-modal-overlay.closing { animation: alertOverlayIn 0.2s ease reverse forwards; }

.alert-modal-card { background: #ffffff; border-radius: 20px; padding: 40px 48px 36px; text-align: center; box-shadow: 0 24px 80px rgba(0, 0, 0, 0.18), 0 4px 16px rgba(0, 0, 0, 0.08); max-width: 380px; width: 90%; animation: alertCardIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }
.alert-modal-overlay.closing .alert-modal-card { animation: alertCardOut 0.2s ease forwards; }

.alert-modal-logo { margin-bottom: 20px; }
.alert-modal-logo img { max-width: 110px; height: auto; display: block; margin: 0 auto; }

.alert-modal-icon { width: 56px; height: 56px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight: 700; margin: 0 auto 18px; color: #ffffff; animation: alertIconPop 0.45s cubic-bezier(0.34, 1.56, 0.64, 1) 0.15s both; }

.alert-modal-message { margin: 0 0 28px; font-size: 15px; font-weight: 500; color: #1e3a5f; line-height: 1.6; text-align: center; }

.alert-modal-btn { background: #1e3a5f; color: #ffffff; border: none; border-radius: 10px; padding: 13px 40px; font-size: 15px; font-weight: 600; cursor: pointer; transition: background 0.2s ease, transform 0.15s ease, box-shadow 0.2s ease; box-shadow: 0 4px 14px rgba(30, 58, 95, 0.3); }
.alert-modal-btn:hover { background: #16304f; transform: translateY(-1px); box-shadow: 0 6px 20px rgba(30, 58, 95, 0.4); }
.alert-modal-btn:active { transform: translateY(0); box-shadow: 0 2px 8px rgba(30, 58, 95, 0.3); }

/* Variantes de color por tipo */
.alert-modal-overlay.success .alert-modal-icon { background: linear-gradient(135deg, #22c55e, #16a34a); }
.alert-modal-overlay.warning .alert-modal-icon { background: linear-gradient(135deg, #fb923c, #ea580c); }
.alert-modal-overlay.error .alert-modal-icon { background: linear-gradient(135deg, #f87171, #dc2626); }