/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================

NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
.sopixScroll{
   overflow-x: auto;
   overflow-y:hidden;
   flex-wrap: nowrap;
}
.sopixScroll:hover {
    padding-bottom: 15px;
}
.sopixScroll .nav-link {
  white-space: nowrap;
}
.imputStyling
{
    padding: 5px;
    height: auto;
    border: 0;
    background-color: #F8F8F8;
    border-radius: 0.357rem !important;
    text-align: center;
    font-weight: 500;
}
.product-preview-float{
    position: absolute;
    padding: 1%;
}
.product-preview-float img{
    max-width: 50px;
}
.header-navbar .navbar-container ul.navbar-nav li.dropdown-cart .cart-item-price {
    width: 7rem; 
}

.modal-xl {
    margin-left: 3%;
    margin-right: 3%;
}
tr.group td{
    font-weight: bold;
}
.user-info-wrapper .user-info-title {
  width : 10.785rem;
}
.user-total-numbers {
  margin-top : 2.428rem;
}
.user-total-numbers .color-box {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
          align-items : center;
  -webkit-box-pack : center;
  -webkit-justify-content : center;
  -ms-flex-pack : center;
          justify-content : center;
  height : 2.714rem;
  width : 2.714rem;
  border-radius : 0.357rem;
}

.user-total-numbers .color-box i, .app-user-view .user-total-numbers .color-box svg {
  height : 1.285rem;
  width : 1.285rem;
  font-size : 1.285rem;
}

#detallePedidoOutput .table-sm tbody td {
    font-size: 0.857rem;
    letter-spacing: 0.5px;
}
#detallePedidoOutput .totalPedido{
    font-size: 1.286rem;
}

.footerDetalle{
    background-color: #FCFCFC;
    padding: 1.3rem 3.45rem 1.3rem 3.45rem;
}

.dark-layout
.footerDetalle{
    background-color: #242B3D;
    padding: 1.3rem 3.45rem 1.3rem 3.45rem;
}

.sopix-modal-lg{
    min-width: 1000px !important;
}
.main-menu .navbar-header .navbar-brand{
    margin-left: 0px;
    margin-right: 0px;
}
.main-menu .navbar-header .navbar-brand .brand-text{
    color: #636363;
    /*color: #ec622d;*/
}
.dark-layout
.table-warning, .dark-layout .table-warning > th, .dark-layout .table-warning > td {
    background: rgba(255, 159, 67, 0.12) !important;
    color: #B4B7BD;
}
.dark-layout
.table-warning a {
    color: #B4B7BD;
}

.conBorde{
    padding: 1em;
    border: 1px solid #EBE9F1;
    border-radius: 0.357rem;
}
.dark-layout
.conBorde{
    border: 1px solid #3B4253 !important;
}

thead.nobk th{
    background-color: transparent !important;
    border-bottom: none !important;
    border-top: none !important;
}

.infosobreprod{
    margin-top: -30px;
    position: absolute;
}
.table.dataTable tr.dtrg-group td{
    background-color: transparent;
}





.checkout-options .coupons:focus-within {
  box-shadow : none;
}

.checkout-options .coupons input {
  color : #6E6B7B;
  font-weight : 600;
}

.checkout-options .coupons input::-webkit-input-placeholder {
  color : #CCC;
  font-weight : 600;
}

.checkout-options .coupons input::-moz-placeholder {
  color : #CCC;
  font-weight : 600;
}

.checkout-options .coupons input:-ms-input-placeholder {
  color : #CCC;
  font-weight : 600;
}

.checkout-options .coupons input::-ms-input-placeholder {
  color : #CCC;
  font-weight : 600;
}

.checkout-options .coupons input::placeholder {
  color : #CCC;
  font-weight : 600;
}

.checkout-options .coupons .input-group-append {
  margin : 0;
}

.checkout-options .coupons .input-group-text {
  height : auto;
  font-weight : 600;
  padding : inherit;
}

.checkout-options .price-details .price-title {
  font-weight : 600;
  margin-bottom : 0.75rem;
  margin-top : 1.5rem;
}

.checkout-options .price-details .price-detail {
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-pack : justify;
  -webkit-justify-content : space-between;
  -ms-flex-pack : justify;
          justify-content : space-between;
  margin-bottom : 0.75rem;
}

.checkout-options .price-details .price-detail .detail-title.detail-total {
  font-weight : 600;
}

.sopix-bg-promocionado {/*
    background: rgb(2,0,36);
    background: linear-gradient(0deg, rgba(2,0,36,0) 56%, rgba(0,207,232,1) 77%, rgba(0,212,255,1) 100%);*/
    box-shadow: 0 1px 20px 1px #EA5455!important;
}
.modal-slide-in .modal-dialog.modal-dialog-slide-long{
  width: 56rem;
}
.popover{
  box-shadow: 0 0 10px 0 rgba(34, 41, 47, 0.5);
}

.vertical-layout.vertical-menu-modern.menu-collapsed .header-navbar.floating-nav{
  z-index: 100;
}
.navbar-floating .header-navbar-shadow{
  z-index: 1 !important;
}

.table.table-sm th, .table.table-sm td {
  padding : 0.1rem 0.1rem;
  font-size: 0.8rem;
}

.table.table-sm th:first-child, .table.table-sm td:first-child {
  padding-left : 0.1rem;
}
table.dataTable tbody td.select-checkbox:before, table.dataTable tbody th.select-checkbox:before{
    margin-top: 0px;
    margin-left: 0px;
}
table.dataTable tr.selected td.select-checkbox:after, table.dataTable tr.selected th.select-checkbox:after{
  margin-top: -15px;
  margin-left: 0px;
  text-shadow: 1px 1px #00FF00, -1px -1px #00FF00, 1px -1px #00FF00, -1px 1px #00FF00;
}
.hideExternal{
  display: none;
}
.card-statistics .statistics-body{
  padding: 0px !important;
}
@media (min-width: 1000px) {
  .ecommerce-application section.minorista-view.grid-view {
      grid-template-columns: 1fr 1fr;
  }
}
.modal .modal-content {
  border: none;
  box-shadow: 0 5px 20px 0 rgba(34, 41, 47, 0.8);
}


.quill-application .ql-editor {
  min-height : 250px;
}

.quill-application .ql-container, .quill-application .ql-toolbar {
  border : none;
  border-radius : 0;
  border-bottom : 1px solid #EBE9F1;
}

.quill-application .ql-container .ql-picker.ql-expanded .ql-picker-options, .quill-application .ql-toolbar .ql-picker.ql-expanded .ql-picker-options {
  bottom : 100%;
  top : auto;
}

.quill-application .compose-footer-wrapper {
  padding : 0.8rem 1.4rem;
  display : -webkit-box;
  display : -webkit-flex;
  display : -ms-flexbox;
  display :         flex;
  -webkit-box-align : center;
  -webkit-align-items : center;
  -ms-flex-align : center;
          align-items : center;
  -webkit-box-pack : justify;
  -webkit-justify-content : space-between;
  -ms-flex-pack : justify;
          justify-content : space-between;
}

/*
.input-group .select2-container--classic .select2-selection--single, .select2-container--default .select2-selection--single
{
  border-right: none;
  border-top-right-radius: 1px;
  border-bottom-right-radius: 1px;
}
*/
.row-bg-grey {
    background-color: #4b4b4b0d;
}
legend {
  width: auto;
}

.section-label{
  color: #a3a3af !important;
}
.item-price-oferta {
  text-decoration: line-through;
}
@media print {
  /* style sheet for print goes here */
  html .content.app-content{
    padding: 0 2rem 0 !important;
  }
}
.card-statistics .statistics-body {
    padding: 2rem 2.4rem 2.8rem !important;
}
.dark-layout .table tbody tr[class*='table-'] td, .dark-layout .table tbody tr[class*='table-'] th{
  color: #000;
}
.dark-layout .bg-light{
  background-color: #141414 !important;
}
.jstree .jstree-container-ul .jstree-anchor.jstree-clicked, .jstree .jstree-container-ul .jstree-anchor.jstree-hovered {
  color: #FFF !important;
}