/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */

body {
  padding-bottom: 40px;
  color: #5a5a5a;
}

/*CHAR*/

canvas {
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
    }

/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */

/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: relative;
  top: 0;
  right: 0;
  left: 0;
  z-index: 0;
}


/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper > .container {
  padding-right: 0;
  padding-left: 0;
}
.navbar-wrapper .navbar {
  padding-right: 15px;
  padding-left: 15px;
}
.navbar-wrapper .navbar .container {
  width: auto;
}

.navbar-wrapper .navbar {
  background-color: #ffc600;
  border-color: #dd1d1d;
}

.navbar-wrapper .navbar a,
.navbar-wrapper .navbar .navbar-brand,
.navbar-wrapper .navbar .navbar-nav > li > a {
  color: #dd1d1d;
}

.container {
    max-width: 1150px;
}


.lineR{
  border-right:1px solid #777777;
}

.lineL{
  border-left:1px solid #777777;
}

a {
    color: #000000;
    text-decoration: none;
}



/* icons */
.fa {
 color: #dd1d1d;
}

.fa:hover {
 color: #110202;
}

/*END*/

.imageindex{
  margin-top: 50px;
  text-align: center;
}

.spacer-15{
height: 15px;
}

.spacer-30{
height: 30px;
}

.center{

  text-align: center;
}




/* RESPONSIVE CSS
-------------------------------------------------- */
@media all  and (min-width: 1px) and (max-width: 768px)  {

  /* Navbar positioning foo */
  .navbar-wrapper {
    margin-top: 20px;
  }
  .navbar-wrapper .container {
    padding-right: 15px;
    padding-left: 15px;
  }
  .navbar-wrapper .navbar {
    padding-right: 0;
    padding-left: 0;
  }

    .logo{
    text-align: center;
    padding: 0px;
  }

  .navbar-nav {
    margin: 0;
    text-align: center;
}

.lineR{
  border-right:0;
}

.lineL{
  border-left:0;
}
.lineB{
  border-bottom:1px solid #777777;
}
.center{

  text-align: center;
  padding: 20px 8px 10px 30px;
}

.calendar{

  text-align: center;
}

input{
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    width: 100%;
}

#canvas{
display: block;height: 200px;width: 300px;
}

}



@media (min-width: 692px) {

  /* .logo{
    text-align: left;
    padding: 10px;
  } */

  .navbar-nav {
    float: right;
    margin-right: 0%;
}

input {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    /*width: 38px;*/
}
}

.prefactura{
  background: rgb(243, 243, 248);
  width: 60%;
  font-family:Arial;
  font-size: 12px;
  padding: 33px;
  position: absolute;
  min-height: 1050px;
  left: 20%;
  top: 8%;
  display: none;
}
#crprefactura{
  position: absolute;
  right: 3px;
  top: 1px;
}
.grid-container{
  display: grid;
  grid-template-columns: auto auto;
  padding: 5px;
}
.grid-item{
  border: 1px solid rgba(0, 0, 0, 0);
  padding: 5px;
}
.tablefijo {
  height: 600px;  
  overflow: auto;
}
.tablefijo table {
  border-collapse: separate;
  border-spacing: 0;
}
.tablefijo table thead {
  background-color: #ffc600;
  color: #dd1d1d;
  position: sticky;
  top: 0;
  left: 0;
}

.tablefijo table tbody tr:nth-child(even) {
  background-color: #fff8d6;
}

.btn {
  background-color: #ffc600;
  color: #dd1d1d;
}