

.catWarning-area {display: none;}
.memberFormError {display: none;}
.addProductError-area {display: none;}
.purchase-suppliar-info p {margin: 0;padding: 0;font-size: 14px;font-family: tahoma;}
.main-header .navbar-nav .nav-item .nav-link img{width: 40px;}
.material-symbols-outlined {font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 48 }
.material-symbols-outlined {font-size: 26px;margin-left: -11px!important;}
.dropdown-menu-right i{font-size: 25px;color: #36c95f;margin-right: 7px;}
.dropdown-menu-right .pic i{color: red;}
.login-form-bx{width: 90% !important;}
.cards .authincation-content{box-shadow: 0 12px 23px 0 rgba(62,73,84,.08) !important;background-color: #fff !important;content: "";height: 100% !important;width: 90% !important;position: relative !important;left: 210px;top: 0;margin-top: 50px;padding: 50px !important;}
.login-form-bx .box-skew1 {z-index: 1 !important;background-color: #fbfbfb !important;}
.login-form-bx .box-skew1{background-image: url('../images/login.png');content: "";background-size: cover;background-position: bottom;height: 100%;position: absolute;width: 140% !important;right: 40px;top: 0;z-index: 11 !important;-webkit-transform: skew(-5deg);transform: skew(-5deg);}
.login-logo img{margin-top: -13px !important;}
.authincation-content p{color: #7e7e7e;margin-bottom: 15px;font-weight: 100px;}
.authincation-content label{font-weight: 100px;color: #7e7e7e;}
.authincation-content .tag {display: table !important;}
.login-form-bx .form-control {background: #fff !important;border: 1px solid #d7dae3 !important;color: #3e4954 !important;height: 56px !important;width: 88% !important;padding: 10px;}
.authincation-content .btn-primary {color: #fff;background-color:#013173 !important;border-color: #013173 !important;width: 88% !important;}
.authincation-content .btn {padding: 0.938rem 1.5rem !important;border-radius: 0.75rem !important;font-weight: 500 !important;font-size: 1rem !important;}
.authincation-content a{color: #000 !important;}
.authincation-content h3{font-size: 23px !important;text-align: left;margin: 9px;color: #3d4465;}
.centrar-load{
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  top:0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index:20;
  display: flex;
  justify-content: center;
  padding-top: 10%;
  
}

.lds-ripple {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-ripple div {
  position: absolute;
  border: 4px solid #bda6a4;
  opacity: 1;
  border-radius: 50%;
  animation: lds-ripple 1s 
  	cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.lds-ripple div:nth-child(2) {
  animation-delay: -0.5s;
}

@keyframes lds-ripple {
  0% {
    top: 36px;
    left: 36px;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0px;
    left: 0px;
    width: 72px;
    height: 72px;
    opacity: 0;
  }
}

.scroll-container {
            
  height: 450px;     /* Alto del div */
  border: 1px solid #ccc; /* Borde para visualización */
  overflow: auto;    /* Habilita el scroll si es necesario */
}


.scroll-container_coment {
            
  height: 250px;     /* Alto del div */
  overflow: auto;    /* Habilita el scroll si es necesario */
}


.div-con-sombra {

 
    
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Sombra */
    border-radius: 8px; /* Bordes redondeados opcional */
    padding: 1.5rem!important;
}

 /* Estilo para el modal */
    #confirmModal {
        display: none;
        position: fixed;
        z-index: 1000;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.5);
        justify-content: center;
        align-items: center;
    }
    .modal-contenido {
        position: absolute; /* Posición absoluta */
        top: 50%; /* 50% desde la parte superior */
        left: 50%; /* 50% desde la izquierda */
        transform: translate(-50%, -50%); /* Ajustar para centrar */
        background-color: lightgray; /* Para visualizar */
        padding: 20px; /* Espaciado interno */
        background-color: white;
        padding: 20px;
        border-radius: 5px;
        text-align: center;
        width: 20%;
        height: 20%;
    }

  

    ul.menu {
     float:left;
     display:block;
     margin-top: 20px;
     list-style-type:none;
     width: 8%;
     }
     .menu li {
     line-height:18px;
     font-size:13px;
     position:relative;
     float:left;
     }

     .menu li a {
     color: #000;
     text-transform:uppercase;
     padding: 5px 0px 20px;
     text-decoration:none;
     }
     .menu li a:hover {
      /*background: #2C3E50;*/
      color: #2C3E50;
      font-weight: bold;
     }
     .menu li ul {
      z-index: 1;
     display:none;
     position:absolute;
     top:33px;
     width: 200px;
     background-color: #fff;
     padding:0;
     list-style-type:none;
     }
     .menu li ul li {
     width: 200px;
     border: 1px solid #101010;
     border-top:none;
     padding: 10px 20px;
     }
     .menu li ul li:first-child {
     border-top: 1px solid #101010;
     }
    .menu li ul li a {
     width: 240px;
     margin: 0;
     padding:0;
     }

     .menu li ul li:hover {
        background:#2C3E50;
     }

    .menu li ul li a:hover {
     width: 240px;
     margin: 0;
     transition: all 0.3s ease;
     color: #fff;
     background:none;
     }

  