/*ESTILOS GENERALES*/

body, html {
  height: 100%;
  margin: 0;

  
}

button:hover {
  cursor: pointer;
}

hr
{

    box-shadow: 0 5px 11px 0 rgba(255,255,255,255), 0 4px 15px 0 rgba(255,255,255,1);

}

.divPrv{
  margin: 10px 49px;
}

/*ESTILOS CABEZOTE (NAV BAR)*/

/*ESTILOS DE MOUSE SOBRE COMPONENTE*/
 .dropdown-menu a:hover {
 background-color: #3F51B5;
 color:white;
   
}
 /*se le da estilo al los dropdown-item para qe esten ajustados al dropdown menu*/
.dropdown-menu {
    padding: .5rem;
   
}

.dropdown-menu a
{
   text-align: left;  
}

.basecolor
{   

    color: #3F51B5;
}
.bgcolor
{   

    background-color:  #3F51B5;
}
.navbar_text
{   
    font-size: 15px;
    padding-left: 2rem;
    margin: 11px;

}

.navbar{
padding: 0rem 1rem;

}
/*ESTILOS DE LATERAL*/

.sidebar
{
 position: fixed;
 background:white; 
 width: 265px;
 height: 100%;
 z-index: 1040;
 transform: translateX(-100%);
 transition: all 0.4s;
 overflow-x: hidden;
 top: 0;
 left: 0;

}

.sidebar-view
{
 transform: translateX(0);
 box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);

}

.sidebar a
{

    text-decoration: none;
    color: #3F51B5;
    display: block;
    transition: 0.3s;
}

.sidebar a:hover .fa-warehouse-alt,
.sidebar a:hover .fa-money-bill-alt,
.sidebar a:hover .fa-box-check,
.sidebar a:hover .fa-shopping-cart,
.sidebar a:hover .fa-clipboard-check,
.sidebar a:hover
{
  
    color:white;

}



.sidebar ul
{

    padding-top: 20px;
    padding-left: 0px;
    text-align: left;
}


.sidebar span
{
    margin-left: 10px;
}



.sidebar li
{
   list-style: none;
   font-size: 16px;
   padding: 20px;
   font-weight: 300;
}

.sidebar li:hover 
{

    background-color: #3F51B5;
    font-size: 18px;
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
}

.sidebar .logo
 {
    border-bottom: 1px solid rgba(153,153,153,.3);
    padding-left: 30%;
    height: auto;
    padding-bottom:10%;
 }

.sidebar .closebtn {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}


@media (max-width: 992px){


    .navbar_text {
    display: none;

}

}

@media (max-width: 500px){



.sidebar
{
 position: fixed;
 background:white; 
 width: 200px;
 height: 100%;
 z-index: 1040;
 transform: translateX(-102%);
 transition: all 0.4s;
 overflow-x: hidden;
 top: 0;
 left: 0;

}

.sidebar-view
{
 transform: translateX(-2%);
 box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);

}

.sidebar li {
    list-style: none;
    font-size: 12px;
    padding: 20px;
    font-weight: 300;
    text-align: left;
}

}


/* ESTILOS CONTENEDOR */

.TitContainer
{
    color: white;
    background-color: #3F51B5;

}


.bgContainer
{
  
    background-color:#E3E7F0;

}

.btn-export
{
  padding:5px;
  cursor: pointer;
  
  font-size: 1rem;
  margin: .375rem;
  border-radius: .125rem;
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.btn-save
{
  padding:5px;
  cursor: pointer;
  font-size: 1rem;
  border-radius: .125rem;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  font-size: .8rem;
  

}



.btn-export:hover
{
  box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
  font-size: 1.1rem;
}

.red
{
  background-color: #E73E33;
}


.green
{
   background-color: #1C6C40;
}

/* ESTILOS CONTENIDO EXISTENCIAS */

.thead-bgZ
{
    background-color: #3F51B5;
    color:white;
}

.tablePrv tr:hover
{

    background-color: #8293ff;
    color:white;

    
}




  div.tableCenter{
        text-align: center;
}

 

div.tableCenter table {
       margin: 0 auto;
       text-align: center;
}



/*PRELOADER*/


.loader {
    position: fixed;
    left: 46%;
    top: 50%;
    z-index: 9999;
    border: 8px solid #f3f3f3;
    border-radius: 50%;
    border-top: 8px solid #3F51B5;
    opacity: .8;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}







/*///////////*/

.scrollup{
    width: 81px;
    height: 66px;
    opacity: 0.4;
    position:fixed;
    bottom:50px;
    right:100px;
    display:none;
    text-indent:-9999px;
    background: url('../img/boton-arriba.png') no-repeat;
}