:root {
    --blanco: white;
    --naranja: #f19322;
    --gris: #c8c8c8;
    --gris-oscuro: gray;
    --azul: #014568;
    --rojo: red;
    --verde: #07be01;
    --azul-claro: #01456833;
}

html {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}
/*!
*   Accessibility Buttons v3.1.2
*   http://tiagoporto.github.io/accessibility-buttons
*   Copyright (c) 2014-2017 Tiago Porto (http://tiagoporto.com)
*   Released under the MIT license
*/

html {
    font-size: 100%;
  }
  body {
    -webkit-transition: background 1s ease, font-size 0.7s linear;
    transition: background 1s ease, font-size 0.7s linear;
  }
  input,
  textarea,
  keygen,
  select,
  button {
    -webkit-transition: all 0.6s linear;
    transition: all 0.6s linear;
  }
  input[type=number]::-webkit-inner-spin-button, 
  input[type=number]::-webkit-outer-spin-button { 
      -webkit-appearance: none; 
      margin: 0; 
  }
  .btn-azul {
    background: #084a6a;
    border-color: #084a6a;
    color: #ffffff !important;
  }

  .btn-azul:focus {
    background: #1274a5;
    border-color: #1274a5;
    color: #ffffff !important;
  }

  .btn-azul:hover {
    background: #1274a5;
    border-color: #1274a5;
    color: #ffffff !important;
  }

  .btn-naranja {
    background: #e67f18;
    border-color: #e67f18;
    color: #ffffff  !important;
  }

  .btn-naranja:focus {
    background: #e2903e;
    border-color: #e2903e;
    color: #ffffff !important;
  }

  .btn-naranja:hover {
    background: #e2903e;
    border-color: #e2903e;
    color: #ffffff !important;
  }

  .bg-azul{
    background-color: #014568 !important;
  }
  .text-azul{
    color: #014568 !important;
  }

  .bg-naranja{
    background-color: #f19322 !important;
  }
  .text-naranja{
    color: #f19322 !important;
  }
  .br-12{
    border-radius: 12px !important;
  }
  .accessibility-font {
  /* First font-size fallback to older browsers*/
    font-size: 1.25em;
    font-size: 1.25rem;
  }
  .accessibility-font input,
  .accessibility-font textarea,
  .accessibility-font keygen,
  .accessibility-font select,
  .accessibility-font button {
  /* The default font-size of these elements is approximately 20% less than the body */
    font-size: 1.041625em;
    font-size: 1.04163rem;
  }
  .accessibility-contrast {
    color: #fff;
    background: #000;
  }
.flex {
    display: flex;
}

.fs-22{
    font-size: 22px;
}

.w-32{
    width: 32%;
}

.aj {
    display: flex;
    flex-direction: row-reverse;
    padding: 10px;
}

.title-client {
    color: var(--azul);
    font-weight: 700;
}

.spaceBetween {
    justify-content: space-between;
}

.alignItems {
    align-items: center;
}

@media (max-width: 990px) {

}

@media (min-width: 991px) {
    .alignItems {
        display: flex;
    }
}

@media (max-width: 725px) {
    .miCuentaInfo {
        left: 5%;
    }

    .folder_children {
        cursor: pointer;
        text-align: center;
    }

    .miCuentaInfoCandidato {
        max-width: 93% !important;
    }

    .repoleftpl {
        text-align: inherit !important;
    }

    .checkpony {
        margin-left: 4px !important;
    }

    .butonDetailViewRequeriment {
        background: var(--naranja);
        color: white;
        margin-left: 2%;
        border-radius: 12px;
        width: 100% !important;
        margin-bottom: 10px;
    }

    .isSelectedLeft {
        background-color: #ccdae1;
        /* border-top-left-radius: 15px; */
        /* border-bottom-left-radius: 15px; */
        border-radius: 14px !important;
    }

    .topjufi {
        padding-top: 20%;
        margin: auto;
    }

    .enviarRemision {
        background: var(--naranja);
        --border-radius: 18px;
        color: var(--blanco);
        border-radius: 12px !important;
        margin-top: 8% !important;
        margin-bottom: 8% !important;
        width: 54%;
        font-size: 18px;
    }

    .estilos1entrevi {
        background: var(--naranja);
        color: white;
        margin-left: 0%;
        margin-right: 20%;
        border-radius: 12px;
        width: 100% !important;
        margin-bottom: 10px;
        text-align: center;
    }

    .estilosbotocontra {
        background: var(--naranja);
        color: white;
        margin-left: 0%;
        margin-right: 20%;
        border-radius: 12px;
        width: 100% !important;
        margin-bottom: 10px;
        text-align: center;
    }

    .colorOne {
        border-radius: 11px;
    }

    .cargosForcliente {
        padding: 2%;
        border-radius: 12px;
        /* border: 1px solid var(--azul); */
        box-shadow: 6px 6px 15px rgb(200 200 200);
        /* margin-left: 20px; */
        right: -20pxx;
        margin-left: 15px;
    }
}

@media (min-width: 914px) {
    .FormularioEmpresas {
        margin-left: 12%;
    }
}

@media (max-width: 990px) {
    .FormularioEmpresas {
        margin-left: 0% !important;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    .miCuentaInfo {
        left: 18%;
    }
}

.miCuentaInfo {
    max-width: 90% !important;
}

@media (min-width: 991px) {
    .miCuentaInfo {
        left: 0%;
    }
}

@media (max-width: 725px) {
    .certificacionExp {
        display: contents !important;
    }

    .responsive2 {
        display: block !important;
        width: 100%;
    }

    .responsive3 {
        margin-top: 70% !important;
    }

    .bordeFolders {
        cursor: pointer;
        border-right: 0px solid #ccdae1 !important;
    }

    .color1 {
        border-radius: 1px solid;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
    }

    .color2 {
        background-color: #ccdae1;
        border-radius: 15px;
    }

    .color3 {
        border-radius: 15px;
    }

    #infoDelRequerimiento {
        color: var(--azul);
        border-right: 0px solid #f1f1f1 !important;
    }

    .tamao {
        box-shadow: 6px 6px 10px rgb(200 200 200) !important;
        margin-top: 12px;
        border-radius: 15px;
        text-align: center;
    }
}

@media (min-width: 991px) {
    .certificacionExp {
        display: flex;
    }
}

@media (max-width: 768px) {
    .buttonPublicOfert {
        margin-left: 0;
    }

    .cajaFooterImg {
        width: 100% !important;
        padding: 2% !important;
        /* margin-left: -6px !important; */
    }

    .tamaota {
        box-shadow: 0px 0px 0px 0px rgb(200 200 200) !important;
        border-radius: 0px;
    }

    .btnest {
        background: var(--naranja);
        color: white;
        margin-left: 15%;
        border-radius: 12px;
        width: 186px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin: auto !important;
    }
}

@media (min-width: 767px) {
    .buttonPublicOfert {
        margin-left: 33% !important;
    }
}

.w100 {
    width: 100%;
}

.strong {
    font-weight: bold;
}

.strong600 {
    font-weight: 600;
}

.logo {
    width: 25%;
    margin-left: 8%;
}

.logo {
    width: 25%;
}

#main {
    background-color: var(--blanco);
    width: 100%;
    padding: 1%;
}

#mainregistro {
    background-color: var(--blanco);
    width: 100%;
    border-bottom: 2px solid var(--gris);
}

.izquierda {
    float: left;
    text-align: left;
}

.derecha {
    float: right;
    text-align: center;
    padding-right: 2%;
}

.letralogininferior {
    font-size: 14px;
    color: var(--gris-oscuro);
}

.boton {
    margin-top: 4%;
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
}

.letraregistro {
    font-weight: 700;
}

.menu {
    background: var(--azul);
    width: 100%;
    padding: 0.5%;
    padding-left: 5%;
    padding-right: 5%;
    color: var(--blanco);
}

.menu-account {
    background: var(--naranja);
    width: 100%;
    padding: 0.5%;
    padding-left: 5%;
    padding-right: 5%;
    color: var(--blanco);
}
.menu-account.blue{
    background: #014568;
}
.fixed-top.menu-account.blue, .fixed-top.navbar-light.navbar-dark{
    box-shadow: 1px 3px 9px rgb(0 0 0 / 35%);
}
.fixed-top {
    position: fixed;
    visibility: visible;
    top: 0px;
    width: 100%;
    z-index: 50;
    /*box-shadow: 6px 8px 12px rgba(70, 54, 54, 0.15);*/
    transform: translateY(0px);
    transition: all .3s;
}

.opcionmenu {
    color: var(--blanco);
    padding-right: 7.1rem !important;
    font-size: 20px !important;
}


.slideruno {
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    margin-top: -32%;
    margin-bottom: 5%;
}

.slidercliente {
    color: #014568;
    font-size: 34px;
    width: 100%;
    height: 100%;
    text-align: center;
    position: absolute;
    margin-top: -32%;
    margin-bottom: 5%;
}

.botonempleos {
    background: var(--naranja);
    padding: 1.7%;
    padding-left: 3%;
    padding-right: 3%;
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    margin-top: 15%;
}

@media (max-width: 991px) {
    .botonempleos {
        background: var(--naranja);
        padding: 1.7%;
        padding-left: 3%;
        padding-right: 3%;
        --border-radius: 18px;
        color: var(--blanco);
        border-radius: 12px !important;
        margin-top: 3%;
    }
}

.btn:hover {
    color: var(--azul);
    text-decoration: none;
}



.campofiltro {
    background: transparent !important;
    border: none !important;
    font-size: 25px;
    width: 100%;
    color: var(--azul) !important;
    opacity: 1;
}

.campofiltro:focus {
    /*border: 1px solid transparent !important;*/
    outline: none;
}

.campofiltro:active {
    background: transparent;
    border: none !important;
    font-size: 25px;
    width: 100%;
    color: var(--azul);
    opacity: 1;
}

.btn-outline-success {
    color: var(--azul) !important;
    border: none;
    opacity: 1;
}

input::after,
::before {
    border: none;
}

svg {
    color: var(--azul);
    opacity: 1;
}

@media (max-width: 768px) {
    svg {
        color: var(--azul);
        opacity: 1;
        width: 1.8em;
    }
}

.iconoformulario {
    zoom: 1.5 !important;
}


::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: var(--azul);
    opacity: 1;
    /* Firefox */
}

:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: var(--azul);
}

::-ms-input-placeholder {
    /* Microsoft Edge */
    color: var(--azul);
}

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

.titulohome {
    color: var(--azul);
    font-weight: 700;
    margin-top: 50px;
}

.titulo-d {
    color: var(--azul);
    font-weight: 700;
    margin-top: 4%;
}

.titulo-de {
    color: var(--azul);
    font-weight: 700;
}

.lineatitulo {
    background: var(--naranja);
    width: 8%;
    height: 3px;
    margin-bottom: 3%;
}

.imgEmpresaClientes {
    width: 80%;
    height: 65%;
    border: 1px solid var(--azul);
    border-radius: 15px;
    margin-bottom: 6%;
}

.imgempleo {
    width: 80%;
    /*border: 1px solid var(--azul);*/
    border-radius: 5px;
    margin-bottom: 6%;
}

.profesion {
    color: var(--azul);
    font-size: 22px;
}

.botonhojav {
    text-align: center;
    margin-bottom: 5%;
}

.botonhoja {
    background: var(--naranja);
    /* padding: 1.7%;
    padding-left: 10%;
    padding-right: 10%; */
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    margin-top: 4%;
}

.contador,
.contenidofooter {
    width: 100%;
    /*background: var(--azul);*/
    background-color: #163C63;
}

.cont {
    font-size: 60px;
    font-weight: 700;
    color: var(--blanco);
}

.contenidocontador {
    padding: 1% 7% 1% 7%;
    text-align: center;
}

.letracontador {
    font-size: 24px;
    color: var(--blanco);
    font-weight: 100 !important;
}

.lineatituloblog {
    background: var(--naranja);
    width: 7%;
    height: 3px;
    margin-bottom: 4%;
}

.imgempleoblog {
    width: 90%;
    margin-bottom: 6%;
}

.profesiontitle {
    color: var(--azul);
    font-size: 18px;
    line-height: 1.2em;
    padding-right: 9%;
}

/*SLIDE*/
@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }

    100% {
        -webkit-transform: translateX(calc(-250px * 7));
        transform: translateX(calc(-250px * 7));
    }
}

.slider {
    background: white;
    box-shadow: 0 10px 20px -5px rgba(0, 0, 0, 0.125);
    height: 100px;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 960px;
    margin-bottom: 30px;
}

.slider::before,
.slider::after {
    background: -webkit-gradient(linear,
            left top,
            right top,
            from(white),
            to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right,
            white 0%,
            rgba(255, 255, 255, 0) 100%);
    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.slider::after {
    right: 0;
    top: 0;
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
}

.slider::before {
    left: 0;
    top: 0;
}

.slider .slide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: -webkit-box;
    display: flex;
    width: calc(250px * 14);
}

.slider .slide {
    height: 100px;
    width: 250px;
}

.copyfooter {
    background:#084A6A;
    padding: 0%;
    width: 100%;
    font-size: 18px;
    color: var(--blanco);
    text-align: center;
}

.copyfooterdos {
    background: var(--azul);
    padding: 0%;
    font-size: 18px;
    color: var(--blanco);
    text-align: center;
}

.dosfooter {
    padding: 3% 3% 3% 3%;
    color: var(--blanco);
}

.footercontacto {
    color: var(--blanco);
    font-size: 22px;
    font-weight: 700;
}

@media (max-width: 451px) {
    .footercontacto {
        color: var(--blanco);
        font-size: 15px;
        font-weight: 700;
    }
}

.letraextefooter {
    font-size: 15px;
}

@media (max-width: 451px) {
    .letraextefooter {
        font-size: 12px;
    }
}
.iconofooter {
    color: var(--blanco);
    zoom: 1;
}

.iconostiendas {
    margin-top: 5%;
}

.imgfooter {
    width: 75%;
}

.imgcliente {
    width: 60% !important;
}

.btn ::after {
    color: red;
}

/* slider*/
.atrasboton {
    width: 22%;
    height: 36px;
    background-image: url("../img/23798.png") !important;
    padding: none !important;
    margin-left: -75%;
}

.siguienteboton {
    width: 22%;
    height: 36px;
    background-image: url("../img/23799.png") !important;
    padding: none !important;
    margin-left: 75%;
}

.imagenesfooter {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* .carousel-control-prev {
    left: -107px !important;
}
.carousel-control-next {
    right: -103px !important;
} */
/*
    code by Iatek LLC 2018 - CC 2.0 License - Attribution required
    code customized by Azmind.com
*/
.imgcliente {
    width: 20%;
    margin-right: 2%;
}

.slidercliente {
    padding-left: 10% !important;
    padding-right: 10% !important;
}

#carousel {
    width: 100%;
    padding-left: 5% !important;
    padding-right: 5% !important;
    text-align: center;
}

.slide-box {
    display: flex;
    justify-content: space-between;
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .slide-box img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .Stilesformulario {
        width: 100% !important;
        margin-left: 17% !important;
        /* margin-right: 0%; */
        /* border: 1px solid gray;*/
    }

    .lupaResponsive {
        color: var(--azul);
        opacity: 1;
        /* width: 2em; */
        width: 1.7rem;
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slide-box img {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

@media (min-width: 992px) {
    .slide-box img {
        -ms-flex: 0 0 15%;
        flex: 0 0 15%;
        max-width: 15%;
    }
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 0.5rem;
}

.cabezamodal {
    border-bottom: none !important;
    text-align: center;
}

.campologin {
    background: #e8edef !important;
    border: none !important;
    color: var(--gris);
    padding: 4% !important;
    border-radius: 12px;
    margin-left: 15%;
    margin-right: 15%;
}

.modal-dialog {
    max-width: 45%;
    margin-top: 10%;
}

@media (max-width: 990px) {
    .modal-dialog {
        max-width: 100%;
    }
}

@media (min-width: 991px) {
    .modal-dialog {
        max-width: 51%;
    }
}

.botonresponsive {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    margin-right: 25%;
    margin-left: 25%;
    padding-left: 17%;
    padding-right: 17%;
}

.botoningresar {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    margin-right: 25%;
    margin-left: 25%;
    padding-left: 17%;
    padding-right: 17%;
}

.botoningresarCliente {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    margin-right: 25%;
    margin-left: 25%;
    padding-left: 17%;
    padding-right: 17%;
}

.botoningresarEmpresa {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    margin-right: 25%;
    margin-left: 25%;
    padding-left: 17%;
    padding-right: 17%;
}

.ingresogoogle {
    margin-top: 3%;
}

.logogoogle {
    width: 9%;
    margin-left: 2%;
}

.letraheader {
    border-right: 2px solid var(--azul);
}

.imfheader {
    border-right: 2px solid var(--azul-claro);
    display: flex;
    align-items: center;
}

.camporegistro {
    background: #e8edef;
    color: var(--gris);
    border-radius: 12px;
}

.campocuatrofecha {
    background: #e8edef;
    color: var(--azul);
    border: 1px solid var(--azul);
}

.campocincofecha {
    background: #e8edef;
    color: var(--azul);
    border: 1px solid var(--azul);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.iconodatosper {
    margin: -5%;
    zoom: 2.5;
}

.camposeisfecha {
    background: var(--blanco);
    border-radius: 12px;
    color: var(--azul);
    border: 1px solid var(--azul);
}

input,
select {
    color: #161616 !important;
}

.campounofecha {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    border: 1px solid var(--azul);
}

.camposExperencialaboral {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    /* border: 1px solid  var(--azul); */
    margin-top: 10px;
    margin-bottom: 20px !important;
    width: 100%;
    height: 3em;
}

.form-inputs-nw .campounofecha{
    background: inherit;
    color: inherit;
    border-radius: inherit;
    border: inherit;
}

.form-inputs-nw .select2-container--default .select2-selection--single .select2-selection__rendered{
    padding-top: 0;
    padding-bottom: 0;
}

.form-inputs-nw .form-group .input-group.rowformulariodatosp  select.form-control{
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border: 1px solid #014568;
    padding: 10px 10px 10px 15px;
}

/*Select 2 Options Dividers (opts-lines-4, opts-lines-3, opts-lines-2, opts-lines-1) */
.select2-container.select2-container--opts-lines-4 .select2-dropdown .select2-results .select2-results__options .select2-results__option{
    width: 25%;
}
.select2-container.select2-container--opts-lines-3 .select2-dropdown .select2-results .select2-results__options .select2-results__option{
    width: 33%;
}
.select2-container.select2-container--opts-lines-2 .select2-dropdown .select2-results .select2-results__options .select2-results__option{
    width: 49%;
}
.select2-container.select2-container--opts-lines-1 .select2-dropdown .select2-results .select2-results__options .select2-results__option{
    width: 99%;
}
.select2-container--default .select2-results>.select2-results__options,
.select2-container--opts-lines-1 .select2-results>.select2-results__options,
.select2-container--opts-lines-2 .select2-results>.select2-results__options,
.select2-container--opts-lines-3 .select2-results>.select2-results__options,
.select2-container--opts-lines-4 .select2-results>.select2-results__options{
    max-height: 200px;
    overflow-y: scroll;
}

@media screen and (max-width: 541px) {
    .row.align-items-center.rowformulariodatosp.pl-5.pr-5.mb-5{
        margin: 0 !important;
        padding: 0 !important;
    }
    .row.align-items-center.rowformulariodatosp.pl-5.pr-5.mb-5 .genero{
        display: flex;
        justify-content: center;
    }

    #frm_datosP.form-inputs-nw .form-group .row-cols-2>* {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 10px;
    }
    #frm_datosP.form-inputs-nw .form-group .row-cols-2 .col-sm-12.pr-2,  #frm_datosP.form-inputs-nw .form-group .row-cols-2 .col-sm-12.pl-2{
        padding-right: 0!important;
        padding-left: 0!important;

    }
    .contenidofooter .stileFooterSocial{
        margin-top: 20px;
    }
    .contenidofooter .stileFooterSocial .img-fluid {
        max-width: 50px;
        height: auto;
        margin: 15px 5px;
    }
}

.lnhgth12{
    line-height:1.2em;
}

.icon-rounded{
    border-radius: 50%;
    padding: 8px 10px;
    width: 40px;
    height: 40px;
    border: none;
}
.icon-rounded .fas{
    color: #fff;
}
.icon-rounded.active{
    background-color: #F19322 !important;
}
.icon-rounded.inactive{
    background-color: #014568;
}
.icon-rounded.remove{
    background-color: #EF4E2D;
}
.CandidatosList {
    display: flex;
    height: 4em;
    border: 1px solid var(--azul);
    border-radius: 13px;
    align-items: center;
}

.camposFiltroIdioma {
    background: var(--blanco);
    color: var(--azul);
    /* border-radius: 10px; */
    border: 1px solid var(--azul);
    /* margin-top: 10px; */
    /* margin-bottom: 20px !important; */
    width: 100%;
    /* height: 3em; */
}

.campos {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    border: 1px solid var(--azul);
    margin-top: 10px;
    margin-bottom: 20px !important;
    width: 100%;
    height: 3em;
}

.campounofecha select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}



.campodosfecha {
    background: var(--blanco);
    color: var(--azul);
    border: 1px solid var(--azul);
}

.campotresfecha {
    background: var(--blanco);
    color: var(--azul);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border: 1px solid var(--azul);
}

.camposietefecha {
    background: var(--blanco);
    color: var(--azul);
    border: 1px solid var(--azul);
}

.respuestas {
    border-style: solid;
    border-width: thin;
    opacity: 1;
    border-radius: 8px;
}

.camporegistrou {
    background: #e8edef;
    color: var(--gris);
    border-left: 1px solid var(--blanco);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.camporegistrod {
    background: #e8edef;
    color: var(--gris);
    border-right: 1px solid var(--blanco);
}

.registrocampo {
    background: transparent !important;
    border: none !important;
}

.formularioizquierda {
    margin-top: 4%;
    margin-left: 4%;
    padding-right: 8%;
    text-align: center;
}

.rowformularioregistro {
    margin-top: 3%;
}

.buscarFiltro {
    cursor: pointer;
}

.rowformulariodatosp {
    margin-top: 5px;
    margin-bottom: 9px;
    color: var(--azul);
    /*padding: 8px 0;*/
}

.rowformulariodatosp input::placeholder {
    color: var(--gris);
}

.butonvolverpro {
    background: var(--naranja);
    color: white;
    margin-left: 2%;
    border-radius: 12px;
    margin-top: 55px;
    width: 90%;
}

.borderinsel {
    border-radius: 11px;
    border: 1px solid var(--azul);
}

.switchBtnnt {
    position: relative;
    display: inline-block;
    width: 69px;
    height: 34px;
    margin-right: 50px;
    top: 15px;
}

.switchBtnnt input {
    display: none;
}

.slident {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    padding: 8px;
    color: #fff;
}

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

input:checked+.slident {
    background-color: #2ede43;
    padding-left: 40px;
}

input:focus+.slident {
    box-shadow: 0 0 1px #2ede43;
}

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

.slident.round {
    border-radius: 34px;
    background: red;
}

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

.editrnt {
    border-radius: 10px;
    box-shadow: 0px 3px 9px -2px grey;
    color: var(--azul);
    margin-right: 20px;
    margin-left: 20px;
    margin-bottom: 10px;
}

.butonntu {
    background: var(--naranja);
    color: white;
    margin-left: -13%;
    border-radius: 12px;
    margin-top: 55px;
    width: 97%;
}

.rowformulariodatosp input {
    color: var(--azul);
}

.rowformulariodatosp select {
    color: var(--gris);
}

.rowformulariodatosp-d {
    margin-top: 5%;
    margin-bottom: 5%;
}

.rowdesplgable {
    border-radius: 12px;
    border: 0.5px solid var(--azul);
    margin-bottom: 3%;
    margin-left: 1%;
    margin-right: 1%;
    color: var(--azul);
}

.estrella {
    width: 182%;
}

.inputabajocampo {
    border-bottom: 1px solid var(--azul);
}

.inputarribacampo {
    border-bottom: 1px solid var(--azul);
    border-top: 1px solid var(--azul);
}

.campoflechabordearriba {
    background: #e8edef;
    color: var(--azul);
    border: 1px solid var(--azul);
    border-bottom-right-radius: 12px;
}

.campoflechabordeabajo {
    background: #e8edef;
    color: var(--azul);
    border: 1px solid var(--azul);
    border-top-right-radius: 12px;
}

.iconodepartamernto {
    margin-top: 112%;
}

.letrafinal {
    font-size: 15px;
    padding-top: 8px;
    color: var(--azul);
}

.botonregistrarse {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 5%;
}

.botonreverEmpresa {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 5%;
    height: 3em;
}

.botonColorAzul {
    background: var(--azul);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 5%;
    height: 3em;
}

.formregis {
    background-image: url("../img/fondoregistro.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.contenidodatosp {
    margin: 4%;
}
.imgcontenidodatosp{
    background-image: url('../img/fondoDatosPersonales.png');
    background-size: contain;
    background-repeat: no-repeat;
}

.contenidodosdatosp {
    padding: 2%;
    margin-left: 25%;
    margin-right: 25%;
    border-radius: 12px;
    border: 1px solid var(--azul);
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
}

@media (max-width: 990px) {
    .contenidodosdatosp {
        margin-left: 0%;
    }
}

@media (min-width: 991px) {
    .contenidodosdatosp {
        margin-left: 25%;
    }
}

@media (max-width: 990px) {
    .formExperence {
        padding-top: 5%;
    }
}

@media (min-width: 991px) {
    .formExperence {
        padding-top: 2%;
    }
}

.cajaresumenCliente {
    width: 60%;
    padding: 2%;
    margin-left: 20%;
    /* margin-right: 25%; */
    border-radius: 12px;
    border: 1px solid var(--azul);
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
}

.labeldatosp {
    color: var(--azul);
    font-weight: 500;
    margin-bottom: -50px;
}

.genero {
    color: var(--azul);
    display: flex;
    align-items: center;
}

@media (max-width: 990px) {
    .genero {
        padding-top: 2%;
    }
}

@media (min-width: 991px) {
    .genero {
        padding-top: 0;
    }
}

/*.checdatosp{
    width: 50px;
    height: 27px;
    border-radius: 35px;
    border-color:  var(--azul) !important ;
}*/

.bordesCampos {
    border-left: solid !important;
    border-width: thin !important;
    border-left-color: #ced4da !important;
}

.checdatosp {
    width: 30px;
    height: 30px;
    margin-left: 15px;
    background-color: white;
    border-radius: 16px;
    vertical-align: middle;
    border: 1px solid #ddd;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    border-color: #f19322 !important;
}

.clasificacion label {
    color: grey;
    font-size: 30px;
}

.clasificacion label:hover {
    color: orange;
}

.clasificacion label:hover~label {
    color: orange;
}

.clasificacion input[type="radio"] {
    display: none;
}

.clasificacion input[type="radio"]:checked~label {
    color: orange;
}

.clasificacion {
    direction: rtl;
    /* right to left */
    unicode-bidi: bidi-override;
    /* bidi de bidireccional */
}

.form-inputs-nw .campos{
    height: auto;
}
.form-inputs-nw .form-group .form-control.campos{
    height: auto;
}
.form-inputs-nw .form-group select.form-control.campos, .input-group{
    margin-bottom: 0 !important;
}
.form-inputs-nw .form-group label.labeldatosp{
    margin-top: 17px;
    margin-bottom: 0px !important;
}
.form-inputs-nw .rowformulariodatosp .clasificacion label{
    font-size: 40px;
}

.form-inputs-nw .rowformulariodatosp .clasificacion label:hover, .form-inputs-nw .rowformulariodatosp .clasificacion label:hover~label{
    overflow: hidden;
    position: relative;
    height: 28px;
    margin-left: -4px;
    top: 0px;
    /* padding-bottom: 5px; */
    font-size: 45px;
    background:-moz-linear-gradient(90deg, rgba(255, 191, 35, 1) 0%, rgba(255, 191, 35, 1) 49.9%, rgba(211, 159, 34, 1) 50%, rgba(211, 159, 34, 1) 100%);
    background:-webkit-linear-gradient(90deg, rgba(255, 191, 35, 1) 0%, rgba(255, 191, 35, 1) 49.9%, rgba(211, 159, 34, 1) 50%, rgba(211, 159, 34, 1) 100%);
    background:-o-linear-gradient(90deg, rgba(255, 191, 35, 1) 0%, rgba(255, 191, 35, 1) 49.9%, rgba(211, 159, 34, 1) 50%, rgba(211, 159, 34, 1) 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D39F22', endColorstr='#FFBF23', GradientType=0 );*/
    background:-ms-linear-gradient(90deg, rgba(255, 191, 35, 1) 0%, rgba(255, 191, 35, 1) 49.9%, rgba(211, 159, 34, 1) 50%, rgba(211, 159, 34, 1) 100%);
    background:linear-gradient(90deg, rgba(255, 191, 35, 1) 0%, rgba(255, 191, 35, 1) 49.9%, rgba(211, 159, 34, 1) 50%, rgba(211, 159, 34, 1) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.checdatosp:checked {
    background-color: #014568;
    border-color: #f19322 !important;
}

.checdatosp-c {
    width: 40px;
    height: 17px;
    border-radius: 50%;
    --border-radius: 12px;
    border-color: var(--azul) !important;
    margin-left: auto;
    margin-right: auto;
}

.casilla {
    border: 1px solid #014568;
}

.casilla>a {
    text-decoration: none;
}

.step {
    background: var(--blanco);
    padding: 5px 10px;
    text-align: center;
    color: #959595;
}

.step.avtivo {
    background: var(--naranja);
    color: var(--blanco);
}

.letranombre {
    font-size: 12px;
}

.nombreflecha {
    text-align: right;
}

.flechausuario {
    text-align: right;
}

.contenidoprincipal {
    margin: 2% 5% 5% 5%;
}

/*estilos 01-12-20*/
.model {
    color: var(--azul);
    font-size: 20px;
}

.model-t {
    color: var(--azul);
    font-size: 20px;
    cursor: pointer;
}

.contenidomodal {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: -3% !important;
    color: var(--azul);
    text-align: left;
}

.dropdown1-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
}

@media (max-width: 1024px) {


    .buttonCostos {
        background: var(--naranja);
        color: white;
        margin-left: 2%;
        border-radius: 12px;
        margin-top: 40px !important;
    }

    .butonAgregarUsuario {
        background: var(--naranja);
        color: white;
        margin-left: -3%;
        border-radius: 12px;
        margin-top: 45px !important;
        width: 60%;
    }
}

@media (min-width: 770px) {
    #collapseExample {
        display: block;
    }
    body.modal-open{
        padding-right: 0px !important;
    }
}

.modallogin {
    border-radius: 19px;
}
#create.modal.show{
    /*overflow-y: hidden;*/
    padding-right: 0 !important;
}

@media (max-width: 770px) {
    #create.modal.show{
        overflow-y: auto;
    }
}

.modalolvido {
    border-radius: 19px;
}

.modalolv {
    /* max-width: 63% !important; */
    margin-top: 10%;
}

.modaloClientesss {
    /* max-width: 63% !important; */
    margin-top: 5%;
}

@media (max-width: 1024px) {
    .modalolv {
        max-width: 95% !important;
    }

    .archivosModal {
        max-width: 95% !important;
        margin-left: 15% !important;
    }
}

@media (min-width: 1022px) {
    .modalolv {
        max-width: 63% !important;
    }
}

.tituloh3 {
    margin-bottom: 3%;
    text-align: left;
}

.tituloh4 {
    margin-bottom: 1%;
}

.tituloh3-p {
    margin-bottom: 3%;
    text-align: center;
}

.campoolvido {
    border: 1px solid var(--azul);
    padding: 2.5% !important;
    border-radius: 12px;
}

.btncreate_admin {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 5%;
}

.botoncontra {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 5%;
    padding-right: 5%;
    margin-top: 5%;
}

.lineaolvido {
    height: 0.5px;
    width: 100%;
    background: #7da0b1;
    margin-top: 5%;
}

.contenidoregistero {
    text-align: right;
}

.iconocerrar {
    zoom: 1.3;
}

.contenidop {
    margin: 1% 5% 5% 5%;
}

.contenidop-o {
    margin: 1% 10% 5% 10%;
}

.principalresfe {
    display: flex;
    padding-right: 0px;
    padding-left: 0px;
    margin-top: 20px;
}

.contenidofiltros {
    border-radius: 15px;
    border: 1px solid #7da0b1;
    height: 100%;
    padding-bottom: 4%;
}

.headerazulprincipal {
    display: flex;
    height: 45px;
    align-items: center;
    background: var(--azul);
    color: var(--blanco);
    border-top-right-radius: 13px;
    border-top-left-radius: 13px;
}

.titulolabel {
    font-weight: 600;
    font-size: 20px;
}

.labeldatospd {
    color: var(--azul);
    font-weight: bold;
    margin-top: 2%;
}

.labelverempresa {
    color: var(--azul);
    font-weight: bold;
    margin-top: 2%;
    font-size: 35px;
}

.busquedafiltros {
    border: none;
    margin-top: 2%;
    color: var(--azul);
    width: 100%;
}

.busquedafiltros-d {
    border: none;
    margin-top: 1%;
    color: var(--azul);
    width: 100%;
}

.busquedafiltrod {
    border-radius: 12px;
    border: 1px solid var(--azul);
    margin-left: 2%;
    margin-right: 2%;
    margin-bottom: 5%;
}

.iconolupa {
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left: 1px solid var(--azul);
    padding: 2%;
    background: #ccdae1;
}

.minibannerfiltro {
    display: flex;
    align-items: center;
    background: #ccdae1;
    color: var(--azul);
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 5%;
}

.imgFilter {
    width: 2em;
    margin: 10px 0;
}

.imgcalendario {
    width: 40%;
    margin: 10px 0;
}

.letraminibanner {
    font-weight: 600;
}

.iconocalendariocol {
    text-align: center;
}

.letrafechapublic {
    margin-top: 2%;
    color: var(--azul);
}

.no-link {
    text-decoration: none;
}

.no-link:hover {
    text-decoration: none;
}

.guion {
    color: var(--azul);
    font-weight: 600;
}

.guion-d {
    margin-top: 110%;
    margin-left: 20%;
    width: 40%;
    height: 2px;
    background: var(--azul);
}

.salariofiltro {
    text-align: left;
    color: var(--azul);
    display: flex;
    justify-content: center;
    align-items: center;
}

.salariofiltro-d {
    text-align: left;
    color: var(--azul);
    font-size: 18px;
    margin-bottom: 2%;
}

.salariofiltro-fd {
    text-align: left;
    color: var(--azul);
    font-size: 18px;
    margin-bottom: 1%;
    margin-left: 1%;
    margin-top: 1%;
}

.campodesdehasta {
    border-radius: 8px;
    padding: 1%;
    border: 1px solid var(--azul);
}

.campodesdehasta-d {
    border-radius: 13px;
    padding: 1%;
    padding-left: 2%;
    margin-left: 1%;
    border: 1px solid var(--azul);
}

.campodesdehasta-du {
    border-radius: 13px;
    margin-left: 1%;
    border: 1px solid var(--azul);
}

.contenidodesdehasta {
    padding-right: 6%;
    padding-left: 6%;
    color: var(--azul);
}

.contenidodesdehasta-d {
    padding-right: 1%;
    padding-left: 1%;
    color: var(--azul);
}

.opcdiscapacidad {
    margin: 8%;
}

.imgofertalab {
    display: flex;
    align-items: center;
    border-left: 1px solid #7da0b1;
    padding: 1%;
    text-align: center;
}

.imgofertalab-check {
    display: flex;
    align-items: center;
    border-right: 1px solid #7da0b1;
    padding: 1%;
    text-align: center;
}

.imgoCandidatosaplicados {
    display: flex;
    align-items: center;
    background-color: var(--rojo);
    padding: 1%;
    text-align: center;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.imgofertalab-delete {
    display: flex;
    align-items: center;
    background-color: #ef4e2d;
    padding: 1%;
    text-align: center;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

.imgofertaempresa {
    width: 100%;
    height: 10em !important;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    object-fit: cover;
    margin-bottom: -36px;
}

.contenidoinfooferta {
    padding: 1% 2% 1% 2%;
    color: var(--blanco);
}

.contenidofiltrosd .more-info{
    background-color: transparent;
    position: absolute;
    height: 0;
    overflow: hidden;
}
.contenidofiltrosd .parrafo18:first-child{
    margin-top: 10px;
}
.contenidofiltrosd .parrafo18{
    padding: 10px 10px 0px;
    margin-bottom: 0px;
}
.contenidofiltrosd .more-info p{
    color: #014568;
    font-weight: 400;
}
.contenidofiltrosd .more-info p strong, .contenidofiltrosd .more-info p strong{
    font-weight: 800;
    color: #014568;
}
/*.contenidofiltrosd:target .more-info, .contenidofiltrosd:focus .more-info, .contenidofiltrosd:active .more-info,*/ .more-info.active{
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    z-index: 30;
    left: 0;
    padding: 50px 0px 20px 20px;
    margin-left: -25px;
    margin-top: -50px;
    /*outline: 4px solid #014568;*/
    overflow: initial;
    width: calc(100% + 15px);
    -webkit-animation: btn-color .3s forwards linear;
    -moz-animation: btn-color .3s forwards linear;
    -ms-animation: btn-color .3s forwards linear;
    -o-animation: btn-color .3s forwards linear;
    animation: btn-color .3s forwards linear;
}
.more-info.active p:last-child{
    margin-bottom: 20px;
}
.contenidofiltrosd .brdrd{
    /*border: 4px solid green;*/
    border-bottom-left-radius: 30px;
    padding-bottom: 5px;
    /* margin-left: -4px; */
    margin-bottom: -3px;
    padding-left: 25px;
    overflow: hidden;
    margin-right: 0px;
    border-bottom-right-radius: 30px;
}

@-webkit-keyframes btn-color { 0% { background: transparent; } 49% { background: white; } 100% { background: white; } }
@-moz-keyframes btn-color { 0% { background: transparent; } 49% { background: white; } 100% { background: white; } }
@-ms-keyframes btn-color { 0% { background: transparent; } 49% { background: white; } 100% { background: white; } }
@-o-keyframes btn-color { 0% { background: transparent; } 49% { background: white; } 100% { background: white; } }
@keyframes btn-color { 0% { background: transparent; } 49% { background: white; } 100% { background: white; } }

.logocuentaempresa {
    width: 6em;
    height: 6em;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 17px;
    /* border-right: 1px solid #014568; */
}

.contenidoinfooferta-op {
    padding: 2% 3% 2% 3%;
    color: var(--azul);
    border-right: 1px solid var(--azul);
}

.contenidoinfooferta-lc {
    color: var(--azul);
}

.tituloh4 {
    font-weight: 700;
}

.letra14 {
    font-size: 14px;
}

.parrafo18 {
    font-size: 15px;
    color: #417996;
    cursor: pointer;
    width: 100%;
}

.desc-ofert {
    overflow: hidden;
}

.parrafo1 {
    color: #014568;
    font-size: 25px;
    text-align: justify;
}

.misionText {
    color: #014568;
    font-size: 20px;
    text-align: justify;
    height: 75%;
}

.contenidologocuenta {
    margin-left: 0%;
    color: #014568;
    border-radius: 15px;
    border: 1px solid #e6e6e6;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

.cuentasvistaAspirante {
    display: flex;
    border: 1px solid var(--azul);
    border-radius: 10px;
    height: 4em;
    align-items: center;
}

#contenidoPerfilEmpresa {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 10px;
    padding-left: 10px;
    margin-left: -3%;
    max-width: 100%;
    border-right: 1px solid #014568;
}

.contadorLabelMargen {
    height: 100%;
    border-right: 1px solid var(--azul);
}

.contadorLabelfinal {
    height: 100%;
}

.cuentaEmpresaImg {
    position: absolute !important;
    right: 75px !important;
    bottom: 10px !important;
    width: 12em !important;
    opacity: 0.2 !important;
}

.ojoConfiguracion {
    position: absolute !important;
    right: 35px !important;
    bottom: 5px !important;
    width: 18em !important;
    opacity: 4.2 !important;
}

.userImgConfig {
    position: absolute !important;
    right: 60px !important;
    bottom: 0px !important;
    width: 17em !important;
    opacity: 2 !important;
}

#tituloPersonalModal {
    margin-left: 45px;
    margin-top: -10px;
    font-size: 2em;
    color: #014568;
    font-weight: bold;
}

.contenidocomentarios {
    margin-left: 2%;
    border-radius: 15px;
    border: 1px solid #7da0b1;
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

.contenidofiltrosd {
    margin-left: 2%;
    border-radius: 30px;
    border: 4px solid #014568;
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

.candidatosResponsive {
    margin-left: 2%;
    border-radius: 15px;
    border: 1px solid #7da0b1;
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

.claseResponsive {
    margin-left: 2%;
    border-radius: 15px;
    border: 1px solid #7da0b1;
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

.contenidocandidatos {
    border-radius: 15px;
    border: 1px solid #7da0b1;
    box-shadow: 6px 6px 6px 3px rgb(200 200 200);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

.bordesigualesin {
    border-radius: 11px;
}

.igula {
    border-radius: 11px;
    border: 1px solid var(--azul);
}

.bordeunicont {
    border-bottom-right-radius: 11px !important;
    border-top-right-radius: 11px !important;
    border-radius: 11px;
}

@media (max-width: 768px) {
    .formularioizquierda {
        margin-top: 4%;
        /* margin-left: 0px; */
        /* padding-right: 0; */
        text-align: center;
    }

    .btn-descargarcintrat {
        background-color: var(--naranja);
        margin-top: 5px;
        color: white;
        width: 90% !important;
        border-radius: 10px;
        /* margin-top: 15px; */
        margin-left: 64px !important;
        box-shadow: 0px 3px 9px -2px grey;
    }

    .iconodatedater {
        width: 26px;
        height: 18px;
        cursor: pointer;
        border-radius: 50%;
        margin-left: 80% !important;
        position: absolute;
        margin-top: -29px;
        z-index: 800;
    }

    .centrrespo23 {
        margin: auto !important;
        padding-top: 20px;
    }

    .repontiutooferta {
        color: var(--azul);
        font-weight: 700;
        margin-top: 12px !important;
    }

    .modallateral {
        margin-left: 15px !important;
        margin-right: 15px !important;
    }

    .textapt {
        width: 100px;
        padding-bottom: 8px;
    }

    .textapty {
        padding-bottom: 8px;
    }

    .botonreferexpont {
        margin: auto !important;
        margin-bottom: 30px !important;
    }

    .inputsRegister {
        margin-top: 8% !important;
        margin-bottom: 8%;
    }

    .formularioizquierda .camporegistro :focus {
        background-color: #e8edef;
    }

    .formularioizquierda .camporegistro input.form-control :focus {
        border-color: none;
    }

    .formularioizquierda input.form-control:focus {
        outline: none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    .formularioizquierda select.form-control:focus {
        outline: none !important;
        outline-width: 0 !important;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    /* input.form-control:focus */
    .archivosModal {
        max-width: 87% !important;
        margin-left: 7% !important;
    }

    .claseResponsive {
        margin-left: 0;
        margin-top: 2em;
        border-radius: 15px;
        border: 1px solid #7da0b1;
        box-shadow: 6px 6px 6px rgba(200, 200, 200);
        margin-bottom: 2%;
        transition: transform 0.2s;
        cursor: pointer;
    }

    .claseResponsive .checkResponsive {
        display: flex;
        align-items: center;
        border-right: none;
        padding: 4%;
        border-bottom: solid 1px var(--azul);
        text-align: center;
    }

    .claseResponsive .tituloOfertas {
        padding: 2% 3% 2% 3%;
        color: var(--azul);
        border-right: none;
        border-bottom: 1px solid var(--azul);
    }

    .candidatosResponsive {
        margin-left: 0%;
        border-radius: 15px;
        border: 1px solid #7da0b1;
        box-shadow: 6px 6px 6px rgb(200 200 200);
        margin-bottom: 2%;
        transition: transform 0.2s;
        cursor: pointer;
    }

    .candidatosResponsive .op-hv {
        padding: 0.7%;
        border-right: none;
        border-bottom: 1px solid var(--azul);
    }

    .selectMostrarResponsive {
        margin-left: 0% !important;
    }

    .claseResponsiVistaCandidato {
        padding-left: 2% !important;
    }

    .datosEmpresaResponsive {
        padding: 2%;
        margin-left: 0;
        width: 100% !important;
        margin-right: 0;
        border-radius: 12px;
        border: 1px solid var(--azul);
        box-shadow: 6px 6px 6px rgb(200 200 200);
    }

    .datosEmpresaResponsive .row {
        border-bottom: 1px solid var(--azul) !important;
        height: 3.5rem !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .datosEmpresaResponsive .centrarbotones {
        border-bottom: none !important;
        height: 4.5rem !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .botonPerfilCliente {
        width: 100% !important;
    }

    .createRequerimentCliente {
        padding: 2% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        border-radius: 12px !important;
        border: 1px solid var(--azul) !important;
        box-shadow: 6px 6px 6px rgb(200 200 200) !important;
    }

    .ResumenClienteRequerimient {
        padding: 7% !important;
        margin-left: 0% !important;
        margin-right: 0% !important;
        width: 100% !important;
        border-radius: 12px !important;
        border: 1px solid var(--azul) !important;
        box-shadow: 6px 6px 6px rgb(200 200 200) !important;
    }

    .ResumenClienteRequerimient .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .ResumenClienteRequerimient .row .datoRequeriment {
        border-right: none !important;
    }

    .CandidatosforOferts {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .CandidatosforOferts .cuentasvistaAspirante {
        display: flex !important;
        border: 1px solid var(--azul) !important;
        border-radius: 10px !important;
        height: 6em !important;
        width: 50em;
        align-items: center !important;
    }

    .contadorLabelMargen {
        height: 100%;
        padding: 10px;
        border-right: 1px solid var(--azul);
    }

    .CandidatosforOferts .cuentasvistaAspirante .contadorLabelMargen .labeldatosp {
        /* margin-top: !important; */
        font-size: 14px;
    }

    .ListaCandidatosResponsive {
        display: flex;
        /* height: 4em; */
        width: 50em;
        border: 1px solid var(--azul);
        border-radius: 13px;
        align-items: center;
    }

    .responsiveList {
        display: block;
        width: 100%;
        overflow-x: auto;
    }

    .vistaResponsiveAplicacion {
        padding-left: 2em;
        padding-right: 2em;
    }

    .ofertasAplicacionMobile {
        margin-left: 0% !important;
        margin-top: 5%;
        width: 100% !important;
    }

    .vistaResponsiveAplicacionOferta {
        padding-left: 2em;
        padding-right: 2em;
    }

    /*.ClaseResponsiveOfertasINfo{
        border-top-right-radius: 20px !important;
        border-top-left-radius: 20px !important;
        border-bottom-left-radius: 0 !important;
    }*/
    .vistaResponsiveAplicacionOferta .ClaseResponsiveOfertasINfo .estadoDelaOfertaResponsive {
        display: grid !important;
        padding-bottom: 1em !important;
        justify-content: none !important;
        border-bottom-left-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
    }

    .ClaseResponsiveOfertasINfo .estadoDelaOfertaResponsive .EstadoOFertaResponsive {
        margin-bottom: 1em !important;
        width: 100% !important;
        overflow-x: auto !important;
        align-items: normal !important;
    }

    /*.btonOfertaResponsive{
        padding-top: 2em  !important;
        margin-right: 20px !important;
        margin-left: 0px !important;
        width: 100% !important;
        border-top-left-radius: 15px  !important;
        border-bottom-left-radius: 15px !important;

    }
    .btonOfertaResponsive .IconoResponsiveBasura{
        margin-left: 10rem !important;
        margin-top: -45px !important;
    }*/
    .iconosComentarios {
        display: block !important;
        padding-bottom: 1em !important;
    }

    .iconosComentarios .row {
        border-right: none !important;
    }

    .respuestaComentarioResponsive {
        margin-left: -15px !important;
    }

    .aspiranteOfertaresponsive {
        margin-top: 2em;
        margin-bottom: 2em;
        width: 40em;
    }

    .aspiranteOfertaresponsive .contadorLabelMargen .labeldatosp {
        margin-top: 0px !important;
    }

    .aspiranteOfertaresponsive .contadorLabelfinal .labeldatosp {
        margin-top: 0px !important;
    }

    .informacionAspirantesresponsive {
        display: block !important;
    }

    .informacionAspirantesresponsive .eduacionAspiranteResponsive {
        border-right: none !important;
    }

    .informacionAspirantesresponsive .experienciaAspiranteResponsive {
        border-right: none !important;
    }

    .detallesRequerimentResponsive {
        position: relative;
        width: 105%;
        padding-right: none !important;
        padding-left: 15px;
    }

    .responsiveStyle {
        position: relative;
        width: 100%;
        padding-right: none !important;
        padding-left: 30px;
        padding-top: 1em;
    }
}

/*.contenidofiltrosd:hover {
    transform: scale(1.02);
}*/

.contenidofiltrosu {
    border-radius: 15px;
    margin-left: 2%;
    border: 1px solid var(--naranja);
    box-shadow: 6px 6px 6px rgba(200, 200, 200);
    margin-bottom: 2%;
    transition: transform 0.2s;
    cursor: pointer;
}

input[type=date]:invalid::-webkit-datetime-edit {
    color: var(--azul);
    cursor: pointer;
}

input[type=date] {
    color: var(--azul);
    cursor: pointer;
}

::-webkit-calendar-picker-indicator {
    cursor: pointer;
    background-image: url('../img/calendario.svg');
}

.iconcontraseñaest {
    position: absolute;
    margin-left: 91%;
    z-index: 5;
    margin-top: 11px;
    cursor: pointer;
}



.estilobodercontr {
    border-radius: 10px;
    box-shadow: 3px 3px 9px -2px grey;
    color: gray;
    margin: 3px;
    text-align: center;
    background-color: white;
}
.estilobodercontr.btn{
    cursor: pointer;
}
.estilobodercontr.btn.blue{
    background-color:#014568;
    border-color: #014568;
}
.estilobodercontr.btn.red{
    background-color:#E56F4E;
    border-color:#E56F4E;
}
.estilobodercontr.btn.white{
    background-color:#FFFFFF;
    border-color:#FFFFFF;
}
.estilobodercontr.btn.orange{
    background-color:#F19322;
    border-color:#E97F00;
}
.estilobodercontr.btn.blue i, .estilobodercontr.btn.red i, .estilobodercontr.btn.orange i{
    color: white;
}
.estilobodercontr.btn.white i{
    color: #CCCCCC;
}
.estilobodercontr.btn:hover{
    opacity: .8;
    transition: opacity 0.33s;
}

button.btn.estilobodercontr.hovered{
    border: 1px solid #ced4da;
    text-align: center;
    padding: 0.375rem  0.75rem;
    position: relative;
    overflow: hidden;
}
button.btn.estilobodercontr.hovered::before{
    content: "";
    width: 0%;
    height: 100%;
    background-color: #163C63;
    position: absolute;
    right: 0;
    left: 0;
    transform-origin: center;
    display: block;
    top: 0;
    opacity: 0;
    transition: all 0.5s;
    margin: auto;
    border-radius: 10px;
    z-index: 5;
}
button.btn.estilobodercontr.hovered:hover::before{
    width: 100%;
    opacity: 1;
    transition: all 0.44s;
}

button.btn.estilobodercontr.hovered span{
    position: relative;
    color: gray;
    z-index: 10;
}
button.btn.estilobodercontr.hovered:hover span{
    color: #FFF;
}

/*
input.estilobodercontr, .form-control.estilobodercontr{
    position: relative;
}*/

.btn-descargarcintrat {
    background-color: var(--naranja);
    margin-top: 5px;
    color: white;
    width: 70%;
    border-radius: 10px;
    box-shadow: 3px 3px 9px -2px grey;
}

.estilobodercontrprint {
    background-color: var(--naranja);
    margin-top: 5px;
    color: white;
    border-radius: 10px;
    box-shadow: 0px 3px 9px -2px grey;

}

.espaciocontrafirm {
    margin-top: 5px;
    color: var(--azul);
}

.estilotopcontra {
    padding-top: 2px;


}

.colotexcontra {
    color: var(--azul);
}

.botonguardarnt {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 10%;
    padding-right: 10%;
    margin-top: 5%;
}

@media (max-width: 768px) {
    .contenidofiltrosu {
        border-radius: 15px;
        margin-left: 2%;
        border: 1px solid var(--naranja);
        box-shadow: 6px 6px 6px rgba(200, 200, 200);
        margin-bottom: 2%;
        transition: transform 0.2s;
        cursor: pointer;
    }

    .estilobodercontrprint {
        background-color: var(--naranja);
        margin-top: 5px;
        color: white;
        margin-left: 20px;
        border-radius: 10px;
        box-shadow: 0px 3px 9px -2px grey;
    }

    /*.estadoDelaOfertaResponsive{
        display: grid !important;
        padding-bottom: 1em !important;
        justify-content: normal !important;
        border-bottom-left-radius: 20px !important;
        border-bottom-right-radius: 20px !important;
        border-top-right-radius: 0px !important;
    }*/
    .estadoDelaOfertaResponsive .EstadoOFertaResponsive {
        margin-bottom: 1em !important;
        width: 100% !important;
        overflow-x: auto !important;
        align-items: normal !important;
    }

    .EstadoOFertaResponsiveFinal {
        width: 100% !important;
        margin-bottom: 1em !important;
    }

    .claserepomsinpadi {
        padding-left: 0px;
        padding-right: 0px;
    }

    .butonntu {
        background: var(--naranja);
        color: white;
        margin-left: 6%;
        border-radius: 12px;
        margin-top: 55px;
        width: 89%;
    }
}

.contenidofiltrosu:hover {
    transform: scale(1.02);
}

.imgofertalabu {
    display: flex;
    align-items: center;
    border-left: 4px solid var(--azul);
    padding: 1%;
    text-align: center;
}

#imagenShowCompany {
    border: solid 1px gray;
    border-radius: 20px;
}

.ofertasUrgAplicadas {
    position: absolute;
    right: 0px;
    bottom: -0.5px;
    margin-bottom: 0%;
    width: 150px;
    text-align: center;
    align-items: right;
    border-top-left-radius: 13px;
    font-weight: 600;
}

.urgente {
    background-color: var(--naranja);
    color: var(--blanco);
}

.aplicoOferta {
    background-color: var(--gris-oscuro);
    color: var(--blanco);
}

.ver-oferta {
    position: absolute;
    right: 0px;
    bottom: -0.8px;
    font-size: 15px;
    padding: 2px 0;
    background-color: var(--naranja);
    color: var(--blanco);
    margin-bottom: 0%;
    width: 27%;
    text-align: center;
    align-items: center;
    border-radius: 12px 0 0 0;
    font-weight: 600;
    border-bottom-right-radius: 16px;
}

.img-abs {
    position: absolute;
    right: 0px;
    bottom: -0.5px;
    margin-bottom: 0%;
    width: 32%;
    text-align: center;
    align-items: right;
    border-top-left-radius: 13px;
}

.letrafechapublicd {
    color: var(--azul);
    font-size: 14px;
}

.letrafecha {
    margin-bottom: 1%;
    color: #05486a;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 18px;
}

.letrafechad {
    margin-bottom: 10px;
    color: #05486a;
    font-size: 22px;
}

.sub-titulos {
    font-size: 21px;
    color: var(--azul);
    font-weight: 600;
    margin-bottom: 15px;
}

.iconosiguiete {
    border: 1px solid var(--azul);
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
    width: 50%;
    text-align: center;
    padding: 2%;
    float: left;
}

.iconoatras {
    border: 1px solid var(--azul);
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
    width: 50%;
    padding: 2%;
    text-align: center;
    float: right;
}

.ofertapaginas {
    text-align: right;
    font-size: 18px;
    font-weight: 500;
}

.paginacionofertas .active {
    display: flex;
    /* border: 1px solid var(--azul);
    border-radius: 7px;
    color: var(--azul);
    text-align: center;
    width: 78%;
    margin-left: 0%; */
}

.paginacionofertas .pagination {
    position: sticky;
}

.paginacionofertas .disabled {
    display: none;
}

.leneapagina {
    text-align: center;
    border-right: 1px solid var(--azul);
}

.activo {
    background: #f08014;
    color: var(--blanco) !important;
}

.cuandrodescripcion {
    border: 1px solid #70707033;
    border-radius: 13px;
    /* margin-left: 1%; */
    padding: 2%;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
    font-size: 17px;
}

.cuandrodescripcion p {
    color: var(--azul);
}

@media (max-width: 480px) {
    .cuandrodescripcion {
        border: 1px solid #70707033;
        border-radius: 13px;
        /* margin-left: 1%; */
        padding: 5%;
        box-shadow: 6px 6px 8px rgb(0 0 0 / 20%);
        font-size: 17px;
    }

    .estilobodercontrprint {
        background-color: var(--naranja);
        margin-top: 5px;
        color: white;
        border-radius: 10px;
        margin-top: -65px !important;
        box-shadow: 0px 3px 9px -2px grey;
    }
}

.botonsiguientedatospd {
    text-align: center;
    padding-left: 30%;
    padding-right: 30%;
}

@media (min-width: 768px) and (max-width: 832px) {
    .reponrigth2 {
        margin-right: 14px;

    }
}

@media (min-width: 481px) and (max-width: 767px) {
    .botonsiguientedatospd {
        padding-left: 5%;
        padding-right: 5%;
    }

}

@media (max-width: 480px) {
    .botonsiguientedatospd {
        text-align: center;
        padding-left: 10%;
        padding-right: 10%;
    }
}

.botonsiguientedatospdi {
    text-align: center;
}

.botonregistrarsed {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    font-weight: 600;
    border-radius: 12px;
    /* margin-right: 12%;
    margin-left: 12%; */
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 5%;
}

.botonregistrarseGris {
    background: #c8c8c8;
    --border-radius: 18px;
    color: #014568;
    font-weight: 600;
    border-radius: 12px !important;
    /* margin-right: 12%;
    margin-left: 12%; */
    padding-left: 20%;
    padding-right: 20%;
    margin-top: 5%;
}

.resumendescrip {
    border: 1px solid #70707033;
    border-radius: 13px;
    margin-left: 6%;
    font-size: 14px;
    padding: 2%;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
}

.azul {
    color: var(--azul);
    margin: 3%;
    font-size: 18px;
}

.azuld {
    color: var(--azul);
    font-size: 20px;
    box-shadow: 0px 5px 16px 5px rgba(0, 0, 0, 0.09);
}

@media (max-width: 480px) {
    .azuld {
        color: var(--azul);
        font-size: 20px;
        box-shadow: 0px 5px 16px 5px rgb(0 0 0 / 9%);
        border: 1px solid #70707033;
        border-radius: 15px;
        margin-bottom: 1%;
        display: block !important;
        /* padding: 15px 50px;*/
    }

    .clasecentrar {
        margin-left: 0px;
    }
}

.botonregistrarsede {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    font-weight: 600;
    border-radius: 12px !important;
    padding-left: 12%;
    padding-right: 12%;
    margin-top: 5%;
}

.medicodescripcion {
    margin-bottom: 2%;
}

.oferela {
    border-right: 1px solid #70707033;
    box-shadow: 0px 0px 16px 5px rgba(0, 0, 0, 0.06);
    padding: 2%;
    color: var(--azul);
    font-size: 16px;
    border: none;
}

.oferelad-cc {
    border-right: 1px solid #70707033;
    color: var(--azul);
    text-align: center;
    padding: 2%;
}

.oferelad-cs {
    color: var(--azul);
    text-align: center;
    padding: 2%;
}

.oferelao {
    color: var(--azul);
}

.cuandrodescripcionrel {
    border: 1px solid #70707033;
    border-radius: 15px;
    margin-bottom: 1%;
    padding: 15px 50px;
}

.ofertas-rel div:nth-child(3) .ver-oferta {
    border-radius: 12px 0 12px 0;
}

.tituloh3 {
    font-weight: 700;
}

.headerfiltrado {
    border-bottom: 2px solid #94b1bf;
    padding: 1.5%;
}

.headerfiltrados {
    padding: 1.5% 3% 1% 2%;
}

.preguntasfiltrado {
    border: 1px solid #70707033;
    border-radius: 15px;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 2%;
}

.letraregistroheader {
    font-size: 18px;
}

.comentario-e {
    border-radius: 20px !important;
    border: 1px solid var(--azul);
    width: 100%;
}

.caracteres-max {
    margin-bottom: 1%;
    color: var(--gris);
    text-align: right;
    padding-right: 3%;
}

.caracteres-max-d {
    margin-bottom: 1%;
    color: var(--gris);
    text-align: left;
    padding-right: 3%;
}

.contenidofiltradop {
    padding-bottom: 2%;
}

.contenidomodalofer {
    margin-left: 5%;
    margin-right: 5%;
    margin-top: -3%;
    color: var(--azul);
    text-align: center;
    padding: 5% 10% 2% 10%;
}

.imgaplicado {
    text-align: center;
    margin-left: 16%;
    margin-right: 16%;
}

.imgaplicadod {
    text-align: center;
    margin-left: 16%;
    margin-right: 16%;
    margin-top: 4%;
}

.botoncontrad {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 15%;
    padding-right: 15%;
    margin-top: 5%;
}

.minimenu {
    top: 8px !important;
    left: -59px !important;
    right: 140px !important;
    text-align: center;
    padding: 0rem 0 !important;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
}

.casillamenu {
    padding: 4%;
    color: var(--azul);
}

.casillamenudos {
    background: #ccdae1;
    color: var(--azul);
    padding: 4%;
}

.dropdown-item.active,
.dropdown-item:active {
    color: var(--azul);
    text-decoration: none;
    background-color: #ccdae1;
}

.dropdown-menu {
    padding: 0rem 0 !important;
}

.casillamenudos:hover {
    background: #9cc0d2;
}

.logoempresa {
    border: 1px solid var(--azul);
    border-radius: 13px;
    margin-bottom: 2%;
    margin-left: 3%;
}

/* Input File */
.picture {
    width: 130px;
    border-radius: 8px;
    border: 1px solid var(--azul);
}

.picture .preview {
    width: 100%;
    /* max-height: 70px; */
    height: 90px;
    object-fit: cover;
    object-position: center;
    border-radius: 8px 8px 0 0;
}

.picture label[for='file-upload'].subir .icon-rght{
    background-color: #ef4e2d;
    padding: 1%;
    text-align: center;
    color: #fff;
    position: absolute;
    right: 1px;
    top: 1px;
    margin-right: -18px;
    padding: 8px;
    border-bottom-left-radius: 15px;
    border-top-right-radius: 6px;
}

textarea {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    border: 1px solid var(--azul);
    margin-top: 10px;
    margin-bottom: 20px;
    width: 100%;
}

input[type="number"].cc {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    border: 1px solid var(--azul);
    margin-top: 9px;
    margin-bottom: 9px;
    width: 100%;
}

.file-select {
    cursor: pointer;
    display: inline-block;
}

.file-select::before {
    border-color: #707070;
    background-color: #707070;
    color: rgb(255, 255, 255);
    display: flex;
    cursor: pointer;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: "Seleccionar";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}

.file-select input[type="file"] {
    opacity: 0;
    width: 106%;
    cursor: pointer;
    height: 32px;
    display: inline-block;
}

input[type="file"]#file-upload {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

label[for="file-upload"] {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: var(--gris);
    display: inline-block;
    cursor: pointer;
    padding: -1px 0 !important;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-radius: 0 0 8px 8px;
    border-top: 0px solid var(--azul);
}

label[for="file-upload1"] {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: var(--gris);
    display: inline-block;
    cursor: pointer;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--azul);
}

label[for="file-upload2"] {
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background-color: var(--gris);
    display: inline-block;
    cursor: pointer;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid var(--azul);
}

label[for="file-upload"] img {
    width: 30px;
    border-radius: 8px 8px 0 0;
}

label[for="file-upload1"] img {
    width: 30px;
    border-radius: 8px 8px 0 0;
}

label[for="file-upload2"] img {
    width: 30px;
    border-radius: 8px 8px 0 0;
}

.contenidocamaralogo {
    background: #ccdae1;
    text-align: center;
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
    border-top: 1px solid var(--azul);
}

.contenidocamaralogo img {
    width: 40px;
}

.imglogoemp {
    width: 200px;
}

.carguelogo {
    padding: 25px 0;
}

.s-pregunta {
    /* text-align: right;
    padding-right: 3%; */
    top: 5px;
    text-align: end;
}

.position-absolute.s-pregunta {
        top: 5px;
        text-align: end;
        z-index: 1220;
        right: 0;
        margin-right: 5%;

}
.form-inputs-nw .position-absolute.s-pregunta{
    z-index: 200;
}
.form-inputs-nw .position-absolute.s-pregunta{
    z-index: 200;
}
.form-inputs-nw .img-pregunta{
    width: 16%;
}
.navbar-expand-lg.menu-account.blue{
    z-index: 1160;
}

.img-pregunta {
    width: 26%;
    margin-top: -18%;
    cursor: pointer;
}

.link-pregunta {
    display: none;
    position: absolute;
    margin-top: -11%;
    background: var(--blanco);
    border: 1px solid var(--azul);
    border-radius: 13px;
    padding: 18%;
    z-index: 1;
    margin-left: -309%;
    text-align: left;
    width: 324px;
    font-size: 12px;
}

.link-preguntaDatos {
    display: none;
    position: absolute;
    margin-top: 0%;
    background: var(--blanco);
    border: 1px solid var(--azul);
    border-radius: 13px;
    padding: 18%;
    z-index: 1;
    margin-left: -309%;
    text-align: left;
    width: 324px;
    font-size: 12px;
}

.celda:hover>.link-preguntaDatos {
    display: inline;
}

.celda:hover>.link-pregunta {
    display: inline;
}

.v-oferta {
    border: 1px solid #70707033;
    border-radius: 15px;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 2%;
    padding: 2%;
}

.vd-oferta {
    display: flex;
    /* align-items: center; */
    border: 1px solid #70707033;
    border-radius: 15px;
    box-shadow: 6px 6px 8px rgba(0, 0, 0, 0.2);
    margin-bottom: 2%;
    margin-top: 2%;
}

.list-v-ofe {
    margin: 2% 0% 1% 0%;
    color: var(--azul);
}

.list-v-ofer {
    margin: 1% 0% 1% 0%;
    color: var(--azul);
}

.titulo-b {
    font-weight: 700;
    color: var(--azul);
}

.titulo-bold {
    font-weight: 700;
    color: var(--azul);
    font-size: 20px;
}

.centrarbotones {
    text-align: center;
    margin-bottom: 8%;
}

.t-h5 {
    font-weight: 700;
}

.l-aling-d {
    text-align: right;
}

.c-fpublic {
    min-height: 12%;
}

.c-dep {
    min-height: 8%;
    width: 100%;
    /* overflow: scroll;
    overflow-x: hidden; */
}

.o-ppcd {
    height: 4%;
}

.c-filtro {
    min-height: 82%;
}

.f-c {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: var(--azul);
    background: transparent;
}

.f-s {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: var(--azul);
    border-right-color: var(--azul);
    background: transparent;
}

.f-d {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    background: transparent;
}

.i-c {
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: var(--azul);
}

.i-d {
    border-left-color: transparent;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
}

.i-l {
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
}

.f-n {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: var(--blanco);
    background: transparent;
}

label {
    margin-bottom: 0em !important;
}

.calendario-po {
    margin-left: 2%;
    margin-right: 2%;
    width: 80%;
    margin-top: 6%;
}

.b-bottom {
    border-bottom: 1px solid var(--azul);
    text-align: center;
    color: var(--azul);
    font-size: 14px;
}

.be-bottom {
    text-align: center;
    color: var(--azul);
    font-size: 14px;
}

.letramarilla {
    color: var(--naranja);
}

.letramarill-t20 {
    color: var(--naranja);
    font-size: 20px;
}

.img-of {
    width: 100%;
}

.img-eliminar {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.l-derecha {
    padding: 4%;
    border-right: 1px solid var(--azul);
}

.le-derecha {
    padding: 4%;
}

.estado {
    float: left;
    margin-left: 26%;
    margin-top: 2%;
    height: 50%;
    width: 12%;
    border-radius: 5px;
    background: var(--verde);
}

.estado-r {
    float: left;
    margin-left: 26%;
    margin-top: 2%;
    height: 50%;
    width: 12%;
    border-radius: 5px;
    background: var(--rojo);
}

.estado-p {
    float: left;
    margin-left: 26%;
    margin-top: 2%;
    height: 50%;
    width: 12%;
    border-radius: 5px;
    background: var(--naranja);
}

.l-estado {
    margin-top: 2%;
    margin-left: -20%;
}

.imgcadidato {
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    width: 100%;
}

.co-listcan {
    border-top: 1px solid var(--azul);
}

.listcan {
    padding: 3%;
}

.img-hv {
    width: 8%;
}

.cont-hv {
    display: flex;
    align-items: center;
    text-align: center;
}

.op-hv {
    padding: 0.7%;
    border-right: 1px solid var(--azul);
}

.op-hvs {
    padding: 0.7%;
}

.serdanheader {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cn-emp {
    padding: 1%;
    padding-left: 5%;
}

.c-letracolor {
    color: var(--azul);
}

.img-abs-t {
    width: 100%;
}

.obligado {
    background-color: rgb(250, 255, 189) !important;
}

.cajaRequerimiento {
    /*border-right: solid 1px #014568;*/
    color: #f19322;
    font-size: 25px;
    font-weight: 600;
}

.imgCorreo {
    position: absolute !important;
    right: 38px !important;
    bottom: 1px !important;
    width: 17em !important;
    opacity: 2.2 !important;
}

.imgBasura {
    position: absolute !important;
    right: 45px !important;
    bottom: 0px !important;
    width: 17em !important;
    opacity: 1.2 !important;
}

.imgOjo {
    opacity: 2;
    width: 15%;
    right: 3%;
    height: 100%;
    position: absolute;
    bottom: 9px;
}

#atrasUsuario {
    margin-left: 2%;
    cursor: pointer !important;
    display: contents;
}

#atrasUsuario:hover {
    cursor: pointer;
}

.butonConfigEmpresa {
    position: absolute;
    right: 13px;
    bottom: -0.5px;
    background-color: #f19322;
    padding: 7px;
    color: #fff;
    width: 150px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}

.butonEditar {
    position: absolute;
    right: 16px;
    bottom: 1.5px;
    background-color: #f19322;
    padding: 7px;
    color: #fff;
    width: 150px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
}

.butonverEmperesa {
    text-align: center;
    position: absolute;
    right: 0px;
    bottom: -1.5px;
    background-color: #f19322;
    padding: 7px;
    color: #fff;
    width: 150px;
    border-bottom-right-radius: 16px;
    border-top-left-radius: 20px;
}

.butonOjo {
    position: absolute;
    right: 16px;
    bottom: 1.5px;
    background-color: #f19322;
    padding: 7px;
    color: #fff;
    width: 150px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-style: none;
}

/* .tableRequerimientos{
    width: 100%;
    text-align: left;
    border: solid 1px gray;
    border-radius: 10px;
    border-collapse: inherit;
}
.tableRequerimientos th, td{
    padding: 20px;
}
.tableRequerimientos thead{
    border: solid 1px black;
    border-radius: 20px;
    color: #014568;
} */
.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #eee;
    display: table-header-group;
}

.divTableCell,
.divTableHead {
    border: 1px solid #999999;
    display: table-cell;
    padding: 3px 10px;
}

.divTableHeading {
    background-color: #eee;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #eee;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

/* ESTILOS BOTON SWICTH CSS */

/* ESTILOS MODULO ADMINISTRATIVO */
.detailRequeriments {
    box-shadow: 6px 6px 10px rgb(200, 200, 200);
    border-radius: 15px;
    padding-bottom: 2em;
}

.carpetasRequerimiento {
    box-shadow: 6px 6px 10px rgb(200, 200, 200);
    border-radius: 15px;
    display: flex;
    height: 4em;
    align-items: center;
}

.carpetaIndv {
    height: 100%;
}

.bdr {
    border-radius: 20px;
    overflow: hidden;
}

.viewPreview {
    cursor: pointer;
    position: absolute;
    right: 0px;
    bottom: -0.5px;
    width: 100%;
    height: 24px;
    text-align: center;
    align-items: right;
    border-bottom-left-radius: 35px;
    border-bottom-right-radius: 0px;
    font-weight: 500;
    font-size: 95%;
    color: white;
    padding: -300px;
    background-color: var(--azul);
    border: 0;
}

.contenidofiltrosd .viewPreview, .contenidofiltrosu .viewPreview{
    cursor: default;
    visibility: hidden;
    background-color: #fff;
}

.contenidofiltrosd.expand{
    box-shadow: none;
    border-right: none;
    border-bottom: none;
}
.contenidofiltrosd.expand .brdrd{
    border-right: 4px solid #014568;
    border-bottom: 4px solid #014568;
}
.contenidofiltrosd.expand .imgofertalabu{
    margin-top: -26px;
    align-items: flex-start;
    max-height: 200px;
    border-bottom: 4px solid #014568;
    border-right: 4px solid #014568;
    border-bottom-right-radius: 30px;
    border-top-right-radius: 30px;
    display: block;
    position: relative;
    left: 0px;
    border-left: 0;
    z-index: 1;
}

button {
    outline: none !important;
}

.selectAdmin {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    border: 1px solid var(--azul);
}

.modalAgenda {
    margin-top: 10%;
}

@media (min-width: 1022px) and (min-width: 1280px){
    .modalAgenda {
        max-width: 55% !important;
    }
}

@media (min-width: 1289px) and (min-width: 1920px){
    .modalAgenda {
        max-width: 60% !important;
    }
}

.modalfolderFinal {
    margin-top: 5%;
}

@media (min-width: 1022px) {
    .modalfolderFinal {
        max-width: 65% !important;
    }
}


.borderInput {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;

    background: transparent;
}

.cargosForcliente {
    padding: 2%;

    border-radius: 12px;
    /* border: 1px solid var(--azul); */
    box-shadow: 6px 6px 15px rgb(200 200 200);
}

.cardTableCargo {
    border: 1px solid gray;
    border-radius: 10px;
}

.marginUsuario {
    font-size: 18px !important;
    margin-top: 5% !important;
    margin-left: 4%;
}

.checkboxHabilitar {
    margin-left: 20%;
    margin-right: -12%;
    margin-top: -20%;
    margin-bottom: 21%;
}

.usuariosFondos {
    background-color: #ccdae1;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 15px;
}

.usuariosFondos1 {
    background-color: #ccdae1;
}

.usuariosFondos2 {
    background-color: #ccdae1;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 15px;
}

.usuariosFondos3 {
    background-color: #ccdae1;
    border-top-right-radius: 17px;
    border-bottom-right-radius: 15px;
}

.labeldatosTablesCargo {
    font-weight: normal;
    width: 100%;
    margin-left: 2em;
    margin-right: -20em;
    color: var(--azul);
}

.numeroFolder {
    font-weight: 500;
    color: white;
    font-size: 83px;
    margin-top: -32px;
}

.numberIgual {
    font-weight: 600;
    font-size: 83px;
    color: #ccdae1;
    margin-top: -32px;
}

.numeroFolder2 {
    font-weight: 500;
    color: white;
    font-size: 83px;
    margin-top: -32px;
}

.numeroFolder3 {
    font-weight: 500;
    color: white;
    font-size: 83px;
    margin-top: -34px;
}

.numeroFolder4 {
    font-weight: 500;
    color: white;
    font-size: 83px;
    margin-top: -34px;
}

.lineaHoja {
    background: var(--naranja);
    width: 23%;
    height: 3px;
    margin-bottom: 3%;
}

.tituloHoja {
    color: var(--azul);
    margin-top: 16px;
}

.lineaSubtitulo {
    background: var(--naranja);
    width: 22%;
    height: 3px;
}

.enviarRemision {
    background: var(--naranja);
    --border-radius: 18px;
    color: var(--blanco);
    border-radius: 12px !important;
    padding-left: 3%;
    padding-right: 3%;
    margin-top: 3%;
    margin-bottom: 3%;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #014568 !important;
    border-color: #014568 !important;
}

@media (max-width: 768px) {
    .viewPreview {
        font-size: smaller;
        width: 100%;
        height: 24px;
    }

    .copyfooter {
        background: #084A6A;
        padding: 0%;
        width: 100%;
        font-size: 14px !important;
        color: var(--blanco);
        text-align: center;
        height: 37px !important;
    }

    .pruebaStyles {
        display: block !important;
    }

    .resposive {
        display: block !important;
    }

    .resposive .hijores {
        margin-top: 0% !important;
        margin: center;
    }

    .hijores {
        text-align: center !important;
        padding-top: 26px !important;
        width: 100% !important;
    }

    .resposivel {
        margin-left: 0em !important;
    }

    .responsive4 {
        display: block !important;
    }

    .modalfolderFinal {
        width: 100% !important;
    }

    .contenidomodal {
        padding: 0px !important;
    }
}

.lineapruebas {
    background: var(--naranja);
    width: 21%;
    height: 3px;
    margin-bottom: 3%;
}

.pruebasRealizadas {
    color: var(--azul);
    font-weight: bold;
    margin-top: 17px;
    margin-left: -4%;
}

.ButtonProfiles {
    width: 100%;
    background-color: #ccdae1;
    color: #014568;
    border: 1px solid gray;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}

.resourcesCollaps {
    padding: 2%;
    border: 1px solid gray;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

.borderReferenca {
    border-radius: 20px 20px 20px 20px;
    border: 1px solid gray;
    margin-top: -3%;
    max-height: 220px;
    overflow: auto;
    color: var (--azul);
    width: 97%;
    margin-left: 1%;
}

A {
    text-decoration: none !important;
}

.isSelectedLeft {
    background-color: #ccdae1;
    border-top-left-radius: 17px;
    border-bottom-left-radius: 15px;
}

.isSelectedRight {
    background-color: #ccdae1;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
}

/* FIN ESTILOS MODULO ADMINISTRATIVO */
.tablaPrincipalStyle {
    color: var(--azul);
}

.tablaPrincipalStyle thead {
    background-color: #ccdae1;
}

.modalBorders {
    border-radius: 1.3rem;
}

.butonConsultarFiltros {
    background: var(--naranja);
    color: white;
    margin-left: 2%;
    border-radius: 12px;
    margin-top: 32px;
}

.butonConsultar {
    background: var(--naranja);
    color: white;
    margin-left: 2%;
    border-radius: 12px;
    margin-top: 3px;
    width: 60%;
    margin-bottom: 20px;
}

.tituloViewRequeriment {
    padding-top: 0.5px;
}

#boxInformacion {
    display: flex;
}

#infoDelRequerimiento {
    color: var(--azul);
    border-right: 1px solid #f1f1f1;
}

.fontSIzE {
    font-size: 20px;
}

.contenRequerimient {
    color: var(--azul);
}

.butonDetailViewRequeriment {
    background: var(--naranja);
    color: white;
    margin-left: 2%;
    border-radius: 12px;
    width: 50%;
    margin-bottom: 10px;
}

#boxButtonsd {
    text-align: center;
}

.boxFoldersRequeriment {
    cursor: pointer;
    padding-right: 0px;
    padding-left: 0px;
}

.bordeFolders {
    cursor: pointer;
    border-right: 1px solid #ccdae1;
}

.labelsFolder {
    cursor: pointer !important;
    font-size: 15px !important;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.boxInputsFilters {
    background: var(--blanco);
    color: var(--azul);
    border-radius: 10px;
    border: 1px solid var(--azul);
}

.inputsStyles {
    border-left-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
    background: transparent;
}

.boxButonConsultar {
    width: 100%;
    margin-bottom: 2rem;
}

.botonesTable {
    width: 100%;
    display: flex;
}

.butonSistem {
    padding-left: 0%;
    margin-bottom: 15px;
}

.buttonsSistema {
    padding-left: 0%;
    margin-bottom: 15px;
    display: none;
}

.botonesAgregarSistem {
    background: var(--naranja);
    color: white;
}

.inputFiltors {
    padding: 0;
    margin-top: 9px !important;
}

.buttonAgregarAspirante {
    background: var(--naranja);
    color: white;
    margin-left: 1%;
    margin-top: 2%;
    border-radius: 12px;
}

.iconAgregar {
    cursor: pointer;
    color: #ffffff;
}

.tableBordes {
    margin-right: 1%;
    margin-left: 1%;
    margin-top: 2rem;
}

.titlePrincipal {
    top: -1em;
    margin-right: 1%;
    margin-left: 2%;
}

.imgTables {
    width: 4em;
}

.labelGlobal {
    font-weight: 700;
    font-size: 20px;
    color: var(--azul);
}

.cardNoExitenOfertas {
    border: 1px solid gray;
    padding: 2%;
    border-radius: 21px;
    box-shadow: 6px 6px 6px rgb(200 200 200);
}

@media (min-width: 768px) and (max-width: 991px) {
    .imgPaginateOfertasInicio {
        border-top-left-radius: 15px !important;
        border-bottom-left-radius: 15px !important;
        border-top-right-radius: 15px !important;
        border-bottom-right-radius: 15px !important;
        padding: 3% !important;
        width: 100% !important;
        object-fit: cover !important;
        height: 10em !important;
    }

    /* .imgIndexReclutadores {
        border: 1px solid var(--azul) !important;
        border-radius: 12px !important;
        height: 15em !important;
        width: 100% !important;
        padding: 3% !important;
        object-fit: cover !important;
        margin-bottom: 2em !important;
    } */
}

@media (min-width: 576px) and (max-width: 991px) {
    .imgPaginateOfertasInicio {
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        border-top-right-radius: 15px;
        border-bottom-right-radius: 15px;
        padding: 3%;
        width: 100%;
        object-fit: cover;
        height: 16em;
    }

    .inputtablets {
        width: 66%;
        height: 100%;
        text-align: center;
        position: absolute;
        margin-bottom: 6%;
        margin-top: -32%;
        margin-left: 5%;
    }

    .companysReclutadores {
        width: 100% !important;
        /* border: 1px solid var(--azul); */
        border-radius: 5px;
        margin-bottom: 6%;
        height: 20em;
        object-fit: cover;
    }

    /* .imgIndexReclutadores {
        border: 1px solid var(--azul);
        border-radius: 12px;
        height: 19em;
        width: 100%;
        padding: 3%;
        object-fit: cover;
        margin-bottom: 2em;
    } */
    .labelsFolder {
        cursor: pointer !important;
        font-size: 12px !important;
        margin-top: 12px !important;
        margin-bottom: 20px !important;
    }
}

.tabla-scrollnt::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

.tabla-scrollnt::-webkit-scrollbar-button {
    width: 0px;
    height: 0px;
}

.tabla-scrollnt::-webkit-scrollbar-thumb {
    background: var(--azul);
    border: 0px none #ffffff;
    border-radius: 12px;
}

.tabla-scrollnt::-webkit-scrollbar-thumb:hover {
    background: var(--azul);
}

.tabla-scrollnt::-webkit-scrollbar-thumb:active {
    background: var(--azul);
}

.tabla-scrollnt::-webkit-scrollbar-track {
    background: #e6e6e6;
    border: 0px none #e6e6e6;
    border-top-right-radius: 11px;
    border-bottom-right-radius: 11px;
    border-bottom-left-radius: 0px;
    border-top-left-radius: 0px;
}

.tabla-scrollnt::-webkit-scrollbar-track:hover {
    background: #e6e6e6;
}

.tabla-scrollnt::-webkit-scrollbar-track:active {
    background: #e6e6e6;
}

.tabla-scrollnt::-webkit-scrollbar-corner {
    background: transparent;
}

.ofert{
    text-align: center;
}

.caja_social_compartir{
    display: flex;
    justify-content: center;


}

.item_social_compartir{
    float: left;
    width: 80px;
    height: 80px;
    margin-right: 20px;
    padding: 20px;
    border-radius: 50px;
    text-align: center;
    line-height: normal;
    background: #014568;
}
@media (max-width: 600px) {
    a .item_social_compartir {
        font-size: 1.7rem;
        color: #fff;
    }
    .item_social_compartir {
        float: left;
        width: 57px;
        height: 57px;
        margin-right: 9px;
        padding: 10px;
        border-radius: 50px;
        text-align: center;
        line-height: normal;
        background: #014568;
        display: block;
    }
    .fab, .far {
        font-weight: 400;
        margin-left: -7px;
    }

  }
a .item_social_compartir {
    font-size: 2rem;
    color: #fff;
}

@media (min-width: 768px) and (max-width: 991px) {}

@media (min-width: 576px) and (max-width: 991px) {}

.contentIniciarSesion{
    background-image: url('../img/fondoLogin.png');
}

.conten .border-radius-30 .title-edit, .inputBar .labelListInfoPersonal{
    color: #000;
}
.inputBar{
    overflow: hidden;
    position: relative;
}
.inputBar .desingLog{
    height: 100%;
    height: 100%;
    width: 75px;
    border-radius: 0;
}
.desingLog{
    background-color: #A4B0BD;
}
.desingLog .icon-account{
    position: absolute;
    right: 20px;
    top: 20px;
}
.desingLog .icon-account i{
    color: #000;
    font-size: 200%;
    transform: scaleY(1.1);
}
.desingLog:hover{
    background-color: #014568;
}
.desingLog:hover .icon-account i{
    color: #FFF;
}

.main-prehead.fixed-top{
    z-index: 1160;
}
.modal{
    z-index: 11000;
}
.swal2-container {
    z-index: 14000 !important;
}

.ui-timepicker-container {
    z-index: 9999 !important;
}
#right{
    z-index: 1170;
}
#mostrartMenu .dropbtn{
    background-color: transparent;
}
body.modal-open .select2-container.select2-container--default {
    z-index: 1000000;
}
body.modal-open .modal .show .select2-container.select2-container--default {
    z-index: 1000 !important;
}
body.modal-open form .row > div{
    z-index: 10;
}
/*body.modal-open{}*/
body.swal2-shown .swal2-container{
    z-index: 140000 !important;
}
.box-info.contenidodatosp.bgfit{
    z-index: inherit;
}
body:not([data-select2-id]) .contenidodatosp.box-info.bgfit.user1{
    z-index: 10;
}
#box-support-mesagge{
    z-index: 1800;
}

body[data-select2-id] .contenidodatosp, body.modal-open[data-select2-id] .contenidodatosp{
    z-index: inherit;
    position: relative;
}

.educacionLista .styleListEducation{
    background-color: #5C95B4;
    border-radius: 30px;
    margin-bottom: 10px !important;
    overflow: hidden;
    padding-left: 10px;
}

.educacionLista .styleListEducation .form-control{
    border: none;

}
.educacionLista .styleListEducation .input-group-append{
    background-color: transparent;
    color: #fff;
}
.educacionLista .styleListEducation .input-group-append span a i{
    /* color: #fff !important; */
    font-size: 1.3em;
}
.educacionLista .styleListEducation .input-group-append .input-group-text.editarEducacion a i{
    font-weight: 100;
}
.educacionLista .styleListEducation .input-group-append .input-group-text{
    border: none;
    background-color: transparent;
}
.educacionLista .styleListEducation .input-group-append .input-group-text.eliminarEducacion{
    background-color: #E56F4E;
    padding-right: 20px;
    padding-left: 15px;
    font-size: .8em;
}
.educacionLista .styleListEducation .form-control:disabled{
    background-color: transparent;
    color: #fff !important;
}
.educacionLista .styleListEducation .form-control::-webkit-input-placeholder {
    color: white;
  }
.educacionLista .styleListEducation .form-control:-moz-placeholder {
    color: white;
  }
.educacionLista .styleListEducation .form-control::-moz-placeholder {
    color: white;
  }
.educacionLista .styleListEducation .form-control:-ms-input-placeholder {
    color: white;
}
.educacionLista .styleListEducation .form-control::-ms-input-placeholder {
    color: white;
}
.educacionLista .styleListEducation .form-control::placeholder {
    color: white;
}
.stileFooterSocial .img-fluid{
    max-width: 50px;
    margin: auto 3px;
}
.input-group-append.ovrflwd{
    overflow: hidden;
}
.input-group-append.ovrflwd  .input-group-text.blue{
    background-color: #014568;
}
.input-group-append.ovrflwd  .input-group-text.blue.light{
    background-color: #659BB8;
}
.input-group-append.ovrflwd  .input-group-text.blue a .fa-plus{
    color: #fff;
}
.input-group-append.ovrflwd .input-group-text.blue a, .input-group-append.ovrflwd .input-group-text.blue h5, .input-group-append.ovrflwd  .input-group-text.blue i{
    color: #fff;
}
.form-group .ovrflwd .blue{
    background-color: #014568;
}
.form-group .ovrflwd .blue.light{
    background-color: #659BB8;
}
.form-group .ovrflwd .blue h3, .form-group .ovrflwd .blue h5, .form-group .ovrflwd .blue a, .form-group .ovrflwd .blue i{
    color: #fff;
 }
.input-group-append.ovrflwd .orange, .app-prp .orange, .orange.light{
    background-color: #F19322 !important;
}

/* ***************************************************************************************************************************/
/* ******************************************* Estilos para el switch actualizado ********************************************/
/* ***************************************************************************************************************************/

/* * {
  user-select: none;
  -webkit-tap-highlight-color: transparent;
} */

/* *:focus {
  outline: none;
} */

/* body {
    font-family: Arial, Helvetica, sans-serif;
    margin: 0;
    background-color: #f1f9f9;
  } */
  
  /* #app-cover {
    display: table;
    width: 600px;
    margin: 80px auto;
    counter-reset: button-counter;
  } */
  
  /* .row {
    display: table-row;
  } */
  
  /* .toggle-button-cover {
    display: table-cell;
    position: relative;
    width: 200px;
    height: 140px;
    box-sizing: border-box;
  } */
  
  /* .button-cover {
    height: 100px;
    margin: 20px;
    background-color: #fff;
    box-shadow: 0 10px 20px -8px #c5d6d6;
    border-radius: 4px;
  } */
  
  /* .button-cover:before {
    counter-increment: button-counter;
    content: counter(button-counter);
    position: absolute;
    right: 0;
    bottom: 0;
    color: #d7e3e3;
    font-size: 12px;
    line-height: 1;
    padding: 5px;
  } */
  
  .button-cover,
  .knobs,
  .layer {
    position: absolute;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 0;
  }
  
  .buttonSw {
    position: relative;
    top: 50%;
    width: 74px;
    height: 36px;
    /* margin: -40px auto 0 auto; */
    overflow: hidden;
  }
  
  .buttonSw.r,
  .buttonSw.r .layer {
    border-radius: 100px;
  }
  
  /* .button.b2 {
    border-radius: 2px;
  } */
  
  .checkbox {
    position: relative;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    opacity: 0;
    cursor: pointer;
    z-index: 3;
  }
  
  .knobs {
    z-index: 2;
  }
  
  .layer {
    width: 100%;
    background-color: #ebf7fc;
    transition: 0.3s ease all;
    z-index: 1;
  }
  
  /* Button 1 */
  #button-1 .knobs:before {
    content: "SI";
    position: sticky;
    /* top: 4px; */
    left: 4px !important;
    /* width: 20px; */
    /* height: 10px; */
    color: #fff;
    font-size: 10px;
    font-weight: bold;
    /* text-align: center; */
    line-height: 0;
    padding: 8px 10px;
    background-color: #014568;
    border-radius: 50%;
    transition: 0.3s cubic-bezier(0.18, 0.89, 0.35, 1.15) all !important;
  }
  
  #button-1 .checkbox:checked + .knobs:before {
    content: "NO";
    left: 38px !important;
    background-color: #f44336;
    padding: 8px 7px;
  }
  
  #button-1 .checkbox:checked ~ .layer {
    background-color: #fcebeb;
  }
  
  #button-1 .knobs,
  #button-1 .knobs:before,
  #button-1 .layer {
    transition: 0.3s ease all;
  }


/*************************************
* Rediseño vista de ofertas aplicadas
**************************************/

.options_cards{
    margin-top: 30px;
    margin-bottom: 30px;
}
.option_card{
    border: 1px solid var(--azul);
    padding: 10px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    color: var(--azul);
    transition: ease-in 200ms;
    cursor: pointer;
}
.option_card__icon{
    margin-right: 10px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px;
}
.option_card__title{
    margin: 0px;
    font-weight: 700;
}
.option_card__subtitle{
    margin: 0px;
    font-size: 14px;
}

/* Hover Mode */
.option_card:hover{
    background-color: var(--naranja);
    color: var(--blanco) !important;
}

.option_card__active{
    background-color: var(--azul);
}

.option_card__active .option_card__title{
    margin: 0px;
    color: var(--blanco);
    font-weight: 700;
}

.option_card__active .option_card__subtitle{
    margin: 0px;
    color: var(--blanco);
}

.option_card__active .option_card__icon{
    color: var(--naranja);
}
.title_section_options{
    color: var(--azul);
    font-size: 20px;
    margin-bottom: 10px;
}


.titulocard{
    color: var(--azul);
    font-weight: bold;
    font-size: 20px;
}

.card-t4u {
    border-radius: 10px;
    overflow: hidden;
    color: #014568;
    box-shadow: 0 10px 20px -5px rgba(87, 87, 87, 0.33);
    margin-bottom: 30px;
  }

.card-t4u .list-group-item.active{
    background-color: var(--azul) !important;
    color: var(--blanco) !important;
    border: none !important;
    font-size: 1.6em;
    font-weight: 700;
}

.success-item{
    font-size: 18px;
    font-weight: 500;
}

.success-item .fa-check-circle, .success-item .fa-question-circle{
    font-size: 22px;
    margin-right: 10px;
}
.btn-link-t4u{
    font-size: 20px;
    color: var(--azul);
    float: right;
    opacity: .4;
    margin-left: 8px;
    margin-right: 5px;
}

.list-item-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.btn-primary-t4u{
    background-color: #F19322;
    border: 1px solid #E97F00;
    color: #FFFFFF;
    border-radius: 8px;
    box-shadow: 1px 1px 4px -2px grey;
    line-height: 1.5rem;
    font-size: 1.1rem;
    letter-spacing: .00625em;
    font-weight: 500;
    height: 44px;
    min-height: 44px;
    min-width: 200px;
    padding: 10px 16px;
}
.btn-primary-t4u:hover{
    background-color: #E97F00;
    color: #FFFFFF;
    box-shadow: 3px 1px 9px -2px grey;
}
.btn-secundary-t4u{
    background-color: var(--azul);
    border: 1px solid var(--azul);
}
.btn-secundary-t4u:hover{
    background-color: var(--azul);
    border: 1px solid var(--azul);
}
#firma a, #firma button{
    color: #FFFFFF;
}
.shadow_sm{
    box-shadow: 1px 1px 4px -2px grey !important;
}
@media (max-width: 768px) {
    .card-t4u .list-group-item.active {
        font-size: 1.1em;
    }
    .success-item .fa-check-circle, .success-item .fa-question-circle{
        font-size: 18px;
        margin-right: 7px;
    }
    .success-item, .text-muted{
        font-size: 15px;
    }
    .btn-link-t4u{
        font-size: 18px;
    }
    #navi-accessibility a#navi-access-btn, #navi-support:before{
        display: none;
    }
    #firma{
        flex-direction: column;
    }
    #firma div{
        width: 100%;
        display: flex;
        margin-top: 10px;
    }
    #firma a, #firma button{
        width: 50%;
        color: #FFFFFF;
    }
    .btn-primary-t4u{
        margin-top: 5px;
        margin-bottom: 5px;
    }

    .bgfit.user1 {
        background: #FFFFFF !important;
    }
    .user1.box-info .contain_personal_info{
        box-shadow: none !important;
    }
    .contain_personal_info{
        min-width: 100% !important;
    }
    .miCuentaInfo {
        left: 0px !important;
        right: 0px !important;
        padding: 20px !important;
        width: 90% !important;
        margin: 0 auto !important;
    }
}