/** Color institucional **/
.main-sidebar 
{ 
    background-color: #E7EBEE !important 
}

.colorInst
{
    background-color: #498c82;
    color: white;
}

.colorInst:hover
{
    background-color: #498c82;
    color: white;
}

.colorAqua
{
    background-color: #75B1B1;
    color: #000;
}

.colorAqua:hover
{
    background-color: #6aa3a3;
    color: #000;
}

.colorGris
{
    background-color: #49535B;
    color:  #fff;
}

.colorGris:hover
{
    background-color: #3d4246;
    color:  #e6e6e6;
}

.colorCafe
{
    background-color: #756F70;
    color: #fff;
}

.colorCafe:hover
{
    background-color: #867e7f;
    color: #fff;
}


/*Diseño de colores datatable*/
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    color: white !important;
    border: 1px solid #498c82!important;
    background-color: #498c82!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #498c82), color-stop(100%, #498c82))!important;
    background: -webkit-linear-gradient(top, #498c82 0%, #498c82 100%)!important;
    background: -moz-linear-gradient(top, #498c82 0%, #498c82 100%)!important;
    background: -ms-linear-gradient(top, #498c82 0%, #498c82 100%)!important;
    background: -o-linear-gradient(top, #498c82 0%, #498c82 100%)!important;
    background: linear-gradient(to bottom, #498c82 0%, #498c82 100%)!important;
}

.pagination .page-item.active .page-link { background-color: #498c82; }

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-item.active .page-link:focus {
    background-color: #498c82;
}

.pagination .page-item.active .page-link:hover {
    background-color: #498c82;
}

/** Collapse card **/
.card-header .fa {
    transition: .3s transform ease-in-out;
  }
  .card-header .collapsed .fa {
    transform: rotate(90deg);
  }

.flecha_usuario
{
    float: right;
    width: 173px;
    margin-right: 45px;    
}

.modalZindex{
    z-index: 1070px;
}

.flecha_hamburguesa
{
    width: 102px;
    margin-top: -17px;
    margin-left: 20px;
}

.menu_movil
{
    margin-top: 28px;
    width: 319px;
}

.flecha_menu
{
    float: right;
    width: 116px;
    margin-right: -42px;
    margin-top: -23px;
}

.mhamburguesa
{
    width: 30px;
}

.horizontal-scrollable > .row { 
    overflow-x: auto; 
    white-space: nowrap; 
} 
  
.horizontal-scrollable > .row > .col-xs-4 { 
    display: inline-block; 
    float: none; 
}

/* Quitar subrayado en todos los estados del link */
.link-card,
.link-card:hover,
.link-card:focus,
.link-card:active,
.link-card:visited {
    text-decoration: none !important;
    color: inherit !important;
}

/* Contenedor centrado y con ancho máximo controlado */
.form-shell{
  max-width: 720px;           /* prueba 600–720 según prefieras */
  width: 100%;
}

/* Encabezado de la tarjeta y textos */
.form-card .card-header{
  background: #fff;
  border-bottom: 1px solid rgba(0,0,0,.06);
  padding: 18px 20px;
  border-top-left-radius: 14px;
  border-top-right-radius: 14px;
}
.form-card .card-title{
  margin: 0;
  font-weight: 700;
  font-size: 1.05rem;
  color: #0f172a;
}
.form-card .card-subtitle{
  margin-top: 2px;
  font-size: .95rem;
  color: #475569;
}

/* Ajuste de body de la tarjeta */
.form-card .card-body{
  padding: 18px 20px 20px;
}

/* Fila de etiquetas y campos: que no se peguen */


/* Enlace suave para CURP */
.link-soft,
.link-soft:visited,
.link-soft:hover,
.link-soft:focus{
  text-decoration: none !important;
  color: var(--brand-700) !important;
  font-weight: 600;
}

/* Botonera separada del contenido */
.form-card .border-top{
  border-color: rgba(0,0,0,.06) !important;
}

.alinedo_izquierda
{
   display: inline-flex;
  align-items: center;
  gap: .5ch;
  font-size: .75rem;
  padding: 1.25rem 1.6rem;    
  color: var(--brand-800);  
}