/*
Template Name: Lavore1
Template URI: https://lavoreone.com
Description: Tema personalizado para Lavore 1 - Bolsa de Trabajo
Version: 1.0
Author: Alex Rivera
Author URI: https://suimagen.net
*/


/*====================================================================================*/
/*    TIPOGRAFIA                                                                      */
/*====================================================================================*/

@font-face {
    font-family: 'Open Sans Light';
    src: url('../fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Regular';
    src: url('../fonts/OpenSans-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Italic';
    src: url('../fonts/OpenSans-Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Bold';
    src: url('../fonts/OpenSans-Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans Semibold';
    src: url('../fonts/OpenSans-Semibold.ttf') format('truetype');
}
@font-face {
    font-family: 'Open Sans ExtraBold';
    src: url('../fonts/OpenSans-ExtraBold.ttf') format('truetype');
}

.columna1,.columna2,.columna3,.columna4,.columna5,.columna6{
    border:1px solid #000;
    background-color: grey;
}


/*====================================================================================*/
/*    GENERAL                                                                         */
/*====================================================================================*/

/*
.pxp-root {
    --pxpHoverTransition: 300ms cubic-bezier(0.215,0.61,0.355,1);
    --pxpHoverOpacity: 0.6;
    --pxpTextColor: #000000;
    --pxpMainColor: #0969C3;
    --pxpMainColorTransparent: rgba(9,105,195,0.05);
    --pxpMainColorDark: #1061A3;
    --pxpMainColorLight: #0E6EBE;
    --pxpSecondaryColor: #EACB02;
    --pxpSecondaryColorLight: #FFDF0C;
    --pxpLightGrayColor: #dedede;
    --pxpDarkGrayColor: #999;
}
*/

body {
    font-family: 'Open Sans Regular',sans-serif;
    color: var(--pxpTextColor);
    font-weight: 400;
    font-feature-settings: 'kern';
    -moz-font-feature-settings: 'kern';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
} 

a {
    color: var(--pxpMainColor);
    text-decoration: none;
}
a:hover {
    color: var(--pxpMainColorDark);
}

.ml-1{
    display: inline-block;
    position: relative;
    left:-40px;
}

/*--- Alertas ----------------------------------*/

.swal2-popup {
    display: none;
    position: relative;
    box-sizing: border-box;
    flex-direction: column;
    justify-content: center;
    width: 32em;
    max-width: 100%;
    padding: 1.25em;
    border-radius: .3125em;
    background: #fff;
    font-family: inherit;
    font-size: 1rem;
    box-shadow: 0 0 35px #00000054;
}

.swal2-icon.swal2-success .swal2-success-ring {
    position: absolute;
    z-index: 2;
    top: -.25em;
    left: -.25em;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    border: .25em solid #FFDF0C !important;
    border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
    display: block;
    position: absolute;
    z-index: 2;
    height: .3125em;
    border-radius: .125em;
    background-color: #FFDF0C !important;
}

.swal2-title {
    position: relative;
    max-width: 100%;
    margin: 0 0 .4em;
    padding: 0;
    font-family: 'Open Sans Bold';
    font-size: 1.5em;
    font-weight: 600;
    text-align: center;
    color: #000000;
    text-transform: none;
    word-wrap: break-word;
}

.swal2-content {
    z-index: 1;
    justify-content: center;
    margin: 0;
    padding: 0;
    font-family: 'Open Sans Regular';
    color: #000000;
    font-size: 1em;
    font-weight: 500;
    line-height: normal;
    word-wrap: break-word;
}

.swal2-styled.swal2-confirm {
    font-family: 'Open Sans Regular';
    font-size: 1.2em;
    color: #fff;
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #0E6EBE !important;
}


/*--- DataTables ------------------------------------*/

div.dataTables_wrapper div.dataTables_info {
    margin: 10px 0 20px 0;
}
div.dataTables_wrapper div.dataTables_filter input {
    width: 100%;
}


.table-responsive {
    background: white;
    padding: 10px 20px;
    border: 1px solid #0E6EBE;
}
table th {
    background-color: #FFF !important;
}
table>tbody>tr>td {
    vertical-align: middle !important;
    font-size: 16px;
}

.btn-danger {
    color: #fff;
    background-color: #FF8E01;
    border-color: #FF8E01;
}
.btn-info {
    color: #fff;
    background-color: #08296C;
    border-color: #08296C;
}

.pxp-dashboard-content-details .table-hover th:not(.pxp-is-checkbox) {
    color: #0E6EBE;
    font-weight: 500;
    font-size: 12px;
}

.dt-buttons.btn-group {
    width: 300px;
}

button.btn.btn-secondary.buttons-excel.buttons-html5.btn-success {
    background: #0E6EBE;
}
button.btn.btn-secondary.buttons-pdf.buttons-html5.btn-danger {
    background-color: #FFDF0C;
}
button.btn.btn-secondary.buttons-print.btn-info {
    background-color: #000000;
}

.fa-file-excel-o:before {
    content: "\f1c1";
    color: #fff;
    font-size: 20px;
}

.fa-file-pdf-o:before {
    content: "\f1c1";
    color: #000;
    font-size: 20px;
}

.fa-print:before  {
    content: "\f1c1";
    color: #fff;
    font-size: 20px;
}

div.dataTables_wrapper div.dataTables_length select {
    width: 60px !important;
}

div#plazas_filter {
    float: right;
    padding-bottom: 25px;
}

/*--- Mis Margin y Paddings ---------*/

.mt1{ margin-top: 1px   !important; }
.mt2{ margin-top: 2px   !important; }
.mt3{ margin-top: 3px   !important; }
.mt4{ margin-top: 4px   !important; }
.mt5{ margin-top: 5px   !important; }
.mt10{ margin-top: 10px !important; }
.mt15{ margin-top: 15px !important; }
.mt20{ margin-top: 20px !important; }
.mt25{ margin-top: 25px !important; }
.mt30{ margin-top: 30px !important; }
.mt35{ margin-top: 35px !important; }
.mt40{ margin-top: 40px !important; }
.mt45{ margin-top: 45px !important; }
.mt50{ margin-top: 50px !important; }

.mr1{ margin-right: 1px   !important; }
.mr2{ margin-right: 2px   !important; }
.mr3{ margin-right: 3px   !important; }
.mr4{ margin-right: 4px   !important; }
.mr5{ margin-right: 5px   !important; }
.mr10{ margin-right: 10px !important; }
.mr15{ margin-right: 15px !important; }
.mr20{ margin-right: 20px !important; }
.mr25{ margin-right: 25px !important; }
.mr30{ margin-right: 30px !important; }
.mr35{ margin-right: 35px !important; }
.mr40{ margin-right: 40px !important; }
.mr45{ margin-right: 45px !important; }
.mr50{ margin-right: 50px !important; }

.mb1{ margin-bottom: 1px   !important; }
.mb2{ margin-bottom: 2px   !important; }
.mb3{ margin-bottom: 3px   !important; }
.mb4{ margin-bottom: 4px   !important; }
.mb5{ margin-bottom: 5px   !important; }
.mb10{ margin-bottom: 10px !important; }
.mb15{ margin-bottom: 15px !important; }
.mb20{ margin-bottom: 20px !important; }
.mb25{ margin-bottom: 25px !important; }
.mb30{ margin-bottom: 30px !important; }
.mb35{ margin-bottom: 35px !important; }
.mb40{ margin-bottom: 40px !important; }
.mb45{ margin-bottom: 45px !important; }
.mb50{ margin-bottom: 50px !important; }

.ml1{ margin-left: 1px   !important; }
.ml2{ margin-left: 2px   !important; }
.ml3{ margin-left: 3px   !important; }
.ml4{ margin-left: 4px   !important; }
.ml5{ margin-left: 5px   !important; }
.ml10{ margin-left: 10px !important; }
.ml15{ margin-left: 15px !important; }
.ml20{ margin-left: 20px !important; }
.ml25{ margin-left: 25px !important; }
.ml30{ margin-left: 30px !important; }
.ml35{ margin-left: 35px !important; }
.ml40{ margin-left: 40px !important; }
.ml45{ margin-left: 45px !important; }
.ml50{ margin-left: 50px !important; }

.texto-observaciones,.listado-observaciones{
    text-align: left;
}


/*====================================================================================*/
/*    PORTADA                                                                         */
/*====================================================================================*/

/*--- Alinear botones Registrar/Iniciar Sesión ------*/

nav.pxp-user-nav {
    position: relative;
    top: -25px;
}

/*--- Botón Registrar Empresa -----------------------*/

a.btn.rounded-pill.pxp-nav-btn {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #0E6EBE;
    color: #fff;
    background-color: #0E6EBE;
    transition: var(--pxpHoverTransition);
    transition-property: color, background-color;
}
a.btn.rounded-pill.pxp-nav-btn:hover {
    color: #fff;
    background-color: #1061A3;
}

/*--- Botón Iniciar Sesión (Popup) -------------------*/

.pxp-user-nav-trigger {
    margin-left: 10px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid #FFDF0C !important;
    color: #090000;
    background-color: #FFDF0C;
    transition: var(--pxpHoverTransition);
    transition-property: color, background-color;
}
.pxp-user-nav-trigger:hover {
    background-color: #EACB02;
    color: #fff;
}

.pxp-modal-cta {
    width: 75%;
    margin: 0 auto;
}


/*--- Sección Hero sin margen superior ----------------------------*/

.pxp-no-hero {
    padding-top: 0;
}

/*--- Titulo H1 de Sección Hero -----------------------------------*/

.pxp-hero h1 {
    font-size: 60px;
    line-height: 70px;
    letter-spacing: 0;
    font-weight: 700;
    text-shadow: 0 0 20px #00000099;
}

/*--- Titulo H4 de Sección Hero -----------------------------------*/

h4.pxp-section-h4.text-white.text-center {
    font-size: 25px;
    line-height: 35px;
    letter-spacing: 0;
    font-weight: 400;
    text-shadow: 0 0 15px #00000099;
}

/*--- Swicther de Precios ---------------------------------------*/

.pxp-price-plans-switcher .btn-check:active+.btn-outline-primary, 
.pxp-price-plans-switcher .btn-check:checked+.btn-outline-primary, 
.pxp-price-plans-switcher .btn-outline-primary.active, 
.pxp-price-plans-switcher .btn-outline-primary.dropdown-toggle.show, 
.pxp-price-plans-switcher .btn-outline-primary:active {
    color: #000;
    background-color: #FFDF0C;
    border-color: #FFDF0C;
}

.btn-group>.btn:not(:last-child):not(.dropdown-toggle),
.btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn {
    border: 1px solid #FFDF0C;
}

/*--- Tarjetas -----------------------------*/

.pxp-plans-card-1 {
    border: 1px solid #bcb9b9;
    box-shadow: 0 0 50px #00000036 !important;
}

/*--- Banner Conocer más --------------------*/

.pxp-promo-img {
    height: 600px;
    border-radius: 25px;
    padding-left: 0;
}
.conocer-mas{
    padding-top:25px;
}




/*====================================================================================*/
/*    SETEO GENERAL DE FORMULARIOS                                                    */
/*====================================================================================*/

textarea {
  resize: none;
}

/*--- Controles para Formularios --------------------*/

input:focus, select:focus, textarea:focus{
    outline: none !important;
    border:2px solid #0E6EBE !important;
}

::placeholder {
    font-family: 'Open Sans Regular';
    font-size: 14px;
    color: #000000;
}

.btn-check:checked+.btn-outline-primary{
    background-color: #0E6EBE;
}
.btn-check:active+.btn-outline-primary, 
.btn-check:checked+.btn-outline-primary, 
.btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, 
.btn-outline-primary:active {
    background-color: #0E6EBE;
}
.btn-group>.btn:not(:last-child):not(.dropdown-toggle), 
.btn-group>.btn:nth-child(n+3), .btn-group>:not(.btn-check)+.btn {
    border: 1px solid #0E6EBE;
}

select {
    width: 100%;
    font-weight: 300;
    color: var(--pxpTextColor);
    padding: 1rem;
    border-radius: 30px;
    border: 1px solid rgba(0, 0, 0, .2);
    background-image: url(../images/flecha.png);
    background-repeat: no-repeat;
    background-position: right center;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
}
select::-ms-expand {
    display: none; 
}

.form-check-input {
    width: 1.5em;
    height: 1.5em;
    margin-top: 0;
    vertical-align: top;
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid rgba(0, 0, 0, .25);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}


/*--- FORMULARIO dentro de CONTENT DETAILS --------------------------------*/

.pxp-dashboard-content-details.formulario {
    margin-top:35px;
    background: #ebe9e9;
}

/*--- Ancho del Datepicker en Desktop --------------------*/

div#ui-datepicker-div {
    width: 425px;
}

/*--- Contenedor de campo Imagen -------------------------------------------*/

.pxp-dashboard-content-details form #pxp-candidate-cover-choose-file + label {
    width: 340px;
    height: 235px;
    margin: 0 auto;
    border-radius:0;
    border: 2px solid #0E6EBE;;
    background: #fff;
}
.pxp-dashboard-content-details form #pxp-candidate-cover-choose-file + label, 
.pxp-dashboard-content-details form #pxp-candidate-photo-choose-file + label {
    font-family: 'Open Sans Regular';
    font-size: 20px !important;
    color: #fff !important;
}

.pxp-dashboard-content-details form .form-label {
    font-family: 'Open Sans Regular';
    font-size: 13px;
    font-weight: 500;
}
.pxp-dashboard-content-details form .form-control, 
.pxp-dashboard-content-details form .form-select {
    border: 1px solid rgba(0,0,0,.2);
    font-weight: 300;
    color: var(--pxpTextColor);
    background-color: #fff;
    border-radius: 30px;
    padding: 1rem;
}
.pxp-dashboard-content-details form .form-control:focus, 
.pxp-dashboard-content-details form .form-select:focus {
    box-shadow: none;
    border: 1px solid rgba(0,0,0,.4);
}
.pxp-dashboard-content-details form .pxp-company-cover,
.pxp-dashboard-content-details form .pxp-company-logo {
    position: relative;
}
.pxp-dashboard-content-details form #pxp-company-cover-choose-file,
.pxp-dashboard-content-details form #pxp-company-logo-choose-file {
    height: 0;
    width: 0;
    overflow: hidden;
    position: absolute;
}
.pxp-dashboard-content-details form #pxp-company-cover-choose-file + label,
.pxp-dashboard-content-details form #pxp-company-logo-choose-file + label {
    display: flex;
    border: 1px dashed rgba(0,0,0,.2);
    border-radius: 30px;
    width: 100%;
    height: 166px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
}
.pxp-dashboard-content-details form #pxp-company-logo-choose-file + label {
    width: 87px;
    height: 87px;
}
.pxp-dashboard-content-details form textarea {
    height: 300px;
}
.pxp-dashboard-content-details form textarea.pxp-smaller {
    height: 150px;
}
.pxp-dashboard-content-details .form-check-input:checked {
    background-color: var(--pxpMainColor);
}
.pxp-dashboard-content-details .form-check-input:focus {
    box-shadow: none;
}

.recuadro {
    max-width: 25%;
    margin: 30px auto 0 auto;
    padding: 15px 15px 25px 15px;
    border: 2px solid #EACB02;
    background-color: #fff;
}

/*====================================================================================*/
/*    FORMULARIO LOGIN - SOLICITAR REGISTRO EMPRESA - CERRAR SESION                   */
/*====================================================================================*/

/*--- Formulario Iniciar Sesion --------------*/

#usuario,#clave {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

.pxp-sign-hero-form-cta {
    width: 75%;
    margin: 0 auto;
}

.pxp-modal-small {
    font-size: 14px;
    font-weight: bold;
}

section.pxp-no-hero.justify-content-center.cerrar-sesion {
    width: 50%;
    margin: 50px auto;
    padding: 25px;
    font-family: 'Open Sans Regular';
    color: #000;
    background-color: transparent;
}
.jumbotron > h2 {
    font-size: 24px;
    font-weight: bold;
}
hr:not([size]) {
    width: 50%;
    height: 3px;
    color: #0E6EBE;
    margin: 0 auto;
}
.lead {
    font-size: 1rem;
    font-weight: 300;
}




/*====================================================================================*/
/*    TABLEROS CANDIDATOS - EMPRESAS - ADMINISTRADORES                                */
/*====================================================================================*/

/*--- Alinear items del Sidebar ---------------*/

.pxp-dashboard-side-panel nav > ul > li > a, 
.pxp-nav-mobile-container.pxp-is-dashboard .pxp-nav-mobile > ul > li > a {
    text-align: left;
}

/*--- Alinear H1 de Contenido -----------------*/

.pxp-dashboard-content-details {
    text-align: left;
}

/*--- Mensaje de Bienvenida -------------------*/

h2.pxp-section-h2.bienvenido {
    margin-left: 120px;
    font-family: 'Open Sans Regular';
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 0;
}

/*--- Cards Candidatos -------------------------*/

.pxp-dashboard-stats-card-candidato{
    display: flex;
    padding: 30px;
    align-items: center;
    background-color: #f7f5c3 !important;
}

/*--- Iconos Cuenta/Curriculum -----------------*/

.cuenta-pendiente > p > span.fa.fa-user-circle-o,
.cv-pendiente > p > span.fa.fa-file-text-o  {
    padding: 10px;
    display: inline-block;
    font-size: 25px;
    color: #FFDF0C;
    border-radius: 10px;
    background-color: #0E6EBE;
}

/*--- Seccion Acciones -------------------------*/

.pxp-dashboard-content-details.acciones {
    margin-top: 30px;
    background-color: #EBE9E9;
}

section.pxp-no-hero.actions-section {
    margin-top: 50px;
    padding-bottom: 80px;
}

.tableros, .alerta-positiva, .alerta-negativa{
    margin-top: 50px;
    padding: 25px;
    border-radius: 25px;
}
.tableros{
    background-color: #EBE9E9;
}
.alerta-positiva{
    background-color: lightgreen;
}
.alerta-negativa{
    background-color: lightsalmon;
}


/*--- Modulos Crear Cuenta y Crear CV ----------*/

.cuenta-pendiente, .cv-pendiente {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    height: 100%;
    padding: 50px;
    border-radius: 30px;
    border: 3px solid #FFDF0C;
    background-color: #fbfbfb;
}

.crear-cuenta, .crear-cv {
    width: 75%;
    margin: 25px auto 0 auto;
    padding: 10px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    border-radius: 50rem !important;
    transition: var(--pxpHoverTransition);
    transition-property: background-color;
}

.crear-cuenta{
    color:#1061A3 !important;
    border: 1px solid #D3AF0E;
    background-color: #EACB02;
}
.crear-cuenta:hover {
    border: 1px solid #D3AF0E;
    background-color: #D3AF0E;
}

.crear-cv {
    border: 1px solid #1061A3;
    background-color: #0E6EBE;
}
.crear-cv:hover {
    border: 1px solid #1061A3;
    background-color: #1061A3;
}


/*--- Alertas de Páginas Candidatos --------*/

.mensaje-alerta{
    font-family: 'Open Sans Bold';
    font-size: 24px;
    line-height: 2rem;
    color: #000;
}
.texto-alerta {
    font-family: 'Open Sans Regular';
    font-size: 18px;
    line-height: 2rem;
    color: #000;
    padding: 25px 0;
}

.iconos-alertas{
    font-size: 50px;
}

.btn-medio {
    width: 25%;
}

.mi-h3{
    font-family: 'Open Sans Regular', sans-serif;
    font-size: 20px;
    font-weight: 300;
    color: var(--pxpTextColor);
    margin-bottom: 30px;
    letter-spacing: 0px;
}

/*--- Notas en Formularios Crear/Editar ----------------------*/

.danger {
    color: #9f2b2b;
    font-weight: bold;
}
.nota-importante-crear-cuenta, 
.nota-importante-editar-cuenta, 
.nota-importante-crear-documento {
    padding: 30px;
    border-radius: 25px;
    margin-bottom: 30px;
}
.nota-importante-crear-cuenta{
    border: 1px solid green;
    background-color: #aedfae;
}
.nota-importante-editar-cuenta {
    border: 1px solid red;
    background-color: pink;
}
.nota-importante-crear-documento{
    border: 1px solid green;
    background-color: #aedfae;
}
.mi-lista {
    margin-left: 30px;
    line-height: 30px;
}


/*--- Tabla de Datos ----------------------------------*/

li.list-inline-item.ver,li.list-inline-item.editar,li.list-inline-item.eliminar {
    margin-top:15px;
    padding: 10px;
    border-radius: 5px;  
}

li.list-inline-item.ver {
    background-color: #EACB02;
}
li.list-inline-item.ver:hover {
    background-color: #D3AF0E;
}

li.list-inline-item.editar {
    background-color: #0E6EBE;
}
li.list-inline-item.editar:hover {
    background-color: #1061A3;
}

li.list-inline-item.eliminar {
    background-color: #D10B0B;
}
li.list-inline-item.eliminar:hover {
    background-color: #A90909;
}

i.fa.fa-pencil, i.fa.fa-trash-o {
    font-size: 18px;
    color: #fff;
}
i.fa.fa-eye {
    color: #0E6EBE;
}


/*--- Botones Crear/Editar/Eliminar/Cancelar ----*/

.btnCrear, .btnEditar, .btnEliminar, .btnCancelar {
    border-radius: 25px;
    font-family: 'Open Sans Semibold';
    font-size: 16px;
    color:#fff;
}

.btnCrear{
    margin-right: 30px;
    color:#1061A3 !important;
    border: 1px solid #D3AF0E;
    background-color: #EACB02;
}
.btnCrear:hover{
    color:#002745 !important;
    border: 1px solid #D3AF0E;
    background-color: #D3AF0E;
}

.btnEditar{
    margin-right: 30px;
    border: 1px solid #1061A3;
    background-color: #0E6EBE;
}
.btnEditar:hover{
    border: 1px solid #1061A3;
    background-color: #1061A3;
}

.btnEliminar{
    margin-right: 30px;
    border: 1px solid #A90909;
    background-color: #D10B0B;
}
.btnEliminar:hover{
    border: 1px solid #A90909;
    background-color: #A90909;
}

.btnCancelar {
    padding: 7px 35px;
    border: 1px solid #A90909;
    background-color: #D10B0B;
}
.btnCancelar:hover {
    padding: 7px 35px;
    border: 1px solid #A90909;
    background-color: #A90909;
}

.alinear-botones{
    margin-top:90px;
}

/*--- Contadores de Caracteres ----------------------------*/

span#texto_experiencia, span#contador_experiencia,
span#texto_descripcion, span#contador_descripcion,
span#texto_vida, span#contador_vida,
span#texto_institucion, span#contador_institucion,
span#texto_especialidad, span#contador_especialidad,
span#texto_nombre, span#contador_nombre{
    font-family: 'Open Sans Regular';
    font-size: 12px;
    font-weight: 500;
}




/*====================================================================================*/
/*    FORMULARIOS DEL TABLERO CANDIDATOS                                              */
/*====================================================================================*/

/*--- Formulario Crear/Editar Cuenta ------------------*/

#pais,#depto,#municipio,#documento,#numero,#fecha_vencimiento,#estado,#ciudad,#zipcode,#telefono,#genero,#fecha_nacimiento,#casado,#dependientes,
#vehiculo,#licencia,#numero_licencia,#fecha_vencimiento_licencia,#pasaporte,#numero_pasaporte,#fecha_vencimiento_pasaporte,#pertenece,#especifique,
#logro,#fracaso,#frustracion,#vivir_padres,#vida {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

/*--- Formulario Crear Documento --------------*/

#documento,#numero,#fecha_vencimiento{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

/*--- Formulario Editar Documento Main --------------*/

#id_documento_main_ro,#id_candidato_ro,#documento_ro,
#id_candidato_main_ro,#documento_main_ro,
#numero_main,#fecha_vencimiento_main{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

th.datos_th{
    font-family: 'Open Sans Bold';
    font-size: 50px;
}

.datos_td{
    font-family: 'Open Sans Bold';
    font-size: 16px;
}

/*--- Formulario Crear/Editar Curriculum ------------------*/

#nombre,#cargo,#tipo_contrato,#modalidad,#experiencia,#empresa,
#pais_empresa,#actividad,#categoria,#puesto,#rango_salarial,
#desde,#hasta,#descripcion {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

/*--- Formulario Crear Puesto Deseado --------------*/

#categoria,#puesto{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

input#agregar_puesto, input#cancelar_agregar_puesto {
    margin-top:5px;
    padding: 12px 25px;
}

/*--- Formulario Editar Puesto Deseado --------------*/

input#editar_puesto, input#cancelar_editar_puesto {
    margin-top:5px;
    padding: 12px 25px;
}

/*--- Formulario Editar Beneficios ------------------*/

#bonos,#comisiones,#alimentacion,#combustible,#celular,#estudios,#pago_celular,#pago_estudios,#vehiculo_empresa,#cuota_vehiculo,
#cuota_combustible,#cuota_alimentacion,#seguro_vehiculo,#seguro_vida,#seguro_medico,#seguro_dental,#numero_salarios,#otro_beneficio {
    font-family: 'Open Sans Bold';
    font-size: 20px;
    text-align: center;
}


/*--- Formulario Editar Documento/Estudios ------------------*/

#id_documento,#id_candidato {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

th.datos_th{
    font-family: 'Open Sans Bold';
    font-size: 50px;
}

.datos_td{
    font-family: 'Open Sans Semibold';
    font-size: 12px;
}

/*--- Formulario Agregar/Editar Titulos --------------*/

#titulo,#especialidad,#institucion,#pais,#fecha_vencimiento,#finalizacion,#estudiando{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

/*--- Formulario Crear Idioma --------------*/

#idioma,#nivel{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

input#agregar_idioma, input#cancelar_agregar_idioma {
    margin-top:5px;
    padding: 12px 25px;
}

.error{
    color:#D10B0B;
    text-decoration: underline;
}


/*--- Formulario Editar Idioma --------------*/

#idioma,#nivel{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

p.actual {
    display: inline-block;
    padding: 10px 25px 10px 10px;
    border: 1px solid #0E6EBE;
    background-color: #fff;
}

.label-upd-idioma{
    font-family: 'Open Sans Bold'!important;
    font-size: 16px !important;
}

input#editar_idioma, input#cancelar_idioma {
    padding: 14px 25px;
}

.btn-success:disabled {
    background-color: #ffffff;
    border-color: #9d9595;
}

.btn:disabled {
    pointer-events: none;
    opacity: .5;
}




/*====================================================================================*/
/*    TABLERO EMPRESAS                                                                */
/*====================================================================================*/

.alert.alert-success.text-center.alert-box {
    padding-bottom: 30px;
}

i.fa.fa-address-card-o.color,
i.fa.fa-pencil.color {
    color: #002745;
}

i.fa.fa-address-card-o.color {
    font-size: 50px;

}

i.fa.fa-pencil.color {
    font-size: 35px;

}

a.enlace {
    color: #D10B0B;
}


/*--- Controlar la opacidad de las Cards en las Estadisticas ---*/

.estadisticas-empresas .bg-opacity-10 {
    --bs-bg-opacity: 0.15;
}



/*====================================================================================*/
/*    FORMULARIOS DEL TABLERO EMPRESAS                                                */
/*====================================================================================*/

/*--- Formulario Crear Cuenta Empresarial --------------*/

#nombre,#contacto,#actividad,#correo,#telefono,#direccion,
#pais,#depto,#municipio,#estado,#ciudad,#zipcode{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}

/*--- Campo de imagen para el IVA ---------------------------------------*/

.pxp-dashboard-content-details form #pxp-candidate-cover-choose-file + label {
    display: flex;
    width: 340px;
    height: 235px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans Regular';
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 500;
    cursor: pointer;
    border: 2px solid #0E6EBE;
    border-radius: 0px;
    background: #fff;
}

/*--- Campo de imagen para el LOGO --------------------------------------*/

.pxp-dashboard-content-details form #pxp-company-cover-choose-file + label{
    display: flex;
    width: 340px;
    height: 235px;
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    font-family: 'Open Sans Regular';
    font-size: 20px !important;
    color: #fff !important;
    font-weight: 500;
    cursor: pointer;
    border: 2px solid #0E6EBE;
    border-radius: 0px;
    background: #fff;
}

select#pais .seleccionado {
    color: white;
    
}
select#depto .seleccionado {
    color: white;
    
}
select#municipio .seleccionado {
    color: white;
    
}










/*====================================================================================*/
/*    FORMULARIOS DEL TABLERO ADMINISTRADORES                                         */
/*====================================================================================*/

/*--- Formulario Crear Usuario Candidato ----------*/

.pxp-sign-hero-form-cta.candidato{
    display: block;
    margin: 50px auto;
}

.form-crear-cuenta-candidato,
.form-iniciar-sesion,
.form-solicitar-registro-empresa,
.form-crear-cuenta-empresa {
    margin-top: 50px;
    padding: 25px 50px;
    border-radius: 25px;
    background-color: #EBE9E9;
    box-shadow: 0 0 50px #00000054;
}

#crear_usuario_candidato {
    width: 75%;
    margin: 0 auto;
}

/*--- Texto Contador Caracteres Restantes ----------*/

span#texto_direccion, span#contador_direccion,
span#texto_descripcion, span#contador_descripcion {
    display: inline-block;
    position: relative;
    top: -15px;
    left: 15px;
    font-family: 'Open Sans Light';
    font-size: 13px;
    line-height: 13px;
    color: #000;
}
span#texto_descripcion, span#contador_descripcion {
    top: 0;
    left: 15px;
}

/*--- Formulario Solicitar Registro --------------*/
#nombres,#apellidos {
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}








/*====================================================================================*/
/*    TABLERO ADMINISTRADORES                                                         */
/*====================================================================================*/


/*--- Tabla de Datos Candidatos ----------------------------------*/

li.list-inline-item.crear,li.list-inline-item.perfil,
li.list-inline-item.verificar,li.list-inline-item.recomendar {
    margin-top:15px;
    padding: 10px;
    border-radius: 5px;  
}

li.list-inline-item.crear {
    background-color: #09a513;
}
li.list-inline-item.crear:hover {
    background-color: #06700d;
}

li.list-inline-item.perfil {
    background-color: #EACB02;
}
li.list-inline-item.perfil:hover {
    background-color: #D3AF0E;
}

li.list-inline-item.verificar {
    background-color: #09a513;
}
li.list-inline-item.verificar:hover {
    background-color: #06700d;
}

li.list-inline-item.recomendar {
    background-color: #0E6EBE;
}
li.list-inline-item.recomendar:hover {
    background-color: #002745;
}

td.bold {
    font-weight: bold;
    color: blue !important;
    text-align: center;
}

i.fa.fa-pencil, i.fa.fa-trash-o, i.fa.fa-eye, i.fa.fa-user {
    font-size: 18px;
    color: #fff;
}
i.fa.fa-eye, i.fa.fa-user{
    color: #0E6EBE;
    /*color: #000;*/
}




/*--- Formulario Crear Usuario Empresa ---------------------*/

input#cancelar_crear_usuario_empresa {
    display: block;
    width: 75%;
    margin: 0 auto;
    padding: 15px 25px;
    border-radius: 25px;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    padding: 14px 20px;
    background-color: #D10B0B;
    transition: var(--pxpHoverTransition);
    transition-property: background-color;
}

.pxp-sign-hero-form-small {
    font-size: 18px;
}

.pxp-sign-hero-form-small > a{
    color: #000;
}

p.text-center.advertencia {
    font-family: 'Open Sans Bold';
    font-size: 18px;
    color: #D10B0B;
}


#nombres,#apellidos,#correo,#username,#password{
    font-family: 'Open Sans Bold';
    font-size: 16px;
    text-align: left;
}









/*====================================================================================*/
/*    FOOTER                                                                          */
/*====================================================================================*/

.pxp-footer-logo > a > img {
    position: relative;
    top: -15px;
}

.pxp-footer-phone, .pxp-footer-email {
    font-family: 'Open Sans Regular';
    font-size: 18px;
    color: #fff;
}

/*--- Footer Top -----------------------*/

.pxp-main-footer-top {
    background-color: #0E6EBE !important;
}
.pxp-footer-section > h3 {
    color: #FFDF0C;
}
ul.pxp-footer-list li > a {
    color: #fff;
}
ul.pxp-footer-list li > a:hover {
    color: #000 !important;
}
.mt-3.mt-md-4.pxp-footer-section {
    color: #fff;
}

.links-footer-home:hover{
    color: #000 !important;
}
/*--- Footer Bottom ----------------------*/

.pxp-main-footer-bottom {
    padding: 30px 0;
    background: #1061A3;
}
.pxp-footer-copyright.pxp-text-white {
    color: #fff;
}
.pxp-footer-social ul li a {
    color: #fff;
    font-size: 25px;
    opacity: 1;
    transition: var(--pxpHoverTransition);
    transition-property: color;
}

/*--- Inner Footer -------------------------*/

.pxp-dashboard-content footer {
    padding: 50px 0;
    margin-right: 30px;
}

.pxp-dashboard-content .pxp-footer-copyright {
    font-family: 'Open Sans Regular';
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #000;
}

.btn-medio {
    width: 25%;
}




/*====================================================================================*/
/*    MEDIA QUERIES                                                                   */
/*====================================================================================*/

@media (min-width: 320px) {
    .btnCrear {
        margin-right: 0px;
    }
}

@media (min-width: 414px) {
    .btnCrear {
        margin-right: 0px;
    }
}

@media (min-width: 576px) {
    .btnCrear {
        margin-right: 0px;
    }
}

@media (min-width: 768px) {

}

@media (min-width: 992px) {
    .btnCrear {
        margin-right: 0px;
    }
}

@media (min-width: 1200px) {

}

@media (min-width: 1400px) {

}

@media (min-width: 1680px) {

}



@media screen and (max-width: 1920px) {
    .crear-cuenta, .crear-cv {
        width: 40%;
    }
    .btn-medio {
        width: 40%;
    }
}

@media screen and (max-width: 1736px) {
    .crear-cuenta, .crear-cv {
        width: 45%;
    }
}

@media screen and (max-width: 1679px) {
    .crear-cuenta, .crear-cv {
        width: 50%;
    }
}

@media screen and (max-width: 1599px) {
    .crear-cuenta, .crear-cv {
        width: 55%;
    }
}

@media screen and (max-width: 1456px) {
    .crear-cuenta, .crear-cv {
        width: 60%;
    }
}

@media screen and (max-width: 1399px) {
    .crear-cuenta, .crear-cv {
        width: 50%;
    }
}

@media screen and (max-width: 1199px) {
    .crear-cuenta, .crear-cv {
        width: 50%;
    }
}

@media screen and (max-width: 1139px) {
    .crear-cuenta, .crear-cv {
        width: 100%;
    }
    .btn-medio {
        width: 50%;
    }
}

@media screen and (max-width: 991px) {
    .crear-cuenta, .crear-cv {
        width: 100%;
    }
    .btn-medio {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .crear-cuenta, .crear-cv {
        width: 50%;
    }
    .btn-medio {
        width: 50%;
    }
}

@media screen and (max-width: 575px) {
    .crear-cuenta, .crear-cv {
        width: 100%;
    }
    .btn-medio {
        width: 100%;
    }

    section.pxp-no-hero.justify-content-center.cerrar-sesion {
        width: 90%;
        margin: 150px auto;
        padding: 50px 0;
    }
    .jumbotron > h2 {
        font-size: 18px;
        font-weight: bold;
    }
    .lead {
        font-size: 1rem;
        font-weight: 300;
    }
}

@media screen and (max-width: 414px) {
    .crear-cuenta, .crear-cv {
        width: 100%;
    }
    .btn-medio {
        width: 100%;
    }

    section.pxp-no-hero.justify-content-center.cerrar-sesion {
        width: 90%;
        margin: 150px auto;
        padding: 50px 0;
    }
    .jumbotron > h2 {
        font-size: 17px;
        font-weight: bold;
    }
    .lead {
        font-size: 0.9rem;
        font-weight: 300;
    }
}

@media screen and (max-width: 320px) {
    .crear-cuenta, .crear-cv {
        width: 100%;
    }
    .btn-medio {
        width: 100%;
    }

    section.pxp-no-hero.justify-content-center.cerrar-sesion {
        width: 90%;
        margin: 150px auto;
        padding: 50px 0;
    }
    .jumbotron > h2 {
        font-size: 16px;
        font-weight: bold;
    }
    .lead {
        font-size: 0.8rem;
        font-weight: 300;
    }
}