/*logs*/

 .select2-container--default .select2-selection--single{

  height: 35px !important;
 }

 @media (min-width: 576px){
 #modalfondo .modal-dialog {
     max-width: 350px !important;
 }
}



.row-individual-products {
  box-shadow: 0 0 10px 0 rgb(183 192 206 / 70%);
  -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 70%);
  /*border: 1px solid #e4ecf4;*/
  border-radius: 0.25rem;
}


.fondo-selected span{
  font-weight: 700;
  font-size: 13px;
  margin-top: 3px;
  display: inline-block;
  color: #000;

}

 .bg-gray-pago{
position:relative;
  margin-top: 1.5rem !important;
    padding: 10px;
    border-radius: 3px;
    border: 1px solid #f2f4f6;
}

.btn-delete-user-metodo,.delete-user-metodo,.btn-primary-pago {
  background-color: #F3F3F4 !important;
    border: 1px solid #F3F3F4 !important;
    color: #0065ce !important;
}

 .select2-container--default .select2-selection--single .select2-selection__rendered{

  line-height: 16px !important;
 }

 .log_container {
  display: none;
   max-width: 400px;
   min-width: 300px;
   padding: 20px;
   max-height: calc(100vh - 65px);
   position: fixed;
   bottom: 0;
   right: 1%;
   background-color: #fff;
   -webkit-box-shadow: 0 0 15px 0 #c5c5c5;
   box-shadow: 0 0 15px 0 #c5c5c5;
   z-index: 99;
   overflow: auto;
}
.log-close {
  position: fixed;
  right: 10px;
  top: auto;
  cursor: pointer;
  font-size: 15px;
  padding: 10px 15px;
  z-index: 9999999;
}

/* new design chat */

.content-sos-1, .content-sos-2 {
  padding: 15px;
  text-align: center;
  color: #FFFFFF;
}

.content-sos-2 {
  padding-top: 0px !important;
}

.content-sos-2 .link-sos {
  padding-top: 5px !important;
  color: #FFFFFF !important;
}

.content-sos-2 .link-sos a {
  color: #FFFFFF !important;
}

.content-sos-1 .button-sos {
  padding-top: 0px !important;
  padding-bottom:  10px !important;
}

.content-sos-1 .button-sos span {
  width: 100%;
  text-align: center !important;
}

.content-sos-1 .play-image-incidencia-chat {
  width: 90px !important;
  height: 90px !important;
  border-radius: 5px !important;
  border: 0px solid !important;
  margin: 0 auto;
  background-size: cover;
}

.content-sos-1 .play-audio-incidencia-chat {
  margin: 0 auto;
  margin-top: 10px;
  order: 0px solid;
  background-color: #00000026;
  border: 0px solid !important;
}

.content-sos-1 .play-audio-incidencia-chat svg {
  fill: #FFFFFF !important;
}

.content-sos-1 a.play-audio-incidencia-none svg .bmute, .content-sos-1 a.play-audio-incidencia-none svg .cmute, .content-sos-1 a.play-audio-incidencia svg .bvolumen, .content-sos-1 a.play-audio-incidencia svg .cvolumen, .content-sos-1 a.play-audio-incidencia svg .bstop {
  stroke: #FFFFFF !important;
}

.content-sos-1 .media_sos {
  /*padding-bottom: 10px;*/
  border-bottom: 0px solid #FFFFFF;
}

.content-sos-2 .content-sos {
  display: flex;
  background-color: #00000028;
  border-radius: 5px;
  padding: 10px !important;
}

.content-sos-2 .content-sos img {
  width: 80px !important;
  height: 80px !important;
  margin: unset !important;
  border-radius: 3px !important;
}

.content-sos-2 .content-sos div:first-child {
  flex: 0 0 105px;
}

.content-sos-2 .title-sos {
  font-size: 15px;
  color: #FFFFFF;
  text-align: left;
}

.content-sos-2 .name-sos, .content-sos-2 .dni-sos, .content-sos-2 .phone-sos, .content-sos-2 .city-sos {
  font-size: 14px;
  color: #FFFFFF;
  text-align: left;
}

.content-sos-2 .dni-sos, .content-sos-2 .phone-sos {
  padding-top: 0.5rem;
  padding-bottom: 0rem;
}

.content-sos-2 .city-sos {
  padding-top: 0.5rem;
  padding-bottom: 0rem;
}

/* end new design chat */

.preview-notice-chat {
  position: sticky;
  bottom: 0;
  width: 100%;
  display: flex;
  padding: 10px;
  background-color: #f3f3f3;
}

.preview-notice-chat img{
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100% !important;
  height: 100%;
  object-fit: cover;
}

.preview-notice-chat div:first-child{
  flex: 0 0 80px;
}

.preview-title {
  font-weight: 500;
  font-size: 15px;
  color: #000000;
  padding-bottom: 5px;
  display: block;
  padding-left: 10px;
}

.preview-description {
  font-size: 14px;
  padding-bottom: 5px;
  display: block;
  padding-left: 10px;
  color: #494a4a !important;
}

.figure-preview {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  padding-bottom: 100%;
  height: 0;
  border-radius: 5px;
}

.close-preview-notice {
  position: absolute;
  right: 0px;
  top: 0px;
  font-size: 16px;
  cursor: pointer;
  padding: 5px;
  background-color: #f3f3f3;
}

.preview-notice-chat-loading {
  color: #0065ce;
  align-items: center;
  justify-content: center;
}

.zindexdelante-preview {
  z-index: 9999999 !important;
}

.zindexdelantedrop-preview{
  z-index: 9999998 !important;
}

.log-content {
   position: relative;
}
.log-timeline {
   position: relative;
   padding-left: 60px;
   margin: 0;
}

.log-timeline:before {
   content: "";
   position: absolute;
   top: 5px;
   left: 45px;
   height: 100%;
   width: 1px;
   background: #f5f5f5;
}

.log-timeline .log-new-date {
   padding-top: 30px;
}

.log-timeline li {
   list-style-type: none;
   position: relative;
   padding: 5px 0;
}

.log-timeline .tl-hour {
   top: 2px;
   right: calc(100% + 25px);
}
.log-timeline .tl-date, .log-timeline .tl-hour {
   position: absolute;
   font-size: 10px;
   font-weight: 400;
}

.log-date {
   position: absolute;
   top: 5px;
   left: -50px;
   width: 75px;
   background-color: #efefef;
   font-size: 10px;
   line-height: 10px;
   color: #222;
   padding: 2px 5px;
   border-radius: 6px;
   border: 1px solid #c5c5c5;
   font-weight: 400;
   text-align: center;
}

.log-timeline .tl-hour:before {
   content: "";
   position: absolute;
   top: 2px;
   right: -16px;
   width: 11px;
   height: 11px;
   background-color: #f9f9f9;
   border-radius: 50%;
   border: 1px solid #c5c5c5;
}

.log-timeline .content {
   font-size: 12px;
}

 /*logs*/
 .phone-user{
  color:#fff !important;
 }
ul.nav {
  margin-top: 0px !important;
}

.sidebar .sidebar-body {
  padding-top: 10px !important;
}

.sidebar .sidebar-body .nav {
  padding: 25px 25px 0px !important;
}


.sidebar .sidebar-body .nav.sub-menu {
  padding: 0px !important;
}

  table.dataTable tbody > tr.selected,
  table.dataTable tbody > tr > .selected {
      background-color: transparent;
  }
  table.dataTable.stripe tbody > tr.odd.selected,
  table.dataTable.stripe tbody > tr.odd > .selected,
  table.dataTable.display tbody > tr.odd.selected,
  table.dataTable.display tbody > tr.odd > .selected {
      background-color: #acbad4;
  }
  table.dataTable.hover tbody > tr.selected:hover,
  table.dataTable.hover tbody > tr > .selected:hover,
  table.dataTable.display tbody > tr.selected:hover,
  table.dataTable.display tbody > tr > .selected:hover {
      background-color: #aab7d1;
  }
  table.dataTable.order-column tbody > tr.selected > .sorting_1,
  table.dataTable.order-column tbody > tr.selected > .sorting_2,
  table.dataTable.order-column tbody > tr.selected > .sorting_3,
  table.dataTable.order-column tbody > tr > .selected,
  table.dataTable.display tbody > tr.selected > .sorting_1,
  table.dataTable.display tbody > tr.selected > .sorting_2,
  table.dataTable.display tbody > tr.selected > .sorting_3,
  table.dataTable.display tbody > tr > .selected {
      background-color: #acbad5;
  }
  table.dataTable.display tbody > tr.odd.selected > .sorting_1,
  table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_1 {
      background-color: #a6b4cd;
  }
  table.dataTable.display tbody > tr.odd.selected > .sorting_2,
  table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_2 {
      background-color: #a8b5cf;
  }
  table.dataTable.display tbody > tr.odd.selected > .sorting_3,
  table.dataTable.order-column.stripe tbody > tr.odd.selected > .sorting_3 {
      background-color: #a9b7d1;
  }
  table.dataTable.display tbody > tr.even.selected > .sorting_1,
  table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_1 {
      background-color: #acbad5;
  }
  table.dataTable.display tbody > tr.even.selected > .sorting_2,
  table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_2 {
      background-color: #aebcd6;
  }
  table.dataTable.display tbody > tr.even.selected > .sorting_3,
  table.dataTable.order-column.stripe tbody > tr.even.selected > .sorting_3 {
      background-color: #afbdd8;
  }
  table.dataTable.display tbody > tr.odd > .selected,
  table.dataTable.order-column.stripe tbody > tr.odd > .selected {
      background-color: #a6b4cd;
  }
  table.dataTable.display tbody > tr.even > .selected,
  table.dataTable.order-column.stripe tbody > tr.even > .selected {
      background-color: #acbad5;
  }
  table.dataTable.display tbody > tr.selected:hover > .sorting_1,
  table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_1 {
      background-color: #a2aec7;
  }
  table.dataTable.display tbody > tr.selected:hover > .sorting_2,
  table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_2 {
      background-color: #a3b0c9;
  }
  table.dataTable.display tbody > tr.selected:hover > .sorting_3,
  table.dataTable.order-column.hover tbody > tr.selected:hover > .sorting_3 {
      background-color: #a5b2cb;
  }
  table.dataTable.display tbody > tr:hover > .selected,
  table.dataTable.display tbody > tr > .selected:hover,
  table.dataTable.order-column.hover tbody > tr:hover > .selected,
  table.dataTable.order-column.hover tbody > tr > .selected:hover {
      background-color: #a2aec7;
  }
  table.dataTable tbody td.select-checkbox,
  table.dataTable tbody th.select-checkbox {
      position: relative;
  }
  table.dataTable tbody td.select-checkbox:before,
  table.dataTable tbody td.select-checkbox:after,
  table.dataTable tbody th.select-checkbox:before,
  table.dataTable tbody th.select-checkbox:after {
      display: block;
      position: absolute;
      top: 1.2em;
      left: 50%;
      width: 12px;
      height: 12px;
      box-sizing: border-box;
  }
  table.dataTable tbody td.select-checkbox:before,
  table.dataTable tbody th.select-checkbox:before {
      content: " ";
      margin-top: -6px;
      margin-left: -6px;
      border: 1px solid black;
      border-radius: 3px;
  }
  table.dataTable tr.selected td.select-checkbox:after,
  table.dataTable tr.selected th.select-checkbox:after {
      content: "\2714";
      margin-top: -8px;
      margin-left: -4px;
      text-align: center;
      text-shadow: 1px 1px #b0bed9, -1px -1px #b0bed9, 1px -1px #b0bed9, -1px 1px #b0bed9;
  }
  div.dataTables_wrapper span.select-info,
  div.dataTables_wrapper span.select-item {
      margin-left: 0.5em;
  }
  @media screen and (max-width: 640px) {
      div.dataTables_wrapper span.select-info,
      div.dataTables_wrapper span.select-item {
          margin-left: 0;
          display: block;
      }
  }


#generalchat{

  z-index: 5000;
  }
 
 #chat_resuelto{

    width: auto;
  padding: 0 5px !important;
  border-radius: 5px !important;
  }

  li.chat-item {
    /*border-top: 1px solid #d0dbe5;*/
    border-top: 1px solid #d0dbe57d;
}
  .border-apolochef {

    color: #0065CE !important;
    border-color: #0065CE !important;
    background: #ffffff !important;
  }

  .border-apolochef:hover {

    background: #0065CE !important;
    border-color: #0065CE !important;
    color: #fff !important;
  }

  .border-apolochef-gray {
    color: #6d7f91 !important;
    border-color: #b2c0cd !important;
    background: #edf1f5 !important;
  }

  .border-apolochef-gray:hover {
    color: #6d7f91 !important;
    background: #ffffff !important;
    border-color: #b2c0cd !important;
  }

  span.fechacss {
    font-size: 10px !important;
  }

  a {
    text-decoration: underline !important;
  }

  .btn {
    text-decoration: none !important;
  }

  .color-calendar.glass {

    box-shadow: none !important;
  }

  .color-calendar.glass .calendar__monthyear {

    color: #000 !important;
  }

  .border-event {
    border: 1px solid #ccc;
    padding: 10px;
    margin: 13px;
    border-radius: 6px;
  }

  divcalendario {
    padding: 0px !important;
  }

  .calendar__monthyear {
    font-size: 17px !important;
  }

  .color-calendar.glass .calendar__header {
    padding: 10px;
    color: var(--cal-header-color);
  }

  .color-calendar.glass .calendar__body {
    padding: 18px 14px;
    border-radius: 15px !important;
    background-color: #F9FAFB !important;
  }

  .color-calendar.glass {
    background-color: #FFFFFF !important;
  }

  .calendar__header {
    background: #fff !important;
  }

  .color-calendar.glass .calendar__arrow-inner::after {
    background-color: #B6C2CF;
  }

  .link-green {

    color: green;
  }


  .form-group-ct {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }

  .form-group label {
    padding-right: 15px;
  }

  .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
  }


  .select2-container{
    width:100% !important;
  }

  @media(max-width: 768px) {
    .modal-dialog {
      min-height: calc(100vh - 20px);
    }

    .modal-content {
        position: fixed !important;
        bottom: 0px !important;
        max-width: inherit;
    }
  }

  .action-options a {
    font-size: 13px !important;
    text-transform: initial;
    font-weight: 400 !important;
  }

  .action-options a.btn-vendedor {
    border: 1px solid #0065CE !important;
    color: #0065CE !important;
    background: #fff;
  }



  canvas {
    max-width: 100%;
  }

  img {
    max-width: 100%;
    /* This rule is very important, please do not ignore this! */
  }

  .share-link {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
  }


  .st0 {
    fill: #0065ce  !important;
  }
  .navbar {

    background: #075bb4 !important;
  }

  .navbar .sidebar-toggler svg {

    color: white !important;
  }

  .navbar .sidebar-toggler {
    background: #075bb4;
    border-right: 0px !important;
  }

  .sidebar .sidebar-header {
    background: #0065ce !important;
    border-right: 0px !important;
  }

  .navbar .navbar-content {
    background: #075bb4;
  }

  .btn-primary,
  .swal2-modal .swal2-actions button.swal2-confirm,
  .wizard>.actions a,
  .wizard>.actions a:hover {
    background-color: #0065CE !important;
    border-color: #0065CE !important;

  }

  body .swal2-modal .swal2-actions button.swal2-cancel
  {

    background-color: #ffffff !important;
    border-color: #0065CE !important;
    color: #0065CE !important;
  }

  .loader-wrapper {
    opacity: 0 !important;

  }


  .sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-icon {

    color: #0065CE !important;
  }

  .form-control,
  .form-select,
  select {

    font-size: 14px !important;
  }

  .green{
    background:#3595fb;color:#fff
}

.delivery{
    background:#DA4B4B;color:#fff
}
.recoger{
    background:#D87101;color:#fff
}
.comer{
    background:#449CD8;color:#fff
}

.llevar{
    background:#158C53;color:#fff
}
input.form-control {
    border-radius: .1875rem !important;
}
select {
border-radius: .1875rem !important;
}

.video_tipo{
  border: 1px solid #dbdee5 !important;
}
.btn, .fc .fc-button, .swal2-modal .swal2-actions button, .wizard>.actions .disabled a, .wizard>.actions a, .wizard>.actions a:hover {
  font-size: 12px !important;
    padding: 0.7rem 1rem 0.7rem !important;
    font-weight: 500 !important;
}


.form-switch .form-check-input {
  /*background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgba(0, 0, 0, 0.25)'/%3E%3C/svg%3E");*/
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='rgb(7 91 180)'/%3E%3C/svg%3E");
  
  background-position: 0;
  border-radius: 2em;
  margin-left: 0;
  width: 3em;
  position: relative !important;
}
.form-check-input:checked {
  background-color: #0065CE ;
  border-color: #0065CE ;
}
.form-switch .form-check-input:checked {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
  background-position: 100%;
}

.form-switch .form-check-input:before {
  content: "No";
  position: absolute;
  right: 3px;
  font-size: 9.5px;
  z-index: 9;
  top: 2.5px;
  color: #075bb4;
}

.form-switch .form-check-input:checked:before {
  content: "Sí";
  position: absolute;
  left: 6px;
  font-size: 9.5px;
  color: #FFFFFF;
  z-index: 9;
  top: 2.5px;
  top: 3px;
}

.form-check-input {
  color-adjust: exact;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #fff;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  border: 1px solid rgba(0,0,0,.25);
  height: 1.3em;
  margin-top: 0.1em;
  -webkit-print-color-adjust: exact;
  vertical-align: top;
  width: 1.3em;
  position: initial !important;
    margin-top: 0 !important;

}


.form-check-input-soporte {

}

.badge-light-red {
  background-color: #6f8eab !important;
  color: #ffffff !important;
}

.badge {
    padding: 4px 5px 4px !important;
    font-weight: 400 !important;
  }
  
  .modal-dialog {
    margin-left: auto !important;
    margin-right: auto !important;
  }

  table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting{
    padding-right: 0 !important;
  }

  table.dataTable tbody td.select-checkbox:before, table.dataTable tbody td.select-checkbox:after, table.dataTable tbody th.select-checkbox:before, table.dataTable tbody th.select-checkbox:after{

    top: 50% !important;
  }

  .radius-apolochef{
    border-radius: 5px;
  }
  #dataTableExample, #data-items, #datatable{
    border-collapse: collapse !important;
  }
  
  #dataTableExample tr, #data-items tr, #datatable tr{
    border-bottom: 1px solid #e8ebf1 !important;
    height: 45px !important;
  }

  .badge-light,.badge-depositado{

    background-color:#fff !important;
    color: #7694ad  !important;
    border: 1px solid #a9b7c2  !important;
  }

  .badge-light.green {
    /*background-color: #4cc47f !important;
    color: #FFFFFF !important;
    border: 1px solid #4cc47f !important;*/
}


input::-webkit-input-placeholder {
  color: #c9c8c8 !important;
}

.card-apolo{
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid #f2f4f9;
  border-radius: 0.25rem;
  box-shadow: 0 0 10px 0rgba(183,192,206,.2);
  -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 20%);
  -moz-box-shadow: 0 0 10px 0 rgba(183,192,206,.2);
  -ms-box-shadow: 0 0 10px 0 rgba(183,192,206,.2);
}
.card-body-apolo {
  padding: 1.5rem;
  flex: 1 1 auto;
  min-height: 1px;
}
.print_select select, .print_select-clone select{ 
  width: 100%;
  margin: 0;
  height: 30px;
  font-size: 12px !important;
  max-width: 110px;
  font-weight: 500;
  border-color: #0065CE !important;
  color: #0065CE !important;
  text-align: right;
}
.modal-header{
  display:none !important;
}
.modal-body{
  border: 0px solid;
}
.modal-body.modal-body-order {
  padding: 0px !important;
}

#iframeModalWindow{
  height: 600px;
  border: 5px !important;
}


#popup-solo-chat {
  display: none;
  top: 0px;
  left: 0px;
  overflow-x: hidden;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  position: fixed;
  z-index: 1500;
  border-radius: 10px;
  transition: opacity 200ms ease 0s;
  margin: 0px auto;
  width:100%;
}

.popup-solo-html{

  position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #e8ebf1;
    border-radius: 0.3rem;
    outline: 0;
    padding: 15px 10px;
    min-height: 660px;
}



.popup-solo-header {
  width: 100%;
  height: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0;
}
.popup-header-left {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
}

.popup-solo-content{
  min-height: calc(100vh - 60px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: auto;
  max-width: 480px !important;
  margin: 30px auto;
}



select {
  border-radius: .1875rem !important;
}

select.client_select {
  border-radius: 0.1875rem !important;
}

.table td,
.table th {
  padding: 0.5rem 0.5rem;

}

.badge-apolo {

  background: #0065CE;
  color: white;
}



.form-check .form-check-label {
  font-size: 0.85rem !important;
  color: #828282;
}

.add-to-cart-button {
  /*background-color: #d22423 !important;
  border : 1px solid #d22423 !important;*/
  border: 1px solid #0065CE !important;
  color: #ffffff !important;
  background-color: #0065CE !important;
}

.delivery-buttons{
  border : 1px solid transparent !important;
}

.email-compose-fields .select2-container--default .select2-selection--multiple,
.form-control,
.select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--single .select2-search__field,
.tt-hint,
.tt-query,
.typeahead,
select {
  border: 1.2px solid #DBDEE5;
  font-weight: 400;
  font-size: .875rem;
}

.email-compose-fields .select2-container--default select.select2-selection--multiple,
.select2-container--default .select2-selection--single select.select2-search__field,
.select2-container--default select.select2-selection--single,
select,
select.form-control,
select.tt-hint,
select.tt-query,
select.typeahead {
  padding: 0 0.75rem;
  outline: none;
  color: #c9c8c8;
}

.d-flex.justify-content-between.align-items-center.flex-wrap.grid-margin {
  display: none !important;
}

.main-wrapper .page-wrapper {
  background: #F6F6F6;
  margin-left: 70px !important;
  width: calc(100% - 70px) !important;
}





audio {
  max-width: 100%;
  height: 30px !important;
}

audio::-webkit-media-controls-play-button,
audio::-webkit-media-controls-panel {
  background-color: rgba(255, 255, 255, 0) !important;
}

audio.bg-custom-color::-webkit-media-controls-play-button,
audio.bg-custom-color::-webkit-media-controls-panel {
  background-color: rgb(150 205 239 / 30%) !important
}

.me audio.bg-custom-color::-webkit-media-controls-play-button,
.me audio.bg-custom-color::-webkit-media-controls-panel {
  background-color: transparent !important
}

.img-custom-width, .video-custom-width {
  max-width: 100% !important;
  margin-top: 0px !important;
  margin-bottom: 5px !important;
  margin-left: 0px !important;
  border-radius: 14px 14px 0px 0px;
}

span.play-icon-chat {
  position: absolute;
  z-index: 1;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: center !important;
  font-size: 3em !important;
  color: #FFFFFF !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

span.play-icon-chat i {
  background-color: #0000007a;
  border-radius: 50%;
  padding: 5px 5px;
  line-height: 1;
}

iframe {
  border-radius: 14px;
}

#iframeModalWindow{
  border-radius: 0px !important;
}

.badge-primary {
  background-color: #0065CE !important;
  border-color: #0065CE !important;

}

.chat-red {

  color: red !important;
}

body {
  font-family: 'Roboto', sans-serif !important;
}


.table td,
.table th {
  vertical-align: middle !important;
}

.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle {
  background: red;
}

.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator .circle:before {
  background: transparent !important;
}

.chat-wrapper .chat-content .chat-body .messages .message-item.me .content .bubble {
  background: rgb(229 229 229 / 48%) !important;
  border-radius: 14px !important;
  word-break: break-word;
  text-align: right;
}

.message-item.me img ~ .fechacss {
  text-align: center !important;
}

.fechacss.text-center {
  display: block;
  text-align: center;
}

.chat-wrapper .chat-content .chat-body .messages .message-item.friend .content .bubble {
  background: rgb(150 205 239 / 30%) !important;
  border-radius: 14px !important;

}

.archivo-chat {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  cursor: pointer;
  text-decoration: none !important;
}

.archivo-chat span {
  min-width: 100px;
  text-align: left !important;
  padding-left: 5px;
}

.archivo-chat svg {
  width: 44px;
  height: 44px;
}

.fechacss-archivo {
  padding-left: 15px;
  padding-right: 15px;
}

.contacto-chat {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  text-decoration: none !important;
}

.text-center.contacto-chat img {
  width: 100%;
  max-width: 54px;
  border-radius: 5px;
  margin-right: 5px !important;
}

.contact-card {
  min-width: 100px;
  text-align: left !important;
  padding-left: 10px;
}

.contact-card span:first-child {
  display: block;
  font-weight: 500;
  font-size: 14px !important;
  padding-bottom: 3px;
}

.contact-card span:nth-child(2) {
  display: block;
}

.chat-contact-id, .chat-aprobar-recorrido {
  color: #0065CE !important;
  padding: 0.6rem 1.3rem 0.6rem !important;
  border-radius: 10px !important;
  margin-top: 0px;
  margin-bottom: 10px;
  cursor: pointer;
  text-align: center !important;
  display: inline-block !important;
}

.message-item.friend .quote-message {
  padding: 10px;
  /*background: rgb(150 205 239 / 60%) !important;*/
  background: rgb(102 102 102 / 10%) !important;
  border-radius: 14px !important;
  margin-top: -7px;
  margin-left: -15px;
  border-bottom-left-radius: 0px !important;
  margin-bottom: 7px;
  margin-right: -15px;
  font-size: 12px;
}

.message-item.me .quote-message {
  padding: 10px;
  /*background: rgb(150 205 239 / 60%) !important;*/
  background: rgb(102 102 102 / 10%) !important;
  border-radius: 14px !important;
  margin-top: -7px;
  margin-left: -15px;
  border-bottom-right-radius: 0px !important;
  margin-bottom: 7px;
  margin-right: -15px;
  font-size: 12px;
}

.chat-contact-id:hover, .chat-aprobar-recorrido:hover {
  background-color: #0065CE !important;
  color: #FFFFFF !important;
  }

.chat-wrapper .chat-content .chat-body .messages .message-item.friend .content .bubble p {

  word-break: break-word;
  text-align: justify;
}

.chat-wrapper .chat-content .chat-body .messages .message-item.friend .content .bubble:before {
  border-color: rgb(223 240 250) rgb(223 240 250) transparent transparent;
  display: none;
}

.chat-wrapper .chat-content .chat-body .messages .message-item.me .content .bubble:before {
  border-color: rgb(243 243 243) transparent transparent rgb(243 243 243);
  display: none;
}

.chat-wrapper .chat-content .chat-body .messages .message-item{
  margin-bottom: 5px !important;
  max-width: 60% !important;
}

.badge-anulado {

  background: #ff6600;
  color: #ffffff;
}


.badge.imprimido {
  background: #f2f5f8;
  color: #a19d9d6e;
  border: 1px solid #a19d9d6e;
}

.badge.noimprimido {
  background: #f2f5f8;
  color: #a19d9d;
  border: 1px solid #a19d9d6e;
}



.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
  line-height: 1.2 !important;

}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {

  display: none !important;

}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {

  display: none !important;
}

table.dataTable tr.selected td.select-checkbox:after,
table.dataTable tr.selected th.select-checkbox:after {
  text-shadow: none !important;
}


thead {
  background: #f2f4f6 !important;
  height: 30px;
}

table {
  width: 100% !important;
}


.table {
  color: #212529 !important;
}

.table td img {

  height: auto !important;
  border-radius: 2px !important;
  display: inline-table;
  margin: 0 auto;
  width: 30px;
}

.main-wrapper .page-wrapper .page-content {
  flex-grow: 1;
  padding-bottom: 25px !important;
  padding-right: 25px !important;
  padding-left: 25px !important;
  padding-top: 10px !important;

}

.sidebar .sidebar-body .nav {
  padding-top: 0 !important;
}


.sidebar .sidebar-header .sidebar-toggler span {

  background: #fff !important;
}

.dropify-wrapper .dropify-message span.file-icon {

  font-size: 14px !important;
}

.sw-input:checked+.sw-label {

  background: #E8EAEC !important;
}

select {

  color: #495057 !important;
}



@media only screen and (max-width: 768px) {


  .card {
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
  }

  .card {
    border: 0px solid #F2F4F9 !important;
  }



  .auth-left-wrapper svg {
    width: 50% !important;
  }
}

.tipo-badge {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #bababa;
  color: #bababa;
  margin-bottom: 3px !important;
  margin-top: 3px !important;
}

span.tipo1 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #ff9c9c;
  color: #ff9c9c;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo2 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #ffd79c;
  color: #ffd79c;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo3 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #a1a1a1;
  color: #a1a1a1;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo4 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #85c2da;
  color: #85c2da;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo5 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #8c95ff;
  color: #8c95ff;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo6 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #bf8cff;
  color: #bf8cff;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo7 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #f98cff;
  color: #f98cff;
  margin-bottom: 3px;
  margin-top: 3px;
}


.customimg {
  width: 35px !important;
  height: 35px !important;
}

span.tipo8 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #27a499;
  color: #27a499;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo9 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #b6cfff;
  color: #b6cfff;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo10 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #bababa;
  color: #bababa;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo11 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #6cf0ff;
  color: #6cf0ff;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo12 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #65c61b;
  color: #65c61b;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo17 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #c3d735;
  color: #c3d735;
  margin-bottom: 3px;
  margin-top: 3px;
}

span.tipo14 {
  padding: 1.5px;
  border-radius: 3px;
  width: fit-content;
  border: 1px solid #a28aff;
  color: #a28aff;
  margin-bottom: 3px;
  margin-top: 3px;
}

input.form-control.form-control-sm {
  height: 35px !important;
}

.generalchat .btn.btn-icon {
  align-items: center;
  display: inline-flex;
  height: 38px !important;
  justify-content: center;
  padding-top: 16px !important;
  padding-left: 5px !important;
  padding-right: 8px !important;
  width: 38px !important;
}


#generalchat .modal-dialog.horizontal-chat {

max-width: 1200px !important;/*900*/
}
#generalchat .modal-dialog.vertical-chat {

max-width: 600px !important;/*400*/
}
#generalchat .modal-dialog {

max-width: 900px;
margin-left: auto !important;
margin-right: auto !important;
}

@media (max-width: 768px) {

  .generalchat a.open-unique-chat,
  a.open-chat,
  a.open-order {
    text-decoration: none !important;
    color: black !important;
  }

  .main-wrapper .page-wrapper .page-content {
    padding: 10px !important;
  }
}

@media (max-width: 767px) {

  .generalchat a.open-unique-chat,
  a.open-chat,
  a.open-order {
    text-decoration: none !important;
    color: black !important;
  }

  .main-wrapper .page-wrapper .page-content {
    padding: 10px !important;
  }
}


#generalchat .chat-list .badge {

  padding: 3px 6px 1px 6px !important;
  font-weight: 300 !important;
  height: 16px;
  border-radius: 3px;

}

.generalchat .chat-wrapper,
.chat-item p, .text-aprobar-recorrido {
  color: #494a4a !important;
  font-size: auto !important;
  font-weight: 400;
}

.text-aprobar-recorrido {
  font-size: 14px !important;
}

.generalchat .content .message {

  word-break: break-all;
}

.generalchat {
  padding: 5px 0 !important;
}

.generalchat .chat-item a {

  text-decoration: none !important;
}

.generalchat .aside-header {

  background: rgb(229 229 229 / 48%) !important;
  padding: 20px 0;
}

.generalchat .img-xs {
  width: 36px !important;
  height: 36px !important;
}


.generalchat .chat-wrapper .chat-aside .aside-body .tab-content {
  max-height: calc(100vh - 165px);
  /*max-height: calc(100vh - 210px);*/
}

.show-more-container {
  display: none !important;
}

.h-custom {
  min-height: calc(100vh - 481px);
}

.generalchat .chat-wrapper .chat-content .chat-body {

  overflow: auto;
  max-height: calc(100vh - 465px);
  min-height: calc(100vh - 465px);
  margin: 0;
}

.generalchat .chat-ct {

  display: flex;
}


.generalchat .chat-wrapper {
  height: auto !important;

}

.chat-wrapper .chat-aside {
  padding-right: 0px !important;
  border-right: 1px solid #ccc !important;
}


.generalchat .aside-content {

  overflow: auto !important;
}



.generalchat::-webkit-scrollbar {
  width: 6px !important;
  height: 6px !important;
  background: #e1e1e1 !important;
  border: 1px solid #252525 !important
}

.generalchat::-webkit-scrollbar-button {
  display: none !important
}

.generalchat::-webkit-scrollbar-thumb,
::-webkit-scrollbar-track {
  border: 0 !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important
}

.generalchat::-webkit-scrollbar-thumb {
  *min-height: 28px !important;
  border-radius: 10px;
  background: #999 !important
}

.generalchat::-webkit-scrollbar-corner,
::-webkit-scrollbar-track {
  background: #e1e1e1 !important
}

.generalchat .loader-icon {
  color: #9b9b9b;
}

.rounded-circle {
  border-radius: 10% !important;
}

.generalchat .chat-header {
  display: none;
}

.chat-header.border-bottom.pb-2 {
  background: #0065CE;
  padding-top: 8px !important;
  border-radius: 5px;
  color: white;
}


.chat-wrapper .chat-aside {
  padding-right: 23px;
  height: 80vh !important;
}

.generalchat .chat-item.active {
  background: #f2f5f8;
}
.aside-content {
  overflow: auto !important;
}

.generalchat .chat-wrapper .chat-content .chat-body {
  min-height: 82% !important;
}

a.border-apolochef.btn.btn-outline-primary.float-end.view-more-users {
  height: 39px;
  line-height: inherit !important;
}

.show-more-container.text-center {
  position: absolute;
  bottom: 0;
  margin: 0 auto !important;
  left: auto;
  margin-left: auto;
  text-align: center;
  background: white;
  padding-top: 6px;
}

.tag-prueba-sos {
  display: inline-block;
  padding: 4px 5px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: orange;
  color: #FFFFFF;
  border: 1px solid orange;
}

.button-sos .tag-prueba-sos {
  background-color: orange !important;
  color: #FFFFFF !important;
  border: 1px solid orange !important;
  width: max-content !important;
  padding: 4px 5px !important;
}

.tag-sereno-sos {
  display: inline-block;
  padding: 4px 5px;
  font-size: 75%;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 3px;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  background-color: #0065CE;
  color: #FFFFFF;
  border: 1px solid #0065CE;
}

.button-sos .tag-sereno-sos {
  background-color: #0065CE !important;
  color: #FFFFFF !important;
  border: 1px solid #0065CE !important;
  width: max-content !important;
  padding: 4px 5px !important;
  display: inline-block !important;
}

.generalchat .chat-wrapper .chat-content .chat-body {
  min-height: calc(100vh - 216px) !important;
}

.chat-wrapper .chat-aside {
  padding-right: 23px;
  height: calc(100vh - 107px) !important;
}

@media (max-width: 991px) {

  .generalchat .chat-wrapper .chat-content {
    position: relative !important;

  }

  .generalchat .modal-dialog {
    max-width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }

}



.indicator span {
  background-color: red;
  font-size: 10px;
  width: 22px;
  height: 22px;
  line-height: 22px;
  text-align: center;
  border-radius: 14%;
  display: inline-block;
}

.claseimprimido {
  /*background: #d0dbe596;*/
  background: #d0dbe563;
}
.clasenoimprimido {
  background-color: white;
}

#generalchat {
  z-index:1050 !important;
}



@media (max-width: 768px) {

  div.dataTables_wrapper div.dataTables_filter input{

    width: 100% !important;
  }

  #showchat {
    display: none;
    height: 80vh;
    flex: 0 0 100%;
    max-width: 100%;
    height: calc(100vh - 120px) !important;
  }

  #showusers {
    flex: 0 0 100%;
    max-width: 100%;
  }

  #generalchat .modal-dialog {
    height: calc(100vh - 200px) !important;
  }

  #calculadora .modal-content {
    height: calc(100vh - 112px) !important;
  }

  #calculadora .modal-content .list_records_dynamic {
    max-height: calc(77vh - 120px);
  }

  .generalchat .chat-wrapper .chat-content .chat-body {
    min-height: unset !important;
    height: calc(100% - 122px) !important;
    max-height: unset !important;
  }

  .generalchat .chat-hide {

    display: none !important;
  }
  
  #backToChatList {
    display: block !important;
  }

  #modalqr .modal-content, #modalorden .modal-content {
      position: fixed !important;
      bottom: 0px !important;
      max-width: inherit;
      margin: 0 auto;
  }

  #modalpago .modal-content {
    position: fixed !important;
    bottom: 0px !important;
    max-width: 522px;
    margin: 0 auto;
}

}




@media only screen and (max-width: 768px){

.profile-name{
  display:none;
}
  .dataTables_wrapper.dt-bootstrap4 .dataTables_filter {
    margin-left: 0 !important;
}
.card-body-apolo {
  padding: 0.8rem !important;
  flex: 1 1 auto;
  min-height: 1px;
  border: 0.5px solid #e0e0e0;
  border-radius: 4px;
}

.chat-wrapper .chat-aside {
  height: calc(100vh - 120px) !important;
}

}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .nav-link img {
  width: 25px !important;
  height: 25px !important;
  border-radius: 50% !important;
}

.open-general-chat.nav-link i.mdi.mdi-message-text {
  width: 77px !important;
  font-size: 21px;
}

.navbar .navbar-content .navbar-nav .nav-item .nav-link .indicator {
  position: absolute !important;
  top: -12px !important;
  right: -10px !important;
}

.modal-backdrop ~ .modal-backdrop{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}


.titulocentral {
  font-weight: 600;
  text-align: center;
  justify-content: center !important;
  display: table;
  font-size: 17px;
  color: #000000;
}

.flex-row {
align-items: center;
}


.textoblanco #swal2-content {
  color: white;
}

.swal2-container.swal2-center.textoblanco.swal2-backdrop-show {
  z-index: 999999 !important;
}

.zindexdelante{
z-index: 1052 !important;
}

.modal-backdrop ~ .modal-backdrop.zindexdelantedrop{
  z-index: 1051 !important;
}

.ruc-swal1 {
  z-index: 1100 !important;
}

.zindextres{
  z-index: 9999 !important;
  }
  


.ocultar{
  display:none !important;
}


div#generalchat.minichat {
  z-index: 1051 !important;
}


div#modalpago_entregado, div#modalpago {
  z-index: 1100 !important;
}



/* The container must be positioned relative: */
.print_select, .print_select-clone {
  position: relative;
  max-width: 115px;
  width: 100%;
}

.print_select select, .print_select-clone select {
  display: none; /*hide original SELECT element: */
}

.select-selected {
  background-color:#fff;
}

/* Style the arrow inside the select element: */
.select-selected:after {
  position: absolute;
  content: "";
  top: 14px;
  right: 10px;
  width: 0;
  height: 0;
  border: 6px solid transparent;
}

/* Point the arrow upwards when the select box is open (active): */
.select-selected.select-arrow-active:after {
  top: 7px;
}





/* style the items (options), including the selected item: */
.select-items div,.select-selected {
  padding: 0.5rem 1rem 0.5rem !important;
    border: 1px solid #0065CE !important;
    color: #0065CE;
  cursor: pointer;
  border-radius: 0.1875rem;
  font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
}


/* Style items (options): */
.select-items {
  position: absolute;
  background-color:#fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

/* Hide the items when the select box is closed: */
.select-hide {
  display: none;
}

.select-items div:hover, .same-as-selected {
  background-color: #0065CE !important;
  color: white !important;
}


.estilohey {
  padding: 10px;
  color: black;
  border-radius: 5px;
  margin-bottom: 20px;
}


.estilohey_header_text {
  text-align: left;
  padding-left: 10px;
  font-weight: 600;
  font-size: 14px;
}

.minbutton {
  font-size: 11px !important;
    padding: 9px !important;
}



table.customtable {
  border-collapse: collapse;
  border-style: hidden;
  text-align: left;
  font-size: 14px !important;
  color: #2d2d2d;
  font-weight: 400 !important;
  border-radius: 4px;
  margin-bottom: 10px;
  border-bottom: 1px solid #d0dbe5 !important;
}

table.customtable td, table.customtable th {
  border-bottom: 1px solid #d0dbe5 !important;
}

.warnimpri{
  font-size: 12px !important;
  color: red;
}

.comentarioclase{
  font-size: 13px;
  color: black;
  font-weight: 400;
}

.orders_icons, .orders_icons2, .orders_icons3, .orders_icons2-clone {
  font-size: 20px;
  display: flex;
  align-items: stretch;
  justify-content: center;
  height: 100%;
}

.solo-chat-icon {
  height: 100%;
  display: flex;
  height: 100%;
  align-items: stretch;
  float: left;
}

#solo-chat {
  cursor: pointer;
    padding: 0px 6px !important;
    border: 1px solid #0065CE !important;
    color: #0065CE;
    cursor: pointer;
    border-radius: 0.1875rem;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
    margin-right: 5px;
    align-items: center;
    display: flex;
    height: 30px;
    width: 30px;
}

.print-button, .anular-button, .share-button, .blue-button, .list-button, .grid-button, .anular-button-clone {
  cursor: pointer;
  padding: 0px 5px;
  border: 1px solid #0065CE !important;
  color: #0065CE;
  cursor: pointer;
  border-radius: 0.1875rem;
  font-size: 18px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  margin-right: 5px;
  align-items: center;
  display: flex;
  height: 30px;
  width: 30px;
}

.list-button svg, .grid-button svg{
  fill: #0065CE;
}

.print-button:hover, .share-button:hover, .blue-button:hover, .list-button:hover, .grid-button:hover {
  color: #FFFFFF;
  background-color: #0065CE;
}

.list-button:hover svg, .grid-button:hover svg {
  fill: #FFFFFF;
}

.list-button, .grid-button {
  order: 2;
}

.list-button.active, .grid-button.active {
  color: #FFFFFF;
  background-color: #0065CE;
  /*order: 1;*/
}

.list-button.active svg, .grid-button.active svg {
  fill: #FFFFFF;
}

.anular-button, .anular-button-clone {
  margin-right: 0px;
  margin-left: 5px;
  color: #ff3131;
  border: 1px solid #ff3131 !important;
}

.anular-button:hover {
  color: #FFFFFF;
  background-color: #ff3131;
}

.print_select:hover .select-selected, .select-selected.select-arrow-active {
  color: #FFFFFF;
  background-color: #0065CE;
}

.hide {
  display: none !important;
}

.op0 {
  display: none !important;
}

.content_products {
  overflow-y: auto;
}

.content_items {
  border-left: 1px solid #ddd;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-height: 80vh;
}

.cart-create-order, .cart-delivery-tipo, .cart-create-order-pagar, .cart-modificar-order, .cart-modificar-order-add-products {
  display: block;
  width: 100%;
  padding: 15px !important;
}

.btn-mesa-cancel, .btn-mesa-aceptar,.btn-mesa-cancel-edit, .btn-mesa-aceptar-edit, .btn-mesa-aceptar-edit, .btn-delivery-cancel, .btn-delivery-aceptar {
  width: 100%;
  display: block;
  max-width: unset;
  padding: 15px !important;
}

.content_products .entry-media {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  padding-bottom: 100%;
  height: 0;
  border-radius: 3%;
}

.content_products .entry-media img {
    width: unset!important;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
}

.content_products .image-title {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.content_products .image-title .product-title-text {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  color: #757575;
  font-weight: 400;
  font-size: 14px;
}

.entry-body {
  padding: 5px 0px;
}

.content_products .item {
  cursor: pointer;
}

.product-title {
  text-align: center;
}

.print_individual_products {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  padding: 0px 10px;
}

#crearorden .print_products {
  height: 100vh;
  max-height: 70vh;
  position: relative;
  margin-bottom: 15px;
}

#crearorden .print_individual-products {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #fffffff7;
  height: 100%;
  max-height: unset;
  width: 100%;
  padding-right: 0;
  padding-left: 0;
  right: 0;
  left: 0;
  border-radius: 0.3rem;
}

.print_individual-products {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 10;
}

.row-individual-products_ {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  
}

.row-individual-products {
  width: 100%;
  max-width: 380px;
  position: absolute;
  z-index: 11;
  /*background-color: #f2f2f2;*/
  background-color: #FFFFFF;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  border-radius: 0.3rem;
  max-height: 100%;
  overflow: auto;
}

.row-individual-products .product-title {
  font-size: 18px;
}

.item-regresar {
  position: absolute !important;
  top: 10px;
  left: 5px;
  cursor: pointer;
  font-size: 20px;
  display: none;
}

.individual-item {
  padding: 0px !important;
}

.add-product {
  border-radius: 0.3rem;
  background-color: red;
  color: #FFF;
  border: 1px solid red;
  font-family: roboto;
}

.print_products .spinner-border {
  text-align: center;
  color: #0065CE;
}

.loading-content {
  display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.tag-filter {
  background-color: #FFF;
  color: #5c5c5c;
  font-weight: 500;
  padding: 8px 10px;
  border-radius: 3px;
  text-align: center;
  border: 1px solid #d6d6d6;
  cursor: pointer;
  display: block;
  margin-right: 0px;
  margin-left: 0px;
  font-size: 12px;
}

.tag-filter.selected {
  background-color: #0064ce;
  color: #FFF;
  border: 1px solid #0064ce;
}

.filters-tags {
  padding: 12px;
}

.row-cart-total {
  /*height: 100px;*/
  padding: 10px 0px;
  border-top: 1px solid #ddd;
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0.75rem !important;
  padding-left: 0.75rem;
  font-size: 85%;
}

.row-cart-items {
  max-height: calc(100% - 100px);
  overflow: hidden;
  height: 100%;
  position: relative;
  align-content: flex-start;
}

.row-cart-items {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.row-cart-cliente {
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.row-cart-cliente span {
  display: block;
}

.row-cart-cliente2 {
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}

.row-cart-cliente2 span {
  display: block;
}

.cart-item {
  margin-bottom: 10px;
}

.content-total, .content-subtotal, .content-total-delivery, .content-services, .content-tapers {
  display: flex;
  width: 100%;
  align-content: unset;
  justify-content: space-between;
  padding-bottom: 5px;
}

.content-tapers {
  padding-bottom: 0px;
}

.content-tapers span {
  padding-bottom: 5px;
}

.minus-item, .plus-item {
  padding: 1px 5px !important;
    height: 20px !important;
    min-height: unset !important;
    color: #c3c3c3 !important;
    background-color: #FFF !important;
    border: 1px solid #c3c3c3 !important;
    width: 20px;
}

.item-count {
  padding: 1px 5px !important;
  text-align: center;
  background-color: #FFFFFF !important;
  border: 0px solid !important;
  height: auto !important;
}

.cart-item {
  border-top: 1px solid #f1f1f1;
  padding-top: 10px;
}

.cart-item:first-child {
  border-top: 0px solid #ddd;
}

table th {
  pointer-events: none;
}

.qr-popup i {
  width: 77px !important;
  font-size: 19px;
}

.content_qr .embed-container {
  position: relative;
  padding-bottom: 100%;
  height: 0;
  text-align: center;
  overflow: hidden;
}
.content_qr .embed-container img {
  position: relative;
  top:0;
  left: 0;
  width: 100%;
  height: auto;
  transform: scale(0.80);

  
}

.fecha-qr {
  font-size: 16px;
  padding: 5px;
}

.button_qr {
  padding-top: 30px;
}

span.contador-chat.blue {
  background-color: #0065ce;
}

.content_qr .loading-content {
  padding: 15px;
  color: #0065ce;
}



#modalqr .modal-dialog{
  max-width: 570px !important;
}



.figure-image {
  cursor: pointer;
}

.image-content-popup img {
  width: 100%;
  display: block;
  margin: 0 auto;
  max-width: 500px;
  border-radius: 5px;
}

#ModalImage .modal-dialog {
  max-width: 500px !important;
}

.content_product_edit.active {
  position: relative;
}

.content_product_edit.active * {
  pointer-events: none;
}

.page-content.active #masive-btnn {
  pointer-events: none;
}

.content_product_edit.active:before {
  content: '';
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.content_product_edit.active:after {
  content: '';
  background-color: transparent !important;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.individual-item .info-product img {
  width: 100%;
  border-radius: 3px;
}

.info-product {
  display: flex;
  align-items: center;
  text-align: left;
  padding: 15px;
  /*background-color: #f4f4f4;*/
  flex-direction: column-reverse;
  padding: 0px;
}

.individual-item-product-page .info-product {
  flex-direction: column-reverse;
  padding: 0px;
}

.info-product div {
  width: calc(100% - 100px);
  padding: 10px;
  width: 100%;
  padding: 30px 20px 10px 20px;
}

.info-product div:first-child {
  width: 100px;
  padding: 5px;
  order: 2;
}

.info-product span {
  display: block;
  line-height: 1;
}

.info-product span.title_product {
  font-weight: 500;
  font-size: 1.3em;
}

.cart-group {
  padding: 10px;
  margin-bottom: 5px;
  text-align: left;
  background-color: #f4f4f4;
  border-radius: 0.3rem;
}

.cart-group-title {
  font-weight: 500;
  border-bottom: 0px solid;
  border-color: #777777;
  padding-bottom: 2px;
}

.cart-group .form-check-label {
  display: inline-block;
  /*margin-left: 0px !important;*/
  margin-bottom: 0px !important;
}

.info-options {
    /* padding: 15px; */
    padding-left: 20px;
    padding-right: 20px;
}

.cart-group .form-check .form-check-label input[type="radio"] + .input-frame:before  {
  border: 2px solid #777777;
}

.form-check .form-check-label input[type="radio"] + .input-frame:after {
  background: #0065CE !important;
}

.cart-group  .form-check .form-check-label input[type="radio"]:checked + .input-frame:before {
  background: #FFFFFF;
  border: 2px solid #0065CE;
}

.cart-group .form-check .form-check-label input[type="checkbox"] + .input-frame:before {
  border: 2px solid #777777 !important;
}

.cart-group .form-check .form-check-label input[type=checkbox]:checked+.input-frame:before {
  background: #ffffff !important;
  border: 2px solid #777777 !important;
}

#crearorden .cart-group .form-check .form-check-label input[type=checkbox]:checked+.input-frame:before {
  background: #ffffff !important;
  border: 2px solid #0065ce !important;
}

#crearorden .form-check .form-check-label input[type="checkbox"] + .input-frame:after {
  font-weight: 600;
  color: #0065ce;
}

.info-product .badge {
  background-color: transparent;
  color: #7d7d7d;
  font-weight: 600 !important;
  font-size: 12px;
  padding: 3px 6px 3px !important;
  background-color: #f4f4f4;
  font-weight: normal !important;
  margin-top: 10px;
  width: fit-content;
}

.individual-item-product-page .badge {
  padding: 3px 6px 3px !important;
  background-color: #f4f4f4;
  font-weight: normal !important;
  margin-top: 5px;
}

.info-product span.description_product {
  color: #828282;
  padding: 5px 0px;
  line-height: 20px;
  text-align: justify;
}

.table-options-group-items textarea {
  padding: 0.6rem 1rem;
}

.row-individual-products .add-to-cart-button {
  width: 100%;
  max-width: 340px;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.form-check-label span {
  font-size: 11px;
}

.cart-group .form-check .form-check-label input.disabled + .input-frame, .cart-group .form-check .form-check-label input.disabled + span {
  opacity: 0.5;
}

.cart-group-title span {
  font-size: 11px;
}

.cart-item .title_item {
  display: block;
  margin-bottom: 2px;
}

.cart-item .item-propertie {
  display: block;
  font-size: 12px;
  color: #4f4f4f;
  margin-bottom: 2px;
}

.cart-item .item-propertie:before {
  content: ".";
  padding-right: 5px;;
}

.cart-item .price_item {
  font-size: 85%;
  display: block;
  text-align: right;
}

.char_count {
  position: absolute;
  bottom: 6px;
  right: 16px;
  padding: 5px;
  background-color: #FFF;
  z-index: 1;
  color: #6B6C6D !important;
}

.table-options-group-items tr:last-child td .char_count {
  bottom: 34px;
}

#Inputdescnew ~ .char_count {
  bottom: 1px;
  right: 1px;
}

textarea:focus ~ .char_count, #Inputdescnew:focus ~ .char_count {
  display: block !important;
}

#cart-foto-cliente {
  max-width: 65px;
}

.breadcrumb-item.active {
  color: #000000 !important;
  font-weight: 500 !important;
}

.content-search-customer {
  display: flex;
}

button.btn.btn-primary.btn-anonymous-customer {
  width: 100%;
}

.btn-search-customer {
  padding: 0.3rem 0.5rem 0.4rem !important;
  font-size: 1.5em !important;
}

.title_search_cliente, .title_cart_delivery {
  text-align: center;
  font-weight: 500;
  padding-bottom: 10px;
  font-size: 14px;
  margin-bottom: 5px;
}


.step-customer {
  height: 100%;
  align-items: center;
  margin-bottom: 60px;
}


.step-delivery {
  position: absolute;
  background-color: #FFF;
  bottom: 1px;
  height: auto;
  align-items: center;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-top: 1px solid #dddddd;
  padding-top: 15px;
  width:100%;
}

.btn-mesa {
  padding: 15px !important;
  background-color: #459eda !important;
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
}

.btn-llevar {
  padding: 15px !important;
  background-color: #158c54 !important;
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
}

.btn-recoger {
  padding: 15px !important;
  background-color: #db7104 !important;
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
}

.btn-delivery {
  padding: 15px !important;
  background-color: #d84c4d !important;
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
}

.search-result {
  margin: 0 auto;
  text-align: center;
  position: relative;
  left: 0;
  right: 0;
  border-bottom: 1px solid #d0dbe5 !important;
  border-left: 1px solid #d0dbe5 !important;
  border-right: 1px solid #d0dbe5 !important;
}

.search-result .btn-customer {
  display: block;
  width: 100%;
  z-index: 1;
  position: relative;
  padding: 5px 10px !important;
  background-color: #FFFFFF !important;
  color: #000 !important;
  border-top: 1px solid #d0dbe5 !important;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.search-result .btn-customer:first-child {
  border-top: 0px solid #d0dbe5 !important;
}

.btn-customer img {
  max-width: 45px;
  border-radius: 5px;
}

.btn-customer span {
  display: block;
  padding-left: 10px;
  font-weight: 500;
}

#cart-mesa-value {
  text-align: center;
  max-width: 80px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

select .lt {
  text-align: center;
  display: block;
  width: 100%;
}

.btn-mesa-cancel, .btn-mesa-aceptar, .btn-mesa-cancel-edit, .btn-mesa-aceptar-edit {
  max-width: 85px;
  width: 100%;
}

.info-shipping-mesa, .info-shipping-tipo, .info-shipping-address, .info-shipping-date {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
}

.change-cart-delivery-tipo {
  color: #0065ce !important;
  border: 1px solid #0065ce !important;
  background-color: #FFFFFF !important;
  padding: 5px !important;
  font-size: 10px !important;
}

input#cart-delivery-value-address {
  display: block;
  /*width: 100%;
  margin-bottom: 20px;*/
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-right: 0px !important;
}

.input-group-address {
  margin-bottom: 20px;
}

.cart-total-count {
  font-weight: 600;
  font-size: 16px;
  letter-spacing: -0.5px;
}
.cart-delivery-address .input-group-address svg {
  width: 18px;
  height: 18px;
  margin-top: 0 !important;
}

.btn-address {
  padding: 10px;
  border-top: 1px solid #d4d4d4;
  cursor: pointer;
}

#cart-delivery-value-address-select {
  /*border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
  border-radius: 3px;*/
 /* position: absolute;*/
  bottom: 55px;
  /*background-color: #FFF;
  margin-right: 13px;*/
}

.btn-aceptar-fecha-delivery {
  margin-top: 10px;
  width: 100%;
  padding: 15px !important;
}

.step-loading {
  color: #0064ce;
  background-color: #FFF !important;
  position: absolute;
  padding: 15px;
  height: 400px;
  width: 98%;
  bottom: 0;
  margin-left: 0px !important;
}

.content_items .btn-secondary {
  background-color: #FFFFFF !important;
  color: #0065ce !important;
  border: 1px solid #0065ce !important;
}

@media screen and (max-width: 640px) {
  #modalqr .modal-dialog {
      max-width: 100% !important;
  }
}

label.form-group {
  font-weight: 500 !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon{
  position: relative !important;
}

.sidebar .sidebar-body .nav .nav-item.active{
  background: #f2f4f6;

}

.sidebar .sidebar-body .nav .nav-item {
  position: relative !important;
  text-align: center !important;
  height: 60px !important;
  border-bottom: 1px solid #dadfe8;
  display: flex;
  justify-content: center;
  align-items: center;

}

.sidebar .sidebar-body .nav {
  padding: 0px !important;
}

.sidebar-folded:not(.open-sidebar-folded) .sidebar, .sidebar-folded:not(.open-sidebar-folded) .sidebar .sidebar-header {
  width: 100px!important;
}

.main-wrapper .page-wrapper {
  background: #F6F6F6;
  margin-left: 100px !important;
  width: calc(100% - 100px) !important;
}

.sidebar-folded:not(.open-sidebar-folded) .sidebar .sidebar-body .nav .nav-item .nav-link .link-arrow, .sidebar-folded:not(.open-sidebar-folded) .sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
  visibility: visible !important;
  opacity: 100 !important;
  width: 100% !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-title {
  margin-left: 0px !important;
  /*font-size: 12px !important;*/
  font-size: 11px !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link {
  /*white-space: pre-line !important;
  display: block !important;
  height:auto !important;*/
  white-space: pre-line !important;
  width: 100%;
  flex-direction: column;
  height: 100% !important;
  align-items: center !important;
  justify-content: center;
}

.sidebar .sidebar-body {
  padding-top: 0px !important;
}

svg.feather {
  margin-top: -6px !important;
}

svg.feather.feather-chevron-down.link-arrow {
  display: none !important;
}

.sidebar-toggler.not-active {
  display: none !important;
}

a.sidebar-brand {
  width: 100% !important;
}

.sidebar .sidebar-header {
  padding: 0px !important;
  text-align: center !important;
}

ul.nav.sub-menu {
  position: absolute !important;
  margin-left: 30px !important;
  padding: 0px !important;
}


ul.nav.sub-menu .nav-item{
  border-bottom: 0 !important;
}

ul.nav.sub-menu .nav-item:last-child{
  border-bottom: 1px solid #dadfe8 !important;
}

/*.sidebar .sidebar-body .nav .nav-item ul.nav.sub-menu .nav-item {
  height: 40px !important;
}*/

.sidebar-folded:not(.open-sidebar-folded) .sidebar .sidebar-body .nav.sub-menu{
  display:block !important;
}

.collapse.show {
  display: block !important;
  position: fixed !important;
  margin-top: -4px !important;
}


li .nav-item {
  background: #fff;
  padding: 10px !important;
  vertical-align: middle !important;
  list-style: none !important;
  height: 10px !important;
  border: 1px solid #dadfe8  !important;
  margin-left: 20px !important;
}
a.nav-link {
  padding-top: 0px;
  text-decoration: none !important;
}

body {
  line-height: 1 !important;
}
ul.nav.sub-menu {
  margin-top: -28px !important;
}



ul.nav li.nav-item {
  display: block;
}

@media (max-width: 991px) {
  .main-wrapper .page-wrapper {
      margin-left: 0 !important;
      width: 100% !important;
  }

  .navbar {
      width: 100% !important;
      left: 0 !important;
  }
}

.bootstrap-datetimepicker-widget {
  float: unset;
  text-align: center;
}

.bootstrap-datetimepicker-widget  .collapse.show {
  position: relative !important;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link:before {
display: none !important;
}


a.nav-link.online-status.active, a.nav-link.caja-status.active  {
  padding: 6px !important;
  margin-top: 4px;
}


.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-body .profile-nav .nav-item .nav-link span {
  font-size: 11px !important;
  margin-top: 0px !important;
}

.profile-nav li.nav-item {
  border: 0px !important;
  padding: 13px !important;
}

.sidebar .sidebar-body .nav .nav-item .nav-link .link-icon {
  width: 12px !important;
  height: 12px !important;
}

.apolo li.nav-item:hover {
  background: #f2f4f6;
}

.col.mx-1.form-group.apolo {
  margin-right: -1rem !important;
}

.apolominortex {
  font-size:12px !important;
  margin-top: 5px !important;
}

.apolo li.nav-item:hover .collapse {

  display: block !important;
  position: fixed !important;
  margin-top: -4px !important;
}

a {
  font-weight: 500 !important;
}

.breadcrumb-item svg{

  width:18px;
  margin-right: 8px;
}

/* para recordar*/


.titulocentral{
  display: none;
}

button.btn.btn-primary.btn-search-customer {
  width: 40px;
}

.fa {
  font-size: 15px !important;
  padding-bottom: 2px !important;
}

button.btn.btn-primary.btn-anonymous-customer {
  height: 39px;
}
.elegircliente {
  background: #fff;
  /*padding-bottom: 15px;*/
  border-radius: 6px;
}

span#cart-nombre-cliente {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 6px;
}

span#cart-telefono-cliente {
  color: black;
  font-size: 12px;
  margin-bottom: 5px;
  width: fit-content;
}

img#cart-foto-cliente {
  width: 57px;
  border-radius: 5px;
  float: left;
  margin-right: 6px;
}

span#cart-ordenes-cliente {
  font-size: 12px;
  color: gray;
}



span#cart-nombre-cliente-top {
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 5px;
  margin-top: 6px;
}

span#cart-telefono-cliente-top {
  color: black;
  font-size: 12px;
  margin-bottom: 5px;
  width: fit-content;
}

img#cart-foto-cliente-top {
  width: 57px;
  border-radius: 5px;
  float: left;
  margin-right: 6px;
}

span#cart-ordenes-cliente-top {
  font-size: 12px;
  color: gray;
}


.row.row-individual-products.ps {
  box-shadow: 0 0 10px 0 rgb(183 192 206 / 70%);
  -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 70%);
}

.col-md-4.content_items {
  padding-left: 0px !important;
}



.modal-body.modal-crearorden {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.col-md-4.content_items {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.container.carrito {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-right: 0px !important;
  padding-left: 0 !important;
  max-width: 1200px !important;
}

.online-status,.caja-status {
  font-size: 11px;
  border: 0px solid #FFFFFF;
  text-align: center;
  border-radius: 5px;
  padding: 6px !important;
  text-decoration: none !important;
  background-color: red;
  color: #FFF !important;
}

.online-status:hover,.caja-status:hover  {
  border: 0px solid #FFFFFF;
  background-color: rgb(200, 10, 10);
  color: #FFF !important;
}

.online-status.active, .caja-status.active {
  border: 1px solid #0065ce;
background-color:#0065ce;
  font-size: 11px;
  color: #FFF !important;
}

.online-status.active:hover, .caja-status.active:hover {
  background-color:#3595fb;
  color: #FFF !important;
}

.row.row-cart-items.ps {
  /*padding-right: 10px;*/
}

.row.row-cart-cliente {
  padding-right: 10px;
}

.row.row-cart-cliente2 {
  padding-right: 10px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  background-color: #0065CE !important;
}

.data-table-compras .all-mobile {
  display: none;
}

.data-table-custom .all-mobile {
  display: none;
}

.upload__btn:hover, .actions-group.new-design button.add-options-group:hover, button.btn-addtocart-list:hover, button.add-item-option:hover, button.open-selector-ingredientes:hover, .new-design button.show-buttos-action:hover, .add-to-cart-button:hover, .add-to-cart-button:active:focus {
  background: #0152a9 !important;
  border-color: #0065CE !important;
  color: #fff !important;
}


@media (max-width: 450px) {

  .col-12.col-custom-order.d-flex.justify-content-start.search-orders-box {
    margin-top: 10px;
    margin-bottom: -10px;
}

  .col-hide-mobile {
    display: none !important;
  }
  .navbar .navbar-content {
    padding-left: 0px !important;
  }

  td.column-responsive div {
      white-space: pre-wrap;
  }

  .data-table-compras tbody td ,.data-table-compras thead th, .data-table-custom tbody td ,.data-table-custom thead th {
    display: none;
  }

  .data-table-compras tbody td.all-mobile, .data-table-compras thead th.all-mobile, .data-table-custom tbody td.all-mobile, .data-table-custom thead th.all-mobile {
    display: block;
  }

  td.all-mobile div {
    padding-bottom: 5px;
}

  .card-apolo-table {
      background-color: transparent !important;
      box-shadow: none !important;
      border: 0px solid !important;
  }

  .card-apolo-table .card-body-apolo {
      background-color: transparent !important;
      box-shadow: none !important;
      border: 0px solid !important;
      padding: 0px !important;
  }

  .box-table-categories {
    padding: 0px !important;
  }

  .print_select, .print_select-clone {
    max-width: 100px;
}

.chat-wrapper .chat-aside {
    padding-right: 23px !important;
    height: calc(100vh - 120px) !important;
}

.generalchat .chat-wrapper .chat-aside .aside-body .tab-content {
  /*max-height: calc(100vh - 109px) !important;*/
  /*max-height: calc(100vh - 220px) !important;*/
  max-height: calc(100vh - 165px);
}

.modal-content {
  position: fixed !important;
bottom: 0px !important;
}

#showchat {
  height: calc(100vh - 120px) !important;
}

.container.carrito {
  padding-left: 0px !important;
}

.row.row-individual-products.ps {
  margin: 0px !important;
  box-shadow: 0px !important;
  -webkit-box-shadow: 0px !important;
  width: 100% !important;
  padding: 0px !important;
  max-width: 100% !important;
  top: 166px !important;
}

.modal-body.modal-crearorden {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}



  .navbar .sidebar-toggler {
    padding: 6px 5px 0px 10px !important;
}
.navbar .navbar-content {
  padding-right: 9px !important;
}

a.order-manual.btn.btn-primary.btn-text {
  margin-top: 0px !important;
}

button.btn.btn-primary.btn-search-customer {
    margin-top: 0px !important;
}

.col-md-4.content_items {
  padding-top: 10px !important;
  border-top: 1px solid #ddd;
}
div#crearorden {
  padding: 0px !important;
  padding-top: 50px !important;
}

#apolochef-wizzard {
  padding: 0px !important;
}

#send_message_form #chat_submit {
  margin-top: 0px;
}

.chat-wrapper .chat-aside {
  padding-right: 0px !important;
}

}

.col-md-6.col-8.text-right.mb-2 {
  
}

.page-wrapper.full-page {
  margin: 0px !important;
  width: 100% !important;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus, .swal2-modal .swal2-actions .show > button.dropdown-toggle.swal2-confirm:focus, .swal2-modal .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus, .swal2-modal .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus, .wizard > .actions .show > a.dropdown-toggle:focus, .wizard > .actions a:not(:disabled):not(.disabled).active:focus, .wizard > .actions a:not(:disabled):not(.disabled):active:focus {
  box-shadow: 0 0 0 0.1rem rgb(0 101 206 / 38%) !important;
}

.col-6.col-md-6.printtype.justify-content-end {
  margin-top: -8px !important;
}

.table thead th {
  color: #333333 !important;
  text-transform: capitalize !important;
  font-size: 13px !important;
  border-bottom: 1px solid #d0dbe5 !important;
}



.table-responsive2 {
  border: 1px solid #d0dbe5 !important;
  border-radius: 4px;
  display: block;
    width: 100%;
    overflow-x: auto;
}

div.dataTables_wrapper div.dataTables_info {
  font-size: 12px !important;
}
ul.pagination {
  font-size: 10px !important; 
}

.col-6.col-md-6.printtype.justify-content-end.mt8 {
  margin-top: 0px !important;
}



.btn-app {
  padding: 0px !important;
  margin: 0px !important;
}

input.round.form-control.form-control-sm.form-group {
  margin-bottom: -2px !important;
  margin-top: -2px !important;
}

.modal-footer {
  border: 0px !important;
  padding: 0px !important;
  margin: 0px !important;
}

.modal-footer > * {
  margin:0px !important;
}

i.fa.fa-trash, i.fa.fa-pencil-square-o, i.mdi.mdi-message, i.mdi.mdi-history,i.mdi.mdi-eye {
  COLOR: rgb(98 132 166) !important;
}

a.nav-link.online-status.active, a.nav-link.caja-status.active {
  margin-top: 0px;
}

.row.controls_bg {
  margin-bottom: 0px !important;
}

.page-breadcrumb {
  margin-top: 11px !important;
  margin-bottom: 15px !important;
}

.table tr {
  border-top: 1px solid #e8ebf1;
}
.table td{
  border-top: 0px !important;
}
.table tr:first-child {
  border-top: 0px !important;
}

#dataTableExample  > tbody > tr:last-child {
  border-bottom: 0px !important;
}

#datatable  > tbody > tr:last-child {
  border-bottom: 0px !important;
}

#datatable_wrapper  > tbody > tr:last-child {
  border-bottom: 0px !important;
}

#data-items  > tbody > tr:last-child {
  border-bottom: 0px !important;
}

#data-items  > tfoot > tr:last-child {
  border-bottom: 0px !important;
}



p.title-alert {
  font-size: 17px !important;
  font-weight: 500 !important;
}

.swal2-actions:not(.swal2-loading) .swal2-styled{
  padding: 11px !important;
}

.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-color:#0065CE  !important;
  color: white !important;
  padding: 11px !important;
}

button.swal2-cancel.swal2-styled {
  padding: 11px !important;
}

button.swal2-confirm.border_white.swal2-styled {
  border: 1px solid #fff !important;
  padding: 11px !important;
}

div#calculadora {
  color: gray;
}

.table-options-group-items-space {
  background-color: #f3f3f4;
  border-radius: 5px;
  padding-top: 1rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-bottom: 0rem;
  border:1px solid #ccc;
}

.aprobar-reserva{

  padding: 5px 5px;
  cursor: pointer;
  border-radius: 0.1875rem;
  margin-right: 5px;
  align-items: center;
  display: inline-block;
  background: #DF6AAA;
}

.reserva{
  background:#DF6AAA;color:#fff
}

.btn-reserva {
  padding: 15px !important;
  background-color: #DF6AAA !important;
  width: 100%;
  max-width: 200px;
  margin-bottom: 10px;
}
.data-list {
  padding: 8px 0 !important;
}

.div1 {
  background: #ffffff;
  border: 0px solid #d0dbe5 !important;
  padding-right: 20px;
  padding-left: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
  border-radius: 5px;
  width: 98%;
  text-align: center;
  margin: auto;
}

.ruc-response {
  background: #eaeaea !important;
  padding: 5px 17px !important;
  border-radius: 5px !important;
  text-transform: lowercase !important;
  color: black !important;
  font-weight: 500 !important;
}
 
.minitext {
  font-size: 12px;
  color: gray;
}


.img-sm {
  width: 35px !important;
  height: 35px !important;
}

a.map-chat {
  display: block;
  cursor: pointer;
}

a.map-chat iframe {
  pointer-events: none;
  max-width: 300px;
  max-height: 200px;
}

button#chat_adjuntar {
  margin-right: 5px;
  background-color: transparent !important;
  border: 0px;
}

button#chat_voice {
  background-color: transparent !important;
  border: 0px;
}

button#chat_adjuntar svg, button#chat_voice svg {
  color: #FFFFFF !important;
  margin-top: 3px !important;
}

#chat_submit svg, #chat_voice_stop svg, #chat_voice_cancel i {
  margin-top: 3px !important; 
}

#chat_voice_cancel i {
  font-size: 24px !important;
  /*color: #666666;*/
  color: #888888;
}

.attach-box-div {
  display: flex;
    align-items: center;
    justify-content: space-evenly;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 20px 10px 20px 10px;
    background-color: #f2f4f6;
    position: absolute;
    bottom: 45px;
    left: 0;
    right: 0;
    border-top: 1px solid #cacaca;
}

.attach-file-image, .attach-file-location, .attach-file-catalogo, .attach-file-files, .attach-file-music {
  background-color: transparent;
  border: 0px !important;
}

.attach-file-image span, .attach-file-location span, .attach-file-catalogo span, .attach-file-files span, .attach-file-music span {
  color: #676767;
  display: block;
  margin-top: 5px;
}

.attach-file-catalogo svg {
  width: 32px;
  height: 32px;
}

.attach-file-location svg {
  width: 32px;
  height: 32px;
}

.attach-file-image svg{
  width: 35px;
  height: 35px;
}

.attach-file-files svg{
  width: 35px;
  height: 35px;
}

.attach-file-music svg {
  width: 35px;
  height: 35px;
}

.attach-loading {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  background-color: #FFFFFF7a;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #015ec5;
}

.chat-wrapper .chat-content .chat-footer button svg {
  height: 22px !important;
}

input#chatAudio {
  background-color: #FFFFFF;
  pointer-events: none;
}

div#chatAudio {
  display: flex;
  align-items: center;
}

span.counter-voice {
  padding-left: 10px;
}

div#chatAudio .icon-recording-voice svg{
  animation: myAnim 2s ease 0s infinite normal forwards;
  vertical-align: -webkit-baseline-middle;
}

form#send_message_form {
  border-top: 1px solid #cacaca;
  /*background-color: #f8f8f8;*/
}

form#send_message_form input {
  background-color: transparent;
  border: 0px !important;
}

#chat_adjuntar svg path {
  fill: #a7a7a7;
}

button#chat_voice svg path {
  fill: #0065ce;
}

button#chat_submit {
  background-color: transparent !important;
  border: 0px solid transparent;
}

button#chat_submit, #chat_voice_stop, #chat_voice_cancel{
  background-color: transparent !important;
  border: 0px solid transparent;
  color: #0065ce;
}

#send_message_form button:not(:disabled):not(.disabled):active:focus {
  box-shadow: none !important; 
}

.img-custom-width, .video-custom-width {
  cursor: pointer;
}

.modal-body-chat-image img, .modal-body-chat-avatar img {
  max-height: calc(100vh - 60px);
  max-width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 14px;
}

#modalchat_image .modal-content, #modalchat_video .modal-content {
  border-radius: 14px;
  background-color: transparent;
    border: 0px; 
}

#modalchat_image .modal-dialog {
  width: fit-content;
  min-width: unset;
  border-radius: 14px;
  max-width: 100% !important;
}

#modalchat_video .modal-dialog {
  width: fit-content;
  min-width: unset;
  border-radius: 14px;
  max-width: 100% !important;
}

.video-chat-modal {
  max-width: 1200px;
  max-height: 800px;
  width: 100%;
}

.search-chat-box {
  padding: 11px !important;
}

.search-chat-box .search-form {
  margin-bottom: 0px;
}

.search-chat-box .button-search-chat, .search-chat-box .button-clear-chat {
  border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0;
    padding: 0.469rem 0.563rem;
    font-size: .875rem;
    border-left: 0px;
    background-color: transparent;
    cursor: pointer;
    color: #0065ce;
}

.button-clear-chat.input-group-text {
  border-right: 0px;
}

input#searchFormchat {
  border-right: 0px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.search-chat-box .input-group-text svg {
  width: 18px;
  height: 18px;
  margin-top: 0 !important;
}

li.chat-item:first-child {
  border-top: 1px solid transparent;
}

.search-chat-box {
  /*border-bottom: 1px solid #d0dbe5;*/
  border-bottom: 0px solid #d0dbe5;
  padding-bottom: 0px !important;
}

.chat-loading {
  color: #0065CE !important;
  text-align: center;
  padding: 10px;
}

.not-chats-list {
  text-align: center;
  padding: 11px;
}

.delivery-loading {
  display: none !important;
}

.custom-price-delivery {
  position: absolute;
  background-color: #FFF;
  bottom: 1px;
  height: auto;
  align-items: center;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-top: 1px solid #dddddd;
  padding-top: 15px;
  width: 100%;
}

#cart-delivery-value-price, #discount-value-price {
  text-align: center;
  max-width: 80px;
  margin: 0 auto;
  margin-bottom: 20px;
  padding: 0;
}

.btn-delivery-price-cancel, .btn-delivery-price-aceptar, .btn-discount-aceptar, .btn-discount-cancel, .btn-comment-aceptar {
  min-width: 150px;
  padding: 15px !important;
  width: 100%;
}

.btn-discount-aceptar, .btn-discount-cancel, .btn-comment-aceptar  {
  margin-bottom: 15px !important;
}

.button-search-address {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 0.469rem 0.563rem !important;
  font-size: .875rem !important;
  border-left: 0px !important;
  background-color: transparent !important;
  cursor: pointer !important;
  color: #0065ce !important;
}

.address-list .data-list {
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  color: #676767;
}

#cart-delivery-value-address-select .btn-address {
  margin: 0 !important;
  border-radius: 3px;
  padding: 2px 0;
  cursor: pointer;
  margin-bottom: 8px !important;
  background-color: #f1f1f1;
  border: 1px solid #f1f1f1;
  color: #676767;
  padding: 11px 0px !important;
  font-size: 12px;
}

.button-search-product.input-group-text, .button-clear-product.input-group-text {
  border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0;
    padding: 0.469rem 0.563rem;
    font-size: .875rem;
    border-left: 0px;
    background-color: transparent;
    cursor: pointer;
    color: #8da4ba;
}

.button-clear-product.input-group-text {
  border-right: 0px;
}

input#searchFormproduct {
  border-right: 0px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.button-search-product svg, .button-clear-product svg {
  width: 18px;
  height: 18px;
  margin-top: -1px !important;
}

.search-box-products {
  margin-bottom: 12px;
}

.search-box-products .input-group {
  padding: 0px 12px;
}

input.input-search-customer {
  border-right: 0px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  margin-right: 0px !important;
}

span.btn-search-customer {
  border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0;
    padding: 0.469rem 0.563rem;
    font-size: .875rem;
    border-left: 0px;
    background-color: #FFFFFF;
    cursor: pointer;
    color: #8da4ba;
}

span.btn-search-customer svg {
  width: 18px;
  height: 18px;
  margin-top: -1px !important;
}

.data_entrega_fecha-back-delivery, .data_entrega_time-back-delivery, .data_entrega_fecha-back-reserva, .data_entrega_time-back-reserva {
  background-color: #FFFFFF !important;
  color: #0065ce !important;
  border: 1px solid #0065ce !important;
  width: 100%;
  padding: 15px !important;
  margin-bottom: 8px !important;
}

#cart-delivery-value-address-select .btn-address2 {
  margin: 0 !important;
  border-radius: 3px;
  padding: 2px 0;
  cursor: pointer;
  margin-bottom: 8px !important;
  background-color: #ffffff;
  border: 1px solid #d0dbe5;
  color: #676767;
  padding: 11px 0px !important;
  font-size: 12px;
}

.add-discount {
  color: #0065ce !important;
  border: 1px solid #0065ce !important;
  background-color: #FFFFFF !important;
  padding: 5px !important;
  font-size: 10px !important;
}

.del-discount {
  color: #0065ce!important;
  border: 1px solid #0065ce !important;
  background-color: #FFFFFF !important;
  padding: 5px !important;
  font-size: 10px !important;
}

.add-comment {
  color: #0065ce !important;
  border: 1px solid #0065ce !important;
  background-color: #FFFFFF !important;
  padding: 5px !important;
  font-size: 10px !important;
}

span.cart-discount-price {
  display: block;
  text-align: right;
  font-weight: 500;
  color: red;
  padding-bottom: 1px;
}

span.cart-comment-price{
  display: block;
  text-align: right;
  padding-bottom: 1px;
}

.content-discount {
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: space-between;
  padding-bottom: 5px;
  flex-wrap: wrap;
}

.content-comment {
  display: flex;
  width: 100%;
  align-content: center;
  justify-content: space-between;
  padding-bottom: 5px;
  flex-wrap: wrap;
}

.discount-content, .comment-content {
  position: absolute;
  background-color: #FFF;
  bottom: 1px;
  height: auto;
  align-items: center;
  margin-left: 0px !important;
  margin-right: 0px !important;
  border-top: 1px solid #dddddd;
  padding-top: 15px;
  width: 100%;
}

.link-icon-custom {
  margin-top: 0px;
}

.nav-item.active .link-icon-custom {
  fill: #0065CE;
}

.sidebar .sidebar-body .nav .nav-item:hover .nav-link .link-icon-custom {
  fill: #0065CE !important;
}

.link-icon-custom ~ .link-title {
  margin-top: 2px !important;
  font-size: 10px !important;
}

#apolochef-wizzard .form-header .stepIndicator::before {
  bottom: -15%;
  width: 30px;
  height: 30px;
}

.icon-step svg {
  fill: #c2c2c2;
  fill: #c1cfdd;
}

.stepIndicator.finish svg {
  fill: #FFFFFF;
}

.stepIndicator.active svg {
  fill: #FFFFFF;
}

.stepIndicator.finish i {
  color: #c2c2c2;
  color: #FFFFFF;
}

.stepIndicator.active i {
  color: #FFFFFF;
}

.icon-step {
  position: absolute;
  bottom: -4%;
  left: 50%;
  z-index: 9;
  transform: translateX(-50%);
}

.icon-step i {
  top: -3px;
  position: relative;
  font-size: 15px;
  font-weight: normal;
  color: #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator::before {
  background-color: #ffffff;
  border: 1px solid #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator.finish::before {
  background-color: #06407c;
  background-color: #c1cfdd;
  border: 1px solid #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator.active::before {
  background-color: #0065ce;
  border: 0px solid #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator::after {
  background-color: #c1cfdd;
  height: 0.5px;
}

#apolochef-wizzard .form-header .stepIndicator.finish::after {
  background-color: #06407c;
  background-color: #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator.finish::after {
  background-color: #06407c;
  background-color: #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator.active::after {
  background-color: #f3f3f3;
  background-color: #c1cfdd;
}

#apolochef-wizzard .form-header .stepIndicator{
  font-size: 11px;
  font-weight: 500;
}

#apolochef-wizzard .form-header .stepIndicator {
  color: #8794A1;
}

#apolochef-wizzard .form-header .stepIndicator.finish {
  font-weight: 500;
  color: #8794A1;
}

#apolochef-wizzard .form-header .stepIndicator.active {
  font-weight: 600;
  color: #075BB4;
}

.badge-check-stock ~ .out-stock-span-multivariante {
  /*left: 100px;*/
}

.badge-check-stock {
  left: 0px !important;
}

div.tagsinput span.tag {
  position: relative;
  padding-right: 24px;
}

.tagsinput .tag a {
  background-color: rgb(0 0 0 / 34%);
  padding: 3px 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  right: -3px;
  z-index: 2;
  text-align: center;
}

.content-reporte-mensual {
  justify-content: flex-start !important;
  flex-direction: column;
}

.content-reporte-calendar {
  margin-top: 0.5rem !important;
}

.content-reporte-calendar input {
  max-width: 200px;
}

button.btn.btn-primary#create_coupon, button.btn.btn-primary#create_coupon_popup {
  margin-bottom: 6px !important;
  margin-left: 62px;
  width: calc(100% - 65px);
  padding: 15px !important;
}

.coupon-containt-form .form-group, .elegirclientepopup .form-group{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

.elegirclientepopup .form-group{
  padding-top: 15px;
}

.coupon-containt-form .form-group input, .elegirclientepopup .form-group input {
  margin-left: 4px;
}

.coupon-containt-form .btn-row-new-coupon-cancel, .elegirclientepopup .btn-row-newpopup-coupon-cancel {
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 7px;
  left: 0px;
}

.btn-row-new-coupon-cancel:hover, .btn-row-new-coupon-cancel:active, .btn-row-new-coupon-cancel:focus, .elegirclientepopup .btn-row-newpopup-coupon-cancel:hover, .elegirclientepopup .btn-row-newpopup-coupon-cancel:active,.elegirclientepopup .btn-row-newpopup-coupon-cancel:focus {
  background-color: #0065ce !important;
  border: 1px solid #0065ce !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.elegirclientepopup .btn-row-newpopup-coupon-cancel {
  margin-left: 0px !important;
  display: none;
}

.table-client-cupones {
  display: flex;
  align-items: center;
  width: 100%;
  cursor: pointer;
}

.table-client-cupones .table-client-name {
  padding-left: 15px;
}

.header-popup-coupons {
    display: flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 0.5rem;
}

.header-popup-coupons img {
    width: 100%;
    max-width: 36px;
    border-radius: 4px;
}

.header-popup-coupons label {
  padding-left: 10px;
  margin-bottom: 0px !important;
}

.header-popup-coupons label:first-child {
  margin-top: 7px !important;
}

.modal-body-videop video {
  width: 100%;
  /*max-width: 300px;*/
  margin: 0 auto;
  display: block;
  border-radius: 5px;
}

#modalvideop .modal-content {
  background-color: transparent;
}

.open-editor-td {
  cursor: pointer;
}

.modal-order-invoive-detail-header {
  border-radius: 0.3rem !important;
}

.iframeModalWindowinvoice#iframeModalWindow {
  height: 100%;
  border: 0;
  min-height: 470px;
  border-radius: 0.3rem !important;
}


.log-close {
  right: 0px;
  top: 9px;
  left: 242px;
  position: absolute;
}

.btn-icon {
  margin-top: 0px;
}

#modalorden .modal-body, #modalorden_chat .modal-body {
  border-radius: 0.3rem !important;
}

.qr-header {
  color: #000000 !important;
  font-weight: 500 !important;
  text-align: center;
  font-size: 16px !important;
}
 
.div-sos {
    align-items: center;
    background: transparent;
    border: none;
    border-radius: 50%;
    bottom: 20px;
    /*box-shadow: 0 1px 6px 0 #0000000f, 0 2px 32px 0 #00000029;*/
    cursor: pointer;
    display: flex;
    height: 2.5rem;
    justify-content: center;
    /*position: fixed;*/
    right: 20px;
    width: 24px;
    z-index: 2147483000;
    bottom: 66px;
    right: 19px;
}

.div-sos img {
  border-radius: 50% !important;
  transform: scale(1.5) !important;
}

.table-link {
  text-decoration: none !important;
  height: 100%;
  width: 100%;
  min-height: 50px;
  display: flex !important;
  align-items: center !important;
}

.table-link.badge {
  justify-content: center !important;
  color: #212529 !important;
}

.table-link.table-limit {
  color: #212529 !important;
}

.textoblanco .swal2-modal {
  min-height: 200px;
  width: 300px;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  border-radius: 7px;
}

.textoblanco .swal2-image {
  display: none !important;
}

.message-item[data-type="image"] .img-custom-width {
  /*max-width: 100% !important;*/
  display: block;
  max-height: 500px;
  max-width: 300px !important;
  width: 100%;
}

.video-custom-width {
  max-height: 300px;
}

.chat-wrapper .chat-content .chat-body .messages .message-item[data-type="sos"], .chat-wrapper .chat-content .chat-body .messages .message-item[data-type="notice"], .chat-wrapper .chat-content .chat-body .messages .message-item[data-type="video"]{
  max-width: 300px !important;
}

.chat-wrapper .chat-content .chat-body .messages .message-item[data-type="image"] {
  max-width: 300px !important;
  flex-direction: column;
}

.badge.badge-limit-bubble {
  position: absolute;
  z-index: 1;
  background-color: green;
  border-radius: 50%;
  color: #FFFFFF;
  padding: 6px 6px !important;
  display: flex;
  align-items: center;
  justify-content: center;
  right: 5px;
  top: -5px;
  width: 22px;
  height: 22px;
}

#fixed-stock-button {
  display: block;
  font-size: 12px;
  cursor: pointer;
  margin-top: 5px;
  color: #0065CE !important;
  text-decoration: underline;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

a.badge.badge-no.button-hoy {
  color: red !important;
  font-weight: 600 !important;
}

div#modalpago.pay-cart .back-cart-pay {
  display: inline-block !important;
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 20.5px;
  left: 16px;
  cursor: pointer;
}

.back-cart-pay-popup {
  display: inline-block !important;
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 20.5px;
  left: 16px;
  cursor: pointer;
}

.back-cart-payentregado-popup {
  display: inline-block !important;
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 15.5px;
  left: 30px;
  cursor: pointer;
}

.col-button-pay-first{
  margin-left: 50px;
}

div#modalpago.pay-cart .back-cart-pay-popup {
  display: none !important;
}

div#modalpago.pay-cart .back-cart-pay:hover {
  background-color: #0065ce;
  border: 1px solid #0065ce;
  color: #FFFFFF;
  fill: #FFFFFF;
}

div#modalpago.pay-cart .back-cart-pay.hide-force {
  display: none !important;
}

div#modalpago.pay-cart .back-cart-pay.not-event {
  pointer-events: none !important;
  opacity: 0.8;
}

.not-event {
  pointer-events: none !important;
  opacity: 0.8;
}

div#modalpago.pay-cart .col-button-pay-first{
  margin-left: auto !important;
}

div#modalpago.pay-cart .col-button-pay {
  max-width: calc(50% - 33px);
}

.div-sos .nav-link {
  font-size: 11px;
  border: 0px solid #FFFFFF;
  text-align: center;
  border-radius: 5px;
  /*padding: 6px !important;*/
  text-decoration: none !important;
  background-color: red;
  color: #FFF !important;
  padding-bottom: 5px !important;
  padding-top: 6px !important;
  padding-left: 6px !important;
  padding-right: 6px !important;
}

.div-sos.alert-active .nav-link {
  border: 1px solid #0065ce;
  background-color: #0065ce;
  pointer-events: none;
}

.modal-editorder .cart-discount-del {
  display: none !important;
}

/* --- */


/* --- */

@keyframes myAnim {
    0%,
    50%,
    100% {
        opacity: 1;
    }

    25%,
    75% {
        opacity: 0;
    }
}

.title-sos {
  font-weight: 500;
  padding-top: 5px;
  padding-bottom: 5px;
  font-size: 16px;
  color: black;
}

.media_sos a {
  background-color: transparent;
  border: 1px solid #0065CE;
  padding: 0px;
  border-radius: 50px;
  margin-left: 5px;
  display: inline-block;
  font-size: 14px !important;
  position: relative;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  align-items: center;
  display: flex;
  justify-content: center;
}

.media_sos {
display: flex;
flex-direction: column;
/*align-items: center;*/
}

.me .media_sos {
/*justify-content: flex-end;*/
align-items: flex-end;
}

.friend .media_sos {
/*justify-content: flex-start;*/
align-items: flex-start;
}

a.open-general-chat svg, a.play-audio-incidencia svg, a.play-audio-incidencia-none svg a {
    fill: #0065CE !important;
    width: 20px;
}

a.play-audio-incidencia-none svg .bmute, a.play-audio-incidencia-none svg .cmute, a.play-audio-incidencia svg .bvolumen, a.play-audio-incidencia svg .cvolumen, a.play-audio-incidencia svg .bstop {
    stroke: #0065CE !important;
}

.button-sos span {
  background: red;
  color: #FFFFFF !important;
  padding: 10px 10px !important;
  border-radius: 5px !important;
  position: relative;
  width: max-content;
}

.button-sos {
  position: relative;
  display: block;
  padding: 10px 0px 20px 0px;
}

.me .button-sos {
  padding: 0px 0px 10px 0px;
}

.me .button-sos span {
  margin-left: auto;
}

.link-sos {
  padding: 10px 0px;
}

.phone-sos, .name-sos, .dni-sos {
  opacity: 0.8;
}

.dni-sos {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.name-sos {
    text-transform: capitalize;
}

.link-sos a {
  text-decoration: none !important;
}

.content-sos {
  padding: 7px 15px;
}

.city-sos {
  padding-bottom: 20px;
}

.type-sos.friend .img-custom-width {
  margin-right: 0px !important;
  width: 100%;
}

.type-sos.me .img-custom-width {
  width: 100%;
}

.type-sos.friend span.fechacss {
  padding-left: 15px;
}

.type-sos.me span.fechacss {
  padding-right: 15px;
}

.description-notice {
  font-size: 15px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu {
  padding: 5px !important;
  min-width: 145px !important;
}
.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-body .profile-nav .nav-item .nav-link svg {
  width: 16px !important;
  height: 16px !important;
  margin-left: 10px !important;
  margin-right: 10px !important;
}
.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-body .profile-nav .nav-item {
  width: auto !important;
  margin: 0 0 5px !important;
}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-header .info .name {
  font-size: 13px;
}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-header .figure img {
  width: 100px !important;
  height: 100px !important;
  border-radius: 50% !important;
  padding: 3px !important;
}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-header .info .name {
  font-size: 13px !important;
}

.fondogray{
  background: #f2f4f6;
  border-radius: 5px;
}

.navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu {
  right: -28px !important;
}

.card-order {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-around;
  padding: 0.875rem 0.9375rem;
  border-radius: 4px;
  margin-bottom: 7px;
  border: 1px solid #d0dbe5 !important;
  height: 100%;
}

.card-avatar-order {
  /*width: 20%;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;*/
}

.open-order-disabled {
  text-decoration: none !important;
  color: black !important;
  width: 80%;
}

.card-order .badge-hoy {
  display: block;
  margin-bottom: 5px;
}

.ruc_factura-container input.ruc_factura-pago-entregado {
  border-right: 0px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

.check-ruc {
  padding: 0.469rem 0.563rem !important;
  font-size: .875rem !important;
  background-color: transparent !important;
  cursor: pointer !important;
  color: #0065ce !important;
  border: 1px solid #b2c0cd !important;
  border-radius: 2px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important;
}

.numero_orden {
  font-size: 14px !important;
  color: black !important;
  font-weight: 500 !important;
  margin-bottom: 5px !important;
}

.nombre_orden {
  font-size: 14px !important;
  font-weight: 400 !important;
  color: #424242 !important;
  margin-bottom: 5px;
}

.precio_orden {
  font-size: 12px !important;
  color: #424242 !important;
  font-weight: 400 !important;
  margin-bottom: 5px !important;
}

.usuario_atencion {
  font-size: 11px !important;
  color: gray !important;
  text-decoration: underline !important;
}

.check-ruc svg {
  width: 17px;
  height: 17px;
  margin-top: 0 !important;
}

.ruc_factura-container .check-ruc:active:focus {
  box-shadow: none !important;
}

.open-editor {
  margin: 10px;
}

a{
  text-decoration: none !important;
  font-weight: 400 !important;
  color: #0065CE;
}

td a{
  color: #0065CE !important;
}

.col-buttons-right {
  flex: 0 0 80% !important;
  max-width: 80% !important;
  text-align: right;
}

.wave-content {
  display: flex;
  flex-direction: column;
  margin-left:14px;
  margin-right:14px;
}

.notification-wave wave wave canvas, .notification-wave-chat wave wave canvas {
  max-width: unset;
}

.wave-box {
    width: 100%;
    display: flex;
    border-radius:4px;
}

.notification-wave-chat {
  min-height: 50px !important;
  display: flex;
  align-items: center;
  padding: 10px 0px !important;
}

.notification-wave-chat hr {
  border-top: 1px solid #FFFFFF;
  width: 100%;
}

.notification-wave-chat wave {
  width: 100%;
}

@media(max-width: 768px) {
  .attach-box-div {
      bottom: 55px;
  }

  .dtr-control {
    padding-left: 45px !important;
  }

  #modalchat_image .modal-dialog, #modalchat_video .modal-dialog {
      width: 100%;
      min-width: unset;
      border-radius: 0px;
      max-width: unset;
  }

  .modal-body-chat-image img {
      max-height: calc(100vh - 116px);
  }

  #modalchat_image .modal-content, #modalchat_video .modal-content {
      border-radius: 5px;
  }
  .badge-hoy {
    margin-bottom: 4px !important;
    display: block !important;
  }
  .navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu {
      right: 0px !important;
  }

  .combo-td-input {
      flex-direction: column;
      max-width: 100%;
  }

  .combo-td-input div {
    width: 100% !important;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }

  .table-options-group .actions-group {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
  }

  .table-options-group .actions-group .delete-options-group {
      width: 49%;
  }

  .table-options-group .actions-group .add-options-group {
      width: 49%;
      /*margin-left: unset !important;*/
  }

  .table-options-group .actions-group .btn-edit-group {
      width: calc(100% - 85px);
      margin-bottom: 10px;
  }

  .table-options-group-templates .actions-group .btn-edit-group {
    width: 100%;
    margin-bottom: 10px;
}

  td.combo-td-input-box {
      width: 80%;
  }

  .table-options-group-items td {
    padding-right: 0.7375rem !important;
    padding-left: 0.7375rem !important;
  }

  td.combo-td-input-box {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }

  td.combo-td-input-box .preview-area {
      /*padding: 0rem !important;*/
  }

  .table-responsive_ {
      /*margin-left: -5px;*/
  }

  .row.row-title-group h3 {
      max-width: 100%;
      white-space: normal;
  }

  .table-options-group-items {
      margin-top: 10px;
  }
}

@media(max-width: 500px) {
  #apolochef-wizzard {
      max-width: 600px;
      margin: 20px;
      padding-top: 0px;
      padding-left: 40px;
      padding-right: 20px;
      padding-bottom: 0px;
  } 

  .content-reporte-mensual {
    justify-content: space-between !important;
    flex-direction: row;
  }
  
  .content-reporte-calendar {
    margin-top: 0 !important;
    margin-left: 0.5rem !important;
  }
  
  .content-reporte-calendar input {
    max-width: 200px;
  }
} 

[seriesname="Compras"] {
  display:none !important;
}

.badge-hoy {
  color: #333339;
  background-color: #ffffff;
  border: 1px solid #000000;
  font-weight: 600 !important;
  width: 30px;
}
.badge-red {
  color: #fff;
  background-color: red;
}

select#video_tipo {
  width: fit-content;
}

.sidebar .sidebar-body .nav.sub-menu .nav-item .nav-link {
  font-size: 11px !important;
}

@media (min-width: 770px) {
  #crearorden .container-fluid.content-button {
    position: sticky;
    bottom: 0;
    padding-bottom: 20px;
    background-color: #FFFFFF;
  }
}

@media (min-width: 992px) {
  .col-lg-35 {
      flex: 0 0 20% !important;
      max-width: 20% !important;
  }
}

@media(min-width: 2000px) {
  .col-xxl-2 {
      flex: 0 0 20% !important;
      max-width: 20% !important;
  }
} 

@media(min-width: 4000px) {
  .col-xxl-2 {
      flex: 0 0 10% !important;
      max-width: 10% !important;
  }
}

.open-order-disabled div:nth-child(4){
  display: none;
}

div#sortablelist .item-padding.grab {
  width: 100%;
  max-width: 100px;
  max-width: calc(100%/17);
  position: relative;
}

.col-custom-order{
  flex: 0 0 14.285714% !important;
  max-width: 14.285714% !important;
}

@media(max-width: 1999px) {
  .col-custom-order{
    flex: 0 0 16.666667% !important;
    max-width: 16.666667% !important;
  }
}

@media(max-width: 1699px) {
  .col-custom-order{
      flex: 0 0 20% !important;
      max-width: 20% !important;
  }
}

@media(max-width: 1260px) {
  .col-custom-order{
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }

  div#sortablelist .item-padding.grab {
    width: 100%;
    max-width: 100px;
    max-width: calc(100%/12);
  }

}

@media(max-width: 1260px) {
  .col-custom-order{
    flex: 0 0 25% !important;
    max-width: 25% !important;
  }
}


@media(max-width: 970px) {
  .col-custom-order{
    flex: 0 0 33.33333333%  !important;
    max-width: 33.33333333% !important;
  }

  
  div#sortablelist .item-padding.grab {
    width: 100%;
    max-width: 100px;
    max-width: calc(100%/10);
  }
}

@media(max-width: 700px) {
  .col-custom-order{
    flex: 0 0 50% !important;
    max-width: 50% !important;
  }
} 


@media(max-width: 500px) {
  .col-custom-order{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .col-buttons-right{
    flex: 0 0 100% !important;
    max-width: 100% !important;
    padding-left: 0px !important;
  }

  .reset-inventory {
    width: 100%;
  }

}

@media(max-width: 450px) {

  .textoblanco .swal2-modal {
    min-height: 200px;
    width: 100%;
  }

  p.image_chat_name {
    line-height: 14px;
    margin-bottom: 5px;
  }

  .column-coupons {
      min-width: 60px;
  }

  select#video_tipo {
    width: -webkit-fill-available;
  }
  .col-custom-order{
    flex: 0 0 100% !important;
    max-width: 100% !important;
  }

  .cjopb {
    background-color: transparent !important;
    box-shadow: none !important;
    border: 0px !important;
  }

  .cjop, .table-responsive.cjop #dataTableExample_wrapper {
      padding-left: 0px !important;
      padding-right: 0px !important;
      background: transparent;
      border-radius: 0px !important;
      box-shadow: none !important;
      border: 0px !important;
  }

  .table-custom-grid {
      padding-left: 0px !important;
      padding-right: 0px !important;
  }

  .cjop .table-responsive {
      overflow: hidden;
  }

  .search-orders-box {
      padding-left: 0px !important;
      /*padding-right: 0px !important;*/
      padding-right: 0.25rem !important;
  }

  .col-custom-order.card-left {
      /*padding-right: 0.375rem;*/
      /*padding-right: 0.20rem;*/
  }

  .col-custom-order.card-right {
      /*padding-left: 0.375rem;*/
     /* padding-left: 0.20rem;*/
  }

  .content-badges-list-order .badge {
      font-size: 9.5px !important;
  }

  .open-order-disabled {
    padding: 1rem 1.5rem !important;
  }

  .table-custom-grid {
      padding-top: 5px !important;
  }

  #dataTableExample_filter, #dataTableExample_filter label {
      width: 101% !important;
  }

  .item-position-1 {
      padding-right: 3px !important;
  }

  .item-position-2 {
      padding: 0 4.5px !important;
  }

  .item-position-3 {
      padding-left: 3px !important;
  }

  .tag_container .tag {
    padding: 15px !important;
}

.content-badges-list-order .badge {
  font-size: 11px !important;
}

.numero_orden {
  font-size: 15px !important;
}

.nombre_orden {
  font-size: 15px !important;
}

.precio_orden {
  font-size: 13px !important;
}

.card-avatar-order div {
    left: 43px !important;
}
.card-avatar-order img.radio-image {
  position: absolute;
  bottom: 14px;
  right: 27px;
  border-radius: 3px;
  width: 9%;
}
} 

.content-badges-list-order .badge {
  margin-bottom: 5px;
}

.open-order-disabled .badge {
  font-size: 10px;
}

.card-avatar-order img.radio-image {
  position: absolute;
  bottom: 24px;
  right: 40px;
  border-radius: 3px;
}

.card-avatar-order div {
  position: absolute;
    top: -16px;
    left: 30px;
}


.open-order-disabled {
  width: 100%;
  border-top: 0.5px solid #d0dbe5;
  padding: 0.5rem 1.2rem 0.5rem 1.2rem;
}

.card-order {
  padding: 0px !important;
  flex-direction: column;
}

.card-order div:first-child {
  display: flex;
    align-items: center;
    padding-top: 5px;
}

span.hoy-order {
  font-weight: 500;
  text-transform: capitalize;
  padding-right: 5px;
}

.modalpopuporden {
  -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 30%);
}

.table-custom-grid {
  padding-top: 15px;
}

.button-hoy {
  /*cursor: pointer;*/
}

.oculta-checks {
  display: none !important;
}

.column-hoy {
  padding-right: 0px !important;
}

.badge.badge-danger.button-hoy {
  border: 1px solid #333333;
  background: white;
  color: #333333;
  width: 25.5px;
  height: 20.5px;
  font-weight: 500 !important;
  line-height: normal;
}

.badge.badge-light.button-hoy {
  width: 25.5px;
  height: 20.5px;
  line-height: normal;
}

.actions-group button {
  background-color: #ffffff!important;
  border: 1px solid #768a9f !important;
  color: #768a9f !important;
  padding: 9px !important;
}

.actions-group button:hover {
  background-color: #768a9f8a !important;
  color: #ffffff !important;
}

.atencion-box {
  display: flex;
}

.atencion-hasta {
  padding-left: 10px;
}

.bg-gray-pago {
  position: relative;
  margin-top: 1.5rem !important;
  padding: 10px;
  background: #f2f4f6;
  border-radius: 3px;
  border: 1px solid #d0dbe5 !important;
}

.bg-gray-pago button {
  background-color: #ffffff!important;
  border: 1px solid #768a9f !important;
  color: #768a9f !important;
  padding: 9px !important;
}

.bg-gray-pago button:hover {
  background-color: #768a9f8a !important;
  color: #ffffff !important;
}

.bg-gray-pago .btn-danger {
  color: #ff3131 !important;
  border: 1px solid #ff3131 !important;
  padding: 9px !important;
}

.bg-gray-pago .btn-danger:hover {
  color: #FFFFFF !important;
  border: 1px solid #ff3131 !important;
  background-color: #ff3131 !important;
}

.badge-total-Inputpricenew {
  top: unset !important;
  margin-top: 2px; 
}

.yes-add, .no-add, .yes-send, .no-send {
  min-width: 95px;
}

.yes-add, .yes-send {
  margin-left: 15px !important;
}

@media(max-width: 991px) {
  .navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu.show {
    height: 100%;
    position: fixed !important;
    top: 0;
    bottom: 0;
    padding: 0px !important;
    border: 0px solid !important;
  }

  .nav-profile .dropdown-header {
      background: #0065ce !important;
      border-radius: 0px;
      color: #FFFFFF;
      height: 60px;
  }

  .navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-header .info .email {
      font-size: 12px !important;
      font-weight: normal !important;
  }

  .navbar .navbar-content .navbar-nav .nav-item.nav-profile .dropdown-menu .dropdown-header .info .name {
    font-size: 12px !important;
    font-weight: normal !important;
  }

  .navbar .navbar-content .navbar-nav .nav-item.dropdown .dropdown-menu .dropdown-header {
    justify-content: center;
  }

  .column-product .video-btn{
    color: #000;
    cursor: pointer;
    text-decoration: none !important;
    text-align: left;
    max-width: 150px;
    white-space: pre-wrap;
    font-size: 13px;
    line-height: 14px;
  }
}

.rounded-circle {
  border-radius: 10% !important;
}

.navbar .navbar-content .navbar-nav .nav-item.nav-profile .nav-link img {
  width: 22px !important;
  height: 22px !important;
  border-radius: 10% !important;
}

.sizeimg {
  height: 45px !important;
  width: 45px !important;
}

.input-group .fondo-picker {
  background-color: #ffffff!important;
    border: 1px solid #768a9f !important;
    color: #768a9f !important;
  font-size: 11px;
  text-decoration: none !important;
  margin-left: 5px;
}

.input-group .fondo-picker:hover {
  background-color: #768a9f8a !important;
    color: #ffffff !important;
}

.col-form-label {
  font-weight: 600;
}

/* clears the ‘X’ from Internet Explorer */
input[type=search]::-ms-clear { display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal { display: none; width : 0; height: 0; }
/* clears the ‘X’ from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }


.tabla_table {
  border-collapse: separate;
  width: auto !important;
  font-size: 12px;
  display: block;
  max-width: max-content;
  float: right;
  padding-bottom: 12px;
}

tr.titulo_table {
  text-align: right;
  color: #616161;
  font-size: 13px;
  line-height: 18px;
}

.view-list figure.entry-media-list {
  max-width: 36px;
  margin: 0 auto;
}

.view-list figure.entry-media-list img {
  border-radius: 2px !important;
}

.view-list {
  padding: 0.875rem 0.9375rem;
  border-top: 1px solid #e8ebf1;
}

.view-list.list-0 {
  border-top: 1px solid transparent !important;
}

.view-list .product-title {
  color: #000;
  font-weight: 400 !important;
  font-size: 13px;
}

.product-title span {
  display: block;
  padding-top: 3px;
}

.view-list .product-price {
  color: gray;
  font-size: 13px;
  margin-top: 3px;
}

.preview-area {
  background: #f2f4f6 !important;
  margin-top: 5px !important;
  border-radius: 6px !important;
  width: fit-content !important;
  border: 1px solid #d0dbe5 !important;
  color: #607182 !important;
}

.table-options-group-items {
  background-color: #f2f4f6 !important;
}

.col-details-product {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.col-details-product div{
  color: gray;
  font-size: 13px;
}

.col-title-product {
  display: flex;
  align-items: center;
}

.btn-addtocart-list {
  /*background-color: #d22423 !important;
  border: 1px solid #d22423 !important;*/
  background-color: #ffffff !important;
  border: 1px solid #0065ce !important;
  padding-top: 8px !important;
  font-size: 10px !important;
  height: 28px;
  margin-top: 3px;
  margin-left: 29px;
  color: #0065ce !important;
}

.list-header {
    background: #f2f4f6 !important;
    font-size: 13px;
    color: #000 !important;
    font-weight: 600;
    border-top: 1px solid #d0dbe5 !important;
    border-radius: 4px;
    position: sticky !important;
    top: 0;
    z-index: 1;
}

.list-header .col-details-product div, .list-header .product-pric {
  color: #000;
  font-size: 13px;
}

.list-header .col-options-header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 29px;
}

.list-header div:first-child {
  display: flex;
  align-items: center;
  justify-content: center;
}

.table-responsive2-custom .row-all-products {
  border: 1px solid #d0dbe5 !important;
  border-radius: 4px;
  display: block;
  width: 100%;
  margin: 0 auto;
}
.productos_tabla {
  border: 1px solid #d0dbe5 !important;
    border-radius: 4px;
    display: block;
    width: 100%;
}

.table-bordered, .table-bordered td, .table-bordered th {
  border-top: 0px solid #d0dbe5  !important;
  border-bottom: 0px solid #d0dbe5  !important;
  border-left: 0px solid #d0dbe5  !important;
  border-right: 1px solid #d0dbe5  !important;
}

.table-bordered tr td:last-child {
  border-right: 0px solid #d0dbe5  !important;
}

table.dataTable.dtr-inline.collapsed>tbody>tr>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr>th.dtr-control:before {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'><line x1='3' y1='12' x2='21' y2='12'></line><line x1='3' y1='6' x2='21' y2='6'></line><line x1='3' y1='18' x2='21' y2='18'></line></svg>") !important;
  background-color: transparent !important;
  border-radius: 0px !important;
  box-shadow: none !important;
  border: 0 solid white !important;
  margin-left: 10px;
  margin-right: 10px;
}

table.dataTable.dtr-inline.collapsed>tbody>tr.parent>td.dtr-control:before, table.dataTable.dtr-inline.collapsed>tbody>tr.parent>th.dtr-control:before {
  content: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'><line x1='3' y1='12' x2='21' y2='12'></line><line x1='3' y1='6' x2='21' y2='6'></line><line x1='3' y1='18' x2='21' y2='18'></line></svg>") !important;
  color: #000 !important
}

.dtr-control a {
  color: #000;
  text-decoration: none !important;
}

.dtr-control a:before {
  /*content: "#" !important;
  color: #000 !important*/
}

table.dataTable>tbody>tr.child ul.dtr-details {
  padding-left: 30px !important;
}

table.dataTable thead > tr > th.fondos-total {
  padding-right: 15px !important;
}

@media screen and (max-width: 640px) {
  .col-details-product .product-sku, .col-details-product .product-stock {
      display: none !important;
  }

  .btn-addtocart-list {
      margin-left: 0px;
  }

  .list-header .col-options-header {
      padding-left: 0px;
  }
}


.fullwidth {
  width: 100%;
  padding: 15px !important;
  font-size: 12px !important;
}


.customcheckbox input[type=checkbox]:checked+.input-frame:before {
  background: #ffffff !important;
  border-radius: 2px;
}
.customcheckbox input[type=checkbox]+.input-frame:before {
  border: 1px solid #ffffff !important;
  border-radius: 2px;
}
.customcheckbox input[type="checkbox"] + .input-frame:after {
  font-weight: 500 !important;
  color: #ffffff !important;
  background: #0065ce !important;
  border: 1px solid #ffffff !important;
  border-radius: 2px;
}

.ajax-result-products .col-title-product {
  flex-direction: column;
  align-items: flex-start;
}

.ajax-result-products .product-sku, .ajax-result-products .product-stock, .ajax-result-products .product-price {
  color: gray;
  font-size: 13px;
  margin-top: 3px;
}

.ajax-result-products .list-header .col-options-header {
  padding-left: 0.75rem;
}

.ajax-result-products .add-item-option {
  background-color: #ffffff !important;
  border: 1px solid #0065ce !important;
  padding-top: 8px !important;
  font-size: 10px !important;
  height: 28px;
  margin-top: 0px;
  color: #0065ce !important;
  margin: 0 auto;
  display: block;
}

.ajax-result-products .view-list .product-title {
    max-width: 300px;
    text-align: left;
}

#ajax-search-products #searchForm {
  border-right: 0px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

#ajax-search-products div.input-group-text {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0;
  padding: 0.469rem 0.563rem;
  font-size: .875rem;
  border-left: 0px;
  background-color: transparent;
  cursor: pointer;
  color: #0065ce;
}

#ajax-search-products svg {
  width: 18px;
  height: 18px;
  margin-top: -1px !important;
}

.button-clear-search-product {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 0.469rem 0.563rem !important;
  font-size: .875rem !important;
  border-left: 0px !important;
  background-color: transparent !important;
  cursor: pointer !important;
  color: #0065ce !important;
  border-right: 0px !important;
}

.no-list-order {
  padding: 15px;
  text-align: center;
  height: 50vh;
}

.image_chat_user-figure {
  cursor: pointer;
}

.combo-td-input {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}

.combo-td-input div:first-child {
  width: 68%;
}

[data-eder="envasado"] .combo-td-input div:first-child, [data-eder="servicio"] .combo-td-input div:first-child {
  width: 26%;
}

[data-eder="envasado"] .combo-td-input div:nth-child(2), [data-eder="envasado"] .combo-td-input div:nth-child(3), [data-eder="servicio"] .combo-td-input div:nth-child(2), [data-eder="servicio"] .combo-td-input div:nth-child(3) {
  width: 19%;
}

.col-filters .owl-dots {
  display: none !important;
}

table span.dtr-data input.round.form-control.form-control-sm.form-group {
  margin-top: 5px !important;
}

@media (max-width: 450px) {


  .combo-td-input {
    flex-direction: column;
    max-width: 100%;
  }
  
  .combo-td-input div {
    width: 100% !important;
    padding-bottom: 5px;
    margin-bottom: 0px;
  }

  span.badge.badge-light.badge-th {
    font-size: 8px !important;
    padding: 3px !important;
}
}

.increasewidth{
  max-width:1200px !important; 
}

.increasewidth1{
    /*max-width: 1200px;
    margin: 30px auto;
    padding-right: 22.99% !important;*/
}

.buttons-td {
  display: flex;
}

.row-list {
  align-items: center;
}

.table-list-clientes img {
  width: 100% !important;
  width: 36px !important;
  display: block !important;
}

.table-client-name {
  white-space: normal;
}

.table-client-img {
  width: 36px !important;
  margin-right: 0px;
  padding-right: 0px;
}

.button-search-table,.button-clear-search-table  {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
  padding: 0.469rem 0.563rem !important;
  font-size: .875rem !important;
  border-left: 0px !important;
  background-color: #FFFFFF !important;
  cursor: pointer !important;
  color: #8da4ba !important;
}

.button-clear-search-table.input-group-text {
  border-right: 0px !important;
}

.button-search-table svg,.button-clear-search-table svg {
  width: 18px;
  height: 18px;
  margin-top: 0 !important;
}

div.dataTables_wrapper div.dataTables_filter .input-search-table, div.dataTables_wrapper div.dataTables_filter .input-search-table2 {
  border-right: 0px solid !important;
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  width: 1% !important;
}

.search-orders-box .dataTables_filter {
  width: 100%;
}

#data-items_filter, #datatable_filter, #dataTableExample_filter  {
  width: 100%;
}

.col-custom-product {
  flex: 0 0 20% !important;
  max-width: 20% !important;
}

.col-custom-product-list {
  flex: 0 0 80% !important;
  max-width: 80% !important;
}

.actions-group.new-design button, .actions-group.new-design a {
  background-color: #FFFFFF !important;
  font-size: 12px !important;
  color: #0065CE !important;
  border-color: #0065CE !important;
}

button.btn.group-sort.btn-outline-primary ,button.btn.btn-outline-primary.delete-options-group, button.btn.btn-edit-group {
  border: 0px !important;
  background: #ffffff !important;
}

.actions-group.new-design button:nth-child(1) {
  /*margin-right: -1px !important;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 5px;*/
}

.actions-group.new-design button:nth-child(5) {
  /*border-bottom-right-radius: 0px;
  border-top-right-radius: 5px;*/
}

.actions-group.new-design .group-sort {
  max-height: 34px;
  padding: 7px 9px !important;
}

.table-options-group-items {
  border-top-right-radius: 0px;
}

button.open-selector-ingredientes, button.open-selector-ingredientes-disabled {
    margin-top: 0px !important;
    max-height: 35px !important;
    padding: 0.6rem 1rem !important;
    color: #0065ce !important;
    background-color: transparent !important;
    border: 1px solid #0065ce!important;
}

.combo-td-input.combo-td-elaborado div:first-child {
  /*width: 56%;*/
}

.table-options-group-items {
  background-color: transparent !important;
}

thead.thead-table-options-group-items {
    background-color: transparent !important;
}

.table-options-group-list form {
  background-color: #FFFFFF !important;
  border-radius: 5px;
  border-top-right-radius: 0px;
}

.table-options-group-items tr:last-child td {
  padding-bottom: 20px!important;
}

.table-options-group-items tr:first-child td {
  padding-top: 0.875rem !important;
}

.badge-th {
    font-size: 12px !important;
    position: absolute;
    bottom: -6px;
    right: 6px;
    font-size: 9px !important;
    border: 1px solid #d0dbe5 !important;
    background-color: #fff !important;
    color: #7694ad !important;
}

.table-options-group-items thead th {
  border-bottom-width: 0px !important;
  padding-bottom: 0rem;
}

.actions-group.new-design button:not(:disabled):not(.disabled):active:focus {
  box-shadow: none !important;
}

.table-options-group-items tr td, .table-options-group-items tr th {
  padding-left: 0px!important;
}

#crearorden .product-sku {
  flex: 0 0 100%;
  max-width: 100px;
}
 
.badge-product-page {
  color: #46657b !important;
  border: 0px solid black !important;
  background: #f1f4f6 !important;
  padding-right: 10px !important;
  padding-bottom: 6px !important;
  padding-left: 10px !important;
  text-transform: capitalize;
}

.buttons-td button {
  background-color: #f1f4f6 !important;
  border: 1px solid #f1f4f6 !important;
  color: #46657b !important;
  margin-left: 5px !important;
  font-size: 12px !important;
}

.show-buttos-action {
  padding: 0px 0px !important;
  fill: #0065CE !important;
}

.show-buttos-action svg {
  width: 15px !important;
}

.show-buttos-action-sandwich {
  padding: 0px 0px !important;
  fill: #0065CE !important;
}

.show-buttos-action-sandwich svg {
  width: 15px !important;
}


.group-flotante-buttons {
  position: absolute;
  right: 12px;
  top: 37px;
  z-index: 1;
  background-color: #FFF;
  padding: 10px 0px;
  border-radius: 5px;
  display: none;
  border: 1px solid #0065ce;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 5px;
}

span.categoria_span {
  font-size: 12px !important;
  color: gray;
}

.actions-group.active .group-flotante-buttons {
  display: block;
}

.span-name- ~ span {
  margin-top: 5px !important;
}

span.price-plus {
  position: absolute;
  padding: 3px;
  top: 50%;
  transform: translate(-50%,-50%);
  left: 15px;
}

.price-box-option {
  border-radius: 0.1875rem !important;
  max-height: 35px;
  margin-bottom: 0px !important;
  border: 1px solid #d0dbe5 !important;
  font-weight: 400;
  background: white;
}

.check-box-option {
  border-radius: 0.1875rem !important;
  max-height: 35px;
  /*border: 1px solid #d0dbe5 !important;*/
  font-weight: 400;
  background: white;
}

.price-box-option input {
    margin-left: 7px;
    border: 0px solid !important;
    height: 33px;
    max-width: 90%;
    display: inline-block;
}

.badge-total {
    position: absolute;
    color: #46657b !important;
    top: 36px;
    left: 0px;
    right: 0px;
    width: fit-content;
    border: 1px solid #d0dbe5 !important;
    background: #f1f4f6 !important;
    padding-right: 10px !important;
    padding-bottom: 5px !important;
    padding-left: 10px !important;
    padding-top: 7px !important;


}

.btn-preview {
  background-color: transparent !important;
  color: #0065ce !important;
  padding: 0px !important;
  align-items: center;
  display: flex !important;
  border: 0px solid !important;
  margin-right: 10px;
}

.btn-preview i.mdi.mdi-eye {
  color: #0065CE   !important;
}

.btn-preview .icon-preview {
  margin-left: 0px;
}

.float-right-flex {
  display: flex;
  justify-content: flex-end;
}

#previewProduct .modal-dialog, #previewProduct-combo .modal-dialog {
  max-width: 380px !important;
  overflow: hidden;
}

#previewProduct .loading-content, #previewProduct-combo .loading-content {
  padding: 10px;
  color: #0065ce;
}

.btn-preview-add-to-cart {
  background-color: transparent !important;
  border: 0px solid !important;
  color: #000 !important;
  cursor: default;
  font-weight: 600 !important;
  font-size: 15px !important;
}

.table-options-group .table tr {
  border-top: 0px solid;
}

.individual-item-product-page {
  max-height: 630px;
}

.individual-item-product-page .content-button {
  position: sticky;
  bottom: 0;
  background-color: #ffffff;
  box-shadow: 0px 0px 10px 0px rgb(183 192 206 / 0.6);
    -webkit-box-shadow: 0px 0px 10px 0px rgb(183 192 206 / 60%);
  width: 99%;
  padding: 10px;
}

.individual-item-product-page .content-button button {
  font-size: 14px;
}

.individual-item-product-page  .form-check .form-check-label input[type=checkbox]:checked+.input-frame:before {
  background: #ffffff !important;
  border: 2px solid #0065ce !important;
}

.individual-item-product-page  .form-check .form-check-label input[type="checkbox"] + .input-frame:after {
  font-weight: 600;
  color: #0065ce;
}




.badge-check {
  position: absolute;
  left: 0;
  bottom: -28px;
  display: flex !important;
  padding-left: 0px !important;
}

.badge-check .form-check {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.badge-check label.form-check-label {
  font-size: 10.5px !important;
  color: #46657b !important;
  margin-left: 0.55rem;
  line-height: 2;
}

.btn-preview {
  font-size: 17px !important;
}

.badge-check-template .form-check .form-check-label input[type=checkbox]+.input-frame:before {
  background-color: #f1f4f6 !important;
}

.badge-check-template .form-check .form-check-label input[type=checkbox]:checked+.input-frame:before {
  background-color: #f1f4f6 !important;
}

.result-templates {
  max-height: 500px;
  /* overflow: auto; */
  margin-bottom: 40px;
  position: relative;
  border: 1px solid #d0dbe5 !important;
  border-top: 0px solid !important;
  border-radius: 4px;
}

.result-templates .col-title-product {
    flex-direction: column;
    align-items: flex-start !important;
}

.result-templates .list-header .col-options-header {
  padding-left: 0.75rem;
}

.result-templates .product-price {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
}

.result-templates .product-price span:nth-child(1) {
  width: calc(100% - 100px);
  max-width: 100%;
}

.result-templates .product-price span:nth-child(2) {
  width: 100px;
  max-width: 100px;
  text-align: right;
}

.result-templates .add-template {
  background-color: #ffffff !important;
  border: 1px solid #0065ce !important;
  padding-top: 8px !important;
  font-size: 10px !important;
  height: 28px;
  margin-top: 0px;
  color: #0065ce !important;
  margin: 0 auto;
  display: block;
}

.result-templates .add-template-disabled {
  display: none !important;
}

.badge-preview {
  background-color: transparent !important;
  padding: 0px !important;
  top: 0 !important;
}

.btn-preview {
  border: 0px solid #d0dbe5 !important;
  max-height: 35px !important;
  padding: 2.5px 10px !important;
  border-radius: 0.1875rem !important;
}

.form-switc-hoy {
  border: 0px solid #d0dbe5 !important;
  max-height: 35px !important;
  padding: 2.5px 14.5px !important;
  border-radius: 0.1875rem !important;
}

.btn-preview i {
  font-size: 22px;
}

.form-switc-hoy .form-check-input {
  width: 2.5em;
  height: 1.2em;
  margin: 0 auto;
  display: block;
}

.tr-group:first-child tr[data-eder="envasado"]:first-child .btn-delete-item, .tr-group:first-child tr[data-eder="elaborado"]:first-child .btn-delete-item, .tr-group:first-child tr[data-eder="servicio"]:first-child .btn-delete-item {
  pointer-events: none !important;
  display: none !important;
}

.tablee-elaborado:first-child .delete-options-group, .tablee-envasado:first-child .delete-options-group, .tablee-servicio:first-child .delete-options-group {
  pointer-events: none !important;
  display: none !important;
}

.grab {
  cursor: grab;
}

div#sortablelist .position-relative {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  padding-bottom: 100%;
  height: 0;
  display: block;
  border-radius: 3%;
}

div#sortablelist .position-relative img {
    /*width: unset!important;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
    max-width: 100%;
    max-height: 100%;
    margin: 0 auto;*/
    width: unset!important;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.35);
    display: block;
}

.gallery__img-close i {
  color: #FFF;
}

.gallery__img-close {
  /*background-color: rgb(0 0 0 / 13%);
  top: 0;
  right: 0;*/
  background-color: rgb(0 0 0 / 34%);
  top: -5px;
  right: -1px;
  z-index: 2;
}



.search-not-found {
  font-size: 13px;
  padding: 10px;
}

.item-padding.grab.sortable-chosen img {
  cursor: grabbing !important;
}

.list-products-combos {
  border: 1px solid #e8ebf1;
  border-radius: 0.3rem;
  margin-top: 10px;
}

.list-products-combos div {
  padding: 0.875rem 0.9375rem;
  border-top: 1px solid #e8ebf1;
}

.list-products-combos div:first-child {
  padding: 0.875rem 0.9375rem;
  border-top: 0px solid #e8ebf1;
}

.hide-desktop {
  display: none !important;
}
.hide-desktop.show {
  display: block !important;
}

.gallery.mb-2 {
  position: relative;
}

#show-more-images {
  padding-right: 5px;
  margin-bottom: 5px;
}

#show-more-images.hide-desktop {
  display: block !important;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  max-width: calc(100%/15);
}

#show-more-images.hide-desktop.show {
  display: none !important;
}

.position-relative-show-more {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  padding-bottom: 100%;
  height: 0;
  display: block;
  border-radius: 3%;
  padding-right: 5px;
  margin-bottom: 5px;
}

.position-relative-show-more button {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 2;
  border: 1px solid #0065ce;
  background-color: #fff;
  color: #0065ce;
  border-radius: 0.1875rem;
}

label.hide-more-images {
  display: inline-block;
  color: #0065ce;
  text-align: center;
  transition: .3s;
  cursor: pointer;
  border: 1px solid #0065ce;
  background-color: #fff;
  border-radius: 0.1875rem;
  font-size: 12px!important;
  font-weight: 500!important;
  padding: 0.5rem 1rem!important;
  line-height: 1 !important;
  float: right;
}

label#show-more-images {
  display: inline-block;
  color: #0065ce;
  text-align: center;
  transition: .3s;
  cursor: pointer;
  border: 1px solid #0065ce;
  background-color: #fff;
  border-radius: 0.1875rem;
  font-size: 12px!important;
  font-weight: 500!important;
  padding: 0.5rem 1rem!important;
  line-height: 1 !important;
  float: right;
}

svg.svg-link {
    fill: #6d859d;
}

.figure-cart-image {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  height: 0;
  padding: 0px !important;
  padding-bottom: 50% !important;
  border-radius: 3%;
  border-radius: 0%;
}

.figure-cart-image img {
  width: unset!important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  display: block;
}

.box-figure-cart-image {
  max-width: 100px;
  padding: 0px !important;
  width: 100% !important;
  max-width: unset;
}

.individual-item-product-page .info-product div {
    width: 100%;
    padding: 30px 20px 10px 20px;
}

.individual-item-product-page .box-figure-cart-image {
  width: 100% !important;
  max-width: unset;
}

.individual-item-product-page .info-product img {
  width: 100%;
  border-radius: 0px !important;
}

.box-figure-cart-image .figure-cart-image {
  width: 100% !important;
}

.individual-item-product-page .box-figure-cart-image .figure-cart-image {
  border-radius: 0%;
}

.section-product-total-cart {
  padding: 20px;
  margin-bottom: 0px;
  text-align: center;
  border-radius: 0.3rem;
  font-weight: 600;
}

.section-cart {
  height: 43px;
}

#crearorden .print_individual-products {
  overflow: hidden;
}

.item-regresar-ct {
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 16px;
  left: 10px;
  /*bottom: 18px;
  left: 7px;*/
}

.item-regresar-ct:hover, .back-product-details:hover, .btn-delivery-cancel:hover, .data_entrega_fecha-back-delivery:hover, .data_entrega_time-back-delivery:hover, .btn-row-delivery-buttons-cancel:hover, .btn-mesa-cancel:hover, .btn-mesa-cancel-edit:hover, .btn-discount-cancel:hover, .btn-comment-cancel:hover, .data_entrega_fecha-back-reserva:hover, .data_entrega_time-back-reserva:hover, button.btn.btn-secondary.btn-row-new-cliente-cancel:hover {
  background-color: #0065ce !important;
  color: #FFFFFF !important;
  fill: #FFFFFF !important;
}

.btn-mesa-cancel, .btn-mesa-cancel-edit {
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 16px;
  left: 10px;
}

.col-mesa-regresar {
  max-width: 60px !important;
}

.col-cancel-discount, .col-cancel-comment {
  max-width: 59px !important;
}

.col-mesa-aceptar, .col-aprobar-discount, .col-aprobar-comment {
  flex: 0 0 100% !important;
  max-width: calc(100% - 65px) !important;
}

.col-mesa-aceptar button, .col-aprobar-discount button, .col-aprobar-comment button {
  margin-bottom: 16px;
  width: 100% !important;
  display: block;
  max-width: unset !important;
}

.btn-delivery-cancel, .data_entrega_fecha-back-delivery, .data_entrega_time-back-delivery, .data_entrega_fecha-back-reserva, .data_entrega_time-back-reserva, .btn-discount-cancel, .btn-comment-cancel, .btn-row-delivery-buttons-cancel {
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 16px;
  left: 10px;
}

.btn-row-delivery-buttons-cancel {
  bottom: 15px;
}

.btn-discount-cancel {
  min-width: unset !important;
  bottom: 0px;
}

.cart-delivery-address {
  margin-bottom: 65px;
}

.data_entrega_fecha {
  padding-bottom: 65px;
}

.data_entrega_hora .col-md-12__, .col-row-delivery-buttons-cancel {
  margin-top: 70px;
}

.view-list figure.entry-media-list {
  max-width: 36px;
  margin: 0 auto;
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  padding-bottom: 100%;
  height: 0;
  border-radius: 3px;
}

.view-list figure.entry-media-list img {
    width: unset!important;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    display: block;
}

.product-list-image {
  position: relative;
  width: 100%;
  height: auto;
  padding: 0;
  margin: 0;
  overflow: hidden;
  background-size: 0;
  padding-bottom: 100%;
  height: 0;
  display: block;
  border-radius: 3px;
}

.product-list-image img {
  width: unset!important;
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) scale(1.35);
    display: block;
}

button.btn.btn-print-order-caja {
  padding: 0.5rem 0.5rem 0.5rem !important;
  border: 1px solid #0065CE !important;
  color: #0065CE;
  cursor: pointer;
  border-radius: 0.1875rem;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1 !important;
  background-color: #FFF;
}

.no-customer .btn-anonymous-customer {
  background-color: transparent !important;
  border: 0px solid transparent !important;
  color: #0065CE !important;
  padding: 5px !important;
  height: auto !important;
  margin-top: 22px !important;
  display: block;
  text-align: right;
  margin:auto;
  width: fit-content !important;
}

.no-customer .btn-anonymous-customer:hover, .no-customer .btn-anonymous-customer:active {
  background-color: transparent !important;
  border: 0px solid transparent !important;
  color: #0065CE !important;
  padding: 5px !important;
  height: auto !important;
  display: block;
  text-align: right;
  margin:auto;
  width: fit-content !important;
}

.order-new-customer {
  background-color: transparent !important;
  border: 0px solid transparent !important;
  color: #0065CE;
  padding: 5px 0px !important;
  height: auto !important;
  width: auto !important;
  font-weight: 500;
    font-size: 12px;
}

.verify-container-order .form-group {
  width: 100%;
}

.verify-container-order .form-group input {
  margin-left: 4px;
}

.verify-container-order .form-outline {
  width: calc(100% - 38px);
}

.verify-container-order .form-outline input {
  border-right: 0px solid !important;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  margin-left: 4px;
}

.verify-container-order #sign-in-button {
  padding: 0.469rem 0.563rem !important;
  font-size: .875rem !important;
  background-color: transparent !important;
  cursor: pointer !important;
  color: #0065ce !important;
  border: 1px solid #b2c0cd !important;
  border-radius: 2px !important;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
  border-left: 0px !important;
}

.verify-container-order .btn-row-new-cliente-cancel, .verify-container-order .btn-row-new-cliente-cancel:hover {
  padding: 13px 13.5px !important;
  color: #0065ce;
  border: 1px solid #0065ce;
  background-color: #FFFFFF;
  border-radius: 0.1875rem;
  margin-left: 4px;
  fill: #0065ce;
  max-width: 44px !important;
  position: absolute !important;
  bottom: 7px;
  left: 0px;
}

.verify-container-order button#first_btn {
  margin-bottom: 6px !important;
  margin-left: 62px;
  width: calc(100% - 65px);
  padding: 15px !important;
}

#crearorden .div1 {
  padding-bottom: 15px !important;
}

button.btn.btn-primary.btn-get-code {
  /*width: 100%;
  background-color: #FFFFFF !important;
  color: #0065CE;
  margin-left: 4px;*/
  margin-bottom: 6px !important;
    margin-left: 62px;
    width: calc(100% - 65px);
    padding: 15px !important;
}

.btn-get-code-content {
  margin-bottom: 0px !important;
}

.verify_items {
  width: 100%;
}

.col-custom-product {
  flex: 0 0 16.666667% !important;
  max-width: 16.666667% !important;
}

.col-custom-select-list, .col-custom-product-list {
  /*flex: 0 0 83.333333% !important;
  max-width: 83.333333% !important;
  padding-right: 0.75rem !important;*/
  flex: 0 0 83.333333% !important;
  max-width: calc(83.333333% - 37px) !important;
  padding-right: 0.75rem !important;
  order: 3;
}

.flex-row-order {
  align-items: flex-start;
}

.col-cat-list-products.active .group-flotante-buttons {
  display: block;
}

.col-cat-list-products .group-flotante-buttons {
  left: auto;
  right: 0;
  width: max-content;
  max-width: 200px;
}

.loading-content-customer {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  z-index: 9;
  background-color: #FFFFFF;
  color: #0065ce;
}

.col-cat-list-products {
  padding-left: 0px !important;
  flex: 0 0 37px !important;
  max-width: 37px !important;
}

.col-cat-list-orders {
  padding-left: 0px !important;
  flex: 0 0 105px !important;
  max-width: 105px !important;
}

.col-cat-list-orders button{
  width: 100%;
}

.card-apolo-table-order .table-responsive {
  overflow-x: hidden !important;
}

#insert{
    color: #0065CE !important;
    border-color: #0065CE !important;
    background: #ffffff !important;
    padding: 0rem 1rem 0rem !important;
    height: 35px;
}

.insert-compra-button {
  color: #0065CE !important;
  border-color: #0065CE !important;
  background: #ffffff !important;
  padding: 0rem 1rem 0rem !important;
  height: 35px;
}

.insert-compra-button:hover {
  color: #0065CE !important;
  border-color: #0065CE !important;
  background: #ffffff !important;
  padding: 0rem 1rem 0rem !important;
  height: 35px;
}

a.option-cat-a {
  display: block;
  padding: 5px;
font-size: 12px !important;
  /*color: #2f2d2d  !important;*/
  color: #6d7f91 !important;
  font-weight: 500 !important;
}

.masive-btn {
  background-color: #0065CE !important;
  border-color: #0065CE !important;
  color: #FFFFFF !important;
  /*font-size: 14px !important;*/
}

.group-flotante-buttons-sandwish {
  text-align: right;
}

.breadcrumb-nvl2 a, .breadcrumb-nvl2 svg {
  color: #075bb4;
  font-weight: 500 !important;
  fill: #075bb4;
}

.button-creditcard {
    border-radius: 3px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    padding: 0.269rem 0.563rem !important;
    font-size: .875rem !important;
    border-right: 0px !important;
    background-color: #FFFFFF !important;
    cursor: pointer !important;
    color: #737373 !important; 
}

.button-creditcard svg {
  width: 20px;
  margin-top: 0px !important;
}

.form-control.input-card-number {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-left: 0 !important;
}

.form-group-card-details {
  display: flex;
}

.form-group-card-details .input-card-month {
  width: 30%;
}

.form-group-card-details .input-card-year {
  width: 30%;
  margin-left: 15px;
  margin-right: 15px;
}

.form-group-card-details .input-card-code {
  width: 40%;
}

.badge-ingrediente {
  position: absolute;
  left: 0;
  top: 33px;
  display: flex !important;
  padding-left: 0px !important;
  align-items: center;
}

.badge-ingrediente button {
  padding-right: 10px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
  padding-top: 5px !important;
  font-size: 10.5px !important;
}

.show-envasado .form-group-elaborado {
  display: block !important;
}

.btn-close-notify {
  margin: 0 auto;
  display: block !important;
}

.title-swal-custom {
  font-weight: 500;
  color: #000000;
}

.modal-editorder .btn-mesa-aceptar, .modal-editorder .btn-mesa-cancel {
  display: none !important;
}

.modal-editorder .btn-mesa-aceptar-edit, .modal-editorder .btn-mesa-cancel-edit {
  display: block !important;
}

.modal-editorder .btn-cambiar-mesa.hide {
  display: block !important;
  color: #0065ce !important;
  border: 1px solid #0065ce !important;
  background-color: #FFFFFF !important;
  padding: 5px !important;
  font-size: 10px !important;
  margin-left: 10px;
}

.yes-button, .no-button {
  min-width: 95px;
}

.yes-button {
  margin-left: 15px !important;
}

body .swal2-modal .swal2-actions button.swal2-cancel:hover {
  background-color: #0065CE !important;
  border-color: #0065CE !important;
  color: #FFFFFF !important;
}

.number-mesa-div {
  width: 25px;
  height: 25px;
  text-align: center;
  line-height: 25px;
  background: white;
  border-radius: 3px;
  border: 1px solid #ccc;
  margin-left: auto;
  margin-bottom: 5px;
}

.form-control.form-number[readonly]{
  color: #495057 !important;
    background-color: #f1f4f6 !important;
}

.out-stock-span, .hoyno-span {
    font-size: 10px !important;
    color: #ffffff !important;
    border: 0px solid black !important;
    background: orange !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
    text-transform: capitalize;
    border-radius: 3px;
    padding-top: 1px;
    padding-bottom: 1.5px;
    vertical-align: middle;
}

a.red-color.out-stock-span, a.red-color.hoyno-span {
  color: #ffffff !important;
  font-size: 0.875rem !important;
  min-width: 40px !important;
  display: inline-block;
  padding-top: 1px;
  padding-bottom: 1px;
}

.open-selector-ingredientes.sin-ingredientes {
  color: #FFFFFF !important;
  background-color: red !important;
  border: 1px solid red !important;
}

.open-selector-ingredientes.sin-ingredientes:hover {
  color: #FFFFFF !important;
  background-color: red !important;
  border: 1px solid red !important;
}

.popup-stock {
  text-align: center;
  font-size: 12px;
  padding-right: 0 !important;
  padding-left: 0 !important;
  align-items: center;
  display: flex;
  padding-top: 3px;
}

#alert-html-content, .alert-html-content {
  display: flex;
  flex-direction: row;
  align-items: flex-start;;
  position: relative;
  overflow: hidden;
  transition:max-height 0.15s ease-out;
  width:fit-content ;
  border-radius: 0.25rem;
  margin-top: 0px;
  left: -100vw;
  flex-wrap: wrap;
}

#alert-html, .alert-html {
  word-wrap: break-word;
  background-color: #ffffff;
  background-clip: border-box;
  border: 1px solid #d0dbe5;
  border-radius: 0.25rem;
  padding: 1.5rem;
  margin-bottom: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-height: 93px;
  position: unset;
  overflow: hidden;
  transition:max-height 0.15s ease-out;
  width:fit-content ;
  margin-top: 13px;
  /*position: relative;*/
}

#alert-html.readmore.expand, .alert-html.readmore.expand{
  max-height: unset !important;
  transition:max-height 0.35s ease-in-out;
}

.notify-item {
    position: relative;
}

.notify-item ~ .notify-item{
  margin-left: 10px;
}

.title_notify_alert {
  color: #000000 !important;
  font-weight: 500 !important;
  padding-bottom: 5px;
  text-align: center;
  line-height: 19px;
}

.body_notify_alert {
  padding-bottom: 25px;
  padding-top: 5px;
  line-height: 18px;
}

.image_notify_alert img {
  width: 100%!important;
  padding: 10px;
  border-radius: 5px;
  background: #ffffff;
  /* -webkit-box-shadow: 0 0 20px 0 rgb(183 192 206 / 70%); */
  border: 1px solid #d0dbe5 !important;
  max-width: 320px;
}

.button_notify_alert {
  padding-top: 25px;
  padding-bottom: 5px;
}

.content_notify_alert {
  margin-top: 50px;
  text-align: center;
  background: #f2f3f4;
  padding: 20px;
  border-radius: 9px;
}

.readmore-link{
  position: absolute;
  /*bottom: 0;*/
  right: 0;
  display: block;
  margin-top: 30px;
  width:100%;
  text-align: center;
  font-weight:bold;
  font-size:16px;
  padding-top:2px;
  /*background-image: linear-gradient(to bottom, transparent, white);*/
  cursor: pointer;
  padding-bottom: 10px;
}

.readmore-link.expand {
  position: relative;
  background-image: none;
  padding-top:10px;
}

.readmore-link button {
  background-color: white !important;
  border: 1px solid red !important;
  color: red  !important;
  padding: 7px !important;
  border-radius: 0.1875rem;
  font-size: 11px !important;
  font-weight: 500 !important;
}

.readmore-link button:hover {
  background-color: red !important;
  color: #ffffff !important;
  border: 0px solid red !important;
    padding: 7px !important;
}


.out-stock-span.list-span {
  width: auto !important;
  display: inline-block;
  margin-top: 2px;
}

.badge-not-show {
  display: block;
  padding-top: 2px;
}

span.badge-not-show span {
  font-size: 10px !important;
  color: #ffffff !important;
  border: 0px solid black !important;
  background: red !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-transform: capitalize;
  border-radius: 3px;
  padding-top: 2px;
  padding-bottom: 3px;
  /*vertical-align: middle;*/
  max-width: 50px;
  white-space: break-spaces;
  display: block;
  margin: 0 auto;
}

.badge.badge-message {
  color: #46657b !important;
  width: auto;
  border: 1px solid #d0dbe5 !important;
  background: #f1f4f6 !important;
  padding-right: 10px !important;
  padding-bottom: 5px !important;
  padding-left: 10px !important;
  padding-top: 7px !important;
  white-space: break-spaces;
  margin-top: 5px;
}

.out-stock-span-combo, .hoyno-span {
  position: absolute;
  left: 70px;
  bottom: -21px;
}

span.hoyno-span.preview {
  position: static;
}
.out-stock-ing {
  color: #FFFFFF !important;
  border: 0px solid black !important;
  background: orange !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-transform: capitalize;
  border-radius: 3px;
  padding-top: 2px;
  padding-bottom: 3px;
  vertical-align: middle;
  font-size: 10px;
}

.stock-ing {
  color: #46657b !important;
  border: 0px solid #d0dbe5 !important;
  background: #f1f4f6 !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-transform: capitalize;
  border-radius: 3px;
  padding-top: 2px;
  padding-bottom: 3px;
  vertical-align: middle;
}

.out-stock-span-elaborado {
  display: flex;
  align-items: center;
  height: max-content;
  margin-left: 5px;
  padding-top: 2px;
  padding-bottom: 3px;
}

.out-stock-span-combo-template {
  left: 0;
}

#modalnotify .modal-body-notify {
    min-height: 300px;
    align-items: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.scale-up-center {
	/*-webkit-animation: scale-up-center2 0.9s infinite both;
	        animation: scale-up-center2 0.9s infinite both;*/
  -webkit-animation: scale-up-center 0.9s infinite alternate both;
	animation: scale-up-center 0.9s infinite alternate both;
}

.out-stock-span-envasado {
    position: absolute;
    left: 0px;
    bottom: -17px;
}

.out-stock-span-multivariante {
    position: absolute;
    left: 0px;
    bottom: -20px;
}

.tagsinput .tag {
  cursor: pointer;
}

#flujo_stock .modal-body-inventory, #log_cupones .modal-body-inventory {
  max-height: 630px;
}

#flujo-day-modal .modal-body-flujo {
  max-height: 820px;
}

.flujo-day-page {
  /*width: 100%;*/
}

.badge-hoy-estrella-content {
  clear: both;
}

.tr-product {
  position: relative;
}

.blue_star svg path {
  fill: #0065ce !important;
}

.gray_star svg path {
  fill: #d4d6dd !important;
}

.swal-img-div img {
  width: 70%!important;
  padding: 10px;
  border-radius: 5px;
  /* -webkit-box-shadow: 0 0 20px 0 rgb(183 192 206 / 70%); */
  border: 1px solid #d0dbe5 !important;
  margin: 0 auto;
  display: block;
}

.swal-img-div {
  padding-bottom: 15px;
}

.badge.badge-message-stock {
  font-size: 13px !important;
    padding: 10px !important;
    padding-left: 20px !important;
    line-height: 15px;
    padding-right: 20px !important;
    margin-top: 7px;
    width: fit-content !important;
    background: #fff0bd !important;
    color: black !important;
    font-weight: 500 !important;
    border: 0px solid !important;
}

.item_list.iscombo {
  display: none !important;
}

.productoestrella {
  background: #0065ce;
  color: white !important;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 3px;
  font-size: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px !important;
  cursor:pointer;
}
.productoestrella_gray {
  background: #d4d6dd;
  color: white !important;
  padding-right: 6px;
  padding-left: 6px;
  border-radius: 3px;
  font-size: 10px;
  padding-top: 4px;
  padding-bottom: 4px;
  margin-top: 4px !important;
  cursor:pointer;
}
.table td.column-estrella {
  margin-left: 0px !important;
  padding-left: 0px !important;
}


#prevBtn {
  fill: #0065ce;
  padding: 9.7px 13.5px !important;
}

#prevBtn:hover {
  fill: #FFF;
}

.pay-card {
  width: 100%;
}

.row-card .col-9 {
  padding-right: 0px;
}

.form-control-card {
  display: flex !important;
  width: 100% !important;
  align-items: end;
}

.price-card-list {
  display: block;
  width: 100%;
  color: #686868;
  font-weight: 500;
}

.pay-card .spinner-border-sm {
  width: 0.75rem;
  height: 0.75rem;
}

.del-card {
  background-color: transparent !important;
  border: 0px solid !important;
  position: absolute;
  right: -5px;
  top: -5px;
  padding: 0;
}

.del-card svg {
  width: 17px;
  height: 17px;
  display: block;
  margin-top: 0px !important;
  background-color: #FFF;
  border-radius: 50%;
  color: #787576;
}

a.add-stock-defectuoso {
  margin-left: 10px;
  padding-top: 8px !important;
  padding-left: 3px !important;
  padding-right: 3px !important;
  padding-bottom: 3px !important;
}

.add-stock-defectuoso svg {
  width: 15px;
  height: 15px;
}

.stock-span {
  min-width: 40px !important;
  display: block;
  cursor: pointer;
}

#option_values1, #option_values2 {
  margin-top: 10px;
}

.btn-yes-notify-multivariante, .btn-yes-notify-multivariante-add, .btn-yes-notify-multivariante-option, .btn-yes-notify-upload {
  margin-left: 15px;
  min-width: 50px;
}

.btn-yes-notify-upload {
  margin-top: 0px !important;
}

.btn-close-notify-multivariante, .btn-close-notify-multivariante-add, .btn-close-notify-multivariante-option, .btn-close-notify-notupload{
  min-width: 50px;
}

.form-group-edit-multivariante {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: flex-start;
}

.form-group-edit-multivariante .buttons-td {
  display: flex;
  flex-direction: column;
  padding-top: 31.39px;
}

.form-group-edit-multivariante .buttons-td button {
  background-color: #f1f4f6 !important;
  border: 1px solid #f1f4f6 !important;
  color: #46657b !important;
  margin-left: 5px !important;
  font-size: 12px !important;
  margin-bottom: 5px !important;
}

.form-group-edit-multivariante .form-group {
  width: 100%;
}

.cart-group-select {
  padding: 10px;
  margin-bottom: 5px;
  text-align: left;
  background-color: #f4f4f4;
  border-radius: 0.3rem;
}

.btn-preview-add-to-cart-outstock {
  font-size: 10px !important;
  color: #ffffff !important;
  border: 0px solid black !important;
  background: orange !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-transform: capitalize;
  border-radius: 3px;
  padding-top: 3px !important;
  padding-bottom: 3.5px !important;
  vertical-align: middle;
}

.cart-group.spinner-group {
  display: none !important;
}

.section-product-total-cart-outstock {
  padding: 10px;
  margin-bottom: 15px;
  text-align: left;
  background-color: #f4f4f4;
  border-radius: 0.3rem;
  font-weight: 600;
}

.add-to-cart-button:disabled {
  border: 1px solid #808080 !important;
  color: #808080 !important;
  background-color: #FFFFFF !important;
}

#ModalFondoCaja .modal-content, #ModalFondoIngresos .modal-content, #ModalFondoEgresos .modal-content, #ModalFondoUtilidad .modal-content {
  /*background: #f2f4f6 !important;*/
  background: #ffffff !important;
  padding: 20px;
  text-align: right !important;
}

.fondo-popup, .egresos-popup, .ingresos-popup, .utilidad-popup {
  cursor: pointer;
}

#ModalFondoUtilidad .tabla_table, #ModalFondoIngresos .tabla_table, #ModalFondoEgresos .tabla_table, #ModalFondoCaja .tabla_table {
  width: 100% !important;
  max-width: unset !important;
  border: 1px solid #d0dbe5 !important;
  border-radius: 4px;
  display: table;
  overflow-x: auto;
  padding-bottom: 0px;
  margin-bottom: 0.5rem !important;
  margin-top: 0.5rem !important;
  border-collapse: collapse !important;
  border-spacing: 0;
  text-align: left;
}

#ModalFondoUtilidad .tabla_table tr, #ModalFondoIngresos .tabla_table tr, #ModalFondoEgresos .tabla_table tr, #ModalFondoCaja .tabla_table tr {
  border-top: 1px solid #e8ebf1;
  width: 100%;
}

#ModalFondoUtilidad .tabla_table td, #ModalFondoIngresos .tabla_table td, #ModalFondoEgresos .tabla_table td, #ModalFondoCaja .tabla_table td {
  color: #000000;
}

#ModalFondoUtilidad .tabla_table tr.titulo_table, #ModalFondoIngresos .tabla_table tr.titulo_table, #ModalFondoEgresos .tabla_table tr.titulo_table, #ModalFondoCaja .tabla_table tr.titulo_table {
  text-align: left;
}

.ingresos_detalle .titulo_table_main, .egresos_detalle .titulo_table_main, #ModalFondoCaja .titulo_table_main {
  background: #f2f4f6 !important;
  height: 30px;
}

.inv-promedio-content div, .inv-venta-content div, .inv-currentstock-content div {
  background: #f2f4f6 !important;
  /*padding: 20px;*/
  padding: 12px 10px;
  text-align: right !important;
  height: 100%;
  border-radius: 5px !important;
}

span.inv-stockear {
  font-size: 11px !important;
  color: #ffffff !important;
  border: 0px solid black !important;
  background: red !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-transform: capitalize;
  border-radius: 3px;
  padding-top: 2px;
  padding-bottom: 3px;
  vertical-align: middle;
  margin-left: 5px;
  font-weight: 400;
}

.inv-promedio-content h6, .inv-venta-content h6, .inv-currentstock-content h6 {
  font-size: 12px;
}

#flujo_stock .print-button-defectuoso {
  position: absolute;
    bottom: 10px;
    left: 4px;
    z-index: 2;
}

#flujo_stock .loading-content, #log_cupones .loading-content, #flujo-day-modal .loading-content {
  padding: 10px;
  color: #0065ce;
}

span.inv-venta,span.inv-stock ,span.inv-promedio {
  font-weight: 600 !important;
  font-size: 17px;
}

#flujo_stock .add-stock-defectuoso svg {
  width: 20px;
  height: 20px;
}

#flujo_stock a.add-stock-defectuoso {
  /*margin-left: 0px;
  width: 100%;*/
  padding: 13px !important;
  background: white;
  margin-left: 11px;
}

#flujo_stock a.add-stock-defectuoso:hover, #flujo_stock a.add-stock-defectuoso:active {
  background-color: #0065CE;
}

tr.titulo_table_main {
  text-align: right;
}

.apexcharts-yaxis-title {
  display: none !important;
}

.utilidad-title {
  color: #000000;
  font-size: 15px;
  font-weight: 500;
}

.utilidad-details {
  font-size: 13px;
  font-weight: 400;
  line-height: 18px;
  margin-top: 6px;
}

.error_max_stock {
  font-size: 13px !important;
  padding: 10px !important;
  padding-left: 20px !important;
  line-height: 15px;
  padding-right: 20px !important;
  margin-top: -10px;
  width: fit-content !important;
  background: #fff0bd !important;
  color: black !important;
  font-weight: 500 !important;
  border: 0px solid !important;
  margin-bottom: 15px;
  border-radius: 5px;
}

body.loaded.sidebar-open {
  overflow: hidden;
}

#flujo-day-modal .modal-dialog {
  max-width: 1024px;
}

.list_ingredientes {
  margin-bottom: 0.35rem !important;
  margin-left: 1rem !important;
  font-size: 0.75rem !important;
  color: #828282;
  margin-top: 0.35rem !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

#previewProduct-combo span.inv-stockear-combo {
  font-size: 9px !important;
}

span.available-stock {
  font-size: 10px !important;
  padding-top: 4px;
  font-size: 10px !important;
  color: #ffffff !important;
  border: 0px solid black !important;
  background: #158C53 !important;
  padding-right: 5px !important;
  padding-left: 5px !important;
  text-transform: capitalize;
  border-radius: 3px;
  padding-top: 1px;
  padding-bottom: 1.5px;
  vertical-align: middle;
}

@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.7);
            transform: scale(0.7);
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}


@media(min-width: 770px) {
  .row-cart-cliente2 {
      display: none !important;
  }

  .row-cart-cliente.hide {
      display: flex !important;
  }

  .content_items.hide {
      display: flex !important;
  }

  .col-modificar-orden-add-products {
    display: none;
  }

  .col-aprobar-orden-add-products {
      flex: 0 0 100% !important;
      max-width: 100% !important;
  }

  .articulo-mobile-span {
    display: none;
  }

}

@media(max-width: 769px) {

  .articulo-desktop-span {
    display: none;
  }

  .notify-item ~ .notify-item{
    margin-left: 0px;
  }

  .out-stock-span-envasado, .out-stock-span-multivariante {
    bottom: 5px;
    z-index: 2;
  }

  .badge-check-stock {
    bottom: 0px !important;
    z-index: 2;
  }

  .out-stock-span-combo, .hoyno-span {
    bottom: -62px;
    z-index: 2;
  }

  .masive-btn {
    padding: 14px !important;
    /*font-size: 14px !important;*/
  }

  .swal2-container {
      align-content: flex-end;
      flex-wrap: wrap;
      padding: 0 !important;
  }

  .badge-total {
    position: absolute;
    color: #46657b !important;
    top: 36px;
    left: unset !important;
    right: 0px !important;
    width: fit-content;
    border: 0px solid #d0dbe5 !important;
    background: #f1f4f6 !important;
    padding-right: 0px !important;
    padding-bottom: 0px !important;
    padding-left: 0px !important;
    padding-top: 13px !important;
}

  .badge-th {
    font-size: 12px !important;
    position: absolute !important;
    bottom: unset !important;
    top: 9px !important;
    right: 7px !important;
    font-size: 9px !important;
    border: 0px solid #d0dbe5 !important;
    background-color: #f1f4f6 !important;
    color: #7694ad !important;
}
  .masive-btn {
      position: fixed;
      bottom: 10px;
      left: 10px;
      right: 10px;
      z-index: 2;
  }

  .table-options-group-items tr td {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

  .column-redondeo {
    display: none;
  }

  #crearorden .smallbox {
      max-width: unset !important;
  }

  .row-cart-cliente {
      display: none !important;
  }

  .content_products .row-cart-cliente2 {
      display: flex !important;
  }

  .add-to-cart-button:hover {
    /*background-color: #d22423 !important;
    border : 1px solid #d22423 !important;*/
    border: 1px solid #0065CE !important;
    background-color: #0152a9 !important;
    color: #FFFFFF !important;
  }

  div#sortablelist .item-padding.grab {
    width: 100%;
    max-width: 100px;
    max-width: calc(100%/6);
  }

  .combo-td-input {
      background: #f1f4f6;
      padding: 10px;
      border-radius: 5px;
  }

  .badge-check {
    bottom: -69px;
    z-index: 2;
  }

  #previewProduct .modal-dialog, #flujo_stock .modal-dialog, #log_cupones .modal-dialog, #flujo-day-modal .modal-dialog, #previewProduct-combo .modal-dialog {
      min-height: calc(100vh - 100px);
      margin: 0;
      position: fixed;
      bottom: 0 !important;
      left: 0;
      right: 0;
      max-width: 100% !important;
  }

  .badge-ingrediente {
      top: unset;
      bottom: -70px;
      /*max-width: 100px;*/
      max-width: 220px;
  }

  .combox-td{
    margin-bottom: 0px !important;
} 
.price-box-option {
  margin-bottom: 30px !important;
} 

  .individual-item-product-page, #flujo_stock .modal-body-inventory, #log_cupones .modal-body-inventory, #flujo-day-modal .modal-body-flujo {
      max-height: calc(100vh - 110px);
  }

  .btn-preview .title-preview {
    display: none !important;
  }

  .btn-preview .icon-preview {
    margin-left: 0px !important;
  }

  .table-options-group .actions-group.new-design {
    justify-content: flex-end;
  }

  .table-options-group .actions-group.new-design .delete-options-group {
      width: auto;
  }

  .table-options-group .actions-group.new-design .btn-edit-group {
      width: auto;
      margin-bottom: 0px;
  }

  .table-options-group .actions-group.new-design .add-options-group {
      width: auto;
  }

  .table-options-group-items {
      margin-top: 0px;
  }

  button.open-selector-ingredientes, button.open-selector-ingredientes-disabled {
      /*width: 100%;*/
      width: auto;
  }

  .actions-group.new-design button, .actions-group.new-design a {
      margin-left: 5px !important;
  }

  .buttons-td {
    flex-direction: column;
  }

  .table-client-name {
    max-width: 150px;
    display: inline-block;
  }

  #data-items_filter, #datatable_filter {
    width: 100%;
  }

  .col-custom-product, .col-custom-order-page {
    flex: 0 0 100% !important;
    max-width: calc(100% - 40px) !important;
    padding-right: 0.75rem !important;
  }

  .col-custom-order-page.col-custom-order-page2 {
    max-width: calc(100% - 105px) !important;
  }

  .data-items-fondosautomaticos .col-custom-product {
      max-width: 100% !important;
      padding-right: 0px !important;
  }

  .data-items-fondosautomaticos select.form-select.order_type {
      width: 100% !important;
      float: unset !important;
      margin: 0 auto !important;
  }

  .col-cat-list-products {
    /*flex: 0 0 100% !important;
    max-width: 100% !important;
    display: block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    padding: 10px !important;*/
    flex: 0 0 50% !important;
    max-width: 40px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  .col-cat-list-orders {
      max-width: 105px !important;
  }
  
  .col-custom-product-list , .col-custom-select-list{
    /*flex: 0 0 50% !important;
    max-width: 40px !important;
    padding-right: 0 !important;
    padding-left: 0 !important;*/
    flex: 0 0 100% !important;
    max-width: 100% !important;
    /*display: none;*/
    padding-right: 0 !important;
    padding-left: 0 !important;
    order: 3;
    /*margin-bottom: 0.5rem;*/
  }

  .col-custom-order-page.search-orders-box {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
  }

  .col-custom-order-page.search-orders-box label {
      margin-top: 0px !important;
      margin-bottom: 0px !important;
  }

  .flex-row-order {
      padding-bottom: 0.5rem;
  }

  .col-custom-product-list.active, .col-custom-select-list.active {
    display: block;
  }

  .col-6.col-md-6.printtype.justify-content-end.col-custom-select-list.active {
    margin-top: 0.5rem !important;
    margin-bottom: 0px !important;
  }

  .col-custom-select-list.active .order_type {
      width: 100%;
      float: unset !important;
  }

  .col-custom-product-list select {
    /*display: none !important;*/
    width: 100%;
  }

  .col-custom-product-list button {
    /*display: block !important;*/
  }

  .col-cat-list-products button {
    display: block !important;
  }

  .col-cat-list-products button:hover {
      color: #0065CE !important;
      border-color: #0065CE !important;
      background-color: #fff !important;
  }

  .col-cat-list-products button:active {
      background: #0065CE !important;
      border-color: #0065CE !important;
      color: #fff !important;
  }

  .attach-loading {
      height: 57px;
  }

  .badge-grupo {
      display: none !important;
  }

  .buttons-td button {
      margin-bottom: 5px;
  }

  .table-options-group-items tr td:last-child {
      opacity: 1;
      padding-right: 0px !important;
      width: 40px !important;
      max-width: 40px !important;
  }

  td.combo-td-input-box {
      width: 100% !important;
  }



  .hide-tablet {
    display: none !important;
  }

  .hide-tablet.show {
    display: block !important;
  }

  #show-more-images.hide-tablet {
      display: block !important;
      position: absolute;
      top: 0;
      right: 0;
      width: auto;
      max-width: 20%;
  }
  #show-more-images.hide-tablet.show {
      display: none !important;
  }

  .print-swal {
      /*max-height: calc(100vh - 160px);
      height: 100vh;
      background-color: transparent !important;
      top: auto !important;*/
      align-items: flex-end !important;
      justify-content: flex-end !important;
      padding: 0px !important;
  }

  .print-swal .swal2-modal {
      margin: unset !important;
  }

  .print-swal .swal2-content {
    max-height: calc(100vh - 210px);
    height: 100vh;
    overflow: auto;
  }

  #flujo_stock .print-button-defectuoso {
    position: fixed;
    bottom: 18px;
    left: 0;
    right: 0;
    padding-left: 15px;
    padding-right: 15px;
    z-index: 2;
  }

  #flujo_stock .add-stock-defectuoso svg {
      width: 20px;
      height: 20px;
  }

  #flujo_stock a.add-stock-defectuoso {
      margin-left: 0px;
      width: 100%;
      padding: 13px !important;
  }

  #flujo_stock .modal-body {
      padding-bottom: 85px;
  }

  #log_cupones .modal-body {
    padding-bottom: 5px;
}

}

@media (max-width: 768px) {
  .out-stock-span-envasado, .out-stock-span-multivariante {
    bottom: -140px;
    z-index: 2;
  }

  .apexcharts-xaxis-texts-g text {
    font-size: 8px;
  }

  .badge-check-stock {
    /*bottom: -147px !important;
    z-index: 2;*/
    bottom: -67px !important;
    z-index: 2;
    left: 55px !important;
  }
}

.numbertitle {
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
}

@media (max-width: 767px) {
  .tipo_item_container, .productos_container, .articulos_container {
      margin-bottom: 1rem !important;
  }

  .numbertitle {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
  }

  .form-group-selects {
      margin-bottom: 0px !important;
  }

  .inv-promedio-content div, .inv-venta-content div, .inv-currentstock-content div {
    padding: 12px 10px;
  }
  
  .inv-promedio-content h6, .inv-venta-content h6, .inv-currentstock-content h6 {
    font-size: 12px;
  }

}

@media screen and (max-width: 450px) {

    
.productoestrella {
  font-size: 9px;
  padding-top: 2px;
  padding-bottom: 3px;

}

.productoestrella_gray {
  font-size: 9px;
  padding-top: 2px;
  padding-bottom: 3px;
}

  div#sortablelist .item-padding.grab {
      width: 100%;
      max-width: 33.33%;
  }
  .hide-mobile {
    display: none !important;
  }
  .hide-mobile.show {
    display: block !important;
  }
  #show-more-images.hide-mobile {
      display: block !important;
      position: absolute;
      top: 0;
      right: 0;
      width: auto;
      max-width: 33.33%;
  }
  #show-more-images.hide-mobile.show {
      display: none !important;
  }

  .column-categoria {
      display: none !important;
  }

  a.video-btn .categoria_span {
      display: block !important;
  }

  .column-hoy {
      max-width: 50px;
  }
}

@media screen and (max-width: 400px) {
  .col1custom {
    max-width: calc(100% - 80px) !important;
  }
  .col2custom {
    min-width: 80px !important;
  }
  .pay-cart button#uploadfile-entregado, .pay-cart button#uploadfile {
      padding-left: 5px !important;
      padding-right: 5px !important;
      font-size: 10.5px !important;
  }
}

.fullwidth2{
  width: -webkit-fill-available !important;
}

i.mdi.mdi-delete.red {
  color:  #6284A6;
}

@media screen and (max-width: 399px) {
  .combox-td {
    display: inline-grid;
  }
}


tbody {
  background: white !important;
}

.table-options-group-list tbody {
  background: transparent !important;
}

img.profile-pic {
  box-shadow: 0 0 10px 0rgba(183,192,206,.4);
  -webkit-box-shadow: 0 0 10px 0 rgb(183 192 206 / 40%);
  -moz-box-shadow: 0 0 10px 0 rgba(183,192,206,.2);
  -ms-box-shadow: 0 0 10px 0 rgba(183,192,206,.2);
  /* border: 1px solid #e0e3e5; */
  border-radius: 6px;
}

.type-reporte .bubble {
  background-color: #797979 !important;
}

.type-reporte .button-sos span {
  background-color: transparent !important;
}

.type-reporte .id-sos {
  display: none !important;
}

.type-sos .bubble {
  min-width: 300px;
}

span.icon-recording-voice {
  background-color: #b0bcc8;
  width: 150px;
  height: 150px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}

span.icon-recording-voice svg {
  width: 50px;
  height: 50px;
  margin-top: 0px !important;
  margin-left: -3px !important;
}

.recorder-sos {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 20px;
}

.sos_spinner .spinner-border {
  color: #075bb4;
}

#showchat .ps > .ps__rail-y {
  width: 5px;
}

#showchat .ps > .ps__rail-y > .ps__thumb-y {
  width: 5px;
  background-color: #cacaca;
}

.bounce-top {
	-webkit-animation: bounce-top 0.9s both;
	        animation: bounce-top 0.9s both;
}

 @-webkit-keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}
@keyframes bounce-top {
  0% {
    -webkit-transform: translateY(-45px);
            transform: translateY(-45px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
    opacity: 1;
  }
  24% {
    opacity: 1;
  }
  40% {
    -webkit-transform: translateY(-24px);
            transform: translateY(-24px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  65% {
    -webkit-transform: translateY(-12px);
            transform: translateY(-12px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  82% {
    -webkit-transform: translateY(-6px);
            transform: translateY(-6px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  93% {
    -webkit-transform: translateY(-4px);
            transform: translateY(-4px);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  25%,
  55%,
  75%,
  87% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
    opacity: 1;
  }
}

.animation_counter {
  animation: count .4s ease-in-out;
}

@keyframes count {
  from {
    top: 0.2rem;
    right: 8rem;
  }
  
  25% {
    top: -2rem;
    right: 4rem;
  }
  
  50% {
    top: -3rem;
    right: 2.1rem;
  }
  
  75% {
    top: -1rem;
    right: 1.2rem;
  }
  
  
  to {
    top: .2rem;
    right: -4px;
  }
}