/**
 * 0. General Styles
 */
.blink {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% { opacity: 0; }
}
.card, .card__title, .card__content .list .list-item {
  color: rgb(84,110,122);
}

input[type="radio"] {
  margin: 10px 10px;
}

p#version-info {
  text-align: center;
  font-size: 11px;
  color: #aaa;
}

/**
 *  1. Dashboard
 **/
#bf-date {
  text-align: right;
  margin-right: 12px;
}
a.btn-ver-fecha {
  background: #000;
  color: #FFF;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 12px;
  display: inline-block;
  margin: 5px 6px;
}
p.bf-bienvenido {
  color: rgb(84,110,122);
  font-size: 16px;
  margin: 5px 0px;
}
.bf-welcome {
  padding-left: 10px;
}
.bf-col-welcome{
display: block;
width: 30%;
flex: none;
}
#dashboard-name {
  margin: 0px;
  text-transform: capitalize;
}
#homepage .search-container {
  padding: 15px 15px;
  text-align: right;
}
input.bf-search-input {
  padding: 8px 5px;
  border: 1px solid rgb(189,202,208);
  width: calc(90% - 33px);
  border-radius: 5px 0px 0px 5px;
}
button.bf-btn-search {
  border: none;
  background: rgb(189,202,208);
  height: 33px;
  margin: 0px;
  width: 40px;
  padding: 0px;
  margin-left: -5px;
  border-radius: 0px 5px 5px 0px;
}
ons-col.bf-num-cotizacion {
  width: 37%;
  display: block;
  flex: none;
  font-weight: 600;
}
.card__content{
  width: 100%;
}
span.bf-customer-name {
  font-style: italic;
  font-weight: 600;
}
ons-col.bf-project {
  max-width: 35%;
}
.list-item-date .list-item__center {
  min-height: 23px;
  background: rgb(240,242,244);
  padding: 0px 0px;
}
/**
 *  2. Cotizacion
 **/
div#detalle-cotizacion-container {
  padding: 20px 15px;
}
p.bf-list-date {
  text-align: right;
  padding: 6px 20px;
  margin: 0px;
  background: rgb(240,242,244);
}
#search-container-product {
  margin: 20px 0px 0px;
}
input#search-customer{
  padding: 8px 8px;
  border: 1px solid rgb(189,202,208);
  width: calc(100% - 100px);
  border-radius: 5px 0px 0px 5px;
}
button.bf-btn-add-customer {
  height: 33px;
  background-color: #000;
  color: #FFF;
  border-radius: 5px;
  padding: 5px 10px;
  float: right;
}

#project-name input.text-input {
  background: #FFF;
  padding: 8px 8px;
  border: 1px solid rgb(189,202,208);
  border-radius: 5px 5px 5px 5px;
}

#project-name input.text-input.text-input--material {
  height: 30px;
  border: 0px;
  border-bottom: 1px solid;
  border-radius: 0px;
  background: transparent;
}

input#search-products {
  padding: 8px 8px;
  border: 1px solid rgb(189,202,208);
  width: calc(100% - 100px);
  border-radius: 5px 0px 0px 5px;
}

.form-cotizacion ons-input[disabled] {
  opacity: 1;
}
.form-cotizacion .text-input--underbar:disabled {
  opacity: 0.6;
}
.form-cotizacion ons-input {
  width: 100%;
}

.page--material .form-cotizacion ons-input {
  width: 100%;
  margin-top: 15px;
}

.bf-btn-qr {
  width: 41px;
  float: right;
  height: 33px;
  color: #FFF;
  background: #000;
  border-radius: 5px;
  border: 0px;
}
#product-container-placeholder {
  width: 100%;
  text-align: center;
  opacity: 0.2;
  margin-top: 15vh;
}
#card-products-container .card__product_image,
#pedidos-products-container .card__product_image{
  display: inline-block;
  float: left;
  margin: 0px 14px 0px 0px;
}

.product-qty-input input {
  text-align: center;
  border-bottom: 1px solid #ccc;
}
ons-carousel-item.eliminar-item-text {
  color: #FFF;
  background-color: #F00;
}
.eliminar-item-text p {
  margin-right: 40px;
  margin-top: 60px;
  margin-bottom: 60px;
}

.condicion-pago-container, .tipo-pago-container {
  width: calc(50% - 4px);
  display: inline-block;
  margin: 0px;
  overflow: hidden;
}
#cotizacion-payment-settings label {
  display: block;
  font-size: 12px;
}

select#tipo-pago, 
select#condicion-pago {
  width: 100%;
  padding: 4px 0px;
  min-width: 50%;
  text-align: center;
  margin-top: 5px;
  border: 1px solid #ccc;
  border-radius: 5px;
  display: block;
}
/**
 *  3. Add customer
 **/
#form-add-customer, #form-edit-customer {
  padding: 20px 15px;
}
#form-add-customer ons-input, #form-edit-customer ons-input {
  width: 100%;
  margin: 15px 0px;
}
/**
 *  4. Landing cotizaciones y pedidos
 **/
#cotizaciones-landing .search-container,
#pedidos-landing .search-container {
  text-align: center;
  margin: 20px 0px;
}
div#detalle-pedido-container {
  padding: 10px 20px;
}
.bottom-bar {
  /*bottom: 20px;*/
  box-sizing: border-box;
  padding-bottom: 0;
}
.page-with-bottom-toolbar>.page__content {
  bottom: 45px;
}


#bf-btn-customer{
  display: block;
  width: 100%;
  color: #FFF;
  background: #000;
  border-radius: 6px;
  padding: 8px 5px;
  border: solid;
}

.card-right-arrow {
  position: absolute;
  right: 5px;
  top: 40%;
}
.card-left-arrow {
  position: absolute;
  left: 5px;
  top: 40%;
}

#card-products-container .item-footer button.button--quiet {
  padding: 5px 0px;
  font-size: 1em;
  color: #595f62;
}

#card-products-container .item-footer button.button--quiet.btn-del {
  color: #F00;
}

.btn-new-quote{
  width: 100%;
  margin: 0 auto;
  bottom: 0px;
  border-radius: 0px;
}

ons-bottom-toolbar.bottom-bar {
  /*adding-bottom: 20px !important;*/
  background-color: #000;
  color: #FFF;
  text-align: center;
}

.shipping-address-form {
  padding: 20px 20px 0px 20px;
}

.shipping-address-form ons-input {
  width: 100%;
  display: block;
  padding: 6px 0px;
}

.shipping-address-form .select {
  display: block;
  padding: 10px 1px;
}
.shipping-address-form .select select {
  width: 65%;
  float: right;
  padding: 2px;
}
div#shipping-options-container {
  padding: 10px 10px 0px 10px;
}
#shipping-options-container label {
  display: block;
  padding: 10px 0px 10px 0px;
}
#shipping-options-container .select select,
#factura-rfc  .select select{
  width: 100%;
  padding: 5px 5px;
}
#shipping-page a.btn-lg.btn-primary {
  width: auto;
}
.fecha-inner {
  padding: 20px 10px;
}

.dates-title {
  padding: 15px 0px 15px 15px;
  color: #FFF;
  background-color: #000;
}
#seleccion-fecha-container input {
  margin: 10px 20px;
}
#container-sip {
  margin-left: 30px;
}
.fechas-details {
  width: 80%;
  display: block;
  margin-left: 30px;
}
.fechas-details p {
  margin: 9px 0px;
}
div#inventory-supplier-container {
  margin: 10px;
  padding-left: 20px;
}
#bf-locationmap {
  width: 100%;
  min-height: 400px;
  margin: 20px 0px;
}
#detalle-pedido-container label {
  padding-top: 15px;
  display: inline-block;
}
ons-input#shipping-amount-input {
  vertical-align: middle;
  border-bottom: 1px solid #ccc;
}
#seleccion-tienda-container,
#seleccion-cedis-container {
    margin-left: 50px;
}

select#store-pickup,
select#cedis-origen{
  padding: 5px 10px;
  margin: 10px 0px;
  width: 90%;
}
#input-selected-date {
  margin-left: 50px;
  padding: 10px;
  width: calc(80% - 50px);
}
#tipo-envio-div {
  margin: 20px 0px;
}
input#rfc {
  padding: 8px 8px;
  border: 1px solid rgb(189,202,208);
  width: calc(100% - 100px);
  border-radius: 5px 0px 0px 5px;
}

#factura-rfc button {
  font-size: 1rem;
  border-radius: 0.3rem;
  background-color: #000;
  color: #FFF;
  font-weight: 400;
  display: block;
  margin: 20px 0px;
  text-decoration: none;
  text-align: center;
  border: 1px solid;
  padding: 5px 15px;
}

#factura-rfc #add-customer-rfc-btn, #factura-rfc #edit-billing-btn {
  margin: 20px auto;
}
div#datos-pago-facturacion {
  margin-bottom: 30px;
  padding-bottom: 11px;
  border-bottom: 1px solid #ccc;
}

span.precio-tachado {
  text-decoration: line-through;
  font-size: 12px;
  color: #555;
}

a#set-origen {
  width: auto;
}
a#go-shipping-address {
  display: block;
  max-width: 200px;
  width: 100%;
}

@keyframes blinkbtn {
  0% { box-shadow: 0 0 15px #fff; }
  50% { box-shadow: none; }
  100% { box-shadow: 0 0 15px #fff; }
}

@-webkit-keyframes blinkbtn {
  0% { box-shadow: 0 0 15px #fff; }
  50% { box-shadow: 0 0 0; }
  100% { box-shadow: 0 0 15px #fff; }
}

.btn-options{
  -webkit-animation: blinkbtn 3.0s linear infinite;
  -moz-animation: blinkbtn 3.0s linear infinite;
  -ms-animation: blinkbtn 3.0s linear infinite;
  -o-animation: blinkbtn 3.0s linear infinite;
  animation: blinkbtn 3.0s linear infinite;
}

input#address-neighborhood-text,
input#billing-address-neighborhood-text {
  width: 73.5%;
  float: right;
  padding: 2px;
}

#add-billing-address-btn {
  width: 93%;
  margin: 70px auto;
}

#desgloce-table{
  width:100%;
}
.amount-detail{
  text-align:right;
}
#shipping-amount-input input.text-input {
  text-align: right;
}


/* Material Styles */
.page--material div#titulo-cotizacion {
  font-size: 15px;
  text-align: center;
  font-weight: 300;
}
.page--material span#store-name-cotizacion {
  color: #FFF;
  font-size: 12px;
  margin: 0px 10px;
}
.page--material ons-icon.ons-icon.fa.fa-map-marker {
  font-size: 13px;
}
.page--material label {
  font-size: 12px;
}
.page--material ons-input {
  margin-top: 18px;
  margin-bottom: 5px;
}

span#fecha-inv-proveedor {
  font-size: 12px;
  margin: 0px 10px;
}

.pedido-totales {
  margin-top: 30px;
  border-top: 1px solid #ccc;
  padding-top: 25px;
}

.lot-units{
  float:right;
}

#inventory-result-list .list-item div {
  display: block;
}

i.fa.fa-boxes.disabled {
  color: #DDD;
}

ons-col.order-status {
  text-align: right;
  font-weight: bold;
}
div#store-name {
  font-size: 14px;
  margin-top: 5px;
  text-align: center;
}
#store-name-pedido,
#store-name-cotizacion {
  white-space: break-spaces;
  display: inline-block;
  width: 80%;
  text-align: center;
  margin: 0px;
  float: right;
  line-height: normal;
}
.inssuficent-stock {
  color: #aaa;
}
ons-list-item.user-store.list-item {
  color: #888;
}
#fecha-promesa{
  padding-left: 10px;
}
.connection-pane {
  max-width: 80%;
  margin: 0 auto;
  text-align: center;
  padding: 30vh 0px;
}
.item-footer i.fa.fa-calendar {
  color: #A30000;
}
.item-footer i.fa.fa-calendar.date-selected {
  color: #31b92b;
}
#pedido-compra {
  padding-top: 5px;
  padding-left: 6px;
  margin-bottom: 10px;
  display: inline-flex;
}