
#sticky.stick { 
    margin-top: 0 !important;
    position: fixed;
    top: 0; 
    z-index: 10000;
    border-radius: 0 0 0.5em 0.5em;
}
#sticky {
  background:#000;
  padding:5px
}
#login.ui-widget-content{
    background: transparent !important;
    border: none !important;
}
#bg{ 
      background: url(../images/logo.jpg); 
    background-repeat: no-repeat;
    height: 90vh;
    background-position: center;
}
body{
    margin:0;
    padding:0; 

    border:hidden;

    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#222;
    background: #ccf;
    -webkit-animation: ENIM 17s ease infinite;
    -moz-animation: ENIM 17s ease infinite;
    animation: ENIM 17s ease infinite;
    height: 100%; 
} 

#drag{
    display:none; 
}
fancybox-skin{
    background-color:#000;
   width: 600px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 20px;
  padding-top: 30px;
}
.logoinfo{
    display:block;
    height: 100%;
    background: transparent;
} 
.login img{
    width:100%;
    opacity:0.5;
    border-radius: 10px;
}
.login{

    background: rgba(0,0,0,0.8) !important;
    width: 33%;
    height: 165px;
    left: 33%;
    top: 30%;
    border-radius: 10px; 
    z-index: 1;
    padding-top: 49px;
        margin: 100px auto;
}

.login input{
    display: block;
    width: 70%;
    height: 26px;
    margin:5px;
    padding: 7px;
    color: #fff;
    background: transparent;
    border: 1px solid #ccc;
    color: #fff !important;
}
.boton{
    font-size:9px;
    font-family:Verdana,Helvetica;
    font-weight:bold;
    color:#FFF;
    background:#4e83c8;
    width:60px;
    height:20px;
    border: 1px outset #999

}
#reloj{
    font-family: cursive;
    top: 0px;
    right: 0px;
    padding:4px;
    font-size: 19px;
}
#fecha{
    font-family: cursive;
    top: 0px;
    right: 0px;
    padding:4px;
    font-size: 19px;
}
#logoempresa{
  
    height: 100%;
    position: relative;
    width: auto;
    height: 100vh;
}

#logo{
    margin: auto;
    display:block;
        border-radius:8px;
        
    text-align: center;
}

input[type="button"], input[type="submit"], input[type="reset"],button{
    height: 30px;
    padding: 6px;
    background: #4682B4;
    background: 
    
    
    -moz-linear-gradient(top, #87CEEB 0%, #4682B4 100%);
    background: 
    
    
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87CEEB), color-stop(100%,#4682B4));
    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid #fff;
    border-radius: 8px;
    font: bold 15px Helvetica, Sans-Serif;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    color: #000;
    text-shadow: -2px 1px 2px #fff;
} 
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover,button:hover{
    color: #fff;
    text-shadow: -2px 1px 2px #000; 
} 
input[type="button"]:active, input[type="submit"]:active, input[type="reset"]:active,button:active{
    box-shadow: inset 0px 0px 6px #000;
    background: #4682B4;
    border-radius: 8px;  
    border: 1px solid #fff;
}

.error {
    font-family: "Courier New", Courier, monospace;
    font-size: 14px;
    color:#FFFFFF;
    background-color: #FF0000;
}

.open {
    display: block;
}
.closed {
    display: none;
}

.botonzote{
    float:left;
}
.botonzote a{
    width: 230px;
    height: 230px;
     margin:10px;

    overflow: hidden;
    display: block;
    text-decoration: none;


     background: #4682B4;
    background: -moz-linear-gradient(top, #87CEEB 0%, #4682B4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#87CEEB), color-stop(100%,#4682B4));

    box-shadow: inset 0px 0px 6px #fff;
    -webkit-box-shadow: inset 0px 0px 6px #fff;
    border: 1px solid #fff;
    border-radius: 8px;

    font: bold 15px Helvetica, Sans-Serif;
    text-align: center;  
    text-transform: uppercase;
    text-decoration: none;
    color: #000;  
    text-shadow: -2px 1px 2px #fff; 

    padding: 20px;
}
.botonzote a:hover{
    color: #fff;
    text-shadow: -2px 1px 2px #000; 
} 
.botonzote a:active{
    box-shadow: inset 0px 0px 6px #000;
    background: #4682B4;
    border-radius: 8px;  
    border: 1px solid #fff;
} 

.botonzote img{
display: block;
margin: auto;
}
/*Estilos Necesarios Para Ventanas de Busqueda Proveedores clientes*/


/*table{
    margin:auto;
  position: relative;
 width: auto;
display:block;
}*/
.ui-autocomplete {
    max-height: 100px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
  /* IE 6 doesn't support max-height
   * we use height instead, but this forces the menu to always be this tall
   */
  * html .ui-autocomplete {
    height: 100px;
  }
  div#cabecera {
    width: 90%;
    display: block;
    margin: auto;
    position: relative;
    border-radius: 0 0 40px 40px;
         background:#000;
 border-top:1px solid #858d99;
    color: #fff;
}
.encabezadottitle{
text-shadow: 1px 1px #fff;
}
#cabecera td {

         background:none !important;
 border-top:1px solid #858d99;
   border: none;
text-align: center;
}
#cabecera table {
  border-collapse: separate;
  background: none;
 }
#cabecera td a{
  color: #fff;
}
marquee{
color: #fff;
}
form{
    overflow: auto;
}
table tr td{
    padding:5px;
    border-bottom: 1px dotted;
    border-right: 3px;
    margin: 3px;
    color: #000;
    font-size: 12px;
}
select{
width:240px;
}
th.titulo div {
  border-radius: 8px;
    background: #333;
    color: #fff;
    width: 80%;
    margin: auto;
    font-size: 13px;
    padding: 3px;

}
table {
  border-collapse: separate;
  background:#fff;
 }



th {
  font-family: tahoma;
  font-size:12px;
  font-weight:400;
  color:#fff;
  @include text-shadow(1px 1px 0px rgba(0,0,0,0.5));
  text-align:left;
  padding:5px;
     background-image: linear-gradient(#646f7f, #4a5564);
 border-top:1px solid #858d99;
  
 
}

 tr td {
  font-family: 'Open Sans', sans-serif; 
  font-weight:400;
  color:#5f6062;
  font-size:13px;
  padding:5px;
  border-bottom:1px solid #e0e0e0;
  
}
#latabla td img{
width: 50px;
width: 29px;
    height: 29px;
}

tbody tr:nth-child(2n) {
  background:#f0f3f5;
}

tr:last-child td {
  border-bottom:none;
 
}


hover > tr:hover td {
  
  color:#2d2d2d;
  
}



