.cajagris {
    background-color: #F5F5F5;
    padding: 20px;
    font-size: 14px;    
    display: inline-table;
    width: 100%;
    line-height: 22px;
}
#fila-2, .fila-2{
    float: left;
    width: 50%;
    margin-top: 5px;
}
#fila-3, .fila-3{
    float: left;
    width: 32%;
    margin-top: 5px;
}
#fila-4, .fila-4{
    float: left;
    width: 25%;
    margin-top: 5px;
}
#fila-5, .fila-5{
    float: left;
    width: 20%;
    margin-top: 5px;
}
#fila-6, .fila-6{
    float: left;
    width: 16.5%;
    margin-top: 5px;
}
#fila-1, .fila-1{
    clear: both;
    width: 100%;
    min-height: 20px;
    padding-top:5px;
}
.filacovid label{
  width: 310px !important;
  margin-top: 8px;
}
.clear{
    clear: both;
}
.aster_oblig{font-size:11px; color:#002f87;}
.f15{font-size:15px;}

.input_textError{
    position: relative;
    padding-left: 25px; /* Espacio para la imagen */
    font-size: 12px;
    color: #c72727;
    margin-left: 0 !important;
    margin: 5px 0px;
}
.inputError.input_textError::before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%);
      width: 20px; /* Ajusta el tamaño de la imagen */
      height: 20px;
      background-image: url('/js/modal_window/images/v2/error.svg');
      background-size: cover;
      background-repeat: no-repeat;
      opacity: 0; /* Oculto inicialmente */
      animation: fade-in 0s ease-in-out forwards;
  }

  .inputError.input_textError {
      opacity: 0; /* Oculto inicialmente */
      animation: fade-in-text 0s ease-in-out 0s forwards;
  }

  @keyframes fade-in {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }

  @keyframes fade-in-text {
      from {
          opacity: 0;
      }
      to {
          opacity: 1;
      }
  }
.btnEstandar{width: auto;}

.encabezado-legal{
    display: table;
    font-size: 11pt;
}
.title-encabezado{
    display: table-cell;
    color: #002f87;
    font-size: 14px;
    font-weight: bold;
    vertical-align: middle;
}
.txt-encabezado, .txt-detalle{
    display: table-cell;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
}
.title-detalle{
    display: table-cell;
    color: #002f87;
    font-weight: bold;
    width: 165px;
    text-align: right;
    vertical-align: middle;
    font-size: 11.5pt;
}

.encabezado-form {
  display: flex;
  flex-direction: column;
  margin-bottom: 10px;
}
.input-container {
  position: relative;
  display: flex;
  flex-direction: column;
}

.clear-icon {
  position: absolute;
  right: 12px;
  top: 31px;
  font-size: 18px;
  color: #002F87;
  cursor: pointer;
  display: none; /* Oculto por defecto */
}

.input-container input:not([type="checkbox"]) {
  padding-right: 30px; /* Dejar espacio para la cruz */
}

/* Label */
.encabezado-form label {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 6px;
  color: #333;
  width: 100% !important;
  text-align: left !important;
}

/* Inputs y selects */
.encabezado-form input[type="text"],
.encabezado-form input[type="email"],
.encabezado-form input[type="number"],
.encabezado-form select {
  height: 40px;
  padding: 0 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  background: #fff;
  color: #333;
  transition: border-color 0.2s;
  outline: none;
}

/* Placeholder más claro */
.encabezado-form input::placeholder,
.encabezado-form select::placeholder {
  color: #aaa;
}

/* Hover y Focus de los campos */
.encabezado-form input[type="text"]:hover,
.encabezado-form input[type="email"]:hover,
.encabezado-form input[type="number"]:hover,
.encabezado-form select:hover,
.encabezado-form input[type="text"]:focus,
.encabezado-form input[type="email"]:focus,
.encabezado-form input[type="number"]:focus,
.encabezado-form select:focus {
  border-color: #0077cc;
}
.encabezado-form > .nombre-form{
    display: table-cell;
    width: 150px;
    text-align: right;
}
.encabezado-form > .result-form{
    display: table-cell;
    padding-left: 5px;
    text-align: left;
}
.valor_azulOscuro{ font-size: 14px; color: #002f87; }
.celda_titulogrisClaroFndBlanco{font-size: 12px;}
.blue-art{color: #002f87; }
/*input[type="text"], input[type="number"], input[type="email"]{
    color: rgb(9, 47, 135);
    color: currentColor;
    outline: 0px none transparent;
    border: 1px solid #c3c3c3;
    margin-top: 5px;
    height: 20px;
    width: 58%;
}
select{
    color: rgb(9, 47, 135);
    color: currentColor;
    border: 0;
    background: none;
    outline: 0px none transparent;
    border: 1px solid #c3c3c3;
    max-width: 90% !important;
    width: 60%;
    height: 25px;
}
textarea{
    color: rgb(9, 47, 135);
    color: currentColor;
    outline: 0px none transparent;
    border: 1px solid #c3c3c3;
    width: 59%;
}
input[type="text"]:hover, input[type="email"]:hover, input[type="text"]:focus, input[type="email"]:focus, select:hover, select:focus, textarea:hover, textarea:focus{
    border: 1px solid #00539b;
}
input[type="text"]:disabled, input[type="number"]:disabled, input[type="text"]:read-only, input[type="number"]:read-only, input[type="email"]:disabled{background-color: #ece9e9; cursor: not-allowed;}
*/
.input-ch, .inputFecha{width: 135px !important;}
.input-gr{width: 70%!important;}
.input-md{width: 25% !important;}
.inputError{margin-left: 175px;}
#estab_piso{width: 73px !important;}

.checkcontainer{
  position: relative;
  padding-left: 20px;
  margin-left: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 15px;
}
.checkcontainer input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

.radiobtn {
  position: absolute;
  top: 0;
  left: 0;
  height: 15px;
  width: 15px;
  background-color: #eee;
  border-radius: 50%;
}

.checkcontainer:hover input ~ .radiobtn {
  background-color: #ccc;
}

.checkcontainer input:checked ~ .radiobtn {
  background-color: #00539b;
}

.radiobtn:after {
  content: "";
  position: absolute;
  display: none;
}

.checkcontainer input:checked ~ .radiobtn:after {
  display: block;
}

.checkcontainer .radiobtn:after {
  top: 4px;
  left: 4px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: white;
}
.switch input {
    opacity: 0;
    width: 0;
    height: 0;
}
.ui-dialog{
  overflow: initial;
}
.disabled-select {
   background-color:#d5d5d5;
   opacity:0.5;
   border-radius:3px;
   cursor:not-allowed;
   top:0;
   bottom:0;
   right:0;
   left:0;
}
#espera_gif{
    display: none;
    height: 100%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    z-index: 10000;
}

#divContenedor{width: 100%; margin-bottom: 20px;}
.solapaEncabezadoFormulario {background-color:#002f87; min-height:36px; width:100%; color:#fff; text-transform: uppercase;}
.solapaEncabezadoFormulario > span{vertical-align:-11px;}
.solapaEncabezadoFormulario .botonExpandirOcultar{margin-left: 10px;}
.botonExpandirOcultar{cursor: pointer;}
.generalesDatos{
    padding: 10px 20px;
    margin: 0px 2px;
    border-bottom: 1px solid #ddd;
    /*padding: 18px 0;*/
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
          box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
    background: white;
}
.data-txt{width: auto; display: contents;}

#fechaHasta, #fhasta, #fechaDesde, #fdesde{width: 95px !important;}


.btnBuscarItem{background-color:transparent; opacity:0.9; background-image:url(/images/estudios_juridicos/btn_buscar.png); border:none; cursor:pointer; height:16px; width:16px;}
.btnNuevoItem{background-color:transparent; background-image:url(/images/estudios_juridicos/btn_Nuevo.png); border:none; cursor:pointer; height:16px; width:16px;}
.btnEditItem{background-color:transparent; opacity:0.9; background-image:url(/images/estudios_juridicos/btn_edit.png); border:none; cursor:pointer; height:16px; width:16px;}
.btnAceptar {cursor:pointer; height:25px; width:92px;}
.btnCarpeta {background-color: transparent; background-image:url(/images/estudios_juridicos/foldertransp1.png); border:none; cursor:pointer; height:16px; width:16px;}
.btnDeleteItem{background-color:transparent; background-image:url(/images/estudios_juridicos/btn_delete.png);border:none; cursor:pointer; height:16px; width:16px;}
.btnElimTransp{background-color:transparent; background-image:url(/images/btn_delete_file.png); border:none; cursor:pointer; height:16px; width:16px;}
.paginado_links_Reporte{font-size: 14px;}
.aster-oblig{
    color: #002f87;
    font-size: 16px;
}
.aster-aclaracion{
    color: #002f87;
    font-size: 12px;
    font-style: italic; 
}
.botonSelectSolapa{
    height: 100%;
    display: inline-table;
    padding: 5px;
    margin: 0 -2px;
    padding-top: 10px;
    cursor: pointer;
    min-width: 100px;
    text-transform: uppercase;
    border-radius: 10px 10px 0px 0px;
    background-color: #92a5c9;
    color: #ffffff;
    text-align: center;
}
.botonSelectSolapa:hover{
    background-color: #032460;
}
.selected-solapa{
    background-color: #002f87;
    color: #ffffff;
}
label {
    display: inline-block;
    width: 140px;
    text-align: right;
}
@media(max-width:1200px) {
    label{
        text-align: left !important;
    }
    input[type="text"], input[type="number"], input[type="email"], select, .input-md, textarea{
        width: 90% !important;
        margin-top: 0px;
    }
    #cuit, #contrato{
      width: 90px !important;
    }
    select{
      width: 100%;
    }
    #fila-1, .fila-1{
      margin-top: 3px;
    }
    #fila-2, #fila-3, #fila-4, .fila-2, .fila-3, .fila-4, .fila-5, #fila-5{
        width:47%;
    }
    .data-txt{width: 100%; display: block;}
    .inputFecha{max-width: 90px !important;}
    .fila{margin-left: 3%;}
    .checkcontainer{width: auto !important;}
    .encabezado-form, .encabezado-form > .nombre-form, .title-encabezado, .encabezado-legal, .title-detalle{
        display: block;
        text-align: left;
    }
    .encabezado-form > .result-form, .txt-encabezado, .txt-detalle{
        padding-left: 0px;
        display: contents;
    }
}
.fichaindicador{
    display: inline-table;
    width: 200px;
    height: 200px;
    padding: 15px;
    font-size: 13px;
    cursor: pointer;
}
.mensaje-ind{
  display: table-cell;
  vertical-align: middle;
  padding: 20px 5px 45px 10px;
}
.indicador1{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicador-success-200.png?v=1);
}
.indicador2{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicador-warning-200.png?v=1);
}
.indicador3{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicador-error-200.png?v=1);
}
.fichamenucliente{
    display: inline-table;
    width: 49%;
    margin-top: 25px;
}
.fichamenucliente > .img-ficha{
  display: table-cell;
  width: 60px;
}
.fichamenucliente > .text-ficha{
  display: table-cell;
  width: calc(100% - 70px);
  vertical-align: top;
  padding-left: 10px;
}
.fichamenucliente > .text-ficha > .title-ficha{
  color: #002f87;
  font-weight: bolder;
}
.fichamenucliente > .text-ficha > .descr-ficha{
  color: #3C3C3B;
  font-weight: 400;
}
.fichamenuadm{
    display: table-caption;
    width: 350px;
    height: 80px;
    padding:20px;
    font-size: 13px;
    margin:5px;
}
.ind_cbu{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicadores/cbu.png?v=1);
}
.ind_deuda{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicadores/deuda.png?v=1);
}
.ind_personal{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicadores/personal.png?v=1);
}
.ind_reintegro{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicadores/reintegro.png?v=1);
}
.ind_siniestro{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicadores/siniestro.png?v=1);
}
.ind_usuario{
    background-image: url(/modules/usuarios_registrados/clientes/images/indicadores/usuario.png?v=1);
}
.fichamenuadm > .img-ficha{
  display: table-cell;
  width: 45px;
}
.fichamenuadm > .num-ficha{
  width: 100%;
  font-size: 20px;
  padding: 0px 10px 0 40px;
}
.fichamenuadm > .text-ficha{
  width: 100%;
  padding: 0px 10px 0 40px;
  text-transform: uppercase;
}
.verde{background-color:#20b205;color:#ffff;}
.rojo{background-color:#dd0a0a;color:#ffff;}
.text_rojo{color:#dd0a0a;}


.contacto{
  width: 100%;
  margin-top: 30px;
    margin-bottom: 30px;
}
.volanta{
  text-align: center;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 1.6rem;
  line-height:1.6rem;
  color:#1d1d1d;
}
.linkWebAzul {
    text-align: center;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 2.2rem;
    line-height: 2.7rem;
    color: #002f87;
    margin: 0;
}
.canales {
  display: flex;
  justify-content: center;
}

.canales img{
  width: 78px;
  max-height: 70px; 
} 
.resaltado-verde {
  color: #FFFFFF;
  background-color: #25B4BD;
  padding-right: 5px;
  padding-left: 5px;
} 
.msgalert{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px;
  gap: 16px;
    border-left: 3px solid #F5A901;
  background: #FEF2D9;
    border-radius: 4px;
}
.msgerror{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px;
  gap: 16px;
  border-left: 3px solid #991000;
  background: #EBB6B0;
  border-radius: 4px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.msgsuccess{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px;
  gap: 16px;
  border-left: 3px solid #1D6E2A;
  background: #BDDEBD;
  border-radius: 4px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.msginfo{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 16px 16px;
  gap: 16px;
  border-left: 3px solid #002F87;
  background: #A7E2FF;
  border-radius: 4px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.15);
}
.msgalert > .msgicono, .msgerror > .msgicono, .msginfo > .msgicono, .msgsuccess > .msgicono{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  font-family: 'Material Symbols Outlined'; 
  width: 24px;
  height: 24px;
  font-size: 26px;
  margin-top: -5px;
}
.msgsuccess > .success-icon::before {
    content: "check_circle";
    color: #1D6E2A;
}
.msgalert > .error-icon::before {
    content: "error";
    color: #C88A01;
}
.msgerror > .error-icon::before {
    content: "error";
    color: #AC1200;
}
.msginfo > .error-icon::before {
    content: "error";
    color: #002F87;
}
.msginfo > .notif-icon::before {
    content: "notifications";
    color: #002F87;
}
.msgalert > .msg, .msgerror > .msg, .msginfo > .msg, .msgsuccess > .msg{
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 0px;
  width: 100%;
}
.msgbotonderecho{
     background-color: #26B9FF;
    align-self: stretch; /* Extiende el botón a la altura completa del contenedor */
    display: flex; /* Para centrar contenido dentro del botón */
    justify-content: center; /* Centrar horizontalmente el contenido */
    align-items: center; /* Centrar verticalmente el contenido */
    border-radius: 0 4px 4px 0; /* Ajusta las esquinas redondeadas para coincidir con el diseño */
    border: 0;
    color: #002f87;
    font-weight: 600;
    cursor: pointer;
    margin: -15px -15px -15px 0px;
    padding: 15px;
}
.botonceleste{
    background-color: #CEEEFF;
    padding: 7px;
    border-radius: 6px;
    border: 0;
    color: #002f87;
    font-weight: 600;
    cursor: pointer;
}
.infochkobligatorio{
  color: #B11D1D;
}