/* CSS Creado por Cesar Gonzalez 2022 */

html, body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
}
body {
    background-color: #F1F1F1;
}
.welcomescreen {
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    background-image: url(../img/fondo01.jpg);
}
.backbox {
    background-color: #FFF;
}
.btn-menu {
    padding-top: 2em;
    padding-bottom: 2em;
}

.menulateral a>span {
    vertical-align: -6px;
}
.sellsection {
    background-color: #FFF;
}
.title-section {
    font-size: 1.8em;
    font-weight: 300;
}

hr {
    border-top: 1px solid rgb(115, 115, 115);
}

.text-right {
    text-align: right;
}

.btn-accion-venta {
    width: 100%;
    padding: 30px 0px;
}

.btn-accion-descuento {
    width: 100%;
    padding: 30px 0px;
}

.sell-resume label {

    line-height: 2em;
}

.bg-blue {
    background-color: rgb(73, 80, 100);
}

.bg-blue-light {
    background-color: rgb(102, 112, 141) !important;
}

#frmProductoAsignacionVenta label {
    font-weight: 100;
}

#frmProductoAsignacionVenta h3 {
    font-weight: 100;
    font-size: 1.6em;
}

#frmProductoAsignacionVenta .form-control-plaintext {
    font-size: 1.4em;
    font-weight: 100;
    color: #777;
}


.sell-resume input {
    font-weight: 100;
}

/* reescribe estilos */
.sb-sidenav-light {
    background-color: #dfdfdf;
}

.control-css-highlighted {
    background-color: #edf9c8 !important;
}

button.btn span {
    vertical-align: middle;
    display: inline-table;
    margin-top: 7px;
    padding-bottom: 5px;
}


table button.btn, table button.btn span {
    margin: 0px;
    padding: 0px;
}

.btn-set-top {
    padding-top: 12px;
}


#tbl_all_clients_length select, 
#tbl_all_sells_length select,
#tbl_all_products_length select {
    width: 50px;
}

.icon-s1 {
    font-size: 1em;
}
.icon-s2 {
    font-size: 1.5em;
}


.lds-facebook,
.lds-facebook div {
  box-sizing: border-box;
}
.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}
.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: #777;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}
.lds-facebook div:nth-child(1) {
  left: 8px;
  animation-delay: -0.24s;
}
.lds-facebook div:nth-child(2) {
  left: 32px;
  animation-delay: -0.12s;
}
.lds-facebook div:nth-child(3) {
  left: 56px;
  animation-delay: 0s;
}
@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

#div_imprime_documento {
    display: none;
}

.text-price {
    font-size: 1.2rem;
}

/* Estilos de la gráfica */

#chartdiv {
  width: 100%;
  height: auto;
  background-color: #FFFFFF;
}


/* Path: public/css/app.css */