/* Add a black background color to the top navigation */
.topnav {
    background-color: #2a647a;
    overflow: hidden;
}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
}

/* Change the color of links on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
    background-color: #13a89d;
    color: white;
}


/*tamanos de iconos*/

.icon-principal{

font-size: 16px;

}

.div-revisiones{


float: right;


}

.icon-referencia{
float: right;
font-size: 16px;
color: white;
width: 44px;
height: 25px;
background-color: green;
border-radius: 10%;
margin-right: 3px;
margin-left: 5px;
margin-top: 8px;

}

.center-load-icon{
width: 160px;
height: 160px;
position: absolute;
z-index: 1000;
top: 40%;
left: 43%;
}

.blurredElement {

    /* Any browser which supports CSS3 */
   filter: blur(4px);

   /* Firefox version 34 and earlier */
   filter: url("blur.svg#gaussian_blur");

   /* Webkit in Chrome 52, Safari 9, Opera 39, and earlier */
   -webkit-filter: blur(3px);
}

.container-central{
padding-top: 2%;
width: 100%;
height: 100%;
padding-left: 2%;
overflow: hidden;
padding-right: 2%;
}

.container-day-header{
    text-align: center;

font-size: 22px;
color: white;
background-color: #13a89d;
}

.column-header{

text-align: left;


}
.container-day{
width: 270px;
height: 600px;
color: white;


float: left;
margin-left: 15px;
 margin-bottom: 20px;
-webkit-box-shadow: 0px 0px 21px 0px rgba(105,92,105,0.94);
-moz-box-shadow: 0px 0px 21px 0px rgba(105,92,105,0.94);
box-shadow: 0px 0px 21px 0px rgba(105,92,105,0.94);
}



.container-day-box{

    width: 100%;
    height: 93%;
    
    overflow-y: scroll;
 


}
/*login forms*/
.container-login{
    width: 35%;
    height: 240px;
    color: white;
    position: absolute;
    top: 25%;
    right:33%;
    float: none;
    margin-left: 15px;
     margin-bottom: 20px;
    -webkit-box-shadow: 0px 0px 21px 0px rgba(105,92,105,0.94);
    -moz-box-shadow: 0px 0px 21px 0px rgba(105,92,105,0.94);
    box-shadow: 0px 0px 21px 0px rgba(105,92,105,0.94);
    }

.container-login-box{
padding-top: 30px;
    width: 100%;
    height: 93%;
    padding-left: 30px;
    padding-right: 30px;
    

}


.input-login{

width: 100%;
border-bottom: 1px;
border-style: none none solid none;



}

.container-central-login{
    
    width: 1000px;
    
    
    
    }


.colPedimentoPagado{

border: dotted;
border-color: black;
border-style: dotted; 
background-color: rgb(250, 237, 237);

}

.container-revisiones{

float:right;
width: 30px;
height: 53px;
border-width: 0px 0px 0px 2px;
border-color: black;
border-style: solid;



}
.container-revisiones-header{

float:right;

height: 25px;
border-width: 0px 0px 0px 2px;
border-color: black;
border-style: solid;
width: 30px;



}



.container-chat{

position: absolute;
bottom: 0px;
right: 40px;
float: right;
position: absolute;
background-color: #2a647a;
    overflow: hidden;

}

.container-chat a {
    float: left;
      color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
    font-size: 17px;
    
}

.container-chat-contacts{
height: 500px;
width: 300px;
background-color: black;
visibility: hidden;
position: absolute;
animation-duration: 3s;
  animation-name: slidein;


}

/*referencia box items*/
.referencia-item{
    width: 100%;
    

    
    border-style: solid;
border-color: #13a89d;
   border-width: 0px 0px 1px 0px;
}

.attention{
    
    background-color: #F0E981;
}

.cliente-referencia {
font-size: 8px;
color: black;
margin-left: 3px;


}

.referencia-label{

margin-left: 5px;
margin-right: 10%;

}
.referencia-label-header{
font-size: 12px;
margin-left: 5px;
margin-right: 10%;

}
.pagado-label-header{
font-size: 10px;
margin-left: 5px;
margin-right: 10%;
color: black;

}

.desaduanado-label-header{
color: black;
font-size: 10px;
margin-left: 5px;
margin-right: 10%;

}
.facturado-label-header{
color: black;
font-size: 10px;
margin-left: 5px;
margin-right: 10%;

}


.fecha-label{
float: right;
right: 0;


}

/*media querys*/

@media only screen and (max-width: 1300px) {




.container-central{
overflow: auto;
width: 1000px;
white-space: nowrap;
overflow-x: scroll;

}






}