html{
   padding: 0 !important;
   margin:0 !important;
}

body {
   overflow-x:hidden;
   background-color: #f8f8f8 !important; 
    /* background-color: #fff !important;*/
    width: 100%;
    padding: 0 !important;
    margin:0 !important;      
          }

          .panel-title a{
            text-decoration: none;
            color:#fff;
            font-weight: 500;
            font-size: 15px;
          }

          #barra_principal{
            background:#453FB5;
          }


input,select,option,button,a,label,#grid{
/*cursor: url("https://emojipedia-us.s3.dualstack.us-west-1.amazonaws.com/thumbs/60/whatsapp/116/white-up-pointing-backhand-index_1f446.png"), auto !important;*/
}



        input[type=number]::-webkit-inner-spin-button,
        input[type=number]::-webkit-outer-spin-button {
          -webkit-appearance: none;
          margin: 0;
        }

       button:active { outline: none; border: none; }
       select:active { outline: none; border: none; }

       select:focus, input:focus { 
        outline: none; 
        
       }

       select:focus span i{
         color:red !important;
       }

        input[type=number] { -moz-appearance:textfield; }
        
        #bs-example-navbar-collapse-1 ul li:hover{
        

        }

        #bs-example-navbar-collapse-1 ul li a:hover{
            background: transparent;
            opacity:0.8;
            transform: scale(0.9);
        }

        #bs-example-navbar-collapse-1 ul li a:focus{
           background: transparent;
            opacity:0.8;
            transform: scale(0.9);
         
        }

        
        #bs-example-navbar-collapse-1 ul.dropdown-menu{
          background: #fff !important;
           border:0;
        }

        #bs-example-navbar-collapse-1 ul.dropdown-menu li:hover a{
        
        color:#000;
        
     }

    .alert{
      border-radius: 11px;
      font-size: 16px;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
    }

    .alert i{
      font-size: 22px;
      margin-right: 5px;
    }

    .alert-none{
       padding:0;
       margin-bottom:0
    }

    .alert-none-success i{
        color:#28B447;
        font-size: 22px;
    }

    .alert-none-danger i{
      color:#E53935;
      font-size: 22px;
  }
     
     /**dropdown-menu**/
     .dropdown-menu{
        border:0;
     }

     .dropdown-menu li a{
         color:#5F6A6A;
         font-size:16px;
         padding: 8px 15px;
     } 

     .dropdown-menu li a i{
         color:#5C6BC0;
         font-size:16px;
     } 

     .dropdown-menu li a:hover{
         background: transparent;
         opacity:0.8;
         transform: scale(0.9);
      }

      /**dropdown-menu end**/

     .menubar{
        /*position: fixed;*/
        top:0;
        z-index: -1;
     }

     /* Tamaño del scroll */
    body::-webkit-scrollbar,#grid::-webkit-scrollbar,.belkys-scroll::-webkit-scrollbar {
      width: 8px;

    }

     /* Estilos barra (thumb) de scroll */
    body::-webkit-scrollbar-thumb,#grid::-webkit-scrollbar-thumb,.belkys-scroll::-webkit-scrollbar-thumb {
      background: #ccc;
      border-radius: 0px;

    }

    body::-webkit-scroll-tbarhumb:active,#grid::-webkit-scroll-tbarhumb:active,.belkys-scroll::-webkit-scroll-tbarhumb:active {
      background-color: #999999;

    }

    body::-webkit-scrollbar-thumb:hover,#grid::-webkit-scrollbar-thumb:hover,.belkys-scroll::-webkit-scrollbar-thumb:hover {
      background: #4842BD;
      box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);


    }

     /* Estilos track de scroll */
    body::-webkit-scrollbar-track,#grid::-webkit-scrollbar-track,.belkys-scroll::-webkit-scrollbar-track {
      background: #e1e1e1;
      border-radius: 4px;
      cursor: pointer;
    }

    body::-webkit-scrollbar-track:hover,body::-webkit-scrollbar-track:active,
    #grid::-webkit-scrollbar-track:hover,#grid::-webkit-scrollbar-track:active,
    .belkys-scroll::-webkit-scrollbar-track:hover,.belkys-scroll::-webkit-scrollbar-track:active {
      background: #d4d4d4;
      cursor: pointer;
    }

    .lbl_name{
       color:#839192;
      font-size: 16px !important;
      margin-bottom:50px !important;
    }
    
    .panel-heading{
      border-radius: 10px !important;
    }

    #thead-productos tr td a{
      font-size: 14px;
      color :#BCB6F8;
    }

    #thead-productos tr td{
       padding:7px 2px;
    }

    #tbody-productos tr td{
      padding:11px 2px;
   }

    #tbody-productos tr td a,
    #tbody-productos tr td select{
         font-size: 14px;
         color :#EFEEFD;
    }

    .tr-items{
      border-top:2px solid #8D83F3;
    }
    
    .tr-items:hover{
       background:rgba(0,0,0,0.3);
    }

    .tr-items:hover td select{
      background:transparent !important;
   }



              label{
                font-weight: 600;
                font-size: 14px;
              }


    #barra1,#barra2{
       cursor: pointer;
    }

  .input-group {width: 100%;}
  .input-group-addon { min-width: 180px;text-align: right;}

  .input-group .input-group-addon{
       border:#4842BD;
       background:#4842BD;
       color:#fff;
       padding-left:15px;
       padding-right:15px;
       border-radius:0;
       width:200px;
       
  }

  .dropdown-menu li {
     cursor: pointer !important;
  }

  .belkys_precios{
     border:0;
     background-color: transparent !important;
     padding: 0 !important;
     margin: 0 !important;
     height: 20px !important;
     width: 100% !important;
     cursor: pointer;
     font-weight: 0 !important;
  }

  .belkys_precios:focus,.belkys_precios:active,.belkys_precios:hover{
     border:0 !important;
     outline:none !important;
     outline-width: 0 !important;
     box-shadow: none;
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
   /*background-color: #EAECEE;*/
  }

  .badge-belkys{
     font-weight: 100 !important;
     font-size: 14px !important;
  }

  .badge-belkys-info{
      background-color: #0067D4 !important;
   }

  .badge-belkys-success{
      background-color: #28B447 !important;
   }

   .badge-belkys-danger{
      background-color: #F4364F!important;
   }

   .badge-belkys-warning{
      background-color: #F57F17 !important;
   }

   .badge-belkys-paleta{
      background-color: #7367f0 !important;
   }

 .belkys_warning{
    background: #FFA000 !important;
    font-size: 15px;
    border: 0;
    border-radius:10px;
    padding:10px 15px;
    width: 100%;
    cursor: pointer !important;
 }

 .belkys_warning:hover,.belkys_warning:active{
    background: #FFA000 !important;
    opacity: 0.8 !important;
 }

 .belkys_secundary{
  background:#673AB7 !important;
    font-size: 15px;
    border: 0;
    border-radius:10px;
    padding:10px 15px;
    width: 100%;
    cursor: pointer !important;
 }

 .belkys_secundary:hover,.belkys_secundary:active{
    background: #673AB7 !important;
    opacity: 0.8 !important;
 }
  
 .belkys_success{
   background: #1ABCBC !important;
   font-size: 15px;
   border: 0;
   border-radius:10px;
   padding:10px 15px;
   width: 100%;
   cursor: pointer !important;
 } 

 .belkys_success:hover,.belkys_success:active{
    background: #1ABCBC !important;
    color: #fff !important;
    opacity: 0.8 !important;
 }

 .belkys_success2{
   background: #28B447 !important;
   font-size: 15px;
   border: 0;
   border-radius:10px;
   padding:10px 15px;
   width: 100%;
   cursor: pointer !important;
 } 

 .belkys_success2:hover,.belkys_success2:active{
    background: #28B447 !important;
    opacity: 0.8 !important;
 }

 .belkys_danger{
    background: #EC409C !important;
    font-size: 15px;
    border: 0;
    width: 100%;
    border-radius:10px;
    padding:10px 15px;
    cursor: pointer !important;
 }

 .belkys_danger:hover,.belkys_danger:active{
    background: #EC409C !important;
    opacity: 0.8 !important;
 }

 .belkys_danger:focus{
   border: 2px solid #4842BD !important;
 }

 .belkys_red{
  background:#F4364F!important;
    font-size: 15px;
    border: 0;
    border-radius:10px;
    padding:10px 15px;
    width: 100%;
    cursor: pointer !important;
 }

 .belkys_hr{
   background-color:#6560C7; 
   width:140px;
   height: 2px;
   border-radius:10px;
   margin:0;
   margin-bottom:6px;
 }

 .belkys_red:hover,.belkys_red:active{
    background: #F4364F !important;
    opacity: 0.8 !important;
 }

 .belkys_line_icon{
 
   font-size: 15px;
   border: 1px solid #fff !important;
   border-radius:10px;
   width: 100%;
   cursor: pointer !important;
   padding: 0px;
   border:0;
}

  .belkys_line_icon_i{

   color: #fff !important;
   width: 23px !important;
   height: 42px !important; 
   margin: auto;
 }

  .belkys_line_inactivo{

    border: 2px solid #AFB6B7 !important;
    border-radius:10px;
    width: 100%;
    cursor: pointer !important;
    padding: 0px;
    border:0;
 }

   .belkys_line_inactivo_i{
 
    color: #A5AEAF !important;
    width: 25px !important;
    height: 42px !important; 
    margin: auto;
  }

 .belkys_line_activo{
 
    font-size: 15px;
    border: 2px solid #6560C7 !important;
    border-radius:11px;
    width: 100%;
    cursor: pointer !important;
    padding: 0px;
    border:0;
 }

 .belkys_line_activo_i{
 
   color: #6560C7 !important;
   width: 23px !important;
   height: 43px !important; 
   margin: auto;
 }

 .belkys_principal{
  background:#4842BD !important;
    font-size: 15px;
    border: 0;
    border-radius:10px;
    padding:10px 15px;
    width: 100%;
    cursor: pointer !important;
 }

 .belkys_principal:hover,.belkys_principal:active{
    background: #4842BD !important;
    opacity: 0.8 !important;
 }

 

 .belkys_sunat{
     width:163px;
     border:0;
     font-size:14px;
     border-radius:8px !important;
     cursor: pointer !important;
     display: flex;
 }

 .belkys_sunat_default{
    background:#455464 !important;
    cursor: pointer !important;
 }

 .belkys_sunat_default:hover,.belkys_sunat_default:active{
    background:#455464 !important;
    opacity: 0.8 !important;
 }

 .belkys_sunat_info{
    background:#0067D4 !important;
    cursor: pointer !important;
 }

 .belkys_sunat_info:hover,.belkys_sunat_info:active{
    background:#0067D4 !important;
    opacity: 0.8 !important;
 }

 .belkys_sunat_success{
    background:#28B447 !important;
    cursor: pointer !important;
 }

 .belkys_sunat_success:hover,.belkys_sunat_success:active{
    background:#28B447 !important;
    opacity: 0.8 !important;
 }

 .belkys_sunat_warning{
    background:#FB8C00 !important;
    cursor: pointer !important;
 }

 .belkys_sunat_warning:hover,.belkys_sunat_warning:active{
    background:#FB8C00 !important;
    opacity: 0.8 !important;
 }

 .belkys_sunat_danger{
    background:#F4364F!important;
    cursor: pointer !important;
 }

 .belkys_sunat_danger:hover,.belkys_sunat_danger:active{
    background:#F4364F!important;
    opacity: 0.8 !important;
 }

 .belkys_sunat_nc{
    background:#117A65 !important;
    cursor: pointer !important;
 }

 .belkys_sunat_nc:hover,.belkys_sunat_nc:active{
    background:#117A65 !important;
    opacity: 0.8 !important;
 }

 .belkys_crud_danger{
    background:#F4364F!important;
    border:1px solid #F4364F;
    cursor: pointer !important;
 }

 .belkys_crud_secundary{
    background:#673AB7 !important;
    border:1px solid #673AB7 ;
    cursor: pointer !important;
 }

  .belkys_crud_principal{
    background:#4842BD !important;
    border:1px solid #4842BD ;
    cursor: pointer !important;
 }

 .belkys_crud_success{
   background:#28B447 !important;
   border:1px solid #28B447 ;
   cursor: pointer !important;
 }


 .belkys_notify_title{
    font-size:25px;
    font-weight:600;
    text-transform: none;
    color :#333;
    font-family: Poppins-Regular, sans-serif;
 } 

 .belkys_notify_content{
    font-size:16px;
    text-transform: none;
    font-family: Poppins-Regular, sans-serif;
 } 

 .belkys_notify_content_bold{
    font-size:17px;
    text-transform: none;
    font-family: Poppins-Regular, sans-serif;
    font-weight: 600;
 }

  .belkys_notify_content_white{
    font-size:16px;
    text-transform: none;
    font-family: Poppins-Regular, sans-serif;
    color:#fff;
  }

  .belkys_notify_content_white:hover{
    color:#fff;
  }


 .belkys_notify_title:hover,.belkys_notify_content:hover,.belkys_notify_content_bold:hover{
     color: #5F6A6A !important;
 }

 .card{
  background: #fff;
  box-shadow:0 4px 24px 0 rgb(34 41 47 / 10%) !important;
  -webkit-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
  -moz-box-shadow: 0 4px 24px 0 rgb(34 41 47 / 10%) !important;
 /*border:2px solid #E5E8E8;*/
  border-radius: 11px;
  padding: 10px;
 } 

 #btn-menu{
    display: none;
}

#btn-menu:checked ~ .contenedor-menu{
      margin:0;
      transition:all 0.5s;
}

.contenedor-menu{
    float: left;
    background: #f8f8f8;
    width: 100%;
    height: 200vh !important;
    margin-left: -100%;
    margin-top:0;
    transition:all 0.5s;
    position: absolute;
    z-index:1;
}

.menu{
  height: 100vh !important;
    top: 0;
    margin: 0;
    padding: 0;
   list-style: none;

}

.menu > li > a{

    color:#CCD1D1;
    font-size: 14px;
    text-decoration: none;
    padding:20px 10px;
    display: block;
}

ul > li > a{

   color:#CCD1D1;
    text-decoration: none;
    padding:20px 35px;
    display: block;
     font-size: 14px;
}

.menu li a i{
    float: left;
    margin-right: 15px;
    font-size: 18px;
}

.menu li ul {
    display: none;
    background:#33414E;

    list-style: none;
    margin: 0;
    padding: 0;
}

.menu > li{
 border-bottom:1px solid rgba(230,233,238,.1);

}

.menu > li:hover{
    background: #673AB7;
    border:0;

}

.menu li ul li:hover a{
   color: #673AB7;
   border-left: 5px solid #673AB7;

}

.menu li:hover > a{
    color: #fff;
}

.dropdown_adicional {
   display: none;
   /*position: absolute;*/
   width: 250px;
   background: white;
   border: 1px solid #ccc;
   padding: 10px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   margin-top: 5px;
}