.auth-wrapper {
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5),rgba(26, 41, 123, 0.5)) !important;
}

.auth-wrapper::before {
    content: "";
    background: url("../images/portada.jpg");
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    opacity: 0.3;
}

.auth-wrapper .auth-content:not(.container) {
    width: 480px;
}

.auth-wrapper .auth-content:not(.container) .card-body {
    padding-top: 30px;
}

.auth-wrapper .auth-content img.img-fluid  {
    width: 60%;
}
.auth-wrapper .auth-content h4  {
    font-weight: 600;
    font-size: 16px;
}


.auth-wrapper .input-group input, .auth-wrapper .input-group select {
    font-size: 1rem;
    font-weight: 100;
}

.page-header h5 {
    font-weight: 600;
}


.borde_cuadro {
    border-left: 0.25rem solid #4e73df;
}

.borde_cuadro .btn_enlace {
    color: #41494f;
    margin-top: 15px;
    background-color: #f1f1f7;
    width: 100%;
}

.borde_cuadro .btn_enlace:hover {
    background-color: #d4d9fa;
    color: #2c3135;
}

.btn_ver_mas {
    color: #4f5961;
    background-color: #e7e7f2;
    font-size: 12px;
}

.btn_ver_mas svg {
    height: 15px !important;
}

.btn_ver_mas:hover {
    color: #353e45;
    background-color: #d3d3ff;
}

#form_ws {
    display: inline;
}

#form_ws button{
    padding: 0px;
    background: none;
    border: 0px;
    cursor: pointer;
}

.ActividadCRMVendida b {
    color: red !important;
}

.fecha_p {
    display: block !important;
    font-style: italic !important;
    color: rgb(152, 152, 185) !important;
}



.BordeDerecho {
    border-right: 1px solid rgb(28, 122, 184) !important;
    border-right-width: 1px !important;
}

.BordeIzquierdo {
    border-left: 1px solid rgb(28, 122, 184) !important;
    border-left-width: 1px !important;

}


.destacar_tr td {
    color: #111 !important;
    background-color: rgb(255, 255, 146) !important;
}

.destacar_tr_2 th {
    background-color: rgb(214, 238, 255) !important;
}


.resaltar_trabajador td {
    background-color: rgb(255, 255, 146) !important;
}

.resaltar_trabajador td:first-child {
    background-color: yellow !important;
}

.ActividadCRMVendida div {
    color: rgb(255, 103, 103) !important;
}

.TituloFalta {
    text-align: center; 
    font-weight: 700; 
    font-size: 1.6em;
}

.DatosRecluFaltante {
    text-align: center;
}

.ContieneFaltante {
    display: inline-block; 
    text-align: center; 
    margin: 0 auto;
}

.NumFalta {
    font-weight: 600; 
    font-size: 2.4em; 
    line-height: 1.1em;
}

.CuadroFalta {
    border-radius: 10px; 
    display: inline-block; 
    padding: 7px 20px; 
    margin: 2px; 
    text-align: center; 
    color: #fff
}

.FaltaText1 {
    font-weight: 700; 
    font-size: 1em; 
    line-height: 0.7em
}

.FaltaText2 {
    font-weight: 200; 
    font-size: 0.8em;
}

.input_peque  {
    height: 30px !important;
}

.text_dash {
    font-size: .7rem;
    font-weight: 700 !important;
}

.num_dash {
    color: #5a5c69 !important;
    font-weight: 700 !important;
    font-size: 2.2rem;
    line-height: 1.2;
}

.nowrap {
    white-space: nowrap !important;
}



.BtnSoli {
    color: #fff;
    background-color: #17C666;
    padding: 3px 6px;
    border-radius: 4px;
}

.BtnSoli:hover {
    color: #fff;
    background-color: #00ad26;
}

.contenedor_poco_padding_modal {
    padding: 10px;
}

.num_status {
    color: #546073 !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    text-align: right;
}

.iconos_card {
}

.iconos_card i {
    font-size: 2em;
    background-color: #dddfeb !important;
}

.pc-mob-header {
    background-color: #0d2334;
}
.pc-sidebar .m-header {
    /*background-color: #112034;*/
    background-color: #0d2334;
}

.pc-sidebar {
    /*background-color: #1d2a41;*/
    background-color: #172f43;
    
}

.Marcas {
    padding: 5px 25px 0px 25px; 
    text-align: right; 
    position: relative; 
    bottom: -15px
}

.Marcas a {
    background-color: #e8f4ff;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 4px;
}

.Marcas a:hover {
    background-color: #cae5ff;
}

.MarcasFooter {
    text-align: left; 
    width: 100%;
}

.MarcasFooter a {
    background-color: #e8f4ff;
    padding: 5px 10px;
    font-weight: 600;
    border-radius: 4px;
    display: block;
    width: 100%;
    margin-bottom: 3px;
}

.MarcasFooter a:hover {
    background-color: #cae5ff;
}



.filtro_dt {
    color: #444;
    display: inline-block;
    width: 100%;
    border: 1px solid #ced4da;
    background-color: #ffffff;
    padding: 4px;
    font-weight: 600 !important;
}

.filtro_dt option {
    color: #555;
    font-size: 15px !important;
    font-weight: 200 !important;
}

.input_dt {
    color: #444;
    display: inline-block;
    width: 100%;
    border: 1px solid #ced4da;
    background-color: #ffffff;
    padding: 4px;
    font-weight: 600 !important;
}

.sin_padding td {
    padding: 5px !important;
    margin: 0px !important;
    border-width: 0px !important;
}

.progress .progress-bar.bg-primary, .progress .progress-bar.bg-secondary, .progress .progress-bar.bg-info, .progress .progress-bar.bg-success, .progress .progress-bar.bg-warning , .progress .progress-bar.bg-danger {
    box-shadow: none;
  }

td.mi_etapa {
    opacity: 1;
}

td.no_mi_etapa {
    opacity: 0.6;
}

.pc-sidebar .pc-caption {
    color: #337ab7;
}

.page-header {
    background: none;
    box-shadow: none;
    position: static;
    padding: 0px;
    min-height: 25px;
}

.pc-header {
    position: absolute !important;
}

.pc-header .header-wrapper {
}

.pc-header .header-wrapper {
}

.datos_trabajador {
    /*background-color: rgb(255, 255, 215);*/
}

.avatar_trabajador img {
    width: 90%;
    display: block;
    margin: 0px auto;
}

.enlace_det {
    color: #5d8cb1;
    background-color: #e5f4ff;
    border-radius: 3px;
    padding: 4px 10px;
}


.enlace_det:hover {
    background-color: #bce3ff;
}


.pc-container {
    top: 70px;
    min-height: 0px;
}


.pc-container .page-header + .row {
    padding-top: 10px;
}

.labelsub {
    color: #174c75 !important;
    font-size: 14px !important;
}

.labelsubtit {
    color: #262d32 !important;
    font-size: 14px !important;
    background-color: #eee;
    padding: 5px 15px;
}

.cuadro_areas {
    border: 1px solid #eee;
}

.cuadro_areas .labelsub {
    margin-bottom: 5px !important;
    padding-left: 5px !important;
}

.cuadro_areas li {
    color: #777;
}

.labelcheck {
    color: #7a7a7a !important;
}



.btn_selec_obra {
    border: 0px;
    background-color: #eee;
    color: rgb(147, 147, 147);
    font-size: 12px;
    padding: 10px 10px;
    border-radius: 4px;
}

.btn_selec_empresa {
    border: 0px;
    background-color: #eee;
    color: rgb(147, 147, 147);
    font-size: 12px;
    padding: 10px 10px;
    border-radius: 4px;
}

a.btn_config {
    color: #fff !important;
    background-color: #55a7e6 !important;
}

a.btn_config:hover {
    color: #fff !important;
    background-color: #1f6da8 !important;
}

.header_obra {
    display: inline-flex;
    vertical-align: middle;
    min-height: 45px !important;
    padding-left: 5px;
}

.header_obra a {
    color: rgb(126, 126, 126);
    font-size: 15px;
    line-height: 18px;
    font-family: SegoeUI;
    font-weight: 100;
}

.header_obra p {
    color: rgb(154, 154, 154);
    font-size: 16px;
    line-height: 17px;
    margin-bottom: 0px;
}

.header_obra span {
    display: block;
    color: rgb(48, 110, 181);
    font-size: 13px;
    font-weight: 400;
}

.header_obra i {
    font-style: normal;
}

.pc-container .pcoded-content {
    padding-top: 20px;
}


.ventana_modal .card-body {
    padding: 15px 25px;
}

.card .card-header h5 {
    font-size: 1rem;
    color: #2a2b48;
}

.card .card-header span {
    color: #293240;
}

body {
   
}


.BtnEdit {
    position: relative;
    top: -2px;
}

.OpsMenuDevice .dropdown-item {
    padding-left: 10px;
    padding-right: 10px;
}

.OpsMenuDevice .dropdown-item i {
    margin-right: 0px;
}



.estado_flujo_espera {
    border: 1px solid #c8eaff; 
}

.estado_flujo_espera .datos_flujo_enc {
    color: #606981;
    background-color: #def2ff; 
}

.estado_flujo_espera .datos_flujo_usuario {
    color: #7e7e7e;
    background-color: #ebf7ff; 
}

.estado_flujo_espera .datos_flujo_usuario svg {
    color: #c2c2c2;
}

.estado_flujo_espera .flujo_pos {
    background-color: #8299b7; 
}





.estado_flujo_innecesario {
    border: 1px solid #cdcdcd; 
}

.estado_flujo_innecesario .datos_flujo_enc {
    color: #898989;
    background-color: #e9e9e9; 
}

.estado_flujo_innecesario .datos_flujo_usuario {
    color: #7e7e7e;
    background-color: #eeeeee; 
}

.estado_flujo_innecesario .datos_flujo_usuario svg {
    color: #c2c2c2;
}

.estado_flujo_innecesario .flujo_pos {
    background-color: #989898; 
}







.estado_flujo_respondida {
    border: 1px solid #bceba9; 
}

.estado_flujo_respondida .datos_flujo_enc {
    color: green;
    background-color: #d7fed9; 
}

.estado_flujo_respondida .datos_flujo_usuario {
    color: #7e7e7e;
    background-color: #ebffef; 
}

.estado_flujo_respondida .datos_flujo_usuario svg {
    color: #c2c2c2;
}

.estado_flujo_respondida .flujo_pos {
    background-color: #6cc26f; 
}




.estado_flujo_faltan_vb {
    border: 1px solid #e7e2a9; 
}

.estado_flujo_faltan_vb .datos_flujo_enc {
    color: #976c2d;
    background-color: #fffcde; 
}

.estado_flujo_faltan_vb .datos_flujo_usuario {
    color: #7e7e7e;
    background-color: #ffffeb; 
}

.estado_flujo_faltan_vb .datos_flujo_usuario svg {
    color: #c2c2c2;
}

.estado_flujo_faltan_vb .flujo_pos {
    background-color: #e1b675; 
}

.estructura_usuarios svg {
    font-size: 35px;
    color:#84a8c2;
}
 
.estructura_usuarios p {
    font-size: 14px !important;
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.estructura_usuarios label {
    margin-bottom: 10px;
    font-style: italic;
    color:rgb(136, 136, 136) !important;
    position: relative;
    top: -4px;
}

.usuario_respondio svg, .usuario_respondio span {
    color: green !important;
}

.usuario_respondio b {
    color: rgb(45, 45, 45);
}

.flujo_comentario {
    color: rgb(45, 45, 45);
}

.flujo_borde_1 {
    border: 1px solid #b6ddfb; 
}

.flujo_borde_2 {
    border: 1px solid #acecdf; 
}

.flujo_borde_3 {
    border: 1px solid #ffbdbd; 
}

.flujo_bg_1 {
    color: #295a80;
    background-color: #d1ebff; 
}

.flujo_bg_2 {
    color: #298066;
    background-color: #d1fff6; 
}

.flujo_bg_3 {
    color: #802929;
    background-color: #ffd8d8; 
}

.flujo_bgg_1 {
    color: #295a80;
    background-color: #e0f2ff; 
}

.flujo_bgg_2 {
    color: #298066;
    background-color: #e1fff9; 
}

.flujo_bgg_3 {
    color: #802929;
    background-color: #ffe0e0; 
}

.flujo_tit_1 {
    background-color: #70a6d0;
}

.flujo_tit_2 {
    background-color: #67c2b0; 
}

.flujo_tit_3 {
    background-color: #ed8787; 
}

.cuadro_flujos {
    margin-bottom: 5px;
    border-radius: 8px;
}
.cuadro_flujos ul {
    padding: 5px 40px 10px 40px;
    margin-bottom: 0px;
}

.datos_flujo_usuario div {
    padding-left: 20px;
    padding-bottom: 10px;
}

.datos_flujo_enc {
    vertical-align: middle;
    text-align: left;
    padding: 10px;
    padding-top: 0px;
    padding-left: 0px;
}

.datos_flujo_usuario {
    padding: 10px;
    padding-top: 0px;
    padding-left: 0px;
}

.flujo_pos {
    display: inline-block;
    color: #fff;
    padding: 5px 20px 5px 15px;
    font-size: 12px;
    text-align: left;
    border-bottom-right-radius: 10px;
    position: relative;
    top: -1px;
    left: -1px;
}

.flujo_pos b {
}

.flujo_cant_vb {
    display: block;
    color: rgb(106, 106, 106);
    padding: 8px 8px 4px 20px;
    font-size: 13px;
    text-align: left;
    font-style: italic;
}

.alerta_sin_usu  {
    background-color: #fff;
    padding: 10px 20px 4px 0px;
    display: inline-block;
    border-radius: 6px;
    border: 1px solid rgb(207, 207, 207);
    margin: 0px 0px 10px 20px;
}

.alerta_sin_usu span  {
    color: rgb(255, 58, 58);
    font-size: 14px;
    position: relative;
    top: -3px;
}

.alerta_sin_usu svg {
    font-size: 25px;
    color: rgb(255, 174, 0);
    margin-right: 4px;
}

.nom_flujo {
    text-align: center;
    font-size: 14px;
    padding: 0px 20px 5px 10px;
}

.nom_flujo span {
    color: rgb(133, 133, 133);
    font-size: 12px;
    font-style: italic;
}

.nom_flujo div {
    position: relative;
    top: -5px;
    font-style: bold;
}

.NumRedondo {
    background-color: rgb(248, 87, 87);
    color: #fff;
    width: 26px;
    height: 26px;
    padding: 3px;
    padding-top: 4px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-left: 10px;
}

td.bg_verde {
    background-color: rgb(164, 255, 164) !important;
}

td.bg_amarillo {
    background-color: rgb(255, 255, 124) !important;
}

td.bg_rojo {
    background-color: rgb(255, 185, 185) !important;
}

.input_cant {
    display: inline-block;
    width: 70px;
    padding: 5px 10px;
    font-size: 12px;
    font-weight: 400;
    color: #293240;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 4px;
}

.parpadea {
  
    animation-name: parpadeo;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: 5;
  
    -webkit-animation-name:parpadeo;
    -webkit-animation-duration: 1s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-iteration-count: 5;
}

  @-moz-keyframes parpadeo{  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }
  
  @-webkit-keyframes parpadeo {  
    0% { opacity: 1.0; }
    50% { opacity: 0.0; }
     100% { opacity: 1.0; }
  }
  
  @keyframes parpadeo {  
    0% { opacity: 1.0; }
     50% { opacity: 0.0; }
    100% { opacity: 1.0; }
  }


.Btn-Accion {
    display: inline-block;
    color: #fff;
    border-radius: 4px;
    padding: 2px 10px 3px 5px;
    font-size: 12px;
    border-width: 0px;
}

.Btn-Accion {
    color: #fff !important;
}

.Btn-Accion svg {
    position: relative;
    top: -1px;
    height: 13px !important;
}


.Btn-A {
    background-color: #2e8ac8 !important;
}

.Btn-A:hover {
    background-color: #36aaf7 !important;
}

.Btn-V {
    background-color: #2cc243 !important;
}

.Btn-V:hover {
    background-color: #11ed32 !important;
}

.Btn-C {
    background-color: #12b2df !important;
}

.Btn-C:hover {
    background-color: #00e5ff !important;
}

.Btn-N {
    background-color: #ff7d19 !important;
}

.Btn-N:hover {
    background-color: #ffa600 !important;
}

.btn_add {
    color: #fff;
    background-color: #2e9cdb;
    border-radius: 6px;
    padding: 4px 8px 4px 8px;
    font-size: 11px;
}

.btn_add:hover {
    color: #fff;
    background-color: #1b7cb4;
}



.btn_crear {
    color: #fff;
    background-color: #3ec9d6;
    border-radius: 10px;
    padding: 5px 10px 5px 5px;
    font-size: 12px;
}

.btn_crear svg {
    position: relative;
    top: -1px;
    height: 16px !important;
}

.btn_crear:hover {
    color: #fff;
    background-color: #2fafff;
}


.btn_accion_tabla {
    color: #fff;
    background-color: #3ec9d6;
    border-radius: 10px;
    padding: 5px 10px 5px 5px;
    font-size: 12px;
}

.btn_accion_tabla svg {
    position: relative;
    top: -1px;
    height: 16px !important;
}

.btn_accion_tabla:hover {
    color: #fff;
    background-color: #2fafff;
}

.btn_verde {
    background-color: #1fd96c;
}

td.TDEnlace {
}

svg.IcoUser  {
    color: rgb(0, 144, 141);
}

a.BtnEnlace {
    color: rgb(80, 80, 80);
    font-weight: bold;
    background-color: #fff;
    padding: 4px 10px;
}

a.BtnEnlace:hover {
    color: rgb(80, 80, 80);
    background-color: #c2e9ff;
}

.BtnEnTabla {
    color: #006bc8;
    font-size: 14px;
    font-weight: 700;
}


.BtnEnTabla svg { 
    color: #3978de;
}

.BtnPermisos svg { 
    color: #538deb;
}

.BtnPermisos{ 
    color: #47528a;
    background-color: #f3f3f3;
    padding: 4px 8px;
    border-radius: 5px;
}

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

.list_det li {
    color: #777;
}

.botones_gestionar {
    position: relative;
    bottom: 1px;
    margin-bottom: -4px;
}

.botones_gestionar .btn {
    color: #fff !important;
    font-size: 12px;
    padding: 0.2rem 0.9rem 0.2rem 0.4rem;
}
.botones_gestionar svg {
    height: 16px !important;
    padding: 0px 2px 0px 0px;
    position: relative;
    bottom: -3px;
}

.NotasTrabajador p.UsuComentario {
    font-size: 16px;
    margin-bottom: 0px;
    font-weight: 600;
}

.NotasTrabajador .UsuComentario span {
    font-size: 14px;
    font-weight: 200;
    color:rgb(120, 120, 120);
}

.NotasTrabajador .TextoComentario {
    font-size: 14px;
    font-weight: 200;
}

img.AvatarNota {
    width: 45px;
    height: 45px;
}


.ContenidoNota {
    border: 1px solid #ddd !important;
    padding: 1.5rem;
    margin-bottom: 1.5rem;
    background-color: #f8f9fa;
}

.botones_acciones .btn {
    color: #fff !important;
    font-size: 12px;
    padding: 0.2rem 0.9rem 0.2rem 0.4rem;
}
.botones_acciones svg {
    height: 16px !important;
}
 
.AccionesPerfilTrabajador .enc_tareas:hover {
    cursor: pointer;
    background-color: #0091ff;
}

.AccionesPerfilTrabajador .enc_tareas:hover h5 {
    color: #fff;
}



.AccionesPerfilTrabajador .enc_tareas {
    padding: 20px;
    background-color: #fff;
}

.AccionesPerfilTrabajador .enc_tareas h5 {
    font-weight: 600;
    color: #2a2b48;
    margin-bottom: 0px;
}

.AccionesPerfilTrabajador .enc_tareas svg {
    font-size: 22px;
    position: relative;
    bottom: -2px;
    padding-right: 5px;
    padding-left: 10px;
}


.AccionesTareas .enc_tareas:hover {
    cursor: pointer;
    background-color: #0091ff;
}

.AccionesTareas .enc_tareas:hover h5 {
    color: #fff;
}


.AccionesTareas .enc_tareas {
    padding: 14px;
    background-color: #fff;
}

.AccionesTareas .enc_tareas h5 {
    font-weight: 600;
    color: #2a2b48;
    margin-bottom: 0px;
}

.CompletarTarea:hover {
    cursor: pointer;
}

.Marcado {
    background-color: #0091ff !important;
}

.Marcado h5 {
    color: #fff !important;
}


td.datos_solicitud {
    font-weight: 600;
    color: #003662 !important;
}

.TablaDocs tbody td {
    font-size: 15px;
}

.TablaDocs .IcoDocs svg{
    font-size: 16px;
}

.TablaDocs thead th {
    font-size: 14px !important;
    line-height: 25px !important;
}

.TablaDocs .badge  {
    font-size: 13px !important;
}

.FormFechas .form-control, .FormFechas .col-form-label { 
    height: 34px;
    padding: 0.25rem 0.7rem;
    font-size: 0.9rem;
    border-radius: 2px;
    font-weight: 600 !important;
}

.CargandoPeque div {
    width: 20px !important;
    height: 20px !important;
}

.Clarita {
    color: #999 !important;
    font-weight: 300 !important;
}

.Negrita {
    color: #444 !important;
    font-weight: 700 !important;
}

.FormFechas .col-form-label { 
    color: #999;
    font-size: 0.9rem;
    padding: 0.3rem 0rem;
    font-weight: 200 !important;
}

.TablaModalEtapas thead th {
    font-size: 13px !important;
    font-weight: 600 !important;
    line-height: 25px !important;
}

.TablaModalEtapas tbody td {
    font-size: 13px;
    line-height: 23px;
    font-weight: 400 !important;
}

.TablaModalEtapas tr.CabeceraComprimida th {
    vertical-align: bottom !important;
    line-height: 15px !important;
}



th.FooterSubTotal {
    background-color: rgb(220, 251, 255) !important;
    text-align: right;
}

th.FooterTotal {
    background-color: rgb(255, 255, 74) !important;
    text-align: right;
}

.tablasub {
    font-size: 12px !important;
    font-weight: 100 !important;
}

.prioridad td:first-child {
    background-color: yellow;
}

.table thead th.tablaetapas {
    font-size: 12px !important;
    font-weight: 200 !important;
}

.td_reclutador a {
    font-weight: 600 !important;
}

.td_reclutador div {
    font-weight: 200 !important;
    color: #505071 !important;
}

.td_usuario a {
    font-weight: 600 !important;
}

.td_usuario div {
    font-weight: 600 !important;
    font-size: 12px;
}

.td_trabajador a {
    font-weight: 600 !important;
}

.td_trabajador div {
    font-weight: 600 !important;
    color: #505071 !important;
    font-size: 12px;
}

div.rut_tra {
    color: rgb(151, 151, 151) !important;
    font-size: 0.85em;
    font-weight: 200 !important;
    line-height: 0.7em;
    letter-spacing: 0.5px;
}

.MayusMin {
    text-transform: capitalize;
}

.TablaCrm .badge  {
    font-size: 13px !important;
}

.TablaCrm thead th {
    font-size: 14px !important;
    line-height: 25px !important;
    font-weight: 600 !important;
}

.TablaCrm tbody td {
    font-size: 13px;
    line-height: 23px;
}

.TablaCrm .estilo_fechas {
    color: #4a4a77;
    font-weight: 700 !important;
    font-size: 12px;
}

.TablaCrm b {
    /*color: #009a31;
    font-weight: 700 !important;*/
}

.TablaCrm .IcoCalendario {
    margin-right: 4px;
    color: #7272b1;
}

.ficha_datos {

}

.ficha p {
    padding: 6px 8px 10px 0px;
    color: rgb(150, 163, 186);
    margin-bottom: 0px;
    font-size: 13px;
}

.ficha label {
    color: rgb(62, 71, 92);
    font-size: 13px;
    font-weight: 600;
}

.ficha h5 {
    color: rgb(44, 53, 73);
}

.form_buscar {
    border-bottom: 1px solid #e8edf1;
}

.form_buscar .form-control:focus, .form_buscar .form-control:active {
    background-color: rgb(255, 255, 214);
}

.enlace {
    display: block;
    text-align: right;
    color: #777;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
    
}

.num_avance {
    padding-top: 5px;
}

.num_avance span {
    padding: 5px 2px 5px 4px;
    border-left: 1px solid #eee;
}

.num_avance span:first-child {
    border-left: 0px solid #eee;
    padding-left: 0px;
} 

.centrar {
    text-align: center;
}

.centrar button {
    width: auto;
}

.graficos .card-header {
    padding-top: 20px;
    padding-bottom: 5px;
}

.graficos .card-header h5 {
    font-size: 14px;
}

.graficos .card-body {
    padding-top: 10px;
}



.auth-wrapper {
    background: #194160;
}


.auth-wrapper h4 {
    color: #174c75;
    font-size: 14px;
}


.form_tabla label {
    color:rgb(81, 81, 81);
    font-weight: normal;
    margin-bottom: 3px;
}

.form_tabla select {
    padding: 8px 12px;
    color:rgb(124, 124, 124);
}


.form_tabla input {
    padding: 8px 12px;
}

.form_tabla .btn_agregar {
    color: #fff;
    background-color: #47bcff;
    border-radius: 4px;
    padding: 9px 12px;
    font-size: 13px;
    border: 0px;
} 

.form_tabla .btn_agregar:hover {
    background-color: #4d7ad4;
} 

.recomendaciones li {
    color: rgb(123, 135, 154);
    font-size: 12px;
}

.recuadro_imagen img {
    display: block;
    margin: 0px auto;
    padding: 10px;
    border: 1px solid rgb(205, 205, 205);
    background-color: #eee;
    width: 100%;
}

.enlace_usuario {
    color: #fff;
    background-color: #4294d3;
    padding: 3px 10px;
    border-radius: 5px;
}

.enlace_usuario:hover {
    color: #fff;
    background-color: #2a7bb9;
}

.datos_busqueda {
    text-transform: uppercase;
}

.pc-header .drp-search {
    min-width: auto;
}

td.td_espera, .td_espera p {
    color:#9e8c00 !important;
    background-color: #f9ffde !important;
}

td.td_apro_parcial, .td_apro_parcial p {
    color:#e77b00 !important;
    background-color: #fff3e0 !important;
}

td.td_aprobada, .td_aprobada p {
    color:#308f0a !important;
    background-color: #e0ffe0 !important;
}

td.td_en_proceso, .td_en_proceso p {
    color:#3697ba !important;
    background-color: #e0f4ff !important;
}

td.td_bg_2 {
    background-color: #eef9ff !important;
}

td.td_fuera_de_proceso, .td_fuera_de_proceso p {
    color:rgb(219, 61, 61) !important;
    background-color: #ffdcdc !important;
}

.tr_desaprobado td {
    color:rgb(179, 179, 179) !important;
}

.tr_desaprobado td.td_en_proceso  {
    background-color: #fff !important;
}

.tr_desaprobado td a, .tr_desaprobado td b, .tr_desaprobado td i, .tr_desaprobado td svg  {
    opacity: 0.5 !important;
}

.tr_desaprobado td:first-child {
    color: #fff !important;
    background-color: rgb(255, 206, 206) !important;
}

.EstadoDiv p {
    padding-left: 10px;
}


.IcoAprobado {
    height: 1.7em;
    color: #308f0a ;
    opacity: 1;
}


.IcoCheckHeader {
    height: 1.3em;
    color: green;
    opacity: 1;
    text-align: center;
}


.IcoDesaprobado {
    height: 1.7em;
    color: red;
    opacity: 0.5;
}

.IcoMsj {
    height: 1.7em;
    color: rgb(255, 183, 0);
    margin-left: 3px
}

.ContAgregarObs a {
    margin-top: 10px;
}

.ContAgregarObs svg {
    display: block;
    margin: 0px auto;
}

.IcoAgregarObs {
    height: 2em;
    margin-left: 3px
}

.IcoConObs {
    color: rgb(0, 146, 112);
}

.IcoSinObs {
    color: rgb(203, 203, 203);
}

.IcoMsj:hover {
    color: rgb(255, 111, 0);
}

.SelectPeque {
    padding: 4px 6px;
    padding-right: 30px;
    font-size: 13px;
}

.SelectHito {
    width: 90px;
}

.clickeable {
    cursor: pointer;
}

.rayar {
    text-decoration:line-through;
}

.clickeableHover:hover {
    background-color: rgb(255, 255, 42) !important;
}


.BotonSubir, .BotonSubirContrato{
    padding: 0.34rem 1rem !important;
}

.BotonAgendar {
    font-size: 0.9em;
    padding: 0.2rem 0.5rem !important;
    /*background-color: #1d9cd3 !important;
    border-color: #1d9cd3 !important;*/
}


.BarraFijaTrabajador {
    color: #333;
    border: 1px solid #eee;
    background-color: #fff;
    padding: 5px 10px;
    position: fixed;
    bottom: 0px;
    right: 0px;
    font-weight: 600;
}

.BarraFijaTrabajador p {
   margin-bottom: 0px;
}

.BtnAceptarModal {
    font-size: 1.2em;
}

.form-switch.form-switch-md .form-check-input {
  height: 1.4rem;
  width: calc(2rem + 0.80rem);
  border-radius: 3rem;
  cursor: pointer;
}


.AgrandarCheck {
    text-align: center;
    transform : scale(1.4);
}

.AgrandarCheck:hover, .AgrandarCheck input:hover {
    cursor: pointer;
}


.table td, .table th {
    white-space: normal;
}

.text_cargo {
    color: #999;
}

.text_cargo b {
    color: rgb(62, 62, 62);
    font-weight: 200 !important;
}


.TablaListado tbody td {
    color: #293240;
    font-size: 13px;
    font-weight: 400;
}

.TablaListado tbody td b {
    color: #293240;
    font-weight: 600;
}

td.RespuestasUsuarios {
    background-color: #e7f7ff;
    /*background-color: #eeffe6;*/
}

td.EncRespUsuarios {
    color: #293240 !important;
    text-align: center;
    font-weight: bold;
    background-color: #e7f7ff;
}

.TablaPermisos th {
    font-size: 13px !important;
    padding: 4px 8px !important;
}

.TablaPermisos td {
    font-size: 14px !important;
    padding: 2px 8px !important;
}

.TrResaltarMod th {
    font-size: 13px !important;
    background-color: #d6f5ff !important;
}


.obli {
    color: red;
}

.resaltar_com {
    color: #555 !important;
    padding-left: 8px !important;
    background-color: rgb(255, 255, 97);
}

.resaltar_rojo {
    padding-left: 8px !important;
    color: rgb(219, 61, 61) !important;
    background-color: #ffdcdc !important;
}

.resaltar_azul {
    padding-left: 8px !important;
    color: #3697ba !important;
    background-color: #e0f4ff !important;
}

.estado_act {
    color: green !important;
    font-weight: 600 !important;
}

.estado_ina {
    color: red !important;
    font-weight: 600 !important;
}


.TituloForm {
    font-size: 1.2em;
    font-weight: 700;
    background-color: rgb(229, 241, 252);
    padding: 5px 10px;
    text-align: center;
    margin-bottom: 20px;
}

.subtitulo {
    
}

.td_aprobada.desactivar, .td_en_proceso.desactivar, .td_apro_parcial.desactivar  {
    opacity: 0.4 !important;
}


.file-select {
    position: relative;
    display: inline-block;
  }
  

  .file-select::before {
    background-color: #5678EF;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    content: 'Cargar'; /* testo por defecto */
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    cursor: pointer !important;
  }
  
  .file-select:hover::before {
    background-color: #0ca2bd !important;
    cursor: pointer !important;
  }

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

/* Boostrap */
.table thead th {
    color: #4a4a77;
    text-transform: none;
    background-color: #e8edff;
    padding: 0.5rem 0.75rem;
    font-size: 12px;
}

.table thead th.table-dark {
    color: #fff !important;
    background-color: #59679b !important;
}

.table thead th.table-dark_2 {
    color: #fff !important;
    background-color: #2b8560 !important;
}

.table thead tr.thead_claro th {
    background-color: #e8edff !important;
}

.tabla_history {
    margin-bottom: 7px;
}

.tabla_history thead th {
    color: #ffffff;
    text-transform: none;
    background-color: #6e7cc1;
    padding: 0.3rem 0.5rem;
    font-size: 12px;
    font-weight: lighter;
}

.tabla_history .info_cargo {
    color:rgb(115, 150, 189);
    font-size: 11px;
    display: block;
}

.form-control, .input-group-text, .form-select {
    border-width: 1px;
}

.table-success {
    --bs-table-bg: #cef8e1;
}

.table-danger {
    --bs-table-bg: #ffe2e2;
}

.table td {
    color: rgb(102, 102, 143);
    font-size: 12px;
    padding: 0.5rem 0.75rem;
}

.table {
    --bs-table-striped-color: #293240;
    --bs-table-striped-bg: rgba(0, 119, 255, 0.015);
}

.thead_resultado_trabajador th {
    background-color: #59679b  !important;
    padding: 10px 20px !important;
    color: #fff !important;
    border: 0px !important;
    font-size: 1em !important;
    font-weight: 400 !important;
}

/* Fin Boostrap */







/* DataTable */
.dataTables_length label, .dataTables_filter label {
    color: #8293ab;
    font-size: 12px;
}

.tabla_sin_borde .dataTables_length label, .tabla_sin_borde .dataTables_info {
    padding-left: 30px !important;
}

.tabla_sin_borde .dataTables_filter label, .tabla_sin_borde .dataTables_paginate  {
    padding-right: 30px !important;
}

.tabla_sin_borde {
    margin-top: 10px;
    margin-bottom: 20px;
}




.dataTables_length .form-select, .dataTables_filter input {
    border: 1px solid #ced4da;
}

.dataTables_info {
    color: #8293ab;
    font-size: 12px;
}



table.dataTable > thead .sorting::before, table.dataTable > thead .sorting_asc::before {
    right: 0em !important;
}

.table.dataTable > thead .sorting::after {
    right: 0em !important;
}

table.dataTable > thead .sorting::before {
    opacity: 0 !important;
}


.table.dataTable > thead .sorting_asc::after {
    opacity: 1 !important;
}

table.dataTable > thead .sorting_asc::before {
    opacity: 0 !important;
}

table.dataTable > thead .sorting_desc::after {
    opacity: 0 !important;
}

table.dataTable > thead .sorting_desc::before {
    opacity: 1 !important;
}

table.dataTable > thead > tr > th:not(.sorting_disabled) {
    padding-right: 10px !important;
}

.pagination .page-link {
    font-size: 12px;
}

/* Fin DataTable */




/* JConfirm */
.jconfirm.jconfirm-light .jconfirm-box .jconfirm-buttons button {
    text-transform: none;
    font-size:14px;
    font-weight:normal;
}

.jconfirm .jconfirm-box.jconfirm-type-blue {
    border-top:solid 7px #337ab7 !important;
}

/* Fin JConfirm */

.ContenedorBoton {
    display: inline-block;
    text-align: center;
}

img.IcoCargando {
    /*height: 44px;*/
}





/* -------------------------- */
/* CSS PARA TABLES TELEFONOS */
/* -------------------------- */

.TextAparecer {
    display: none;
}

.DropSubMenuResp a {
    padding-left: 40px !important;
}

@media only screen and (max-width: 1024px) {
    .header_obra {
        display: block;
        width: 100%;
        padding: 5px 12px;
    }

    .TextAparecer {
        display: inline;
        position: relative;
        top: -1px;
        left: 5px;
        color: #eee;
    }
    
    .Desaparecer {
        display: none !important;
    }

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

    .DropMenuResp {
        margin-bottom: 10px;
    }
    
    .DropSubMenuResp {
        padding: 0px 0px !important;
    }

    .DropMenuResp a.dropdown-item {
        padding: 8px 15px !important;
    }

    .DropSubMenuResp a.dropdown-item {
        padding-left: 25px !important;
    }

    .pc-header .pc-mob-drp.mob-drp-active {
        padding-top: 15px;
    }

    .pc-mob-drp {
        width: 280px;
    }

    .DropMenuResp .dropdown-item svg {
        margin-right: 2px;
    }

    .DropMenuResp .dropdown-item span {
        position: relative;
        top: -1px;
    }


    .header_obra {
        margin-top: 20px;
        display: block;
        width: 100%;
        padding: 5px 10px;
    }

    .header_obra i {
        display: block;
        width: 100%;
        font-weight: bold;
        font-style: normal;
        color: #444;
    }
    .header_obra span {
        margin-top: 10px;
    }

}

@media only screen and (max-width: 360px) {
    .auth-wrapper .auth-content:not(.container) .card-body {
        padding: 40px 10px;
    }

    .Btn100Responsive {
        display: block;
        width: 100%;
    }

    .Btn50Responsive {
        display: inline-block;
        width: 49%;
    }


    .page-header .breadcrumb {
        display: inline-block;
    }

    .page-header .BraedBlock {
        display: block;
    }
    
    .page-header .botones_acciones a, .page-header .botones_gestionar a {
        display: block;
        width: 100%;
        padding: 10px 10px;
    }
    
    .page-header .page-header-title {
        font-size: 1.1rem;
    }

    .pc-container .pcoded-content {
        padding: 10px;
    }

    .card .card-body {
        padding: 15px;
    }

    .dataTables_length {
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left !important;
    }

    .dataTables_length select {
       width: 100% !important;
       border-radius: 2px !important;
       min-height: 35px;
    }

    .dataTables_filter {
        text-align: left !important;
        margin-bottom: 10px;
    }

    .dataTables_filter input[type="search"] {
        width: 90% !important;
        min-height: 35px;
    }

    .dataTables_wrapper  .col-sm-12.col-md-6 {
        padding-left: 0px !important;
    }   


    .avatar_trabajador {
        width: 95%;
        margin-top: 10px;
        margin-bottom: 20px;
    }



}





/* -------------------------- */
/* FIN  */
/* -------------------------- */