@font-face {
    font-family:'Roboto';
    /* src: url('Roboto/Roboto-Regular.ttf'); */
    font-style: normal;
    font-weight: normal;
  }
  
  html, body{
    height: 100%;
    font-size: 13px;
  }
  
  body{
    background-image: url("../../vendor/img/69030500.jpg");
    background-position: center; /* Center the image */
    background-repeat: no-repeat; /* Do not repeat the image */
    background-size: cover; /* Resize the background image to cover the entire container */
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    background-color: #2476BB;
  }
  
  .center-container{
    position: relative;
    display: flex;
    top: 15px;
    left: 15px;
    margin-right: 30px;
    border-radius: 0.5rem !important;
    background-color: #FBFBFB;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
    margin-bottom: 20px;
    min-height: 95vh;
  }
  
  footer {
    /*position: absolute;*/
    /*height: 60px;*/
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-left: 30px;
    padding-right: 30px;
    color: #FFFFFF;
    z-index: 1040;
  }
  footer.registrese {
    height: 80px;
    padding-top: 10px;
    position: relative;
    bottom: auto;
  }
  
  .sidebar{
    width: 300px;
    height: 100%;
    padding-left: 30px;
    padding-top: 20px;
    -webkit-box-shadow: 1px 0px 15px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 15px -10px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 15px -10px rgba(0,0,0,0.75);
    /*SE AGREGA BORDER RADIUS Y BACKGROUD COLOR*/
    background-color: #FFFFFF;
    -webkit-border-top-left-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
  }
  
  .sidebar ul li{
    color: #4D4D4D;
    margin-top: 36px;
  
    cursor: pointer;
    font-size: 13px;
  }
  
  .sidebar ul li.active{
    color: #0F69B4;
    border-right: 5px solid #0F69B4;
  }

.link-unstyled, 
.link-unstyled:visited, 
.link-unstyled:hover,
.link-unstyled:active,
.link-unstyled:focus,
.link-unstyled:active:hover{
    font-style: inherit;
    color: inherit;
    background-color: transparent;
    font-size: inherit;
    text-decoration: none;
    font-variant: inherit;
    font-weight: inherit;
    line-height: inherit;
    font-family: inherit;
    border-radius: inherit;
    outline: inherit;
    box-shadow: inherit;
    padding: inherit;
    vertical-align: inherit;
    padding: 0px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.content{
  width: 100%;
  height: 100%;
  display: flex;
  -ms-flex-direction: column !important;
  flex-direction: column !important;
  background-color:#FBFBFB;
  z-index: 1000;
  border-radius: 0.5rem !important;
}

.content .header{
  width: 100%;
  padding: 0px 30px 0px 30px;
}

.content .data{
  /* overflow-y: scroll;
  overflow-x: hidden; */
  width: 100%;
  min-height: 70vh;
  padding: 0px 30px 20px 30px;
  /* margin-bottom: 10px; */
  display: grid;
}

.breadcrumb{
  background-color: #F2F2F2;
  border-top: 2px solid #C4C4C4;
  border-radius: 0;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #4d4d4d;
}
  
.btn{
  font-size: 12px !important;
}

.table{
  font-size: 12px !important;
  color:  #4D4D4D;
}

.table tr th{
  background-color: #FFFFFF;
}

.table tr td:last-child{
  background-color: #F5F5F5;
}

.table.table-head-above thead{
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
}

.btn-footer{
  background-color: #FFFFFF;
  color: #0F69B4;
  width: 44px;
  height: 44px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
}

.btn-footer i{
  font-size: 13px;
}

.btn-footer svg{
  font-size: 13px;
}

.footer-buttons{
  position: absolute;
  right: 60px;
  top: 0;

}

.btn-header{
  background-color: #FFFFFF;
  border: 1px solid #E5E5E5;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  color: #837A7A !important;
  border-radius: 50% !important;
  width: 45px;
  height: 45px;
  margin-left: 12px;
  text-align: -webkit-center;
  padding: 0px;
}

.btn-header i{
  height: -webkit-fill-available;
  padding: 0px;
}

.btn-header svg{
  height: -webkit-fill-available;
  padding: 0px;
}

.btn-header.active{
  color: #0F69B4;
}
  
.card.filter{
  border-radius: 3px;
  border: 0;
  background: rgba(0, 125, 204, 0.05);
}

.card.filter .card-header{
  background: rgba(0, 125, 204, 0.05);
  color: #0F69B4;
  padding: 5px 10px !important;
  border-bottom: 0px;

}

.card.filter .card-body{
  padding: 5px 0px !important;
}

.blue-corner{
  /* position:fixed; */
}

.blue-corner .image{
  position: absolute;
  top: 0;
  left: 10px;
}

.blue-corner .image .icon{
  position: absolute;
  top: 30px;
  left: 40px;
  color: #FFFFFF;
}
.blue-corner .image .icon.alertas{
  left: 47px;
}

.blue-corner .description{
  /* overflow-y: scroll; */
  position: absolute;
  /* width: 351px; */
  /* max-height: 435px; */
  top: 11px;
  left: 20px;
  right: 20px;
  background-color:#FFFFFF;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.125);
  border-radius: 0.25rem;
  padding: 20px;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
  font-size: 13px;
  color: #4D4D4D;
  display: flex;
  flex-direction: column;
}

.blue-corner .description .header{
  padding: 20px 10px 2rem 6rem;
}

.text-blue{
  color: #0F69B4;
}
  
  .icon-menu{
    width: 14px;
    margin-right: 14px;
    text-align: center;
    margin-bottom: auto !important;
    margin-top: 3px;
  }
  .msj-bienvenida{
    width: 100%;
    height: 97px;
    background: rgba(15, 180, 91, 0.1);
    color: #000000;
    font-style: normal; 
    font-weight: normal;
    font-size: 13px;
    line-height: 21px;
    text-align: center;
  }
  .accesos-directos{
    /* width: 100%; */
    height: 100%;
    color: #555555;
    font-style: normal; 
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    padding-top: 0px;
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 10px;
    text-align: center;
  }
  
  .btn-rectangulares {
    width: 80%;
    height: auto;
    border-radius: .5rem;
    background: #FFFFFF;
    border: 2px solid #C4C4C4;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #1C4477;
    font-size: 4em;
    margin: auto;
    margin-bottom: .5rem;
    max-height: 145px;
    max-width: 145px;
  }
  .btn-rectangulares i{
    margin: 25%;
  }
  .btn-rectangulares svg{
    margin: 25%;
  }
  .texto-botones-portal{
    color: #555555;
  }
  .btn-rectangulares:hover{
    color: #1C4477;
  }
  .btn-rect-detail {
    width: 160px;
    height: 160px;
    background: #FFFFFF;
    border: 2px solid #C4C4C4;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    color: #0F69B4;
    font-size: 80px !important;
    border-radius: .5rem;
    float: right;
  }
  
  .btn-rect-detail:hover{
    color: #0F69B4;
  }
  
  .nav-buttons{
    font-size: 35px;
    color: #1C4477;
  }
  .texto-boton{
    padding-top: 12px;
    padding-bottom: 18px;
  }
  .collapse{
    width: 100%;
    //height: 100%;
    color: #4D4D4D;
    font-style: normal; 
    font-weight: normal;
    font-size: 13px;
    line-height: 19px;
    text-align: left;
    
  }
  
  .title-detail{
    font-size: 18px;
    font-weight: bold;
    line-height: 23px;
    color: #4D4D4D;
    margin-bottom: .25rem;
  }
  .description-detail{
    margin-bottom: .25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
  
  .btn-detail{
    background: #007DCC;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-size: 13px;
    line-height: 19px;
    /* identical to box height */
    text-align: center;
    color: #FFFFFF;
    height: 30px;
    width: 113px;
    padding: 0px;
  }
  .btn-detail:hover{
    color: #ffffff;
    text-decoration: none;
  }
  .contenido{
    background-color: #ffffff;
    -webkit-box-shadow: 0px 0px 48px -20px rgba(77,77,77,0.47);
    -moz-box-shadow: 0px 0px 48px -20px rgba(77,77,77,0.47);
    box-shadow: 0px 0px 48px -20px rgba(77,77,77,0.47);
    border-radius: 3px;
  }
  .subtitle-form{
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 31px;
    margin-top: 32px;
    border-bottom: 1px solid #4D4D4D;
  }
  .breadcrumb li.active{
    color: #4d4d4d;
  }
  .breadcrumb .breadcrumb-item:nth-child(1)::before {
    content: "" !important;
  }
  .breadcrumb-item:before{
    content: ">" !important;
  }
  h1{
    font-size: 18px;
  }
  h2,h3,h4,h5,h6{
    font-size: 16px;
  }
  .footer-link{
    color: #ffffff;
    text-decoration: underline;
  }
  .footer-link:hover{
    color: #ffffff;
    text-decoration: underline;
  }
  .login-container{
    position: absolute;
    display: flex;
    width: 458px;
    height: 522px;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 130px;
    border-radius: 0.5rem !important;
    background-color: #FBFBFB;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1);
  }
  .limiter{
    width: 100%;
    margin: 0 auto;
  }
  .container-login100{
    width: 100%;
    min-height: 90vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;

  }
  .wrap-login100{
    position: absolute;
    background-color: #FFF;
    width: 450px;
    height: 482px;
    border-radius: 16px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  }
  .logo-login {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
  }
  .titulo-login{
    text-align: center;
    /* margin-bottom: 45px; */
  }
  .texto-titulo-login{
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    color: #4D4D4D;
  }
  .separador-titulo-login {
    margin-top: unset;
    width: 372px;
    border-top: 2px solid #E5E5E5;
  }
  .botones-login {
    text-align: center;
    margin-top: 64px;
  }
  .boton-login {
    /* background: #007DCC; */
    width: 293px;
    height: 35px;
    border: 1px solid #0F69B4;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
  }
  .boton-login.boton-clave-unica {
    background-color: #007DCC;
    color: #FFF;
  }
  .boton-login.boton-clave-app {
    background-color: #FFF;
    color: #007DCC;
    margin-top: 37px;
  }
  .links-login{
    margin-top: 50px;
    text-align: center;
  }
  .links-login a{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #4D4D4D;
  }
  .separador-link{
    margin-top: 5px;
    margin-bottom: 5px;
    width: 217px;
    border-top: 1px solid #4D4D4D;
  }
  .wrapper-login{
    margin-left: 75px;
    margin-right: 75px;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #4D4D4D;
  }
  .wrapper-login.tabs-login{
    /* margin-top: 33px; */
  }
  #tabs-login{
    margin-top: 15px;
    margin-bottom: 30px;
  }
  #tabs-login.nav-tabs{
    border-bottom: 1px solid #E5E5E5;
  }
  .nav-login.nav-link{
    font-weight: normal;
    line-height: 5px;
  }
  .nav-login.nav-link:hover{
    border: unset;
  }
  .nav-login.nav-link.active{
    font-weight: 500;
    border: unset;
    border-bottom: 4px solid #0F69B9!important;
  }
  a.nav-login{
    color: #4D4D4D;
  }
  .wrap-login100.formulario{
    height: 660px;
  }
  .wrap-login100.formulario .logo-login{
    margin-top: 27px;
    margin-bottom: 27px;
  }
  .wrap-login100.formulario .links-login-consumidor{
    margin-top: 29px;
  }
  .separador-link-consumidor.formulario-login{
    width: 228px;
  }
  
  /* registro consumidor */
  .container-registro{
    width: 100%;
    min-height: 100vh;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
  }
  .wrap-registro{
    position: absolute;
    background-color: #FFF;
    width: 60%;
    height: 75vh;
    top: 98px;
    border-radius: 16px !important;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
  }
  .logo-registro {
    margin-top: 27px;
    margin-bottom: 40px;
    text-align: center;
  }
  .texto-titulo-registro{
    text-align: center;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 25px;
    line-height: 29px;
    color: #4D4D4D;
  }
  .wrap-registro {
    height: 100%;
    position: unset;
  }
  
  .wrapper-registro{
    margin-left: 60px;
    margin-right: 60px;
    height: 45vh;
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 13px;
    line-height: 16px;
    color: #4D4D4D;
    position: absolute;
    overflow-y: scroll;
    overflow-x: hidden;
  }
  .wrapper-registro {
    height: unset;
    position: unset;
    overflow-y: unset;
    overflow-x: unset;
    margin-left: unset;
    margin-right: unset;
  }
  .wrapper-registro form {
    margin-left: 75px;
    margin-right: 75px;
  }
  .aviso-registro{
    font-weight: normal;
    margin: 15px;
    margin-bottom: 31px;
  }
  .subtitulo-registro {
    font-size: 18px;
  }
  .separador-formulario-registro{
    margin-top: unset;
    border: 1px solid #4D4D4D;
  }

  /* ini:TABS */
  .tabsEspecial{
    margin-top: 15px;
    margin-bottom: 30px;
  }
  .tabsEspecialLinks.nav-link{
    font-weight: normal;
    line-height: 5px;
  }
  .tabsEspecialLinks.nav-link:hover{
    border: unset;
  }
  .tabsEspecialLinks.nav-link.active{
    font-weight: 500;
    border: unset;
    border-bottom: 4px solid #0F69B9!important;
  }
  a.tabsEspecialLinks{
    color: #767676;
  }
  .tabsEspecialLinks > .badge-pill{
    color: #fff;
    background-color: #6c757d;
  }
  .tabsEspecialLinks.active > .badge-pill{
    color: #fff;
    background-color: #1C4477;
  }
  /* fin:TABS */

  .titulo-info-caso{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 19px;
    color: #4D4D4D;
  }
  .nav-item-info-caso{
    margin-left: 37px;
  }
  .nav-info-casos{
    padding-bottom: 10px;
  }
  .color-negro{
    color: #000;
  }
  .titulo-info-casos{
    margin-top: 41px;
  }
  .placeholder-formulario{
    color: #767676;
  }
  .menu-evaluenos{
    color: #767676!important;
  }
  table.historial-consumidor{
    font-size: 13px!important;
    font-weight: normal!important;
    color: #4D4D4D;
    width: 100%!important;
  }
  table.historial-consumidor thead tr{
    background: #FFFFFF;
    border: 1px solid #E5E5E5;
    box-sizing: border-box;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    border-radius: 3px;
  }
  table.historial-consumidor thead tr th{
    color: #000;
    font-weight: normal!important;
  }
  table.historial-consumidor tbody tr td a{
    color: #0f69b4;
  }
  .col-descripcion-historial-caso{
    width: 70%;
  }
  .acepto-terminos-reclamo{
    background: #F2F2F2;
    border: unset;
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 13px;
    line-height: 16px;
    color: #4D4D4D;
  }
  .description .body{
    overflow-y: scroll;
    /* max-height: 435px;
    height: 300px; */
  }
  a.btn-blue:not([href]) {
    color: #fff;
  }
  .titulos-form-reclamo{
    font-size: 18px;
    color: #000;
  }
  .label-formulario{
    margin-bottom: 0px;
    color: #4D4D4D;
  }
  .texto-modal{
    color: #4D4D4D;
    font-size: 13px;
  }
  .modal-content.modal-reclamos{
    border-radius: 11px;
  }
  .header-evaluenos{
    padding-bottom: 30px!important;
  }
  .titulo-bienvenido-alert{
    font-family: Roboto;
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 21px;
    color: #000;
  }
  .contenido-bienvenido-alert{
    font-family: Roboto;
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 21px;
    color: #000;
  }
  .card-contenido-central{
    //width: 100%;
  }
  .card.card-contenido-central{
    width: 98%;
  }
  .blue-corner-image.small, .blue-corner-image.mobile{
    display: none;
  }
  .carousel-item {
    height: 100%;
    /* background-color: lightblue; */
  }
  .carousel-control-prev, .carousel-control-next {
    width: 7%;
  }
  #acordion-descripciones{
    margin-bottom: 44px;
  }
  .acordeon-contenedor-item{
    padding: 0 !important;
    margin-left: 3rem !important;
    margin-right: 3rem !important;
  }
  .primera-fila-botones{
    margin-top: 1.5rem !important;
  }
  .segunda-fila-botones{
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .fila-botones{
    margin-top: 0px !important;
    margin-bottom: 10px !important;
  }
  .modal-reclamos-alert{
    z-index: 1060;
  }
  
  /* sidebar */
  #sidebar {
    /* don't forget to add all the previously mentioned styles here too */
    background: #fff;
    color: #4D4D4D;
    transition: all 0.3s;
    /* min-width: 250px; */
    /* max-width: 250px; */
    width: 210px;
    min-height: 86hv;
    border-top-left-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
    -webkit-box-shadow: 1px 0px 15px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 0px 15px -10px rgba(0,0,0,0.75);
    box-shadow: 1px 0px 15px -10px rgba(0,0,0,0.75);
    z-index: 2800;
    overflow-y: auto;
  }
  
  /* Shrinking the sidebar from 250px to 80px and center aligining its content*/
  #sidebar.active {
    min-width: 150px;
    max-width: 150px;
    text-align: center;
  }
  
  #sidebar .sidebar-header img {
    margin-left: 30px;
    margin-top: 20px;
  }
  #sidebar.active .sidebar-header img {
    margin-left: 10px;
  }
  /* Toggling the sidebar header content, hide the big heading [h3] and showing the small heading [strong] and vice versa*/
  #sidebar .sidebar-header strong {
    display: none;
  }
  #sidebar.active .sidebar-header h3 {
    display: none;
  }
  #sidebar.active .sidebar-header strong {
    display: block;
  }
  
#sidebar ul li a {
    text-align: left;
    margin-top: 15px;
    margin-bottom: 15px;
    padding-right: 15px;
    line-height: 1.2rem;
}

#sidebar ul li a:hover {
    text-decoration: underline;
}
  
#sidebar.active ul li a {
    padding: 5px 10px;
    text-align: center;
    /* font-size: 0.85em; */
}
  
#sidebar.active ul li a i {
    margin-right:  0;
    display: block;
    /* font-size: 1.8em; */
    margin-bottom: 5px;
}
  
#sidebar.active ul li a svg {
    margin-right:  0;
    display: block;
    /* font-size: 1.8em; */
    margin-bottom: 5px;
}
  
  /* Same dropdown links padding*/
#sidebar.active ul ul a {
    padding: 10px !important;
}
#sidebar ul li.active > a {
    color: #0F69B4;
    border-right: 5px solid #0F69B4;
}
  
/* Changing the arrow position to bottom center position, 
 translateX(50%) works with right: 50% 
 to accurately  center the arrow */
#sidebar.active .dropdown-toggle::after {
    top: auto;
    bottom: 10px;
    right: 50%;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
}
  
  .custom-file-label::after{
    content: "Adjuntar";
  }
  
  .btn-filtro{
    border: none;
    background-color: rgba(0, 125, 204, 0.05);
    border-radius: 3px;
    color: #0F69B4;
  }
  
  .card-tabla{
    margin-bottom: 10px;
    /* box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.1); */
  }
  
  .card-tabla .card-header{
    background-color: #FFFFFF;
    /* box-shadow: -2px 2px 2px rgba(0, 0, 0, 0.1); */
    padding: 5px 15px;
  }
  
  .card-tabla .card-body{
    padding: 5px 15px;
  }
  
  .btn-blue{
    color: #FFFFFF;
    background-color: #007DCC;
    border: 1px solid #007DCC;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 5px 15px !important;
  }
  
  .btn-blue:hover{
    color: #FFFFFF;
    background-color: #007DCC;
    border: 1px solid #007DCC;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 5px 15px !important;
  }
  
  .btn-outline-blue{
    color:#007DCC;
    background-color: #FFFFFF;
    border:1px solid #007DCC;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 5px 15px !important;
  }
  
  .btn-outline-blue:hover{
    color:#007DCC;
    background-color: #FFFFFF;
    border:1px solid #007DCC;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    padding: 5px 15px !important;
  }
  
  .text-blue{
    color: #007DCC;
  }
  
  .pagination .page-link{
    border: none;
    font-size: 13px;
    background-color: transparent;
  }
  
  .pagination .page-item.active .page-link {
    border-radius: 50%;
    background-color: #0F69B4;
    min-height: 36px;
    min-width: 36px;
    text-align: center;
    padding-left: unset;
    padding-right: unset;
  }
  
  .pagination .page-item.disabled .page-link {
    background-color: transparent;
  }
  
  .fw-400{
    font-weight: 400;
  }
  
  .fw-500{
    font-weight: 500;
  }
  
  a{
    color: #0F69B4;
  }
  
  form{
    color: #4D4D4D;
  }
  
  form .table-documentos{
    color: #4D4D4D;
  }
  
  form .table-documentos th{
    border-top: none !important;
  }
  
  .text-muted{
    color: #767676 !important;
  }
  
  .modal .modal-content{
    border: none;
    border-radius: 11px;
  }
  
  .text-gray{
    color: #4D4D4D;
  }
  
  .acordeon-contenedor-item:not(.acordeon-inicio){
    padding-top: 0.2rem !important;
  }
  
  .acordeon-contenedor-item.acordeon-inicio{
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  
  .acordeon-contenedor-item.acordeon-inicio.show{
    display: flex;
    flex-direction: column;
  }
  
  a.text-gray, a.text-gray:hover{
    color: #4D4D4D;
    text-decoration: underline;
  }
  
  #tabla_solicitudes_length{
    margin-top: 5px;
  }
  
  #descargar_tabla i{
    color: #287233;
  }
  
  .acordeon-contenedor-item.acordeon-inicio .alert{
    display: block;
  }
  
  .btn-rectangulares label{
    font-size: 13px;
    color: #4D4D4D;
  }
  
  .d-flex{
    display: flex;
  }
  .botones-accesibilidad-login{
    text-align: center;
    margin-bottom: 15px;
  }

.table th {
    padding: 0.25rem;
}
.shadow {
    box-shadow: 0 0.15rem 1rem rgb(0 0 0 / 15%) !important;
}

  .btn-footer.login{
    padding: inherit!important;
  }
  .table-casos{
    font-size: 13px!important;
  }
  .table-casos tbody{
    color: #4D4D4D;
  }
  .table-casos thead tr th{
    background-color: #fff;
    /*font-weight: normal;*/
    text-align: center;
    color: #000;
  }
  .btn.big-mode-button:hover{
    color: #0F69B4;
  }
  .ntg-toolbar-fixed {
    position: fixed;
    right: 61px;
    top: 100px;
    z-index: 1000;
    min-height: 50px;
    /* display: table; */
    text-align: center;
    display: none;
  }
  .btn-faq, .btn-click-call, .btn-click-as-virtual {
    width: 43px;
    height: 43px;
    border: 6px solid #eb1212;
    background-color: #eb1212;
    display: block;
    overflow: hidden;
    border-radius: 50%;
    transition: all 0.3s ease-in-out;
    box-shadow: rgba(155, 155, 155, 0.76) 0px 0px 9px 1px;
  }
  .btn-faq .icono-faq {
    background-image: url("/images/sprite_sernac.png");
    background-repeat: no-repeat;
    width: 35px;
    height: 35px;
    display: block;
    float: left;
    margin-right: 10px;
    background-position: -27px -27px;
    background-size: 285px;
  }
  .btn-faq i, .btn-click-call i, .btn-click-as-virtual i {
    color: #fff;
    margin-top: 9px;
  }
  .btn-faq svg, .btn-click-call svg, .btn-click-as-virtual svg {
    color: #fff;
    margin-top: 9px;
  }
  /* ocultamos el boton real */
  #flytab {
    display: none;
  }
  .ntg-toolbar-fixed i{
    font-size: 16px;
  }
  .ntg-toolbar-fixed svg{
    font-size: 16px;
  }
  a.no-underline{
    text-decoration: unset;
  }
  .d-nonei{
    display: none!important;
  }
  .wrap-registro.safari-browser{
    min-height: 1320px;
    /*max-height: 1320px;*/
  }
  .center-container.safari-browser.inicio-iconos{
    min-height: unset!important;
  }
  .center-container.safari-browser.inicio-iconos > .content{
    height: unset;
  }
  .carousel.safari-browser{
    display: grid;
  }
  .center-container.safari-browser.formulario{
    min-height: 1000px;
  }
  .center-container.safari-browser.inicio{
    min-height: 870;
    }
  footer.safari-browser{
    /* bottom: -305px; */
  }
  .content .data.inicio{
    /* display: block; */
  }
  .carousel-inner.safari-browser{
    display: inline-table;
  }
  .carousel-inner.safari-browser .carousel-item{
    height: unset;
  }
  footer.inicio.safari-browser{
    bottom: -20px!important;
  }
  footer.estado-casos.safari-browser{
    bottom: 0px!important;
  }
  #collapseFilter.safari-browser{
    height: unset;
    margin-bottom: 1rem;
  }
  .frame-processmaker{
    border: 0px;
    min-height: 70vh;
    height: 100%;
    width: 100%;
  }
  .list-group.users-department .list-group-item + .list-group-item.active{
    border-top: 1px solid !important;
  }
  .titulo-usuario{
    color: #4D4D4D;
  }
  .shadow-btn-filter, .shadow-btn-modal{
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
  }
  .shadow-info-casos{
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  }
  table.dataTable{
    border-collapse: collapse!important;
  }
  .btn-blue:disabled{
    background-color: #F2F2F2; 
    border: 1px solid #E5E5E5; 
    color: #999;
  }
  .table tr td:last-child > .btn{
    padding-left: 5px!important;
    padding-right: 5px!important;
  }
  .btn-blue i{
    margin-right: 3px;
  }
  .height-btn{
    height: 36px;
  }
  .btn-outline-secondary.btn-acciones.disabled{
    color: #E5E5E5;
    border-color: #E5E5E5;
  }
  .btn-blue-dark.btn-lg{
    padding: 0.5rem 1rem!important;
  }
  .btn-blue-dark{
    background-color: #0F69B4;
    color: #fff;
  }
  .btn-blue-dark:hover{
    color: #fff;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15);
  }
  .table-bordered {
    border: 1px solid #E5E5E5;
  }
  .col-accion{
    max-width: 100px;
    max-width: 7rem!important;
    width: 7rem!important;
  }
  @media (max-width: 991px) {
    /* Reversing the behavior of the sidebar: 
       it'll be rotated vertically and off canvas by default, 
       collapsing in on toggle button click with removal of 
       the vertical rotation.   */
    #sidebar {
    margin-left: -250px;
    transform: rotateY(100deg);
    }
    #sidebar.active {
        margin-left: 0;
        transform: none;
    }
  
    /* Reversing the behavior of the bars: 
       Removing the rotation from the first,
       last bars and reappear the second bar on default state, 
       and giving them a vertical margin */
    #sidebarCollapse span:first-of-type,
    #sidebarCollapse span:nth-of-type(2),
    #sidebarCollapse span:last-of-type {
        transform: none;
        opacity: 1;
        margin: 5px auto;
    }
  
    /* Removing the vertical margin and make the first and last bars rotate again when the sidebar is open, hiding the second bar */
    #sidebarCollapse.active span {
        margin: 0 auto;
    }
    #sidebarCollapse.active span:first-of-type {
        transform: rotate(45deg) translate(2px, 2px);
    }
    #sidebarCollapse.active span:nth-of-type(2) {
        opacity: 0;
    }
    #sidebarCollapse.active span:last-of-type {
        transform: rotate(-45deg) translate(1px, -1px);
    }
    .wrapper {
      width: 95%;
    }
    #sidebar {
      margin-top: 69px;
      min-width: 250px;
      max-width: 250px;
      height: 100vh;
      position: fixed;
      top: 0;
      left: 0;
      /* top layer */
      z-index: 9999;
      border-top-left-radius: unset;
    }
    .overlay {
      /* margin-left: 250px; */
      display: none;
      position: fixed;
      /* full screen */
      width: 100vw;
      height: 100vh;
      /* transparent black */
      background: rgba(0, 0, 0, 0.7);
      /* middle layer, i.e. appears below the sidebar */
      z-index: 998;
      opacity: 0;
      /* animate the transition */
      transition: all 0.5s ease-in-out;
      top: 70px;
    }
    /* display .overlay when it has the .active class */
    .overlay.active {
      display: block;
      opacity: 1;
    }
    #sidebar.active{
      width: 100%;
      max-width: 250px;
    }
    .icon-menu{
      display: none;
    }
    .content{
      /* margin-left: 100px; */
    }
    .center-container.safari-browser{
      height: auto!important;
    }
    .center-container{
      top: 120px;
      /* z-index: 995; */
      left: 0px;
      right: 0px;
      margin-left: auto;
      margin-right: auto;
    }
    .card-ayuda-mobile{
      border: unset;
      border-radius: unset;
    }
    .card-ayuda-mobile .card-header{
      border-bottom: unset;
    }
    .navbar-mobile{
      background-color: #fff!important;
      position: fixed;
      top: 0;
      height: 70px;
      width: 100%;
    }
    .navbar-mobile .navbar-toggler {
      border-color: #fff;
    }
  
    footer{
      height: auto;
      position: relative;
      bottom: auto;
      padding-top: 20px;
    }
    footer.login{
      /* position: absolute;
      height: 60px;
      bottom: 0;
      padding-top: 0px; */
    }
  
    html, body{
      height: auto;
    }
  
    .center-container{
      top: 60px;
      margin-bottom: 60px;
      position: relative;
    }
  
    .help-bar + .center-container{
      top: 120px;
      margin-bottom: 130px;
    }
  
    .content{
      height: auto;
    }
  
    .help-bar{
      position: fixed;
      top: 70px;
      z-index: 2000;
    }
  
    .navbar-mobile{
      z-index: 3000;
    }
  
    #sidebar{
      overflow-y: auto;
    }
  
    #sidebar > ul{
      margin-bottom: 100px;
    }
  
    .overlay{
      z-index: 2500;
    }
  
    .card-ayuda-mobile .dropdown-menu.show{
      transform: none !important;
      will-change: unset !important;
      position: fixed !important;
      top: 128px !important;
      height: 100%;
      overflow-y: auto;
      padding: 30px;
    }
  
    .card-ayuda-mobile .dropdown-menu.show div{
      margin-bottom: 150px;
    }
  
    .accesos-directos{
      height: auto;
    }
  
  
    .content .header{
      padding: 0px 10px 0px 10px;
    }
    .content .data{
      padding: 0px 10px 0px 10px;
      height: auto;
      display: block;
    }
    .center-container.safari-browser .content .data{
      min-height: unset;
    }
  
    .acceso-directo-button{
      padding-left: 5px;
      padding-right: 5px;
    }
  
    .acceso-directo-button button{
      box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.25);
    }
  
    .card-contenido-central{
      position: relative;
      max-width: none;
      max-height: none;
      overflow-y: none;
      width: unset;
    }
    .card.card-contenido-central{
      width: 100%;
    }
  
    .modal{
      padding-top: 70px;
    }
  
    .help-bar + .center-container ~ .modal {
      padding-top: 130px;
    }
  
    .btn-rectangulares{
      padding: 20px 15px;
      text-align: left;
      max-height: none;
      max-width: none;
      width: 92%;
      box-shadow: -4px 4px 10px rgba(0, 0, 0, 0.25);
      font-size: 2em;
    }
  
    .btn-rectangulares i{
      margin: 0px;
      background:rgba(229, 229, 229, 0.5);
      padding: 20px;
      border-radius: 9px;
    }
  
    .btn-rectangulares svg{
      margin: 0px;
      background:rgba(229, 229, 229, 0.5);
      padding: 20px;
      border-radius: 9px;
    }
    .logo-login, .wrap-login100.formulario .logo-login, .logo-registro {
      margin-top: 31px;
      margin-bottom: 15px;
      text-align: center;
    }
  
    .pagination{
      justify-content: center !important;
    }
    div.dataTables_wrapper div.dataTables_paginate ul.pagination {
      justify-content: center!important;
    }
    
    .accesos-directos{
      padding-left: 0px;
      padding-right: 0px;
    }
    .contenido-scroll{
      padding-bottom: 15px;
    }
    .icono-ayuda-mobile i.alerta{
      left: 30px;
    }
    .modal.show .modal-dialog{
      align-items: flex-start;
    }
    .ntg-toolbar-fixed{
      z-index: 3000;
      right: 0px;
      top: 70px;
      background-color: #FFF;
    }
    .ntg-toolbar-fixed.mobile ul li a{
      margin-top: 15px;
      margin-bottom: 15px;
      padding: 5px 10px;
      text-align: center;
      
    }
    .ntg-toolbar-fixed.mobile ul li a:hover{
      padding: 5px 10px!important;
      margin-top: 15px!important;
    }
    .ntg-toolbar-fixed.mobile ul li a i{
      color: #E22C2C;
      margin-right: .5rem;
    }
    .ntg-toolbar-fixed.mobile ul li a svg{
      color: #E22C2C;
      margin-right: .5rem;
    }
    .frame-processmaker{
      height: 400px;
    }
  }
  @media (min-width: 992px) {
    
    .d-lg-inline-table{
      display: inline-table !important;
    }
  
    .pl-lg-3{
      padding-left: 2rem;
    }
  
    #sidebar{
      z-index: 1010;
    }
    .fila-botones{
      margin-top: 0.5rem !important;
      margin-bottom: 0.5rem !important;
    }
    body.registro{
      background-repeat: repeat;
    }
  
    #acordion-descripciones{
      padding-top: 20px;
    }
    
    .collapse{
      width: unset;
      height: unset;
    }
    .collapse:not(.show) {
      display: none;
      height: 0px;
    }
    .active_estado{
      padding-bottom: 10.5px !important;
    }
  }
  @media (min-width: 992px) and (max-height: 800px){
    .center-container.inicio{
      bottom: unset;
    }
    .data.iframe.safari-browser {
      height: 800px;
    }
    footer.inicio{
      bottom: 5px;
    }
    footer.inicio.safari-browser{
      bottom: -100px;
    }
    .container-login100{
      align-items: unset;
    }
  }
  @media (min-width: 992px) and (min-height: 801px) and (max-height: 900px){
    
  }
  @media (min-width: 992px) and (min-height: 701px) and (max-height: 800px){
    #carouselExampleControls.safari-browser{
      margin-bottom: 120px;
    }
    #acordion-descripciones.safari-browser{
      margin-bottom: 0px!important;
    }
    .center-container{
      bottom: 0px;
      /*max-height: 650px;*/
    }
    footer{
      bottom: -55px;
    }
    .center-container.safari-browser{
      min-height: 1000px;
    }
    #acordion-descripciones.safari-browser .collapse {
      height: unset;
    }
    .accesos-directos.safari-browser {
      height: 50%;
    }
    footer.login.safari-browser{
      bottom: 0px!important;
    }
    footer.inicio.safari-browser{
      bottom: -270px!important;
    }
    footer.info-caso.safari-browser{
      bottom: -10px!important;
    }
  }
  @media (min-width: 992px) and (max-height: 700px){
    .center-container.inicio{
      bottom: unset;
    }
    footer.inicio{
      bottom: -110px;
    }
    footer.inicio.safari-browser{
      bottom: -200px;
    }
  }
  @media (min-width: 992px) and (min-height: 601px) and (max-height: 700px){
    #carouselExampleControls.safari-browser{
      margin-bottom: 100px;
    }
    #acordion-descripciones.safari-browser{
      margin-bottom: 0px!important;
    }
    .center-container{
      bottom: 0px;
      min-height: 550px;
      margin-bottom: 130px;
    }
    footer{
      bottom: -60px!important;
    }
    .center-container.safari-browser{
      min-height: 1000px;
    }
    #acordion-descripciones.safari-browser .collapse {
      height: unset;
    }
    .accesos-directos.safari-browser {
      height: 50%;
    }
    footer.inicio{
      bottom: -110px!important;
    }
    footer.login.safari-browser{
      bottom: -100px!important;
    }
    footer.login.registrese.safari-browser{
      bottom: 0px!important;
    }
    footer.inicio.safari-browser{
      bottom: -390px!important;
    }
    footer.estado-casos.safari-browser{
      bottom: -40px!important;
    }
    footer.info-caso.safari-browser{
      bottom: -60px!important;
    }
  }
  @media (min-width: 992px) and (max-height: 600px){
    .center-container.inicio{
      bottom: unset;
    }
    footer.inicio{
      bottom: -190px;
    }
    footer.inicio.safari-browser{
      bottom: -300px;
    }
  }
  @media (min-width: 992px) and (min-height: 501px) and (max-height: 600px){
    #carouselExampleControls.safari-browser{
      margin-bottom: 100px;
    }
    #acordion-descripciones.safari-browser{
      margin-bottom: 0px!important;
    }
    .center-container{
      bottom: 0px;
      min-height: 550px;
      margin-bottom: 130px;
    }
    footer{
      bottom: -160px!important;
    }
    .center-container.safari-browser{
      min-height: 1000px;
    }
    #acordion-descripciones.safari-browser .collapse {
      height: unset;
    }
    .accesos-directos.safari-browser {
      height: 70%;
    }
    footer.login.safari-browser{
      bottom: -170px!important;
    }
    footer.login.registrese.safari-browser{
      bottom: 0px!important;
    }
    footer.inicio.safari-browser{
      bottom: -470px!important;
    }
    footer.estado-casos.safari-browser{
      bottom: -140px!important;
    }
    footer.info-caso.safari-browser{
      bottom: -160px!important;
    }
  }
  @media (min-width: 992px) and (max-height: 500px){
    .center-container.inicio{
      bottom: unset;
    }
    footer.inicio{
      bottom: -290px;
    }
    footer.inicio.safari-browser{
      bottom: -395px;
    }
  }
  @media (min-width: 992px) and (min-height: 401px) and (max-height: 500px){
    .center-container{
      bottom: 0px;
      min-height: 550px;
      margin-bottom: 130px;
    }
    footer{
      bottom: -260px!important;
    }
    .center-container.safari-browser{
      min-height: 1000px;
    }.center-container.safari-browser.inicio{
      min-height: unset;
    }
    #acordion-descripciones.safari-browser .collapse {
      height: unset;
    }
    .accesos-directos.safari-browser {
      height: 70%;
    }
    footer.login{
      bottom: -280px!important;
    }
    footer.inicio{
      bottom: -280px!important;
    }
    footer.login.registrese.safari-browser{
      bottom: 0px!important;
    }footer.estado-casos.safari-browser{
      bottom: -200px!important;
    }
    footer.info-caso.safari-browser{
      bottom: -260px!important;
    }
  }
  @media (min-width: 992px) and (max-height: 400px){
    .center-container.inicio{
      bottom: unset;
    }
    footer.inicio{
      bottom: -390px;
    }
    footer.inicio.safari-browser{
      bottom: -500px;
    }
  }
  @media (min-width: 992px) and (min-height: 301px) and (max-height: 400px){
    .center-container{
      bottom: 0px;
      min-height: 550px;
      margin-bottom: 130px;
    }
    footer{
      bottom: -355px!important;
    }
    .center-container.safari-browser{
      min-height: 1000px;
    }
    #acordion-descripciones.safari-browser .collapse {
      height: unset;
    }
    footer.login.safari-browser{
      bottom: -380px!important;
    }
    footer.login.registrese.safari-browser{
      bottom: 0px!important;
    }
    footer.inicio.safari-browser{
      bottom: -680px!important;
    }
    footer.estado-casos.safari-browser{
      bottom: -310px!important;
    }
    footer.info-caso.safari-browser{
      bottom: -360px!important;
    }
  }
  @media (min-width: 992px) and (max-height: 300px){
    .center-container.inicio{
      bottom: unset;
    }
    footer.inicio{
      bottom: -460px;
    }
    footer.inicio.safari-browser{
      bottom: -585px;
    }
  }
  @media (min-width: 992px) and (min-height: 215px) and (max-height: 300px){
    .center-container.safari-browser {
      min-height: 1000px;
    }
    footer.login{
      bottom: -460px!important;
    }
    footer.login.safari-browser{
      bottom: -460px!important;
    }
    .center-container.safari-browser{
      min-height: 1000px;
    }
    footer.safari-browser{
      bottom: -890px!important;
    }
    footer.login.registrese{
      bottom: auto!important;
    }
    footer.inicio.safari-browser{
      bottom: -770px!important;
    }
    footer.estado-casos.safari-browser{
      bottom: -420px!important;
    }
    footer.info-caso.safari-browser{
      bottom: -450px!important;
    }
  }
  @media (min-width: 992px) and (max-height: 214px){
  
  }
  @media (min-width: 992px) and (max-height: 215px){
    .center-container.inicio{
      bottom: unset;
    }
    footer.inicio{
      bottom: -490px;
    }
    .center-container.safari-browser {
      min-height: 1000px;
    }
    .data.iframe.safari-browser {
      height: 800px;
    }
    // footer.inicio.safari-browser{
    //   bottom: -840px;
    // }
    footer.login.registrese{
      bottom: auto;
    }
    footer.safari-browser{
      bottom: -950px;
    }
    footer.login.safari-browser{
      bottom: -540px!important;
    }
    footer.login.registrese.safari-browser{
      bottom: 0px!important;
    }
    footer.estado-casos.safari-browser{
      bottom: -960px!important;
    }
  }
  @media (min-width: 1200px) {
    .collapse{
      width: unset;
      height: unset;
    }
    .collapse:not(.show) {
      display: none;
      height: 0px;
    }
    #carouselExampleControls{
      /* height: 100%; */
    }
    .accesos-directos.safari-browser{
      /* height: auto; */
      height: 51%;
    }
    .card-contenido-central.safari-browser{
      max-height: 87%;
    }
    .description.safari-browser{
      max-height: 87%!important;
    }
    .wrap-registro.safari-browser{
      height: 127%;
    }
    // #acordion-descripciones.safari-browser{
    //   margin-bottom: 100px;
    // }
    .center-container.safari-browser {
      min-height: 1000px;
    }
    .data.iframe.safari-browser {
      height: 800px;
    }
    #acordion-descripciones{
      margin-bottom: 0px;
    }
    .btn-desplazado{
      width: 60%;
      font-size: 2em;
      max-height: 115px;
      max-width: 115px;
    }
    .acordeon-contenedor-item{
      margin-left: 1.5rem !important;
      margin-right: 1.5rem !important;
    }
    .primera-fila-botones{
      margin-top: 1rem !important;
    }
    .segunda-fila-botones{
      margin-top: 1rem !important;
      margin-bottom: 1rem !important;
    }
    #situacionHechoControl{
      margin-bottom: 3rem!important;
    }
  }
  
  @media (max-width: 1199px) and (min-width: 992px) {
    // #sidebar ul li a {
    //   margin-top: 10px;
    //   margin-bottom: 10px;
    // }
    .blue-corner-image.normal{
      display: none;
    }
    .blue-corner-image.small{
      display: block!important;
    }
    .blue-corner .image .icon {
      top: 20px;
      left: 25px;
    }
    .blue-corner .image .icon i {
      font-size: 1.5em!important;
    }
    .blue-corner .image .icon svg {
      font-size: 1.5em!important;
    }
    .blue-corner .description .header{
      padding: 0px 30px 0px 70px;
    }
    .blue-corner .description {
      top: 8px;
      height: 98%;
    }
    .description .body{
      margin-top: 15px;
    }
    .center-container{
      top: 20px;
      left: 20px;
      right: 20px;
      bottom: 85px;
    }
    footer {
      height: 75px;
      bottom: 0px;
      width: 100%;
    }
    div.data div.pb-3{
      padding-bottom: 0!important;
    }
    .content .header{
      padding: 0 20 0 20;
    }
    .content .data{
      padding: 0 20 20 20;
    }
    .components.mt-5{
      margin-top: 1rem!important;
    }
    .btn-rectangulares{
      font-size: 3em;
      width: unset;
    }
    .btn-desplazado{
      width: 60%;
      font-size: 2em;
    }
    .accesos-directos{
      padding-top: 0px;
    }
    #acordion-descripciones{
      margin-bottom: 0px;
    }
    .collapse{
      width: unset;
    }
    .btn-rect-detail{
      width: 125px;
      height: 125px;
    }
    .btn-rect-detail i{
      font-size: 40px !important;
    }
    .btn-rect-detail svg{
      font-size: 40px !important;
    }
    .blue-corner .image .icon.alertas{
      left: 33px;
    }
    .container-login100{
      /*align-items: initial;*/
    }
    .ntg-toolbar-fixed{
      right: 43px;
      top: 83px;
    }
    .card-contenido-central.safari-browser{
      max-height: 87%;
    }
    .description.safari-browser{
      max-height: 87%!important;
      height: unset;
    }
    .data.inicio.safari-browser{
      height: unset;
    }
    .card-contenido-central.info-caso.safari-browser{
      max-height: 81%;
    }
    .center-container.safari-browser {
      min-height: 1100px;
    }
    .data.iframe.safari-browser {
      height: 800px;
    }
    #acordion-descripciones.safari-browser .collapse {
      height: unset;
    }
    .accesos-directos.safari-browser {
      /* height: auto; */
      height: 70%;
    }
  }
  @media (max-width: 991px) and (min-width: 768px) {
    #sidebar {
      min-width: 150px;
      max-width: 150px;
      text-align: center;
    }
    #sidebar .sidebar-header img {
      margin-left: 10px;
    }
    .blue-corner .image{
      display: none!important;
    }
    .blue-corner .header .image{
      display: block!important;
    }
    .blue-corner-image.mobile{
      display: block!important;
    }
    .blue-corner .description .header {
      /* padding: 20px 10px 2rem 6rem; */
      text-align: center;
    }
    .blue-corner .description .body {
      display: none;
    }
    .header-ayuda-mobile{
      background-color: #FFF;
      color: #4D4D4D;
      text-align: center;
    }
    .icono-ayuda-mobile i{
      position: absolute;
      top: 15px;
      left: 20px;
      font-size: 1.5em;
      color: #FFFFFF;
    }
    .icono-ayuda-mobile svg{
      position: absolute;
      top: 15px;
      left: 20px;
      font-size: 1.5em;
      color: #FFFFFF;
    }
    .chevron-header-mobile:after{
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      content: "\f078";
    }
    .texto-header-mobile {
      font-weight: bold;
    }
    .logo-login, .wrap-login100.formulario .logo-login {
      margin-top: 15px;
    }
    .titulo-login {
      margin-bottom: 30px;
    }
    .botones-login-consumidor {
      margin-top: unset;
    }
    .wrap-login100, .wrap-login100.formulario {
      position: unset;
      /* width: unset; */
      height: unset;
    }
    .container-login100{
      align-items: unset;
      min-height: unset;
    }
    .container-registro{
      align-items: unset;
    }
    .wrap-registro{
      height: 100%;
      position: unset;
    }
    .wrapper-registro{
      height: unset;
      position: unset;
      overflow-y: unset;
      overflow-x: unset;
      margin-left: unset;
      margin-right: unset;
    }
    .wrapper-registro form{
      margin-left: 75px;
      margin-right: 75px;
    }
    footer.registrese {
      height: 80px;
      padding-top: 10px;
    }
    .links-login-consumidor{
      margin-bottom: 15px;
    }
    .label-descripcion-caso{
      text-align: left!important;
    }
  }
  @media (max-width: 767px) and (min-width: 576px) {
    footer.login {
      height: 100px;
    }
    .logo-login {
      margin-top: 15px;
    }
    .titulo-login {
      margin-bottom: 30px;
    }
    .botones-login-consumidor {
      margin-top: unset;
    }
    .wrap-login100 {
      position: unset;
      /* width: unset; */
      height: unset;
    }
    .container-login100, .container-registro{
      align-items: unset;
      min-height: unset;
    }
    .links-login-consumidor{
      margin-bottom: 15px;
    }
    .wrap-login100.formulario {
      height: 100%;
    }
    .wrap-registro, .wrap-caso-consumidor100{
      height: 100%;
      position: unset;
      width: 450px;
    }
    .wrapper-registro, .wrapper-caso-consumidor{
      height: unset;
      position: unset;
      overflow-y: unset;
      overflow-x: unset;
      margin-left: unset;
      margin-right: unset;
    }
    .wrapper-registro form, .wrapper-caso-consumidor form{
      margin-left: 20px;
      margin-right: 20px;
    }
    .wrap-login100{
      height: 100%;
    }
    .label-descripcion-caso, .label-archivo-caso{
      text-align: left!important;
    }
  }
  @media (max-width: 575px) and (min-width: 401px) {
    footer.login {
      height: 100px;
    }
    .logo-login, .wrap-login100.formulario .logo-login, .logo-registro {
      margin-top: 15px;
    }
    .titulo-login {
      margin-bottom: 30px;
    }
    .botones-login-consumidor {
      margin-top: unset;
    }
    .wrap-login100 {
      position: unset;
      width: unset;
      /* height: 75vh; */
    }
    .wrap-login100.formulario {
      height: 100%;
      width: 100%;
    }
    .container-login100, .container-registro{
      align-items: unset;
      min-height: unset;
    }
    .links-login-consumidor{
      margin-bottom: 15px;
    }
    .wrap-registro{
      height: 100%;
      width: 100%;
      position: unset;
    }
    .wrapper-registro{
      height: unset;
      position: unset;
      overflow-y: unset;
      overflow-x: unset;
      margin-left: unset;
      margin-right: unset;
    }
    .wrapper-registro form{
      margin-left: 20px;
      margin-right: 20px;
    }
  }
  @media (max-width: 768px) {
    #sidebar.active{
      width: 100%;
      /* max-width: 100%; */
    }
    /* .overlay {
      margin-left: 400px;
    } */
    .blue-corner .image{
      display: none!important;
    }
    .blue-corner .header .image{
      display: block!important;
    }
    .blue-corner-image.mobile{
      display: block!important;
    }
    .blue-corner .description .header {
      /* padding: 20px 10px 2rem 6rem; */
      text-align: center;
    }
    .blue-corner .description .body {
      display: none;
    }
    .header-ayuda-mobile{
      background-color: #FFF;
      color: #4D4D4D;
      text-align: center;
    }
    .icono-ayuda-mobile i{
      position: absolute;
      top: 15px;
      left: 20px;
      font-size: 1.5em;
      color: #FFFFFF;
    }
    .icono-ayuda-mobile svg{
      position: absolute;
      top: 15px;
      left: 20px;
      font-size: 1.5em;
      color: #FFFFFF;
    }
    .chevron-header-mobile:after{
      font-family: "Font Awesome 5 Free";
      font-weight: 700;
      content: "\f078";
    }
    .texto-header-mobile {
      font-weight: bold;
    }
  }
  /* iphone x */
  @media only screen 
  and (device-width : 375px) 
  and (device-height : 812px) 
  and (-webkit-device-pixel-ratio : 3) { 
    .content{
      height: unset;
    }
    .content .data {
      padding: 0px 10px 0px 10px;
      height: unset;
      display: grid;
    }
    .wrap-login100{
      height: unset;
    }
    .accesos-directos{
      padding-left: 0px;
      padding-right: 0px;
      height: auto;
    }
    .carousel-inner{
      overflow: unset;
    }
    .nav-item-info-caso {
      margin-left: 0px;
    }
    #tabs-casos .nav-item{
      width: 50%;
      padding-right: 30px;
      margin-left: unset!important;
    }
    .label-archivo-caso, .label-descripcion-caso{
      text-align: left!important;
    }
    footer.registrese, footer.login {
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 0px;
    }
    .wrap-login100.formulario{
      height: unset;
    }
    .wrapper-registro {
      height: unset;
      position: unset;
      overflow-y: unset;
      overflow-x: unset;
      margin-left: unset;
      margin-right: unset;
    }
    .wrap-registro {
      height: unset;
      width: 100%;
      position: unset;
    }
    .card-contenido-central {
      position: relative;
      max-width: unset;
      max-height: unset;
      overflow-y: unset;
      /* overflow-x: unset; */
    }
  }
  /* iphone xr */
  @media only screen 
  and (device-width : 414px) 
  and (device-height : 896px) 
  and (-webkit-device-pixel-ratio : 2) { 
    .content{
      height: unset;
    }
    .content .data {
      padding: 0px 10px 0px 10px;
      height: unset;
      display: grid;
    }
    .wrap-login100{
      height: unset;
    }
    .accesos-directos{
      padding-left: 0px;
      padding-right: 0px;
      height: auto;
    }
    .carousel-inner{
      overflow: unset;
    }
    .nav-item-info-caso {
      margin-left: 0px;
    }
    #tabs-casos .nav-item{
      width: 50%;
      padding-right: 30px;
      margin-left: unset!important;
    }
    .label-archivo-caso, .label-descripcion-caso{
      text-align: left!important;
    }
    footer.registrese, footer.login {
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 0px;
    }
    .wrap-login100.formulario{
      height: unset;
    }
    .wrapper-registro {
      height: unset;
      position: unset;
      overflow-y: unset;
      overflow-x: unset;
      margin-left: unset;
      margin-right: unset;
    }
    .wrap-registro {
      height: unset;
      width: 100%;
      position: unset;
    }
    .card-contenido-central {
      position: relative;
      max-width: unset;
      max-height: unset;
      overflow-y: unset;
      /* overflow-x: unset; */
    }
  }
  @media (max-width: 400px) {
    .btn-header {
      width: 35px;
      height: 35px;
      margin-left: 5px;
      padding: 0px;
    }
    .btn-header i {
      padding: 0;
    }
    .btn-header svg {
      padding: 0;
    }
    .container-login100{
      align-items: unset;
      min-height: unset;
    }
    .wrap-login100 {
      position: relative;
      width: unset;
      height: unset;
    }
    .wrap-login100.formulario {
      height: 100%;
    }
    footer{
      padding-top: unset;
    }
    .links-login-consumidor {
      margin-top: 30px;
      margin-bottom: 15px;
    }
    .titulo-login {
      margin-bottom: 30px;
    }
    .botones-login-consumidor {
      margin-top: unset;
    }
    .logo-login, .wrap-login100.formulario .logo-login {
      margin-top: 15px;
    }
    .titulo-login.formulario {
      margin-bottom: 10px;
    }
    .wrapper-login-consumidor.tabs-login {
      margin-top: unset;
    }
    #tabs-login {
      margin-top: 5px;
      margin-bottom: 10px;
    }
    .form-group.login {
      margin-bottom: .5rem;
    }
    .espacio-blanco-login{
      display: none;
    }
    .container-registro{
      align-items: unset;
      min-height: unset;
    }
    .wrap-registro{
      position: unset;
      width: unset;
      height: unset;
      top: 0px;
    }
    .logo-registro{
      margin-top: 15px;
      margin-bottom: 15px;
      text-align: center;
    }
    .wrapper-registro{
      height: unset;
      position: unset;
      overflow-y: unset;
      overflow-x: unset;
      margin-left: unset;
      margin-right: unset;
    }
    .wrapper-registro form{
      margin-left: 20px;
      margin-right: 20px;
    }
    .separador-titulo-login {
      width: unset;
    }
    .nav-item-info-caso {
      margin-left: 0px;
    }
    #tabs-casos .nav-item{
      width: 50%;
      padding-right: 30px;
    }
    table.historial-consumidor thead tr th{
      padding: 0.5rem;
    }
    .label-archivo-caso, .label-descripcion-caso{
      text-align: left!important;
    }
    #tabs-casos .nav-item{
      margin-left: 0px!important;
      padding-right: 0px!important;
    }
    .center-container {
      margin-bottom: 65px;
    }
    .icono-ayuda-mobile i {
      left: 20px;
    }
    .icono-ayuda-mobile svg {
      left: 20px;
    }
    .btn-header{
      margin-top: .5rem;
    }
  }
  @media (max-width: 320px) {
    .boton-login-consumidor{
      width: 250px;
    }
    .wrapper-registro form, .wrapper-login-consumidor {
      margin-left: 15px;
      margin-right: 15px;
    }
    .navbar-mobile .navbar-toggler{
      padding: .25rem;
    }
    .navbar-light .navbar-toggler-icon{
      width: 1em;
      height: 1em;
    }
    .navbar-mobile img{
      width: 120px;
    }
    .tabsEspecialLinks > .badge-pill{
      margin-left: unset!important;
    }
    .col-tamanio-alerta{
      display: none;
    }
    .card-contenido-central{
      width: unset;
    }
    footer.login.registrese {
      padding-right: 20px;
      padding-left: 20px;
      padding-top: 0px;
      height: 120px;
    }
  }
  /* @media (min-width: 992) and (min-height: 500) {
    .center-container{
      bottom: 0px;
    }
    footer{
      bottom: -135px;
    }
  } */
  @media (max-width: 348px) {
    .navbar-mobile .navbar-toggler{
      padding: .25rem;
    }
    .navbar-light .navbar-toggler-icon{
      width: 1em;
      height: 1em;
    }
    .navbar-mobile img{
      width: 120px;
    }
  }
  /* DISEÑO ALONSO */
  .estado_proceso{
    border-bottom: 1px solid #E5E5E5;
    color: #999999 !important;
    padding-bottom: 10px !important;
    padding-top: 6px !important;
  }
  .active_estado{
    border-bottom: 5px solid #0F69B4;
    font-weight: bold !important;
    color: #4D4D4D !important;
  }
  .btn-table-detail{
    background: #0F69B4;
    border-radius: 4px;
    font-size: 16px;
    // line-height: 19px;
    /* identical to box height */
    text-align: center;
    color: #FFFFFF;
    height: 28px;
    // width: 105px;
    padding: 0px;
  }
  .btn-table-detail:hover{
    color: #ffffff;
    text-decoration: none;
  }
  .content-btn-detail {
    vertical-align: middle;
  }
  .table-detail th, td{
    padding-left: 10px !important;
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    padding-right: 10px !important;
  }
  .table-detail td{
    background-color: #F5F5F5 !important;
    vertical-align: inherit;
  }
  #sidebar ul li.active-subclass{
    color: #0F69B4 !important;
    border-right: 5px solid #0F69B4 !important;
    background-color: #F3F3F3 !important;
    border-radius: 6px 0px 0px 6px;
  }
  #sidebar ul li.submenu > a{
    padding-left: 15px !important;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  
  @media (max-width: 767px) {
    table.table-mobile {
        border: none !important;
    }
  
    table.table-mobile thead{
      display: none;
    }
    
    table.table-mobile tr {
      border: 1px solid #ddd;
      border-radius: 3px;
      display: block;
      margin-bottom: 10px;
    }
    
    table.table-mobile td {
      display: block;
      text-align: right;
    }
    
    table.table-mobile td:before {
      content: attr(data-th);
      float: left;
      font-weight: bold;
    }
    
    table.table-mobile td:last-child {
      border-bottom: 0;
    }
    
    .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td {
      padding: 3px 8px;
      vertical-align: middle;
      text-align: right !important;
    }
    
    .txtAyuda{
       display: none;
    }
    
    #btnNoRegistrado{
       margin-top: 20px;
    }
  
    .page-footer{
        display: none;
    }
  }
  
      
  /* DISEÑO ADAN */
  .color-rojo{
    color: #D91111;
  }
  .color-verde{
    color: #0BA21A;
  }
  #btn_show_filtros:hover{
    color: #0F69B4;
  }
  
  #tabla_procesos tbody tr.selected td{
    background-color: #fff!important;
  }
  
  .has-error .help-block,
  .has-error .control-label,
  .has-error .radio,
  .has-error .checkbox,
  .has-error .radio-inline,
  .has-error .checkbox-inline,
  .has-error.radio label,
  .has-error.checkbox label,
  .has-error.radio-inline label,
  .has-error.checkbox-inline label {
    color: #a94442;
  }
  .has-error .form-control {
    border-color: #a94442;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  }
  .has-error .form-control:focus {
    border-color: #843534;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #ce8483;
  }
  .has-error .input-group-addon {
    color: #a94442;
    border-color: #a94442;
    background-color: #f2dede;
  }
  .has-error .form-control-feedback {
    color: #a94442;
  }
  
  .texto-resultado {
      background-color: #e9ecef;
      padding: 10px;
      border-radius: 3px;
      text-align: justify;
  }
  
  .bg-ayuda {
    background-color: #71ad47;
    color: #fff;
    margin-bottom: 5px;
    font-size: 100%;
  }
  
  .header-reclamo {
    background-color: #71ad47;
    color: #fff;
  }
  
  .header-reclamo h1 {
    font-size: 22px;
  }
  
  .modal b {
    font-weight: bold;
  }
  
  #formReclamo .label-formulario {
    display: inline;
  }
  
  #cedulaNumeroAyuda {
    display: none;
    text-align: center;
  }
  
  .ayuda-documento-link {
    color: #0F69B4;
    text-decoration: none;
    background-color: transparent;
    cursor: pointer;
  }
  
  .ayuda-documento-link:hover {
    text-decoration: underline;
  }