﻿/*#425364 #3a4b5d*/
/*rgba(0, 0, 0, 0.5) #666 */
/*#ddd #ccc  rgba(221, 221, 221, 0.38)*/
/*rgba(166, 166, 166, 0.15)*/
/*#b7b8ba*/
/*#c0c0c0*/
/*#333*/
/*#212529*/
/*Bundle*/
/*#ed1c24 rgba(246, 35, 35, 0.85) #e81c25*/
/*#00764a*/
/*rgba(216, 11, 11, 0.8)*/
/*rgba(2, 183, 2, 0.82)*/
.customer {
  width: auto;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 30px;
  display: table;
}
.customer > .icon {
  display: table-cell;
  padding-right: 20px;
}
.customer > .icon > img {
  width: 75px;
}
.customer > .data {
  display: table-cell;
  vertical-align: middle;
  color: #FFF;
  font-size: 14px;
  line-height: 18px;
}
.customer > .data > span {
  display: block;
}
.customer > .data > span:first-child {
  font-weight: 500;
  margin-bottom: 4px;
}
.buttons-order {
  width: 100%;
  height: auto;
}
.buttons-order > a > img {
  width: 30px;
  display: inline-block;
}
.buttons-order > a > span {
  display: inline-block;
}
.options-order {
  width: 95%;
  margin: 0 auto;
  margin-bottom: 0px !important;
  margin-top: 35px;
}
.options-order > .optionNuevo {
  display: inline-block;
  padding-right: 65px;
  padding-bottom: 10px;
}
.options-order > .optionNuevo > .item > span {
  font-size: 1.02rem;
  color: #2c2c2c;
}
.options-order > .optionNuevo > .item {
  display: inline-block;
  width: 130px;
}
.options-order > .optionNuevo > select {
  display: inline-block;
  padding: 5px;
  margin: 0px;
  width: 300px;
  font-size: 1.02rem;
  background-color: #e3e4e8;
  border: 0px;
}
.options-order > .optionNuevo > input {
  background-color: #e3e4e8;
  border: 0px;
  font-size: 1.02rem;
  width: 110px;
  padding: 5px;
  display: inline-block;
  margin-bottom: 0px;
}
.options-order > .optionNuevo > .inputLargo {
  background-color: #e3e4e8;
  border: 0px;
  font-size: 1.02rem;
  width: 300px;
  padding: 5px;
  display: inline-block;
  margin-bottom: 0px;
}
.buttons-order .btn.m-btn-order {
  position: relative;
  left: 0%;
  top: 0%;
  transform: translateY(0%);
  border-radius: 0px;
  font-size: 14px;
  width: 232px;
  padding-bottom: 9px;
}
.buttons-options {
  width: auto;
  position: absolute;
  margin-top: 56px;
  left: 84%;
  transform: translateY(-111%);
}
.buttons-options-2 {
  width: auto;
  position: absolute;
  left: 77%;
}
.btn.m-btn-options,
.btn.btn-primary-portal {
  position: relative !important;
  background-color: #01764a !important;
  border-color: #01764a !important;
  font-size: 1.02rem;
  width: 99px;
  left: 0%;
  top: 0%;
  transform: translateY(0%);
  padding: 9px;
  margin-bottom: 6px;
  color: white;
}
.btn.m-btn-options > span,
.btn.btn-primary-portal > span {
  margin: 0 auto;
}
.buttons-order .btn.m-btn-order > span {
  margin: 0 auto;
}
.buttons-order .btn.m-btn-order-disabled,
.btn.m-btn-order-disabled:active {
  background-color: #c1c4c9 !important;
  border-color: #c1c4c9 !important;
}
.buttons-order .btn.m-btn-order-enabled,
.btn.m-btn-order-enabled:active {
  background-color: #01764a !important;
  border-color: #01764a !important;
}
.table .thead-green th {
  color: #fff;
  background-color: #01764a;
  font-weight: initial;
  border-top: 0;
  text-align: center;
}
.table .thead-green th:last-child {
  border-right: 0;
}
.table td,
.table th {
  padding: 0.75rem;
}
.table {
  border-collapse: collapse;
}
.table td,
.table th {
  border: 1px solid #b7b7b7;
  border-left: 0;
}
.table tr:first-child td {
  border-top: 0;
}
.table tr td:first-child {
  border-left: 0;
}
.table tr td:last-child {
  border-right: 0;
}
#tablaPedidos tr th:first-child {
  color: #ea1d24;
}
.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
  background-color: #ea1d24;
  border-color: #ea1d24;
}
.btn-default,
.btn-default:focus {
  background-color: #ea1d24 !important;
  border-color: #ea1d24 !important;
}
.btn-default:hover {
  background-color: #fff;
  border-color: #d5d5d5;
}
.fixed-table-toolbar .pull-right.search .form-control {
  height: 37px;
  margin-bottom: 0px;
}
.fixed-table-pagination .pagination-detail,
.fixed-table-pagination div.pagination {
  margin-top: 7px;
  font-size: 12px;
  margin-bottom: 7px;
}
.fixed-table-pagination .btn-group button {
  padding: 6px 12px;
  margin-top: -4px;
}
.modal-header h1 {
  font-size: 18px;
  display: inline;
}
.modal-header button {
  border: none;
  color: #6c6c6c;
  font-family: Raleway-Regular;
  font-weight: bolder;
  background-color: transparent;
  float: right;
  display: inline;
}
/*Agregado*/
.tituloContenido {
  color: #29353f;
  margin: auto;
  font-size: 26px;
  font-weight: 100;
  margin-top: 20px;
  width: 95%;
}
.btnDanger {
  position: unset !important;
  top: 0 !important;
  left: 0% !important;
  transform: inherit !important;
}
.btn.btn-primary-portal {
  border-radius: 60px;
}
.btnsPedido .col-md-2 {
  text-align: right;
}
.columns-right .btn,
.dropup .btn {
  color: white;
}
.m-header-menu .m-menu__nav {
  background: #425363;
}
/*PEDIDO*/
.clsPedidos .optionOrder-interno {
  width: 64%;
}
.clsPedidos .options-order-cliente {
  width: 45%;
}
.clsPedidos .buttons-options-2 {
  top: 15%;
}
@media (max-width: 1024px) {
  (max-width: 1270px) .dataOrderPedidos {
    margin-top: 95px;
  }
}
.clsDespachoCliente .buttons-options-2 {
  top: 19%;
  width: 17%;
  left: 83%;
}
.clsFinanzas {
  top: 15%;
  width: 14%;
  left: 67%;
}
/*Comprobantes*/
.contenedorComprobante .buttons-options {
  transform: translateY(22%) !important;
  margin-top: 0px;
  width: auto;
  position: absolute;
  left: 84%;
}
/*AJUSTES DE LO VIEJO*/
.row.btnsPedido.options-order {
  min-width: 250px;
  margin-top: 20px;
  float: left;
  width: 100%;
}
.margenesTabla .btn {
  padding: 0.7rem 1.1rem;
}
.formulario {
  width: 70%;
  padding: 24px 0px 0px 36px;
}
.formulario .row {
  margin-bottom: 10px;
}
.formulario input {
  font-size: 1.02rem;
  background-color: #e3e4e8;
  padding-right: 1px;
  line-height: 33px;
  height: 33px;
  margin: 0 auto;
  border-radius: 0px;
  border: 0px;
  padding-left: 8px;
  width: 100%;
}
input[type='checkbox'] {
  background-color: white !important;
}
.formulario select {
  padding: 5px;
  width: 100%;
  font-size: 1.02rem;
  background-color: #e3e4e8;
  border-radius: 0px;
  border: 0px;
}
.formulario span,
.formulario label {
  font-weight: 400;
  font-size: 1.02rem;
}
.icon-span-filestyle,
.group-span-filestyle {
  padding-right: 10px !important;
}
.group-span-filestyle .btn.btn-primary-portal {
  padding: 8px 6px 7px 6px;
}
.bootstrap-filestyle input {
  background-color: #e3e4e8 !important;
}
.formulario input::-ms-value {
  border: 0px !important;
  background-color: var(#e3e4e8);
}
.formulario input::-ms-browse {
  background: #c1c4c9;
  border: 0px !important;
  width: 100px;
  margin-right: -40px;
  cursor: pointer;
}
.formulario textarea {
  margin: 10px 0px 10px 0px;
  padding: 20px;
  width: 100%;
  resize: none;
  border-color: #e3e4e8;
  background-color: #e3e4e8;
  border: 1px solid #e3e4e8 !important;
}
.th215 {
  min-width: 215px;
}
.th250 {
  min-width: 250px;
}
.th150 {
  min-width: 150px;
}
@media (max-width: 1500px) {
  .formulario {
    width: 80%;
  }
}
@media (max-width: 1300px) {
  .formulario {
    width: 95%;
  }
  .buttons-options-2 {
    width: auto;
    position: absolute;
    left: 85%;
  }
  .buttons-options-2.interno {
    left: 80%;
    top: 11%;
  }
}
.buscador-simple {
  width: 48% !important;
  float: left;
  padding: 24px 0px 0px 36px;
}
.buscador-simple .filtro {
  width: 48%;
  float: left;
  margin-right: 2%;
}
.buscador-simple span {
  font-size: 1.02rem;
}
.buscador-simple input {
  background-color: #e3e4e8;
  font-size: 1.02rem;
  line-height: 33px;
  height: 30px;
  margin: 0 auto;
  width: 100%;
  border: 0px;
  float: left;
  padding: 12px;
}
.buscador-simple select {
  padding: 5px;
  width: 100%;
  font-size: 1.02rem;
  background-color: #e3e4e8;
  border-radius: 0px;
}
.buscador-simple .btn {
  margin-left: 5%;
  left: 0% !important;
  top: 0% !important;
  transform: translateY(0%) !important;
}
@media (max-width: 1366px) {
  .formulario span {
    font-size: 1.02rem;
  }
  .formulario input {
    font-size: 1.02rem;
    padding-right: 1px;
  }
}
@media (max-width: 1024px) {
  .buscador-simple {
    width: 100% !important;
    padding: 15px 0px 0px 10px;
  }
  #frmProductosCliente .options-order {
    width: 100% !important;
    float: left;
    margin: 10px 0px 0px 10px;
  }
}
@media (max-width: 990px) {
  .formulario {
    width: 90%;
    padding: 0px;
    margin: 0 auto;
  }
  .formulario input {
    width: 100%;
  }
}
.margenesTabla {
  padding-left: 15px !important;
  padding-right: 15px !important;
}
.bootstrap-table .table,
.bootstrap-table .table > tbody > tr > td,
.bootstrap-table .table > tbody > tr > th,
.bootstrap-table .table > tfoot > tr > td,
.bootstrap-table .table > tfoot > tr > th,
.bootstrap-table .table > thead > tr > td {
  text-align: center;
  font-weight: 400;
  font-size: 12px;
}