body{
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-weight: 400;
overflow-x: hidden;
overflow-y: auto;
background: #f1f2f7;
height: 100%;
width: 100%;
}a{
color: #777;
text-decoration: none;
}.padding-top{
padding-top: 20px;
}.login-page{
width: 350px;
margin: 7% auto;
padding: 0 20px;
background-color: #ffffff;
border: 1px solid #f2f2f2;
}.login-page .text-center{
margin-bottom: 10px;
}.box{
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #f2f2f2;
}.page{
position: relative;
display: block;
top: 50px;
left: 0;
padding: 35px 15px 20px 35px;
}
.page-login{
position: relative;
display: block;
margin: auto;
width: 350px;
padding: 70px 0;
}
.bg-green{
background-color: #A3C86D;
}
.bg-blue{
background-color: #7ACBEE;
}
.bg-yellow{
background-color: #FDD761;
}
.bg-red{
background-color: #FF7857;
}
.panel-default >.panel-heading{
background-color: #f5f5f5;
border-bottom: 2px solid #032135;
font-size: 15px;
text-transform: uppercase;
letter-spacing: .5px;
padding: 15px;
}.panel-box{
width: 100%;
height: 100%;
text-align: center;
border: none;
}.panel-value{
width: 60%;
}.panel-icon{
padding: 30px;
width: 40%;
border-radius: 0;
}.panel-icon{
-webkit-border-radius: 3px 0 0 3px;
-moz-border-radius: 3px 0 0 3px;
border-radius: 3px 0 0 3px;
}.panel-value{
-webkit-border-radius: 0 3px 3px 0;
-moz-border-radius: 0 3px 3px 0;
border-radius: 0 3px 3px 0;
}.panel-value h2{
margin-top: 30px;
}
.panel-icon i{
line-height:65px;
font-size: 40px;
color: #fff;
}
#header {
position: fixed;
z-index: 99;
top: 0;
left: 0;
background-color: #29e5a2;
width: 100%;
height: 65px;
line-height: 65px;
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1);
box-shadow: 0 1px 2px rgba(0,0,0,0.1);
} header > .logo {
color: #fff;
text-align: center;
font-weight: 700;
letter-spacing: 1px;
display: inline-block;
width: 250px;
background-color: #40c1ed;
}.header-date{
color: #9b9b9b;
margin-left: 20px;
}
.header-element{
    margin-left: 20px;
}
.header-element a {
    color: #4a4749 !important;
}
.info-menu{
height: 60px;
margin: 0;
line-height: 60px;
padding: 0 15px;
}.info-menu li.profile {
position: relative;
}.profile a.toggle{
text-decoration: none;
text-align: center;
font-size: 14px;
color: rgba(150, 150, 158, 1.0);
position: relative;
padding: 10px 10px 10px 0;
margin: 0;
background: #f9f9f9;
border-radius: 30px;
}.info-menu li.profile a img{
width: 30px;
height: 30px;
}.dropdown-menu{
margin-top: 4px;
border-color: #fefefe;
border-radius: 0;
box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
-moz-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
-webkit-box-shadow: 0px 0px 5px rgba(86, 96, 117, 0.15);
}.dropdown-menu li{
margin: 0;
padding: 0;
display: block;
line-height: 35px;
}.dropdown-menu li a{
text-decoration: none;
display: block;
font-size: 14px;
position: relative;
line-height: 30px;
width: 100%;
border-bottom: 1px solid #f4faf9;
}.dropdown-menu li a i{
margin-right: 5px;
}.dropdown-menu li.last a{
border-bottom: 0;
}.datepicker{
text-align: center;
}
.sidebar {
position: fixed;
z-index: 10;
left: 0;
top: 0;
padding: 65px 0 0;
height: 100%;
width: 250px;
background: #29e5a2;
border-right: 1px solid #ddd;
text-align: center;
overflow-y: scroll;
}.sidebar ul li:hover,.submenu ul li:hover{
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}.sidebar ul{
list-style: none;
margin: 0;
padding: 0;
}.sidebar ul li {
display: block;
}.sidebar ul li:hover,ul.submenu{
background-color:#73BF44;
}.sidebar ul li a:hover {
color: white;
}.sidebar ul li i:hover {
color: white;
}.sidebar ul li a{
color: white;
display: block;
overflow: hidden;
position: relative;
white-space: nowrap;
text-decoration: none;
text-align: left;
}ul.submenu li a {
color:white;
}.sidebar ul li a span,.sidebar ul li i{
font-size: 14px;
font-weight: 300;
letter-spacing: 1.5px;
color: white !important;
/* text-shadow: 0 1px rgba(0,0,0, 1); */
}.sidebar ul li a i{
color: #3E3D3F;
padding: 15px 22px;
text-align: center;
}ul.submenu{
display: none;
position: relative;
}ul.submenu li a:hover{
background-color:#35404d;
}ul.submenu li a {
padding-left: 45px;
}ul.submenu li:before{
content: "";
display: block;
position: absolute;
z-index: 1;
left: 25px;
top: 0;
bottom: 0;
border: 1px dotted #d7d7d7;
border-width: 0 0 0 1px;
}ul.submenu li a:before{
content: "";
display: inline-block;
position: absolute;
width: 7px;
left: 25px;
top: 18px;
border-top: 1px dotted #d7d7d7;
}

.sale_report_header{
padding: 15px 0;
}

.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th {
    border: 1px solid #ddd;
    word-break: break-word;
}

table td h6{
margin: 0 0 0.2em 0;
word-wrap: break-word;
}
table tfoot tr td:first-child{
border: 0;
}table tfoot tr td:last-child{
border-top: 1px solid #ccc;
word-wrap: break-word;
}table td h6,table tfoot tr td:last-child{
color: #000;
_font-size: 1.2em;
font-weight: normal;
word-wrap: break-word;
}
.form-control{
color: #646464;
border: 1px solid #e6e6e6;
border-radius: 3px;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
-moz-transition: all .15s ease-out;
-webkit-transition: all .15s ease-out;
transition: all .15s ease-out;
}.form-control:focus{
background: #f8f8f8;
border-color: #29e5a2;
outline: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.sort.asc:after {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px solid #2e2e2e;
content: "";
position: relative;
top: 11px;
right: -4px;
}
.sort.desc:after {
width: 0;
height: 0;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-bottom: 4px solid #2e2e2e;
content: "";
position: relative;
top: -9px;
right: -4px;
}

.btn{
border-radius: 3px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}.btn-primary {
color: #4a4749;
background-color: #29e5a2;
border-color: #29e5a2;
}.btn-primary:hover, .btn-primary:focus, .btn-primary.focus, .btn-primary:active, .btn-primary.active{
color: #fff;
background-color: #14A371;
border-color: #3d8fd8;
}.btn-success{
background-color:#2ecc71;
}.btn-success:hover, .btn-success:focus, .btn-success.focus, .btn-success:active, .btn-success.active{
background-color:#27ae60;
}.btn-warning{
background-color: #e7c13e;
border-color: #dfba3c;
}.btn-warning:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active{
background-color:#d0ac2c;
border-color: #dfba3c;
}.btn-danger{
background-color: #ed5153;
}.btn-danger:hover, .btn-danger:focus, .btn-danger.focus, .btn-danger:active, .btn-danger.active{
background-color:#bb282a;
}.input-group-addon{
background-color: #fcfcfc;
border: 1px solid #dbdbdb;
border-radius: 0;
}
input[type=file]{
text-indent: -99999px;
}td img.img-thumbnail{
width: 125px;
height: 125px;
vertical-align: top;
}.img-avatar{
width: 50px;
height: 50px;
}
.jumbotron{
margin-bottom: 0;
}.list-group-item:first-child,.list-group-item:last-child{
border-radius: 0;
}.profile .jumbotron{
border-radius: 3px 3px 0 0;
}.profile .jumbotron h3{
color: white;
}img.img-size-2{
width: 125px;
height: 125px;
}

.autocomplete-items {
position: absolute;
border: 1px solid #d4d4d4;
border-bottom: none;
border-top: none;
z-index: 99;
/*position the autocomplete items to be the same width as the container:*/
top: 100%;
left: 0;
right: 0;
}

.autocomplete-items div {
padding: 10px;
cursor: pointer;
background-color: #fff; 
border-bottom: 1px solid #d4d4d4; 
}

/*when hovering an item:*/
.autocomplete-items div:hover {
background-color: #e9e9e9; 
}

/*when navigating through the items using the arrow keys:*/
.autocomplete-active {
background-color: DodgerBlue !important; 
color: #ffffff; 
}

.fullsize-btn{
    margin:auto; 
    display:block;
}

.topbar-menu{
    height: 60px;
    margin: 0;
    padding: 0 15px;
}.topbar-menu li.topbar {
    position: relative;
}.topbar a.toggle{
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    position: relative;
    padding: 0;
    margin: 0;
    border-radius: 30px;
}.info-menu li.topbar a img{
    width: 30px;
    height: 30px;
}

.generadoroverlay {
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  background-color: rgba(0,0,0,0.5);
  z-index: 100;
}

.centerpopup {
    display: flex;
    align-items: center;
    height: 100%;
}