.dropdown-submenu {
    position:relative;
}
.dropdown-submenu>.dropdown-menu {
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
    min-width: 250px;
    white-space: nowrap;
}
.dropdown-submenu:hover>.dropdown-menu {
    display:block;
}
.dropdown-submenu>a:after {
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}
.dropdown-submenu:hover>a:after {
    border-left-color:#ffffff;
}
.dropdown-submenu.pull-left {
    float:none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* Forzar que el último submenu se abra hacia la izquierda */
.dropdown-menu .dropdown-submenu:last-child > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
}

#imgmenu{
    width: 90px;
    height: auto;
} 

/* Ajuste para navbar Bootstrap 5 */
.navbar-brand {
    padding: 0;
    margin-right: 1rem;
}

/*////////Secccion de menu*/

/*Listado de Productos*/
body{
   font-family: "Times New Roman", Times, serif; 
}

#agrega-registros{
    /*overflow: scroll;*/
    overflow-x: scroll;
    /*background: red;*/
}

.navbar-default .navbar-nav>li>a{
    text-transform: uppercase;
}

#MainTitle{
  text-align: center;
  color: black;
  font-size: 25px;
  font-family: "Times New Roman", Times, serif;
  text-decoration: underline
}

#divcolor{
 background: #F8F8F8;
 border-color: #C9C9C6;
}

#whitec{
   color: black; 
 /*color: #5F5E5C;*/
}

#buttoncolor
{
 border-color: red;
 background: #CD142C;
 color: white !important;
}

#buttoncolor:hover {
 background: #a0101f;
 border-color: #a0101f;
 color: white !important;
}

#otherButton{
    color: #CD142C;
}

.buttonother{
    color: white;
    background: #CD142C;
    border-color: red;
}

.buttonother:hover{
    color: white;
    background: #CD142C;
    opacity: 0.5;
    border-color: red;
}

.fondoRojo{
    background: #CD142C;
}

.fondoWell{
    background: #f7f7f9;
}

.btn-color{
    border-color: red;
    background: #CD142C; 
}


#buttonAction, #buttonBack{
    border-color: #CD142C;
    background: #CD142C; 
}

.modal-title{
    color: white;
}

#colorblanco{
    color: white;
    opacity: 1;
}

#colorrojo{
    color: #CD142C;
}

#fondoGris{
    background: #F8F8F8;
}

#btnAccess{
    margin:auto;
    text-align:right;
    color: red; 
}

#centerElement{
    display: block;
    margin-left: auto;
}

#mayus{
    text-transform: uppercase;
    font-family: "Times New Roman", Times, serif;
    font-size: 20 px;
}

/* Estilos para las sugerencias de búsqueda */
.sugerencias {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-top: none;
    padding: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #333;
}

.sugerencias:hover {
    background-color: #e9e9e9;
    color: #000;
}

.sugerencias:first-child {
    border-top: 1px solid #ddd;
}

/* Estilos para modales de claves */
.modal-header {
    border-bottom: 1px solid #e5e5e5;
}

.modal-footer {
    border-top: 1px solid #e5e5e5;
}

.modal-content {
    border-radius: 6px;
    box-shadow: 0 3px 9px rgba(0,0,0,.5);
}

/* Estilo para el botón Agregar Clave */
#addClaveBtn {
    margin-bottom: 15px;
}

/* Mejorar apariencia de los iconos en modals */
.modal-body .fa {
    margin-bottom: 15px;
}

/* Centrar texto en modales de confirmación */
.text-center {
    text-align: center;
}

/* Espaciado para formularios en modales */
.modal-body .form-group {
    margin-bottom: 20px;
}

.modal-body .form-group:last-child {
    margin-bottom: 15px;
}