@keyframes scales {
  from {
    transform: scale(0.8);
  }
}
/******1********/
#spinner {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000000000000002000000 !important;
  background-color: black !important;
}
#spinner i {
  color: white !important;
  position: absolute;
  top: 45%;
  left: 45%;
}

#portraitDisplay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 10000000000000002000000 !important;
  background-color: #f8de2e !important;
  display: none !important;
}
#portraitDisplay i {
  position: absolute;
  top: 35%;
  left: 40%;
  color: #2F4050 !important;
}
#portraitDisplay span {
  font-family: txtfont !important;
  font-weight: bold;
  font-size: 25px;
  color: #2F4050 !important;
  position: absolute;
  top: 50%;
  left: 0;
  text-align: center;
  width: 100%;
  height: auto !important;
  font-weight: bold !important;
}
/*
@media screen and (max-width: 1280px) {
  @media (orientation: landscape) {

   .list-products {
      width: 70% !important;
    }
  }
}
*/
@media only screen and (max-width: 1768px) {
  body[section=facturacion_dashboard] #page-wrapper {
    padding: 0 10px !important;
    margin: 0px 0 0 15px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea {
    height: 99vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .columnDetails .list-products {
    height: 50vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .columnDetails + div .button .bn.add-num {
    height: 8vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea {
    height: 85vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea div:first-child .btns_families {
    -webkit-overflow-scrolling: touch !important;
    -o-overflow-scrolling: touch !important;
    -ms-overflow-scrolling: touch !important;
    -moz-overflow-scrolling: touch !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea div:first-child .btns_families .btn-opcion-products {
    width: auto !important;
    min-width: 95px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products {
    height: 72vh !important;
    min-height: 72vh !important;
    max-height: 72vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups {
    height: 67vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups > div {
    height: 62vh !important;
    width: 115% !important;
    display: block !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding-right: 5px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-webkit-scrollbar, body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-o-scrollbar, body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-ms-scrollbar, body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-moz-scrollbar {
    width: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups .btn-opcion-products {
    width: 95% !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas .accountSelected {
    border: 3px solid black !important;
  }
}
@media only screen and (max-width: 1281px) {
  .subcuentas {
    z-index: 999 !important;
    position: relative !important;
  }

  .parent-btns_tableslounge {
    position: relative !important;
    overflow-x: scroll !important;
    background-size: cover !important;
    min-height: 120px !important;
  }
  .parent-btns_tableslounge .btns_tableslounge {
    background-image: none !important;
  }

  .count-info .label-primary, .count-info .badge-primary {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .loginscreen {
    top: 50px;
  }

  /* .btn-info{background-color:$yellowNew; } */
  #itemsMenu li {
    background: #3a3a3c !important;
  }

  .nav > li {
    /*background:$gray2;*/
  }
  .nav > li > a {
    padding: 14px 20px 14px 5px !important;
  }
  .nav > li > a > i {
    margin-left: 0 !important;
  }
  .nav > li.active {
    border-left: 4px solid #f8de2e !important;
    /*background:$gray2;*/
  }

  body.mini-navbar .navbar-header {
    background-color: #f8de2e !important;
  }
  body.mini-navbar .navbar-default .nav li a span {
    display: block !important;
    font-size: 10px !important;
    text-align: center !important;
    width: 100px !important;
    margin-top: 5px !important;
  }

  body.mini-navbar .navbar-default .nav li a span.fa.arrow {
    margin-bottom: 10px !important;
    width: 100% !important;
    text-align: center !important;
    display: none !important;
  }

  .btns_loungeslist > div {
    display: inline-block !important;
    width: auto !important;
  }

  .navbar {
    width: 100% !important;
  }
  .navbar .navbar-header {
    background-color: #f8de2e !important;
    display: none !important;
  }
  .navbar .navbar-header .logoSmall {
    width: 60% !important;
    height: auto !important;
  }
  .navbar .navbar-header .logo-element {
    padding: 10px 0;
  }
  .navbar .navbar-header a.btn {
    display: none !important;
  }
  .navbar .navbar-header + div {
    margin: 5px 30px !important;
  }
  .navbar .navbar-right {
    margin-top: -10px !important;
    margin-right: -15px !important;
    padding-right: 30px !important;
  }
  .navbar .clock {
    margin-left: 10px !important;
    margin-top: 5px !important;
    font-size: 20px !important;
  }

  body.mini-navbar .nav-header {
    background-color: #f8de2e !important;
  }

  .nav-header .logoSmall {
    width: 60% !important;
    height: auto !important;
  }

  body[section] .cash_loungeslist {
    height: 0 !important;
  }

  #dataArea > .ibox-content {
    overflow: visible !important;
    background-position: top left !important;
    background-repeat: repeat !important;
    height: 85vh !important;
  }
  #dataArea .cash_loungeslist {
    display: block !important;
    height: 100px !important;
    background-image: none !important;
    padding-bottom: 20px;
  }
  #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  #dataArea .cash_loungeslist > div.cash {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
  }
  #dataArea .cash_loungeslist > div.cash > img {
    width: 60% !important;
    height: auto !important;
  }
  #dataArea .cash_loungeslist > div.cash > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }
  #dataArea .cash_loungeslist > div.cash_1 > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }

  .ibox > .ibox-content {
    overflow: visible !important;
    background-position: top left !important;
    background-repeat: repeat !important;
    height: 530px !important;
  }

  .btns_tableslounge {
    display: block !important;
    background-image: none !important;
    height: auto !important;
  }
  .btns_tableslounge > div.board {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 10px !important;
  }
  .btns_tableslounge > div.board div[data-status="1"] img {
    width: 100% !important;
  }
  .btns_tableslounge > div.board div[data-status="1"] .centered {
    color: #3a3a3c !important;
  }
  .btns_tableslounge > div.board div[data-status="2"] img {
    width: 110% !important;
  }
  .btns_tableslounge > div.board div[data-status="2"] .centered {
    color: white !important;
    top: 48% !important;
    left: 48% !important;
  }
  .btns_tableslounge > div.board div[data-status="3"] img {
    width: 100% !important;
  }
  .btns_tableslounge > div.board div[data-status="3"] .centered {
    color: #3a3a3c !important;
  }

  #dataAreaDashboard {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 40% !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
  #dataAreaDashboard .columnDetails + .mar_t_5 {
    display: none !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura {
    width: 100% !important;
    display: block !important;
    padding: 10px !important;
    text-align: left !important;
    background-color: #3a3a3c !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 {
    width: 80% !important;
    display: inline-block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div {
    display: inline-block !important;
    width: 18%;
    height: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div span {
    font-size: 15px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div .btnModifyAccount {
    font-size: 1.5em !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 {
    width: 15% !important;
    display: inline-block !important;
    vertical-align: top !important;
    text-align: left !important;
    padding-left: 10px;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 .btnReturn {
    font-size: 3em !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price {
    min-height: 50px !important;
    height: auto !important;
    width: 100% !important;
    /*margin-left: 360px; /****JP CSS***/
    /*margin-top: -440px; /****JP CSS***/
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    display: block !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 49% !important;
    display: inline-block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button.dim {
    margin-right: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button {
    margin-bottom: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail > div.height-line {
    min-height: 20px !important;
    line-height: 20px !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product, #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_number {
    font-size: 14px !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product, #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional {
    width: 50% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-1.txt_number {
    width: 10% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number {
    width: 10% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-3.txt_number {
    width: 30% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    height: 400px !important;
    margin-bottom: 2px !important;
  }
  #dataAreaDashboard .productsArea {
    width: 55% !important;
    height: 445px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: 15px !important;
  }
  #dataAreaDashboard .productsArea .fa-arrow-left, #dataAreaDashboard .productsArea .fa-arrow-right, #dataAreaDashboard .productsArea .fa-arrow-up, #dataAreaDashboard .productsArea .fa-arrow-down {
    color: #3a3a3c !important;
  }
  #dataAreaDashboard .productsArea .btns_families {
    width: 80% !important;
  }
  #dataAreaDashboard .productsArea .btns_families .grayBorder {
    text-shadow: none;
    font-weight: bold !important;
  }
  #dataAreaDashboard .productsArea .btns_families .btn-opcion-products {
    width: 120px !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products {
    display: block !important;
    height: auto !important;
    overflow-y: hidden !important;
    max-height: 65% !important;
    /* >div.col-lg-2.pad_l_0.hei_100_p{width:$full;} */
  }
  #dataAreaDashboard .productsArea .panel-list-products .btnArrowSC.down {
    left: 0 !important;
    bottom: -35px !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btnArrowSC {
    left: 0 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups {
    display: block !important;
    width: 100% !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups > div {
    height: auto !important;
    width: 100% !important;
    display: block !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    padding-right: 0 !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups button.btn-opcion-products, #dataAreaDashboard .productsArea .panel-list-products .btns_groups .btn-opcion-products {
    display: inline-block !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    width: 120px !important;
    margin-left: 2px !important;
    font-size: 12px !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
    font-weight: bold !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups .btn-opcion-products {
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products {
    /*display: block !important;*/
    /*display: grid;*/
    grid-template-columns: repeat(3, 180px);
    grid-auto-rows: max-content;
    grid-gap: 0px;
    justify-content: center;
    /*min-height: 400px !important;*/
    height: auto !important;
    /*max-height: 400px !important;*/
    overflow-y: scroll !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 {
    display: inline-block !important;
    width: auto !important;
    padding-right: 0 !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 button.dim {
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    border-radius: 5px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim {
    width: 75px !important;
    height: 70px !important;
    font-size: 35px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim span {
    font-size: 13px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product span {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product img {
    width: 44px !important;
    height: 35px !important;
    display: block !important;
    margin-left: 12px !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 80% !important;
    margin-top: -60px !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-empty {
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-full {
    background-color: #e55634 !important;
    /*$red1*/
    border-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 50px !important;
    font-size: 12px !important;
  }

  .modal #count-people {
    width: 100% !important;
  }

  #btnRemove {
    float: right !important;
    margin-top: 0 !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  .modal-body .ibox-content {
    width: 100% !important;
    padding: 15px 20px 1px 20px !important;
  }

  #numSaldo, #numAbono {
    margin-top: 25px !important;
    margin-left: -35px !important;
  }

  .inmodal .modal-header {
    padding: 15px !important;
  }

  #myModal_traslados .scrollbar {
    margin-left: 0 !important;
  }
  #myModal_traslados .panelTraslados {
    width: 49% !important;
    display: inline-block !important;
    text-align: left !important;
    height: auto !important;
  }
  #myModal_traslados .panelTraslados .panel-info {
    width: 100% !important;
    display: block !important;
    min-height: 300px !important;
    height: auto !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panelTraslados .panel-body .btnObjs {
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList {
    right: 54px !important;
    border: 2px solid #f8de2e !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panel-heading {
    height: auto !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panel-heading span {
    color: white !important;
  }
  #myModal_traslados .panel-heading .btnOptions {
    width: auto !important;
    display: inline-block !important;
    margin-top: 2px !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panel-heading .btnOptions .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panelTraslados.f_l, #myModal_traslados .panelTraslados.f_r {
    float: none !important;
    vertical-align: top !important;
  }

  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_l .panel-heading {
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading {
    display: inline-block !important;
    width: 49% !important;
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading .btnOptions {
    margin-right: 0 !important;
  }

  #myModal_traslados[modal_type=btn_trazlado] .f_r .panel-heading {
    float: none !important;
    height: auto !important;
  }
  #myModal_traslados[modal_type=btn_trazlado] .f_l .panel-heading {
    height: auto !important;
  }

  #myModal_discount #btn_addiscount {
    color: black !important;
  }
  #myModal_discount .btns_discounts button.dim {
    width: 100px !important;
    height: 100px !important;
    font-size: 25px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  body[section=facturacion] .ibox-content {
    background-image: none !important;
    min-height: 250px !important;
  }
  body[section=facturacion] #dataArea > .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea .cash_loungeslist, body[section=facturacion] #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  body[section=facturacion] .cash_loungeslist, body[section=facturacion] .cash_loungeslist:empty {
    height: 0 !important;
  }

  .modal-dialog {
    width: 80% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  #datatable_Functionarys_filter input[type=search] {
    border: 1px solid #3a3a3c !important;
  }

  #tableFunctionarys #btn_addExecutiveCommand, #tableFunctionarys #btn_addFuncionary {
    background-color: #f8de2e !important;
  }

  #datatable_Functionarys_paginate .ui-state-defaul {
    border: 1px solid #3a3a3c !important;
  }

  #myModalInfoClient #content-SuggestedTip + div, #myModalInfoClient #content-SuggestedTip + div + div {
    display: inline-block !important;
    left: 0 !important;
    margin-right: 5px !important;
    width: 100px !important;
    float: left !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next {
    background-color: #f8de2e !important;
    color: #2F4050 !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i {
    color: #2F4050 !important;
  }

  #myModal_payments #simbolo_moneda_saldo {
    top: -15px !important;
  }
  #myModal_payments #numSaldo, #myModal_payments #numAbono {
    padding: 5px !important;
    border: 1px solid black !important;
  }
  #myModal_payments #btnsTiposPago h5 {
    font-size: 20px !important;
    color: black !important;
  }
  #myModal_payments #btnsTiposPago .btn-large-dim {
    height: 100px !important;
    margin-bottom: 2px !important;
  }
  #myModal_payments [data-moneda].active {
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:first-child .col-lg-6 {
    display: inline-block !important;
    width: 33% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    display: inline-block;
    width: 45% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    vertical-align: top !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .button-calcu {
    border-radius: 5px !important;
    background-color: #f8de2e !important;
    border-color: 1px solid #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .btnPagoActions {
    font-size: 25px !important;
    font-weight: bold !important;
  }

  #myModal_CreditCards #btn_creditcardsQuatity {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  #myModalExterno #btn_CantExterno {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  .toast {
    background-color: #fff100;
  }

  .toast-success {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-error {
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }

  .toast-info {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-warning {
    background-color: #f8ac59;
  }

  .modal .button-calcu {
    width: 80px !important;
    height: 80px !important;
    background-color: #f8de2e !important;
    color: #2F4050 !important;
    font-weight: 35px !important;
  }
  .modal .close span:first-child {
    font-size: 40px !important;
    color: black !important;
  }

  /* .btns_products .btn-info{background-color:$white;} */
  .modal-dialog {
    width: 80% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  #myModalCustomers .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
    color: black !important;
  }

  .panel-list-products > div {
    min-height: 0 !important;
  }

  .panel-list-products {
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }

  .productsArea {
    height: auto !important;
    min-height: 625px !important;
    max-height: 625px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    overflow: hidden !important;
  }

  #myModal_payments .btnPagoActions {
    width: 45% !important;
  }

  .parent-btns_tableslounge {
    position: relative !important;
    overflow-x: scroll !important;
    background-size: cover !important;
  }
  .parent-btns_tableslounge .btns_tableslounge {
    background-image: none !important;
  }

  #buttonsActionsBilling {
    position: absolute !important;
  }

  body[section=facturacion_dashboard] #page-wrapper {
    padding: 0 10px !important;
    margin: 0px 0 0 15px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea {
    height: 99vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .columnDetails .list-products {
    /* height:45vh$imp; */
    height: 50vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .columnDetails + div .button .bn.add-num {
    height: 8vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea {
    height: 85vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea div:first-child .btns_families {
    -webkit-overflow-scrolling: touch !important;
    -o-overflow-scrolling: touch !important;
    -ms-overflow-scrolling: touch !important;
    -moz-overflow-scrolling: touch !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea div:first-child .btns_families .btn-opcion-products {
    width: auto !important;
    min-width: 95px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products {
    height: 77vh !important;
    min-height: 70vh !important;
    max-height: 85vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups {
    height: 67vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups > div {
    height: 62vh !important;
    width: 115% !important;
    display: block !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
    padding-right: 5px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-webkit-scrollbar, body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-o-scrollbar, body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-ms-scrollbar, body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups::-moz-scrollbar {
    width: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .panel-list-products .btns_groups .btn-opcion-products {
    width: 95% !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas .accountSelected {
    border: 3px solid black !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea #accountstable {
    margin-top: -5px !important;
  }
  body[section=facturacion_dashboard] #titleOptions {
    display: block !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile {
    bottom: 5px !important;
    left: 10px !important;
    width: 150px !important;
    height: 65px !important;
    position: fixed !important;
    z-index: 10000000000000002000000 !important;
    display: block;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    float: left !important;
    width: 70px !important;
    height: 65px !important;
    padding: 5px !important;
    background-color: #f8de2e !important;
    border: 2px solid #ffcf03 !important;
    color: #2F4050 !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button i {
    color: #2F4050 !important;
  }
  body[section=facturacion_dashboard] #buttonsActionsBilling {
    display: none;
    position: absolute !important;
    bottom: 0px !important;
    left: 0 !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    padding: 10px !important;
    border: 2px solid black !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999 !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 800px !important;
  }

  #myModalClientsForInvoice {
    left: 10vw !important;
    margin-left: 0vw !important;
  }

  .modalPagos .modal-body {
    max-height: 90vh !important;
  }

  #myModal_payments .modal-content {
    height: 90vh !important;
    margin-top: -25px !important;
  }
  #myModal_payments .modal-content .button-calcu {
    height: 70px !important;
  }
  #myModal_payments .modal-content .btnPagoActions {
    width: 35% !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 120px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 120px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 140px !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    font-size: 18px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 50% !important; /***JP** 98%*/
  }
  #dataAreaDashboard .columnDetails .list-products {
    /*width: 70% !important;*/
    height: 60vh !important;
    float: left !important;
    padding-top: 10px !important;
  }

  @media screen and (min-width: 1280px) {
    @media (orientation: landscape) {

     .list-products {
        width: 70% !important;
      }
    }
  }
  
  @media (orientation: portrait) {
    /* Agrega aquí tus estilos específicos para la orientación vertical */
    #dataAreaDashboard .columnDetails .list-products {
      width: 70% !important;
    }
  }

  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 25% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea { /****JP****/
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 1 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 60vh !important;
    /*width: 90vh !important; /****JP CSS**/
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 30px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .btnChangeDesign {
    display: none !important;
  }
}
@media only screen and (max-width: 1030px) {
  #numSaldo, #numAbono {
    margin-top: 25px !important;
    margin-left: -35px !important;
  }

  #myModalInfoClient .form-group {
    height: 66px !important;
  }

  .modalPagos .modal-body {
    max-height: 300px !important;
  }
  .modalPagos .modal-body .button-calcu.add-num {
    height: auto !important;
  }

  /*Cajas*/
  .cash[data-status="0"] img {
    width: 55% !important;
  }
  .cash[data-status="0"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 25px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .cash[data-status="1"] img {
    width: 55% !important;
  }
  .cash[data-status="1"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 25px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .cash[data-status="2"] img {
    width: 70% !important;
  }
  .cash[data-status="2"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 45px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  #div_button_options_mobile {
    display: block;
  }

  #buttonsActionsBilling {
    display: none;
    position: absolute !important;
    bottom: 0px !important;
    left: 0 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 10px !important;
    border: 2px solid black !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999 !important;
  }

  #dataAreaDashboard {
    background-color: white !important;
  }

  .count-info .label-primary, .count-info .badge-primary {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .loginscreen {
    top: 50px;
  }

  #itemsMenu li {
    background: #3a3a3c !important;
  }

  .nav > li {
    /*background:$gray2;*/
  }
  .nav > li > a {
    padding: 14px 20px 14px 5px !important;
  }
  .nav > li > a > i {
    margin-left: 0 !important;
  }
  .nav > li.active {
    border-left: 4px solid #f8de2e !important;
    /*background:$gray2;*/
  }

  body.mini-navbar .navbar-header {
    background-color: #f8de2e !important;
    display: none !important;
  }
  body.mini-navbar .navbar-default .nav li a span {
    display: block !important;
    font-size: 8px !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 5px !important;
  }
  body.mini-navbar .navbar-default .nav li a span.fa.arrow {
    margin-bottom: 10px !important;
    width: 100% !important;
    text-align: center !important;
    display: none !important;
  }

  .btns_loungeslist > div {
    display: inline-block !important;
    width: 25% !important;
  }

  .navbar .navbar-header {
    background-color: #f8de2e !important;
  }
  .navbar .navbar-header .logoSmall {
    width: 60% !important;
    height: auto !important;
  }
  .navbar .navbar-header .logo-element {
    padding: 10px 0;
  }
  .navbar .navbar-header a.btn {
    display: none !important;
  }
  .navbar .navbar-header + div {
    margin: 5px 10px !important;
  }
  .navbar .navbar-right {
    margin-top: -10px !important;
    margin-right: -15px !important;
    width: 40% !important;
  }
  .navbar .clock {
    margin-left: 10px !important;
    margin-top: 5px !important;
    font-size: 20px !important;
    width: 30% !important;
  }

  body[section] .cash_loungeslist {
    height: 0 !important;
  }

  #dataArea > .ibox-content {
    overflow: visible !important;
    /* background-image: url($fotosalon)$imp; */
    background-position: top left !important;
    background-repeat: repeat !important;
    height: 88vh !important;
  }
  #dataArea .cash_loungeslist {
    display: block !important;
    height: 100px !important;
    background-image: none !important;
    padding-bottom: 20px;
  }
  #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  #dataArea .cash_loungeslist > div.cash {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
  }
  #dataArea .cash_loungeslist > div.cash > img {
    width: 60% !important;
    height: auto !important;
  }
  #dataArea .cash_loungeslist > div.cash > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }
  #dataArea .cash_loungeslist > div.cash_1 > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }

  .ibox > .ibox-content {
    overflow: visible !important;
    background-position: top left !important;
    background-repeat: repeat !important;
    height: auto !important;
  }

  .btns_tableslounge {
    display: block !important;
    background-image: none !important;
    height: auto !important;
  }
  .btns_tableslounge > div.board {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 10px !important;
  }
  .btns_tableslounge > div.board div[data-status="1"] img {
    width: 100% !important;
  }
  .btns_tableslounge > div.board div[data-status="1"] .centered {
    color: #3a3a3c !important;
  }
  .btns_tableslounge > div.board div[data-status="2"] img {
    width: 110% !important;
  }
  .btns_tableslounge > div.board div[data-status="2"] .centered {
    color: white !important;
    top: 48% !important;
    left: 48% !important;
  }
  .btns_tableslounge > div.board div[data-status="3"] img {
    width: 100% !important;
  }
  .btns_tableslounge > div.board div[data-status="3"] .centered {
    color: #3a3a3c !important;
  }

  #dataAreaDashboard {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 40% !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
  #dataAreaDashboard .columnDetails + .mar_t_5 {
    display: none !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura {
    width: 100% !important;
    display: block !important;
    padding: 10px !important;
    text-align: left !important;
    background-color: #3a3a3c !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 {
    width: 89% !important;
    display: inline-block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div .btnModifyAccount {
    font-size: 1.5em !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 {
    width: 10% !important;
    display: inline-block !important;
    vertical-align: top !important;
    text-align: left !important;
    padding-left: 10px;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 .btnReturn {
    font-size: 2.5em !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > .row > div {
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price {
    min-height: 50px !important;
    height: auto !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    display: block !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 49% !important;
    display: inline-block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button.dim {
    margin-right: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button {
    margin-bottom: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail > div.height-line {
    min-height: 25px !important;
    line-height: 25px !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product {
    /* .col-lg-1.txt_number{width:10%$imp;}
    .col-lg-2.txt_number{width:15%$imp;}
    .col-lg-3.txt_number{width:25%$imp;} */
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product, #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_number {
    font-size: 14px !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product {
    width: 50% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional {
    width: 50% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number {
    width: 10% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 25% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.amountList {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.amountList .type_product {
    padding-left: 5px !important;
    text-align: center !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    height: 150px !important;
    margin-bottom: 10px !important;
  }
  #dataAreaDashboard .productsArea {
    width: 55% !important;
    height: 445px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: 15px !important;
  }
  #dataAreaDashboard .productsArea .fa-arrow-left, #dataAreaDashboard .productsArea .fa-arrow-right, #dataAreaDashboard .productsArea .fa-arrow-up, #dataAreaDashboard .productsArea .fa-arrow-down {
    color: #3a3a3c !important;
  }
  #dataAreaDashboard .productsArea .btns_families {
    width: 80% !important;
  }
  #dataAreaDashboard .productsArea .btns_families .grayBorder {
    text-shadow: none;
    font-weight: bold !important;
  }
  #dataAreaDashboard .productsArea .btns_families .btn-opcion-products {
    width: 95px !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products {
    display: block !important;
    height: auto !important;
    overflow-y: visible !important;
    /* .btnArrowSC.down{left:0$imp;bottom:-35px$imp;}
    .btnArrowSC{left:0$imp;display:$none;}
    .btns_groups{
      display:$block;width:120px$imp;
      >div{
        height:$auto;
        width:$full;
        display:$block;
        overflow-y: hidden$imp;
        overflow-x: hidden$imp;
        padding-right:0$imp;
      }
      button.btn-opcion-products,.btn-opcion-products{
        display:$inline;margin-right:0$imp;margin-bottom:5px$imp;width:90px$imp;
        margin-left:2px$imp;font-size:12px$imp;background-color:$yellowNew;
        border-color:$yellowNew;
      }//btn-opcion-products
      .btn-opcion-products{background-color:$yellowNew;border-color:$yellowNew;}
    }//btns_groups */
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products {
    display: block !important;
    min-height: 230px !important;
    height: auto !important;
    max-height: 230px !important;
    overflow-y: scroll !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 {
    display: inline-block !important;
    width: auto !important;
    padding-right: 0 !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 button.dim {
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    border-radius: 5px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim {
    width: 75px !important;
    height: 70px !important;
    font-size: 35px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim span {
    font-size: 13px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product span {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product img {
    width: 44px !important;
    height: 35px !important;
    display: block !important;
    margin-left: 12px !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 80% !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-empty {
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-full {
    background-color: #e55634 !important;
    /*$red1*/
    border-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 45px !important;
    font-size: 12px !important;
  }

  .modal #count-people {
    width: 70% !important;
  }

  #btnRemove {
    float: right !important;
    margin-top: -50px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  .modal-body .ibox-content {
    width: 95% !important;
    padding: 15px 20px 1px 20px !important;
  }

  .inmodal .modal-header {
    padding: 15px !important;
  }

  #myModal_traslados .scrollbar {
    margin-left: 0 !important;
  }
  #myModal_traslados .panelTraslados {
    width: 49% !important;
    display: inline-block !important;
    text-align: left !important;
    height: auto !important;
  }
  #myModal_traslados .panelTraslados .panel-info {
    width: 100% !important;
    display: block !important;
    min-height: 300px !important;
    height: auto !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panelTraslados .panel-body .btnObjs {
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList {
    right: 64px !important;
    border: 2px solid #f8de2e !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panel-heading {
    height: auto !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panel-heading span {
    color: white !important;
  }
  #myModal_traslados .panel-heading .btnOptions {
    width: auto !important;
    display: inline-block !important;
    margin-top: 2px !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panel-heading .btnOptions .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panelTraslados.f_l, #myModal_traslados .panelTraslados.f_r {
    float: none !important;
    vertical-align: top !important;
  }

  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_l .panel-heading {
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading {
    display: inline-block !important;
    width: 49% !important;
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading .btnOptions {
    margin-right: 0 !important;
  }

  #myModal_traslados[modal_type=btn_trazlado] .f_r .panel-heading {
    float: none !important;
    height: auto !important;
  }
  #myModal_traslados[modal_type=btn_trazlado] .f_l .panel-heading {
    height: auto !important;
  }

  #myModal_discount #btn_addiscount {
    color: black !important;
  }
  #myModal_discount .btns_discounts button.dim {
    width: 100px !important;
    height: 100px !important;
    font-size: 25px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  body[section=facturacion] .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea > .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea .cash_loungeslist, body[section=facturacion] #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  body[section=facturacion] .cash_loungeslist, body[section=facturacion] .cash_loungeslist:empty {
    height: 0 !important;
  }

  .modal-dialog {
    width: 80% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  #datatable_Functionarys_filter input[type=search] {
    border: 1px solid #3a3a3c !important;
  }

  #tableFunctionarys #btn_addExecutiveCommand, #tableFunctionarys #btn_addFuncionary {
    background-color: #f8de2e !important;
  }

  #datatable_Functionarys_paginate .ui-state-defaul {
    border: 1px solid #3a3a3c !important;
  }

  #myModalInfoClient #content-SuggestedTip + div, #myModalInfoClient #content-SuggestedTip + div + div {
    display: inline-block !important;
    left: 0 !important;
    margin-right: 5px !important;
    width: 100px !important;
    float: left !important;
  }

  #myModal_payments #simbolo_moneda_saldo {
    top: -15px !important;
  }
  #myModal_payments #numSaldo, #myModal_payments #numAbono {
    padding: 5px !important;
    border: 1px solid black !important;
  }
  #myModal_payments #btnsTiposPago h5 {
    font-size: 20px !important;
    color: black !important;
  }
  #myModal_payments #btnsTiposPago .btn-large-dim {
    height: 100px !important;
    margin-bottom: 2px !important;
  }
  #myModal_payments [data-moneda].active {
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:first-child .col-lg-6 {
    display: inline-block !important;
    /* width:33%$imp; */
    width: 49% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    display: inline-block;
    width: 46% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    vertical-align: top !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .button-calcu {
    border-radius: 3px !important;
    background-color: #f8de2e !important;
    border: 1px solid #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .btnPagoActions {
    font-size: 25px !important;
    font-weight: bold !important;
  }

  #myModal_CreditCards #btn_creditcardsQuatity {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  #myModalExterno #btn_CantExterno {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  .toast {
    background-color: #fff100;
  }

  .toast-success {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-error {
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }

  .toast-info {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-warning {
    background-color: #f8ac59;
  }

  .modal .button-calcu {
    width: 50px !important;
    height: 50px !important;
    background-color: #f8de2e !important;
    color: black !important;
  }
  .modal .close span:first-child {
    font-size: 40px !important;
    color: black !important;
  }

  /* .btns_products .btn-info{background-color:$white;} */
  .modal-dialog {
    width: 80% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  #myModalCustomers .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
    color: black !important;
  }

  .panel-list-products > div {
    min-height: 0 !important;
  }

  .panel-list-products {
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }

  .productsArea {
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    overflow: hidden !important;
  }

  #myModal_payments .btnPagoActions {
    width: 45% !important;
  }

  .parent-btns_tableslounge {
    position: relative !important;
    overflow-x: scroll !important;
    background-size: cover !important;
  }
  .parent-btns_tableslounge .btns_tableslounge {
    background-image: none !important;
  }

  .header-prod-factura .col-lg-2 {
    display: block !important;
  }
  .header-prod-factura .col-lg-4 {
    display: inline-block !important;
  }

  .header-prod-factura .col-lg-2 {
    display: block !important;
  }
  .header-prod-factura .col-lg-4 {
    display: inline-block !important;
  }

  #searchCustomer + div.col-md-6 {
    width: 100% !important;
    display: block !important;
    margin-top: 50px !important;
  }

  #customerID {
    width: 100% !important;
    margin-top: 30px !important;
  }

  #customerName {
    width: 100% !important;
  }

  #customerEmail {
    width: 100% !important;
  }

  #content-SuggestedTip {
    width: 100% !important;
  }
  #content-SuggestedTip + div.col-md-6 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  #content-SuggestedTip + div.col-md-6 + div.col-md-6 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  #myModal_payments .button-calcu {
    width: 80px !important;
    height: 80px !important;
  }
  #myModal_payments .btnPagoActions {
    width: 122px !important;
    height: 80px !important;
  }

  #myModal_newaccount .modal .form-group {
    height: 70px !important;
  }

  #invoiceComment {
    width: 520px !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 55vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea {
    height: 98vh !important;
    max-height: 98vh !important;
    min-height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products {
    height: 84vh !important;
    min-height: 84vh !important;
    max-height: 84vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child {
    width: 100% !important;
    vertical-align: top !important;
    display: inline-block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups {
    height: 83vh !important;
    width: 100% !important;
    display: block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups > div:first-child {
    height: 83vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child {
    width: 100% !important;
    vertical-align: top !important;
    display: inline-block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products {
    min-height: 82vh !important;
    max-height: 82vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products > div button {
    width: 150px !important;
    height: 100px !important;
  }

  #myModal_payments .modal-content {
    height: 700px !important;
  }
  #myModal_payments .modal-content .modal-body {
    max-height: 560px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #myModal_payments .modal-dialog {
    width: 100% !important;
    max-width: 900px !important;
    margin-top: 10px !important;
  }
  #myModal_payments .modal-body {
    padding: 20px 30px 30px 50px !important;
  }
  #myModal_payments .modal-body .ibox-content {
    padding: 15px 0px 20px 20px !important;
  }
  #myModal_payments #numSaldo, #myModal_payments #numAbono {
    margin-left: 0px !important;
    margin-top: 5px !important;
  }
  #myModal_payments #btnsTiposPago .nav-tabs li a {
    padding: 14px 15px 14px 5px !important;
  }

  #myModalExterno .externo {
    height: 80px !important;
  }

  #myModalClientsForInvoice {
    left: 0vw !important;
    margin-left: 0vw !important;
    margin-top: 5px !important;
  }

  .dataInvoiceFull {
    height: 200px !important;
  }

  #myModalExterno .modal-dialog {
    left: 10% !important;
    margin-left: 0 !important;
  }
  #myModalExterno .modal-content {
    max-width: 815px !important;
    min-width: 815px !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 120px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 120px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 140px !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    font-size: 18px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 70% !important;
    height: 60vh !important;
    float: left !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 25% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 60vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 30px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #mainNodeJsStatus, #connectionOnline {
    float: none !important;
    margin: 0 !important;
  }
}
@media only screen and (max-width: 1010px) {
  .navbar-top-links li:last-child {
    margin-right: 0 !important;
  }

  #numSaldo, #numAbono {
    margin-top: 25px !important;
    margin-left: -35px !important;
  }

  #page-wrapper {
    min-height: 470px !important;
  }
  #page-wrapper #workarea {
    height: auto !important;
  }
  #page-wrapper #workarea #dataArea > .ibox-content {
    height: auto !important;
  }

  .btns_waiter > div {
    display: inline-block !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 45vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea {
    height: 96vh !important;
    max-height: 96vh !important;
    min-height: 96vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products {
    height: 70vh !important;
    min-height: 65vh !important;
    max-height: 75vh !important;
    overflow-y: hidden !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > #pathProducts {
    min-height: 65px !important;
    border-bottom: 3px solid #2F4050 !important;
    width: 100% !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > #pathProducts button {
    display: inline-block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu {
    width: 165px !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    font-size: 17px !important;
    color: #2F4050 !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
    font-weight: bold !important;
    white-space: normal !important;
    word-break: unset !important;
    padding: 5px !important;
    background-color: #f8de2e !important;
    text-transform: uppercase !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu span {
    width: 95%;
    color: #2F4050 !important;
    font-weight: bold !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu i {
    display: block !important;
    color: #2F4050 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu[data-productsname] {
    font-size: 16px !important;
    line-height: 16px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child {
    width: 100% !important;
    vertical-align: top !important;
    display: block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups {
    height: 73vh !important;
    width: 100% !important;
    display: block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups > div:first-child {
    height: 83vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups > div:first-child .btn-opcion-products {
    width: 85% !important;
    min-height: 40px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child {
    width: 100% !important;
    vertical-align: top !important;
    display: inline-block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products {
    min-height: 60vh !important;
    max-height: 60vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products > div button {
    width: 150px !important;
    height: 90px !important;
  }

  .modifyProductInfo > div button {
    width: 110px !important;
    height: 100px !important;
  }

  .setOpacityLine {
    width: 110% !important;
  }

  .line_product.change.setOpacityLine .txt_product span, .line_product.change.setOpacityLine .txt_number span {
    color: white !important;
  }

  .modal .btns-payfirst button {
    width: 120px !important;
    height: 110px !important;
  }

  #myModal_traslados .panel-heading span {
    color: #2F4050 !important;
  }
  #myModal_traslados .panel-heading .btnOptions {
    border: 2px solid #2F4050 !important;
  }

  #myModal_newaccount .modal-body .form-group {
    height: 65px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 70% !important;
    height: 50vh !important;
    float: left !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 25% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 50vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 30px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  #mainNodeJsStatus, #connectionOnline {
    float: none !important;
    margin: 10px !important;
  }
}
@media only screen and (max-width: 801px) {
  .btns_loungeslist > div {
    width: 25% !important;
  }
}
@media only screen and (max-width: 750px) {
  .count-info .label-primary, .count-info .badge-primary {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .loginscreen {
    top: 50px;
  }

  #itemsMenu li {
    background: #3a3a3c !important;
  }

  .nav > li {
    /*background:$gray2;*/
  }
  .nav > li > a {
    padding: 14px 20px 14px 5px !important;
  }
  .nav > li > a > i {
    margin-left: 20px;
  }
  .nav > li.active {
    border-left: 4px solid #f8de2e !important;
    /*background:$gray2;*/
  }

  body.mini-navbar .navbar-header {
    background-color: #f8de2e !important;
  }
  body.mini-navbar .navbar-default .nav li a span {
    display: block !important;
    font-size: 8px !important;
    text-align: center !important;
    width: 60px !important;
    margin-top: 5px !important;
  }

  body.mini-navbar .navbar-default .nav li a span.fa.arrow {
    margin-bottom: 10px !important;
    width: 100% !important;
    text-align: center !important;
    display: none !important;
  }

  .btns_loungeslist > div {
    display: inline-block !important;
    width: auto !important;
  }
  .btns_loungeslist button.dim i.fa {
    font-size: 40px !important;
    color: white !important;
  }
  .btns_loungeslist button.dim i.fa + span {
    color: white !important;
  }

  .navbar .navbar-header {
    background-color: #f8de2e !important;
  }
  .navbar .navbar-header .logoSmall {
    width: 60% !important;
    height: auto !important;
  }
  .navbar .navbar-header .logo-element {
    padding: 10px 0;
  }
  .navbar .navbar-header a.btn {
    display: none !important;
  }
  .navbar .navbar-header + div {
    margin: 5px 10px !important;
  }
  .navbar .navbar-right {
    margin-top: -10px !important;
    margin-right: 0px !important;
    width: 70% !important;
    float: right !important;
  }
  .navbar .navbar-right > li > a {
    color: #3a3a3c !important;
  }
  .navbar .clock {
    margin-left: 10px !important;
    margin-top: 5px !important;
    font-size: 14px !important;
    display: inline-block !important;
    width: 50px;
    line-height: 15px;
    color: black !important;
  }

  .fa-user-circle-o {
    color: #3a3a3c !important;
  }

  .fa-user-times {
    color: black !important;
  }

  #btnPIN {
    background-color: #f8de2e !important;
    border-color: 1px solid #f8de2e !important;
    /*$yellow2*/
  }

  body.mini-navbar .nav-header {
    background-color: #f8de2e !important;
  }

  .nav-header .logoSmall {
    width: 60% !important;
    height: auto !important;
  }

  body[section] .ibox-content {
    background-image: none !important;
  }
  body[section] .cash_loungeslist {
    height: 0 !important;
  }

  #dataArea > .ibox-content {
    overflow: visible !important;
    background-position: top left !important;
    background-repeat: repeat !important;
    height: auto !important;
  }
  #dataArea .cash_loungeslist {
    display: block !important;
    height: 100px !important;
    background-image: none !important;
    padding-bottom: 20px;
  }
  #dataArea .cash_loungeslist > div.cash {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
  }
  #dataArea .cash_loungeslist > div.cash > img {
    width: 60% !important;
    height: auto !important;
  }
  #dataArea .cash_loungeslist > div.cash > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }
  #dataArea .cash_loungeslist > div.cash_1 > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }

  .ibox > .ibox-content {
    overflow: visible !important;
    background-position: top left !important;
    background-repeat: repeat !important;
    height: auto !important;
  }

  .btns_tableslounge {
    display: block !important;
    background-image: none !important;
    height: auto !important;
  }
  .btns_tableslounge > div.board {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 10px !important;
  }
  .btns_tableslounge > div.board > img.board {
    width: 80% !important;
    height: auto !important;
  }
  .btns_tableslounge > div.board > div.centered {
    font-size: 12px !important;
    top: 40% !important;
    left: 40% !important;
  }

  #dataAreaDashboard {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 40% !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
  #dataAreaDashboard .columnDetails + .mar_t_5 {
    display: none !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura {
    width: 100% !important;
    display: block !important;
    padding: 10px 0px 10px 0px !important;
    text-align: left !important;
    height: 40px !important;
    background-color: #3a3a3c !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 {
    width: 85% !important;
    display: inline-block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div .btnModifyAccount {
    font-size: 1.5em !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 {
    width: 13% !important;
    display: inline-block !important;
    vertical-align: top !important;
    text-align: left !important;
    padding-left: 10px;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 .btnReturn {
    font-size: 1.5em !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price {
    min-height: 50px !important;
    height: auto !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    display: block !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 49% !important;
    display: inline-block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button.dim {
    margin-right: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button {
    margin-bottom: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail > div.height-line {
    min-height: 20px !important;
    line-height: 20px !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product, #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_number {
    font-size: 10px !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product, #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional {
    width: 45% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-1.txt_number {
    width: 10% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number {
    width: 10% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-3.txt_number {
    width: 34% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    height: 230px !important;
    margin-bottom: 10px !important;
  }
  #dataAreaDashboard .columnDetails .list-products[rowsbuttons="1"] {
    height: 230px !important;
  }
  #dataAreaDashboard .columnDetails .list-products[rowsbuttons="2"] {
    height: 200px !important;
  }
  #dataAreaDashboard .columnDetails .list-products[rowsbuttons="3"] {
    height: 150px !important;
  }
  #dataAreaDashboard .productsArea {
    width: 55% !important;
    height: 445px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: 15px !important;
  }
  #dataAreaDashboard .productsArea .fa-arrow-left, #dataAreaDashboard .productsArea .fa-arrow-right, #dataAreaDashboard .productsArea .fa-arrow-up, #dataAreaDashboard .productsArea .fa-arrow-down {
    color: #3a3a3c !important;
  }
  #dataAreaDashboard .productsArea .btns_families {
    width: 76% !important;
  }
  #dataAreaDashboard .productsArea .btns_families .grayBorder {
    text-shadow: none;
    font-weight: bold !important;
  }
  #dataAreaDashboard .productsArea .btns_families .btn-opcion-products {
    width: 95px !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
    font-size: 12px !important;
    text-transform: uppercase !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products {
    display: block !important;
    height: auto !important;
    overflow-y: visible !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btnArrowSC.down {
    left: 0 !important;
    bottom: -35px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btnArrowSC {
    left: 0 !important;
    margin-left: 0;
    text-align: left;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups {
    display: block !important;
    width: 100% !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups > div {
    height: auto !important;
    width: 100% !important;
    display: block !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    padding-right: 0 !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups button.btn-opcion-products, #dataAreaDashboard .productsArea .panel-list-products .btns_groups .btn-opcion-products {
    display: inline-block !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    width: 90px !important;
    margin-left: 2px !important;
    font-size: 12px !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_groups .btn-opcion-products {
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products {
    display: block !important;
    min-height: 230px !important;
    height: auto !important;
    max-height: 230px !important;
    overflow-y: scroll !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 {
    display: inline-block !important;
    width: auto !important;
    padding-right: 0 !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 button.dim {
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    border-radius: 5px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim {
    width: 65px !important;
    height: 60px !important;
    font-size: 35px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim span {
    font-size: 8px !important;
    text-transform: uppercase;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product span {
    font-size: 10px !important;
    line-height: 10px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product img {
    width: 44px !important;
    height: 35px !important;
    display: block !important;
    margin-left: 12px !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 80% !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-empty {
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-full {
    background-color: #e55634 !important;
    /*$red1*/
    border-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }

  .modal #count-people {
    width: 70% !important;
  }

  #btnRemove {
    float: right !important;
    margin-top: -50px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  .modal-body .ibox-content {
    width: 95% !important;
    padding: 15px 20px 1px 20px !important;
  }

  .inmodal .modal-header {
    padding: 15px !important;
  }

  #myModal_traslados .scrollbar {
    margin-left: 0 !important;
  }
  #myModal_traslados .panelTraslados {
    width: 49% !important;
    display: inline-block !important;
    text-align: left !important;
    height: auto !important;
  }
  #myModal_traslados .panelTraslados .panel-info {
    width: 100% !important;
    display: block !important;
    min-height: 300px !important;
    height: auto !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panelTraslados .panel-body .btnObjs {
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList {
    right: 54px !important;
    border: 2px solid #f8de2e !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panel-heading {
    height: auto !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panel-heading span {
    color: #2F4050 !important;
    padding-top: 0 !important;
  }
  #myModal_traslados .panel-heading .btnOptions {
    width: auto !important;
    display: inline-block !important;
    margin-top: 2px !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panel-heading .btnOptions .btn-account-full {
    border-color: #e55634 !important;
    background-color: #e55634 !important;
    color: white !important;
  }
  #myModal_traslados .panelTraslados.f_l, #myModal_traslados .panelTraslados.f_r {
    float: none !important;
    vertical-align: top !important;
  }

  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_l .panel-heading {
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading {
    display: inline-block !important;
    width: 49% !important;
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading .btnOptions {
    margin-right: 0 !important;
  }

  #myModal_traslados[modal_type=btn_trazlado] .f_r .panel-heading {
    float: none !important;
    height: auto !important;
  }
  #myModal_traslados[modal_type=btn_trazlado] .f_l .panel-heading {
    height: auto !important;
  }

  #myModal_discount #btn_addiscount {
    color: black !important;
  }
  #myModal_discount .btns_discounts button.dim {
    width: 100px !important;
    height: 100px !important;
    font-size: 25px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  body[section=facturacion] .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea > .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea .cash_loungeslist, body[section=facturacion] #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  body[section=facturacion] .cash_loungeslist, body[section=facturacion] .cash_loungeslist:empty {
    height: 0 !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  #datatable_Functionarys_filter input[type=search] {
    border: 1px solid #3a3a3c !important;
  }

  #tableFunctionarys #btn_addExecutiveCommand, #tableFunctionarys #btn_addFuncionary {
    background-color: #f8de2e !important;
  }

  #datatable_Functionarys_paginate .ui-state-defaul {
    border: 1px solid #3a3a3c !important;
  }

  #myModalInfoClient #content-SuggestedTip + div, #myModalInfoClient #content-SuggestedTip + div + div {
    display: inline-block !important;
    left: 0 !important;
    margin-right: 5px !important;
    width: 100px !important;
    float: left !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next {
    background-color: #f8de2e !important;
    color: black !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i {
    font-size: 28px !important;
    color: black !important;
  }
  #myModalInfoClient .btn-large-dim {
    font-size: 20px !important;
  }
  #myModalInfoClient .btn-info {
    height: auto !important;
  }
  #myModalInfoClient .btn-info i.fa {
    font-size: 34px !important;
  }

  #myModal_payments #simbolo_moneda_saldo {
    top: -15px !important;
  }
  #myModal_payments #numSaldo, #myModal_payments #numAbono {
    padding: 5px !important;
    border: 1px solid black !important;
  }
  #myModal_payments #btnsTiposPago h5 {
    font-size: 20px !important;
    color: black !important;
  }
  #myModal_payments #btnsTiposPago .btn-large-dim {
    height: 100px !important;
    margin-bottom: 2px !important;
  }
  #myModal_payments [data-moneda].active {
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:first-child .col-lg-6 {
    display: inline-block !important;
    width: 33% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 780px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    display: inline-block;
    width: 46% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    vertical-align: top !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .button-calcu {
    border-radius: 5px !important;
    background-color: #f8de2e !important;
    border-color: 1px solid #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .btnPagoActions {
    font-size: 25px !important;
    font-weight: bold !important;
  }

  #myModal_CreditCards #btn_creditcardsQuatity {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  #myModalExterno #btn_CantExterno {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  .toast {
    background-color: #fff100;
  }

  .toast-success {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-error {
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }

  .toast-info {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-warning {
    background-color: #f8ac59;
  }

  .modal .button-calcu {
    width: 50px !important;
    height: 50px !important;
    background-color: #f8de2e !important;
    color: black !important;
  }
  .modal .close span:first-child {
    font-size: 40px !important;
    color: black !important;
  }

  .btns_products .btn-info {
    background-color: white !important;
  }

  .modal-dialog {
    width: 98% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  #myModalCustomers .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
    color: black !important;
  }

  .panel-list-products {
    height: 55% !important;
    min-height: 55% !important;
    max-height: 55% !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }
  .panel-list-products > div {
    min-height: 0 !important;
  }

  .productsArea {
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    overflow: hidden !important;
  }

  .welcome-message {
    font-size: 14px !important;
  }

  #headerUserName {
    font-size: 14px !important;
  }

  #btnPIN .fa {
    font-size: 1.5em !important;
  }

  .btn-opcion-fact {
    font-size: 13px !important;
    width: 80px !important;
    height: 45px !important;
  }

  button.dim i.fa {
    font-size: 14px !important;
  }
  button.dim i.fa + span {
    line-height: 10px !important;
  }

  #myModal_payments .btnPagoActions {
    width: 45% !important;
  }
  #myModal_payments .btn-large-dim {
    font-size: 12px !important;
  }
  #myModal_payments .btn-large-dim i.fa {
    font-size: 35px !important;
  }

  .btns_waiter {
    width: 100% !important;
    display: block !important;
  }
  .btns_waiter > .col-lg-6 {
    display: inline-block !important;
  }

  #btnRemove {
    float: right !important;
    margin-top: -50px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  #myModalPin #btnRemovePin {
    float: right !important;
    margin-top: 0px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }
  #myModalPin #text_pin {
    width: 100px !important;
    float: left !important;
  }

  .btns_tableslounge > div.board > div.centered {
    position: absolute !important;
    top: 35% !important;
    left: 35% !important;
  }

  .btns_tableslounge div[data-status="1"] img {
    width: 100% !important;
  }
  .btns_tableslounge div[data-status="1"] .centered {
    color: #3a3a3c !important;
  }
  .btns_tableslounge div[data-status="2"] img {
    width: 110% !important;
  }
  .btns_tableslounge div[data-status="2"] .centered {
    color: white !important;
    top: 48% !important;
    left: 48% !important;
  }
  .btns_tableslounge div[data-status="3"] img {
    width: 100% !important;
  }
  .btns_tableslounge div[data-status="3"] .centered {
    color: #3a3a3c !important;
  }
  .btns_tableslounge div[data-pax="2"] .centered, .btns_tableslounge div[data-pax="4"] .centered, .btns_tableslounge div[data-pax="6"] .centered {
    text-transform: uppercase !important;
    font-size: 22px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .tableDivEdit div[data-status="1"] img {
    width: 100% !important;
  }
  .tableDivEdit div[data-status="1"] .centered {
    color: #3a3a3c !important;
  }
  .tableDivEdit div[data-status="2"] img {
    width: 110% !important;
  }
  .tableDivEdit div[data-status="2"] .centered {
    color: white !important;
    top: 48% !important;
    left: 48% !important;
  }
  .tableDivEdit div[data-status="3"] img {
    width: 100% !important;
  }
  .tableDivEdit div[data-status="3"] .centered {
    color: #3a3a3c !important;
  }
  .tableDivEdit div[data-pax="2"] .centered, .tableDivEdit div[data-pax="4"] .centered, .tableDivEdit div[data-pax="6"] .centered {
    text-transform: uppercase !important;
    font-size: 22px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  /*Cajas*/
  .cash[data-status="0"] img {
    width: 55% !important;
  }
  .cash[data-status="0"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 25px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .cash[data-status="1"] img {
    width: 55% !important;
  }
  .cash[data-status="1"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 25px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .cash[data-status="2"] img {
    width: 70% !important;
  }
  .cash[data-status="2"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 45px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .functionarys_List {
    width: 100% !important;
  }
}
@media only screen and (max-width: 610px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }

  #buttonsActionsBilling button i {
    font-size: 40px !important;
  }

  #modifyProductInfo .btn-opcion-fact, #modalTrasladosOptions .btn-opcion-fact {
    font-size: 13px !important;
    width: 140px !important;
    height: 120px !important;
  }
  #modifyProductInfo .btn-opcion-fact i, #modalTrasladosOptions .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 509px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 481px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 415px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 401px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 376px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 361px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
@media only screen and (max-width: 321px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact {
    font-size: 13px !important;
    width: 130px !important;
    height: 100px !important;
  }
  #modifyProductInfo .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
/**************** HUAWEI TABLET GARAGE DE BROCHET ****************/
@media only screen and (max-width: 745px) and (max-height: 800px) {
  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  .loginscreen {
    top: 20px !important;
  }

  .loginForm .form-group {
    margin-bottom: 5px !important;
  }

  #workArea .page-heading {
    border: 1px solid #676a6c !important;
  }
  #workArea .wrapper-content {
    padding: 10px 0px 20px !important;
    border: 1px solid #676a6c !important;
  }

  body.mini-navbar #page-wrapper {
    padding: 0 25px !important;
    margin: 0px 0 0 80px !important;
    min-height: 620px !important;
  }
  body.mini-navbar #itemsMenu i.fas {
    font-size: 22px !important;
  }
  body.mini-navbar[section=facturacion] #workArea .ibox-content {
    padding: 0 !important;
  }
  body.mini-navbar .navbar-default .nav li a span {
    width: 70px !important;
    font-size: 9px !important;
  }
  body.mini-navbar .navbar-static-side {
    width: 80px !important;
  }
  body.mini-navbar .navbar-static-side .nav > li {
    text-align: center !important;
    width: 80px !important;
  }
  body.mini-navbar .navbar-static-side .nav > li > a {
    padding: 15px 0px 5px 0px !important;
    font-size: 16px !important;
  }
  body.mini-navbar .navbar-static-side .nav > li > a > i {
    margin-left: 0 !important;
  }
  body.mini-navbar .navbar-static-side .nav > li > a > i span {
    display: block !important;
    font-size: 10px !important;
    margin-top: 5px !important;
  }

  nav.navbar > div:first-child {
    display: none !important;
  }
  nav.navbar > span {
    width: 25% !important;
    padding-top: 15px !important;
  }
  nav.navbar .navbar-right {
    width: 46% !important;
    margin-top: -35px !important;
  }
  nav.navbar .navbar-right li:last-child > a {
    padding: 5px !important;
  }

  body[section=tables] .parent-btns_tableslounge {
    background-image: url("../img/lounges/salon_1.jpg") !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="1"] img {
    width: 110% !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="1"] .centered {
    color: white !important;
    top: 55% !important;
    left: 55% !important;
    color: #3a3a3c !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="2"] img {
    width: 115% !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="2"] .centered {
    color: white !important;
    top: 50% !important;
    left: 50% !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="2"] .personas {
    top: 70% !important;
    left: 70% !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="3"] img {
    width: 110% !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="3"] .centered {
    color: white !important;
    top: 55% !important;
    left: 55% !important;
    color: #3a3a3c !important;
    transform: translate(-75%, -75%) !important;
  }
  body[section=tables] .btns_tableslounge div[data-status="3"] .personas {
    bottom: 10% !important;
    right: 10% !important;
  }
  body[section=tables] .btns_tableslounge div[data-pax="2"] .centered, body[section=tables] .btns_tableslounge div[data-pax="4"] .centered, body[section=tables] .btns_tableslounge div[data-pax="6"] .centered {
    text-transform: uppercase !important;
    font-size: 16px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  body[section=tables] .modal .modal-dialog {
    margin-left: 10% !important;
  }
  body[section=tables] .modal .add-num {
    font-size: 20px !important;
    width: 45px !important;
    height: 45px !important;
  }
  body[section=tables] .modal.modalCantPersonas button[data-action=save] i {
    font-size: 20px !important;
  }

  body.mini-navbar[section=facturacion_dashboard] #wrapper {
    overflow-y: hidden !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper {
    margin: 0px !important;
    padding: 0 10px !important;
    min-height: 380px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea .list-products {
    height: 130px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea .list-price .text-monto {
    font-size: 15px !important;
    line-height: 15px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea .btns_groups .btn-opcion-products {
    width: 100% !important;
    font-size: 11px !important;
    margin-left: 0px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #div_button_options_mobile {
    width: 60px !important;
    height: auto !important;
    bottom: 0 !important;
    left: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #div_button_options_mobile button {
    width: 60px !important;
    height: auto !important;
    padding: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #div_button_options_mobile button i {
    font-size: 30px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .header-prod-factura {
    height: 65px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 155px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product {
    color: #676a6c !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.setOpacityLine.change {
    color: white !important;
    width: 110% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.setOpacityLine.change div, body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.setOpacityLine.change span {
    color: white !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_product, body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_additional {
    width: 40% !important;
    color: #676a6c !important;
    text-transform: uppercase !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_product {
    padding-left: 5px !important;
    padding-right: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_number {
    color: #676a6c !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product div.col-lg-3.txt_number {
    width: 33% !important;
    color: #676a6c !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_additional {
    font-size: 9px !important;
    line-height: 12px !important;
    vertical-align: top !important;
    height: 25px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number {
    vertical-align: top !important;
    height: 25px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number {
    vertical-align: top !important;
    height: 25px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    vertical-align: top !important;
    height: 25px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline {
    color: white !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline .txt_product, body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline .txt_number, body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline .amountList {
    color: white !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline .txt_product span, body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline .txt_number span, body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .btns_invoicedetail .line_product.titleline .amountList span {
    color: white !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea div:first-child .btns_families {
    -webkit-overflow-scrolling: touch !important;
    -o-overflow-scrolling: touch !important;
    -ms-overflow-scrolling: touch !important;
    -moz-overflow-scrolling: touch !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products {
    display: inline-block !important;
    height: 68vh !important;
    min-height: 68vh !important;
    max-height: 68vh !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products div:first-child {
    -webkit-overflow-scrolling: touch !important;
    -o-overflow-scrolling: touch !important;
    -ms-overflow-scrolling: touch !important;
    -moz-overflow-scrolling: touch !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div.col-lg-2.pad_l_0.hei_100_p {
    width: 30% !important;
    float: left !important;
    max-height: 250px !important;
    padding-right: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div.col-lg-10.hei_100_p {
    float: right !important;
    width: 70% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    overflow-x: hidden !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div.col-lg-10.hei_100_p .btns_products {
    overflow-x: hidden !important;
    max-height: 500px !important;
    overflow-y: scroll !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div.col-lg-10.hei_100_p .btns_products > div {
    padding-right: 0 !important;
    width: 40% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div.col-lg-10.hei_100_p .btns_products > div button {
    width: 80px !important;
    height: 80px !important;
    margin-right: 0 !important;
    margin-bottom: 5px !important;
    border: 2px solid #a7a9ac !important;
    word-wrap: break-word !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div.col-lg-10.hei_100_p .btns_products > div button span {
    font-size: 12px !important;
    line-height: 14px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .accountstableBack {
    margin-top: 10px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .accountstableNext {
    margin-top: 10px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea #accountstable {
    margin-top: 10px !important;
    width: 75% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #dataAreaDashboard > .row .productsArea #accountstable button {
    width: 120px !important;
    height: 35px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_discount .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_discount .btns_discounts button.dim {
    width: 80px !important;
    height: 80px !important;
    font-size: 20px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados[modal_type=btn_trazlado_mesas] .panel_heading {
    padding: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .panelTraslados.f_l .panel_heading {
    height: 80px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .panelTraslados.f_l .panel_heading .btnOptions {
    width: 100% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .panelTraslados.f_l .panel_heading .sourceAccount {
    color: #676a6c !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .panelTraslados.f_r > div .panel_heading {
    height: 80px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .panelTraslados.f_r > div .panel_heading .btnOptions {
    width: 100% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_traslados .panelTraslados.f_r > div .panel_heading span {
    color: #676a6c !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .btns_discounts button.dim {
    width: 80px !important;
    height: 80px !important;
    font-size: 20px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments .modal-body .ibox-content:first-child > div input[type=text] {
    width: 100% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 450px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments .modal-body .ibox-content:last-child div:first-child .button-calcu {
    width: 60px !important;
    height: auto !important;
    font-size: 20px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments .modal-body .ibox-content:last-child div:last-child > div div.row:last-child button {
    width: 44% !important;
    font-size: 18px !important;
    text-transform: uppercase !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments #btnsTiposPago div.col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments #btnsTiposPago div.col-lg-12 button {
    height: 80px !important;
    margin-bottom: 2px !important;
    width: 100px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments #btnsTiposPago div.col-lg-12 button i {
    font-size: 30px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments #btnsTiposPago div.col-lg-12 button i + span {
    font-size: 27px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_payments .btns_discounts button.dim {
    width: 80px !important;
    height: 80px !important;
    font-size: 20px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient #btn_Client_Invoice_Next {
    height: 80px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient #searchCustomer.col-xs-3 {
    width: 30% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient #searchCustomer.col-xs-3 + div.col-xs-3 {
    width: 30% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .btns-payfirst {
    min-height: 80px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .btns-payfirst button.dim {
    width: 120px !important;
    height: 90px !important;
    margin-right: 5px !important;
    font-size: 20px !important;
    word-wrap: break-word !important;
    text-transform: uppercase !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .btns-payfirst button.dim i {
    font-size: 40px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .btns-payfirst button.dim i + span {
    line-height: 15px !important;
    margin-top: 5px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_exempt .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_exempt .btns_exempts button.dim {
    width: 80px !important;
    height: 80px !important;
    font-size: 14px !important;
    word-wrap: break-word !important;
    text-transform: uppercase !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_exempt .btns_exempts button.dim span {
    font-size: 14px !important;
    text-transform: uppercase !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_newaccount .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_newaccount .modal-dialog .modal-body {
    height: 210px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_newaccount .modal-dialog .modal-body .form-group {
    height: 50px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_newaccount .modal-dialog .modal-body .input-height {
    height: 40px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .modal-dialog {
    width: 98vw !important;
    margin-left: 1% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .modal-body {
    padding: 20px 20px 30px 20px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .modifierInfo > div > .row div.col-lg-10 {
    width: 90% !important;
    float: left !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .modifierInfo > div > .row div.col-lg-2 {
    width: 10% !important;
    float: right !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .modifierInfo + div.row > div.col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    height: 300px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .btns_modifiers button {
    width: 100px !important;
    height: 90px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .btns_modifiers button i {
    display: none !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modif .btns_modifiers button span {
    font-size: 13px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog {
    width: 80% !important;
    margin-left: 10% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog .btn-opcion-fact {
    font-size: 12px !important;
    width: 120px !important;
    height: 65px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog .btn-opcion-fact span {
    font-size: 14px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog .btn-opcion-fact#btn_adic {
    font-size: 30px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog .btn-opcion-fact#btn_adic i {
    font-size: 30px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog .btn-opcion-fact#btn_adic span {
    margin-top: -5px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModal_modifyProduct .modal-dialog .name-prod + div.col-lg-12 {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body[section=lounges] #workArea .wrapper-content > .ibox > .ibox-content {
    padding: 5px !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 45vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea {
    height: 96vh !important;
    max-height: 96vh !important;
    min-height: 96vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .subcuentas {
    margin-top: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products {
    height: 83vh !important;
    min-height: 83vh !important;
    max-height: 83vh !important;
    overflow-y: hidden !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > #pathProducts {
    min-height: 65px !important;
    border-bottom: 3px solid #2F4050 !important;
    width: 100% !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > #pathProducts button {
    display: inline-block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu {
    width: 120px !important;
    height: 80px !important;
    min-height: 80px !important;
    max-height: 80px !important;
    font-size: 16px !important;
    line-height: 16px !important;
    color: #2F4050 !important;
    margin-right: 5px !important;
    margin-top: 5px !important;
    font-weight: bold !important;
    white-space: normal !important;
    word-break: unset !important;
    padding: 5px !important;
    background-color: #f8de2e !important;
    text-transform: uppercase !important;
    margin-bottom: 0px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu span {
    width: 95%;
    color: #2F4050 !important;
    font-weight: bold !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu i {
    display: block !important;
    color: #2F4050 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products .btn-opcion-menu[data-productsname] {
    font-size: 13px !important;
    line-height: 13px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child {
    width: 100% !important;
    vertical-align: top !important;
    display: block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups {
    height: 73vh !important;
    width: 100% !important;
    display: block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups > div:first-child {
    height: 83vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups > div:first-child .btn-opcion-products {
    width: 85% !important;
    min-height: 40px !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child {
    width: 100% !important;
    vertical-align: top !important;
    display: inline-block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products {
    min-height: 60vh !important;
    max-height: 60vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products > div {
    margin-right: -15px !important;
    width: 33% !important;
    display: inline-block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products > div button {
    width: 120px !important;
    height: 80px !important;
  }

  #myModal_AccountLinesSummary {
    z-index: 10000000000000002000000 !important;
  }

  #dataAreaDashboard .columnDetails .header-prod-factura {
    padding: 5px !important;
    height: 70px !important;
  }

  .btn-opcion-products2 {
    background-color: #f8de2e !important;
    margin-bottom: 10px !important;
    min-width: 100px !important;
    max-width: 100px !important;
    width: 100px !important;
    white-space: initial !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #2F4050 !important;
    height: 60px !important;
    margin-left: 5px !important;
    padding: 0 10px 0 10px !important;
    vertical-align: middle !important;
    text-transform: uppercase !important;
    overflow: hidden !important;
    line-height: 13px !important;
  }
  .btn-opcion-products2:hover {
    color: #2F4050 !important;
    font-weight: bold !important;
  }
  .btn-opcion-products2 i {
    display: block !important;
  }

  .btn-opcion-products2[data-action=backScreen] {
    width: 70px !important;
    min-width: 70px !important;
    max-width: 70px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  .btn-opcion-products2[data-action=backScreen] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .btns_invoicedetail > .row {
    display: block !important;
    height: auto !important;
    padding-top: 5px !important;
    border-bottom: 3px solid #a7a9ac !important;
  }
  .btns_invoicedetail > .row.titleline {
    background-color: #2F4050 !important;
    color: white !important;
  }
  .btns_invoicedetail > .row.titleline .txt_product {
    font-weight: bold !important;
    font-size: 15px !important;
    color: white !important;
    display: inline-block !important;
  }
  .btns_invoicedetail > .row.titleline .txt_product + .txt_number {
    font-weight: bold !important;
    font-size: 15px !important;
    color: white !important;
    display: inline-block !important;
    margin-left: -20px !important;
    margin-right: 20px !important;
  }
  .btns_invoicedetail > .row.titleline .txt_product + .txt_number + .txt_number {
    font-weight: bold !important;
    font-size: 15px !important;
    color: white !important;
    display: inline-block !important;
  }
  .btns_invoicedetail > .row.titleline .txt_product + .txt_number + .txt_number + .txt_number {
    font-weight: bold !important;
    font-size: 15px !important;
    color: white !important;
    display: inline-block !important;
  }
  .btns_invoicedetail > .row > div:first-child {
    height: auto;
    min-height: 30px;
  }
  .btns_invoicedetail > .row .rowAdditional {
    border-top: 4px solid black !important;
    border-bottom: 4px solid black !important;
    margin-bottom: 5px !important;
    background-color: rgba(157, 203, 59, 0.8) !important;
    color: #676a6c !important;
    display: block !important;
    height: auto !important;
    min-height: 37px !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 35vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 35vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  #invoiceComment {
    width: 100% !important;
  }

  #codigoBarrasSocio, #cedulaSocio {
    padding: 5px !important;
    width: 49% !important;
    margin-right: 3px !important;
    margin-bottom: 2px !important;
  }

  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .modal-dialog {
    width: 98% !important;
    margin-left: 1% !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient .btns-payfirst button.dim {
    height: 100px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient #btn_Client_Invoice_Next {
    height: 100px !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient #searchCustomer.col-xs-3 {
    width: 25% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body.mini-navbar[section=facturacion_dashboard] #wrapper #page-wrapper #workArea #myModalInfoClient #searchCustomer.col-xs-3 + div.col-xs-3 {
    width: 25% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }

  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }
}
/**************** TABLET 7" #2 - SKY - VERTICAL ****************/
@media only screen and (max-width: 601px) and (max-height: 860px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 35vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 35vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact, #modalTrasladosOptions .btn-opcion-fact {
    font-size: 13px !important;
    width: 140px !important;
    height: 120px !important;
  }
  #modifyProductInfo .btn-opcion-fact i, #modalTrasladosOptions .btn-opcion-fact i {
    font-size: 40px !important;
  }
}
/**************** TABLET 7" #2 - SKY - HORIZONTAL ****************/
@media only screen and (max-width: 1025px) and (max-height: 440px) {
  #numSaldo, #numAbono {
    margin-top: 25px !important;
    margin-left: -35px !important;
  }

  #myModalInfoClient .form-group {
    height: 66px !important;
  }

  .modalPagos .modal-body {
    max-height: 300px !important;
  }
  .modalPagos .modal-body .button-calcu.add-num {
    height: auto !important;
  }

  /*Cajas*/
  .cash[data-status="0"] img {
    width: 55% !important;
  }
  .cash[data-status="0"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 25px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .cash[data-status="1"] img {
    width: 55% !important;
  }
  .cash[data-status="1"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 25px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  .cash[data-status="2"] img {
    width: 70% !important;
  }
  .cash[data-status="2"] .top-left {
    position: absolute !important;
    top: 30% !important;
    left: 45px !important;
    font-weight: bold !important;
    color: #3a3a3c !important;
    font-size: 35px !important;
  }

  #div_button_options_mobile {
    display: block;
  }

  #buttonsActionsBilling {
    display: none;
    position: absolute !important;
    bottom: 0px !important;
    left: 0 !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    padding: 10px !important;
    border: 2px solid black !important;
    width: 100% !important;
    height: 100% !important;
    z-index: 999 !important;
  }

  #dataAreaDashboard {
    background-color: white !important;
  }

  .count-info .label-primary, .count-info .badge-primary {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .loginscreen {
    top: 50px;
  }

  #itemsMenu li {
    background: #3a3a3c !important;
  }

  .nav > li {
    /*background:$gray2;*/
  }
  .nav > li > a {
    padding: 14px 20px 14px 5px !important;
  }
  .nav > li > a > i {
    margin-left: 0 !important;
  }
  .nav > li.active {
    border-left: 4px solid #f8de2e !important;
    /*background:$gray2;*/
  }

  body.mini-navbar .navbar-header {
    background-color: #f8de2e !important;
    display: none !important;
  }
  body.mini-navbar .navbar-default .nav li a span {
    display: block !important;
    font-size: 8px !important;
    text-align: center !important;
    width: 100% !important;
    margin-top: 5px !important;
  }
  body.mini-navbar .navbar-default .nav li a span.fa.arrow {
    margin-bottom: 10px !important;
    width: 100% !important;
    text-align: center !important;
    display: none !important;
  }

  .btns_loungeslist > div {
    display: inline-block !important;
    width: auto !important;
  }

  .navbar .navbar-header {
    background-color: #f8de2e !important;
  }
  .navbar .navbar-header .logoSmall {
    width: 60% !important;
    height: auto !important;
  }
  .navbar .navbar-header .logo-element {
    padding: 10px 0;
  }
  .navbar .navbar-header a.btn {
    display: none !important;
  }
  .navbar .navbar-header + div {
    margin: 5px 10px !important;
  }
  .navbar .navbar-right {
    margin-top: -10px !important;
    margin-right: -15px !important;
    width: 40% !important;
  }
  .navbar .clock {
    margin-left: 10px !important;
    margin-top: 5px !important;
    font-size: 20px !important;
    width: 30% !important;
  }

  body[section] .cash_loungeslist {
    height: 0 !important;
  }

  #dataArea > .ibox-content {
    overflow: visible !important;
    /* background-image: url($fotosalon)$imp; */
    background-position: top left !important;
    background-repeat: repeat !important;
    height: 88vh !important;
  }
  #dataArea .cash_loungeslist {
    display: block !important;
    height: 100px !important;
    background-image: none !important;
    padding-bottom: 20px;
  }
  #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  #dataArea .cash_loungeslist > div.cash {
    display: inline-block !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 20px !important;
    margin-top: 10px !important;
  }
  #dataArea .cash_loungeslist > div.cash > img {
    width: 60% !important;
    height: auto !important;
  }
  #dataArea .cash_loungeslist > div.cash > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }
  #dataArea .cash_loungeslist > div.cash_1 > div.top-left {
    font-size: 10px !important;
    color: white !important;
    top: 18px !important;
    left: 12px !important;
  }

  .ibox > .ibox-content {
    overflow: visible !important;
    background-position: top left !important;
    background-repeat: repeat !important;
    height: auto !important;
  }

  .btns_tableslounge {
    display: block !important;
    background-image: none !important;
    height: auto !important;
  }
  .btns_tableslounge > div.board {
    display: inline-block !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    margin-left: 10px !important;
  }
  .btns_tableslounge > div.board div[data-status="1"] img {
    width: 100% !important;
  }
  .btns_tableslounge > div.board div[data-status="1"] .centered {
    color: #3a3a3c !important;
  }
  .btns_tableslounge > div.board div[data-status="2"] img {
    width: 110% !important;
  }
  .btns_tableslounge > div.board div[data-status="2"] .centered {
    color: white !important;
    top: 48% !important;
    left: 48% !important;
  }
  .btns_tableslounge > div.board div[data-status="3"] img {
    width: 100% !important;
  }
  .btns_tableslounge > div.board div[data-status="3"] .centered {
    color: #3a3a3c !important;
  }

  #dataAreaDashboard {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 40% !important;
    height: auto !important;
    display: inline-block !important;
    vertical-align: top !important;
  }
  #dataAreaDashboard .columnDetails + .mar_t_5 {
    display: none !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura {
    width: 100% !important;
    display: block !important;
    padding: 10px !important;
    text-align: left !important;
    background-color: #3a3a3c !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 {
    width: 89% !important;
    display: inline-block !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-10 div .btnModifyAccount {
    font-size: 1.5em !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 {
    width: 10% !important;
    display: inline-block !important;
    vertical-align: top !important;
    text-align: left !important;
    padding-left: 10px;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > div.col-lg-2 .btnReturn {
    font-size: 2.5em !important;
  }
  #dataAreaDashboard .columnDetails .header-prod-factura > .row > div {
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price {
    min-height: 50px !important;
    height: auto !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    display: block !important;
    width: 100% !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 49% !important;
    display: inline-block !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun {
    width: 100% !important;
    height: auto !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button.dim {
    margin-right: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .list-bottun button {
    margin-bottom: 2px !important;
    background-color: #f8de2e !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail > div.height-line {
    min-height: 25px !important;
    line-height: 25px !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product {
    /* .col-lg-1.txt_number{width:10%$imp;}
    .col-lg-2.txt_number{width:15%$imp;}
    .col-lg-3.txt_number{width:25%$imp;} */
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product, #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_number {
    font-size: 14px !important;
    display: inline-block !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_product {
    width: 50% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional {
    width: 50% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number {
    width: 10% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 25% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.amountList {
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.amountList .type_product {
    padding-left: 5px !important;
    text-align: center !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    height: 150px !important;
    margin-bottom: 10px !important;
  }
  #dataAreaDashboard .productsArea {
    width: 55% !important;
    height: 445px !important;
    display: inline-block !important;
    vertical-align: top !important;
    margin-left: 15px !important;
  }
  #dataAreaDashboard .productsArea .fa-arrow-left, #dataAreaDashboard .productsArea .fa-arrow-right, #dataAreaDashboard .productsArea .fa-arrow-up, #dataAreaDashboard .productsArea .fa-arrow-down {
    color: #3a3a3c !important;
  }
  #dataAreaDashboard .productsArea .btns_families {
    width: 80% !important;
  }
  #dataAreaDashboard .productsArea .btns_families .grayBorder {
    text-shadow: none;
    font-weight: bold !important;
  }
  #dataAreaDashboard .productsArea .btns_families .btn-opcion-products {
    width: 95px !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products {
    display: block !important;
    height: auto !important;
    overflow-y: visible !important;
    /* .btnArrowSC.down{left:0$imp;bottom:-35px$imp;}
    .btnArrowSC{left:0$imp;display:$none;}
    .btns_groups{
      display:$block;width:120px$imp;
      >div{
        height:$auto;
        width:$full;
        display:$block;
        overflow-y: hidden$imp;
        overflow-x: hidden$imp;
        padding-right:0$imp;
      }
      button.btn-opcion-products,.btn-opcion-products{
        display:$inline;margin-right:0$imp;margin-bottom:5px$imp;width:90px$imp;
        margin-left:2px$imp;font-size:12px$imp;background-color:$yellowNew;
        border-color:$yellowNew;
      }//btn-opcion-products
      .btn-opcion-products{background-color:$yellowNew;border-color:$yellowNew;}
    }//btns_groups */
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products {
    display: block !important;
    min-height: 230px !important;
    height: auto !important;
    max-height: 230px !important;
    overflow-y: scroll !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 {
    display: inline-block !important;
    width: auto !important;
    padding-right: 0 !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 button.dim {
    margin-right: 0px !important;
    margin-bottom: 10px !important;
    display: inline-block !important;
    border-radius: 5px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim {
    width: 75px !important;
    height: 70px !important;
    font-size: 35px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .btn-large-dim span {
    font-size: 13px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product span {
    font-size: 12px !important;
    line-height: 12px !important;
  }
  #dataAreaDashboard .productsArea .panel-list-products .btns_products .col-lg-2 .but-img-product img {
    width: 44px !important;
    height: 35px !important;
    display: block !important;
    margin-left: 12px !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 80% !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-empty {
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  #dataAreaDashboard .productsArea #accountstable .btn-account-full {
    background-color: #e55634 !important;
    /*$red1*/
    border-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 45px !important;
    font-size: 12px !important;
  }

  .modal #count-people {
    width: 70% !important;
  }

  #btnRemove {
    float: right !important;
    margin-top: -50px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  .modal-body .ibox-content {
    width: 95% !important;
    padding: 15px 20px 1px 20px !important;
  }

  .inmodal .modal-header {
    padding: 15px !important;
  }

  #myModal_traslados .scrollbar {
    margin-left: 0 !important;
  }
  #myModal_traslados .panelTraslados {
    width: 49% !important;
    display: inline-block !important;
    text-align: left !important;
    height: auto !important;
  }
  #myModal_traslados .panelTraslados .panel-info {
    width: 100% !important;
    display: block !important;
    min-height: 300px !important;
    height: auto !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panelTraslados .panel-body .btnObjs {
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList {
    right: 64px !important;
    border: 2px solid #f8de2e !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panelTraslados .accountList .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panel-heading {
    height: auto !important;
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_traslados .panel-heading span {
    color: white !important;
  }
  #myModal_traslados .panel-heading .btnOptions {
    width: auto !important;
    display: inline-block !important;
    margin-top: 2px !important;
    border-radius: 5px !important;
  }
  #myModal_traslados .panel-heading .btnOptions .btn-account-full {
    border-color: #e55634 !important;
    /*$red1*/
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }
  #myModal_traslados .panelTraslados.f_l, #myModal_traslados .panelTraslados.f_r {
    float: none !important;
    vertical-align: top !important;
  }

  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_l .panel-heading {
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading {
    display: inline-block !important;
    width: 49% !important;
    height: 90px !important;
  }
  #myModal_traslados[modal_type=btn_trazlado_mesas] .f_r .panel-heading .btnOptions {
    margin-right: 0 !important;
  }

  #myModal_traslados[modal_type=btn_trazlado] .f_r .panel-heading {
    float: none !important;
    height: auto !important;
  }
  #myModal_traslados[modal_type=btn_trazlado] .f_l .panel-heading {
    height: auto !important;
  }

  #myModal_discount #btn_addiscount {
    color: black !important;
  }
  #myModal_discount .btns_discounts button.dim {
    width: 100px !important;
    height: 100px !important;
    font-size: 25px !important;
    background-color: #f8de2e !important;
    color: white !important;
  }

  body[section=facturacion] .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea > .ibox-content {
    background-image: none !important;
  }
  body[section=facturacion] #dataArea .cash_loungeslist, body[section=facturacion] #dataArea .cash_loungeslist:empty {
    height: 0 !important;
  }
  body[section=facturacion] .cash_loungeslist, body[section=facturacion] .cash_loungeslist:empty {
    height: 0 !important;
  }

  .modal-dialog {
    width: 80% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  #datatable_Functionarys_filter input[type=search] {
    border: 1px solid #3a3a3c !important;
  }

  #tableFunctionarys #btn_addExecutiveCommand, #tableFunctionarys #btn_addFuncionary {
    background-color: #f8de2e !important;
  }

  #datatable_Functionarys_paginate .ui-state-defaul {
    border: 1px solid #3a3a3c !important;
  }

  #myModalInfoClient #content-SuggestedTip + div, #myModalInfoClient #content-SuggestedTip + div + div {
    display: inline-block !important;
    left: 0 !important;
    margin-right: 5px !important;
    width: 100px !important;
    float: left !important;
  }

  #myModal_payments #simbolo_moneda_saldo {
    top: -15px !important;
  }
  #myModal_payments #numSaldo, #myModal_payments #numAbono {
    padding: 5px !important;
    border: 1px solid black !important;
  }
  #myModal_payments #btnsTiposPago h5 {
    font-size: 20px !important;
    color: black !important;
  }
  #myModal_payments #btnsTiposPago .btn-large-dim {
    height: 100px !important;
    margin-bottom: 2px !important;
  }
  #myModal_payments [data-moneda].active {
    background-color: #f8de2e !important;
    border-color: #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:first-child .col-lg-6 {
    display: inline-block !important;
    /* width:33%$imp; */
    width: 49% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    display: inline-block !important;
    width: 46% !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
    vertical-align: top !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .button-calcu {
    border-radius: 3px !important;
    background-color: #f8de2e !important;
    border: 1px solid #f8de2e !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div .btnPagoActions {
    font-size: 25px !important;
    font-weight: bold !important;
  }

  #myModal_CreditCards #btn_creditcardsQuatity {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  #myModalExterno #btn_CantExterno {
    background-color: #f8de2e !important;
    margin-top: 10px !important;
  }

  .toast {
    background-color: #fff100;
  }

  .toast-success {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-error {
    background-color: #e55634 !important;
    /*$red1*/
    color: white !important;
  }

  .toast-info {
    background-color: #f8de2e !important;
    color: white !important;
  }

  .toast-warning {
    background-color: #f8ac59;
  }

  .modal .button-calcu {
    width: 50px !important;
    height: 50px !important;
    background-color: #f8de2e !important;
    color: black !important;
  }
  .modal .close span:first-child {
    font-size: 40px !important;
    color: black !important;
  }

  /* .btns_products .btn-info{background-color:$white;} */
  .modal-dialog {
    width: 80% !important;
  }

  #myModalPaymentaAccountReceivable .modal-dialog {
    width: 90% !important;
  }

  #myModalCustomers .modal-dialog {
    width: 90% !important;
  }

  .modal-title {
    color: black !important;
  }

  .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info, .btn-info:active:focus, .btn-info:active:hover, .btn-info.active:hover, .btn-info.active:focus {
    color: black !important;
  }

  .panel-list-products > div {
    min-height: 0 !important;
  }

  .panel-list-products {
    height: auto !important;
    min-height: auto !important;
    max-height: auto !important;
    overflow-y: scroll !important;
    overflow-x: hidden !important;
  }

  .productsArea {
    height: 460px !important;
    min-height: 460px !important;
    max-height: 460px !important;
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    overflow: hidden !important;
  }

  #myModal_payments .btnPagoActions {
    width: 45% !important;
  }

  .parent-btns_tableslounge {
    position: relative !important;
    overflow-x: scroll !important;
    background-size: cover !important;
  }
  .parent-btns_tableslounge .btns_tableslounge {
    background-image: none !important;
  }

  .header-prod-factura .col-lg-2 {
    display: block !important;
  }
  .header-prod-factura .col-lg-4 {
    display: inline-block !important;
  }

  .header-prod-factura .col-lg-2 {
    display: block !important;
  }
  .header-prod-factura .col-lg-4 {
    display: inline-block !important;
  }

  #searchCustomer + div.col-md-6 {
    width: 100% !important;
    display: block !important;
    margin-top: 50px !important;
  }

  #customerID {
    width: 100% !important;
    margin-top: 30px !important;
  }

  #customerName {
    width: 100% !important;
  }

  #customerEmail {
    width: 100% !important;
  }

  #content-SuggestedTip {
    width: 100% !important;
  }
  #content-SuggestedTip + div.col-md-6 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }
  #content-SuggestedTip + div.col-md-6 + div.col-md-6 {
    margin-top: 50px !important;
    margin-bottom: 50px !important;
  }

  #myModal_payments .button-calcu {
    width: 80px !important;
    height: 80px !important;
  }
  #myModal_payments .btnPagoActions {
    width: 122px !important;
    height: 80px !important;
  }

  #myModal_newaccount .modal .form-group {
    height: 70px !important;
  }

  #invoiceComment {
    width: 520px !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails {
    height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 55vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea {
    height: 98vh !important;
    max-height: 98vh !important;
    min-height: 98vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products {
    height: 84vh !important;
    min-height: 84vh !important;
    max-height: 84vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child {
    width: 100% !important;
    vertical-align: top !important;
    display: inline-block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups {
    height: 83vh !important;
    width: 100% !important;
    display: block !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:first-child .btns_groups > div:first-child {
    height: 83vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child {
    width: 100% !important;
    vertical-align: top !important;
    display: inline-block !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products {
    min-height: 82vh !important;
    max-height: 82vh !important;
  }
  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .productsArea .panel-list-products > div:last-child .btns_products > div button {
    width: 150px !important;
    height: 100px !important;
  }

  #myModal_payments .modal-content {
    height: 700px !important;
  }
  #myModal_payments .modal-content .modal-body {
    max-height: 560px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #myModal_payments .modal-dialog {
    width: 100% !important;
    max-width: 900px !important;
    margin-top: 10px !important;
  }
  #myModal_payments .modal-body {
    padding: 20px 30px 30px 50px !important;
  }
  #myModal_payments .modal-body .ibox-content {
    padding: 15px 0px 20px 20px !important;
  }
  #myModal_payments #numSaldo, #myModal_payments #numAbono {
    margin-left: 0px !important;
    margin-top: 5px !important;
  }
  #myModal_payments #btnsTiposPago .nav-tabs li a {
    padding: 14px 15px 14px 5px !important;
  }

  #myModalExterno .externo {
    height: 80px !important;
  }

  #myModalClientsForInvoice {
    left: 0vw !important;
    margin-left: 0vw !important;
    margin-top: 5px !important;
  }

  .dataInvoiceFull {
    height: 200px !important;
  }

  #myModalExterno .modal-dialog {
    left: 10% !important;
    margin-left: 0 !important;
  }
  #myModalExterno .modal-content {
    max-width: 815px !important;
    min-width: 815px !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 120px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 120px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 140px !important;
    height: 120px !important;
    min-height: 120px !important;
    max-height: 120px !important;
    font-size: 18px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 70% !important;
    height: 45vh !important;
    float: left !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 25% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 45vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 30px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }
}
/**************** TABLET 7" ****************/
@media only screen and (max-width: 601px) and (max-height: 832px) {
  .navbar .navbar-header a {
    display: none !important;
  }

  #dataArea > .ibox-content {
    padding: 0 !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: 10px !important;
    margin: 0 !important;
  }

  .navbar .clock {
    width: 50% !important;
    margin-left: -25px !important;
  }

  #btnPIN {
    background-color: #9dcb3b !important;
  }

  body[section=lounges] body.mini-navbar #page-wrapper, body[section=lounges] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=dashboard] body.mini-navbar #page-wrapper, body[section=dashboard] #page-wrapper {
    margin: 0px 0 0 75px !important;
  }

  body[section=facturacion_dashboard] body.mini-navbar #page-wrapper, body[section=facturacion_dashboard] #page-wrapper {
    margin: 0px 0 0 5px !important;
  }

  body.mini-navbar .navbar-static-side {
    width: 75px !important;
  }

  body.mini-navbar .navbar-static-side .nav > li {
    width: 75px !important;
  }

  .panel-list-products .btn-opcion-menu[data-productsname] {
    width: 95% !important;
  }

  #mainNodeJsStatus {
    position: absolute !important;
    right: -20px !important;
    top: -10px !important;
  }

  .btns_loungeslist button.btn.btn-large-dim {
    width: 140px !important;
    height: 130px !important;
  }

  .panel-list-products .btn-opcion-menu {
    width: 110px !important;
    height: 90px !important;
    min-height: 100px !important;
    max-height: 100px !important;
    font-size: 15px !important;
  }

  #dataAreaDashboard .subcuentas {
    display: none;
    background-color: transparent !important;
    border-top: none !important;
    margin-top: 0 !important;
  }
  #dataAreaDashboard .subcuentas .accountstableBack, #dataAreaDashboard .subcuentas .accountstableNext {
    display: none !important;
  }
  #dataAreaDashboard .subcuentas #titleOptions {
    display: block !important;
  }
  #dataAreaDashboard .columnDetails {
    width: 98% !important;
  }
  #dataAreaDashboard .columnDetails .list-products {
    width: 100% !important;
    height: 30vh !important;
    float: none !important;
    display: block !important;
    padding-top: 10px !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice {
    width: 55% !important;
    float: right !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #2F4050 !important;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto div:first-child {
    display: block !important;
    text-align: right;
  }
  #dataAreaDashboard .columnDetails .btns_totalinvoice .list-price .text-monto .col-lg-6 {
    width: 100% !important;
    text-align: right;
  }
  #dataAreaDashboard .productsArea {
    width: 100% !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100% !important;
    background-color: rgba(255, 255, 255, 0.7) !important;
    z-index: 9999 !important;
    display: none !important;
  }
  #dataAreaDashboard .productsArea #accountstable {
    width: 100% !important;
    max-width: 100% !important;
    height: 290px !important;
    min-height: 290px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
  }
  #dataAreaDashboard .productsArea #accountstable button {
    width: 150px !important;
    height: 100px !important;
    font-size: 16px !important;
    float: left !important;
  }

  #txtCodeProduct {
    display: none !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard > .row .columnDetails .list-products {
    height: 30vh !important;
  }

  body[section=facturacion_dashboard] #page-wrapper #workArea #dataAreaDashboard .productsArea .subcuentas {
    margin-top: 0px !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 10% !important;
  }

  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number {
    width: 15% !important;
  }
  #dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .col-lg-2.txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number.ammountList,
#dataAreaDashboard .columnDetails .btns_invoicedetail .line_product .txt_additional + .txt_number + .txt_number + .txt_number.ammountList {
    text-align: left !important;
  }

  body[section=facturacion_dashboard] #div_button_options_mobile {
    width: 100% !important;
    bottom: 40px !important;
    left: 20px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button {
    margin-right: 5px !important;
    width: 100px !important;
    height: 82px !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] {
    width: 80px !important;
    min-width: 80px !important;
    max-width: 80px !important;
    background-color: #9dcb3b !important;
    border-color: #9dcb3b !important;
  }
  body[section=facturacion_dashboard] #div_button_options_mobile button[data-action=backScreen2] i {
    display: block !important;
    color: #2F4050 !important;
  }

  .modal {
    z-index: 999999999999 !important;
  }

  .swal2-container {
    z-index: 10000000000000002000000 !important;
  }

  .loginscreen {
    padding: 0px !important;
    box-shadow: 8px 8px 2px rgba(0, 0, 0, 0.5) !important;
    border-radius: 5px !important;
    border: 3px solid black !important;
  }
  .loginscreen.middle-box {
    padding-top: 0 !important;
  }
  .loginscreen > div {
    padding: 5px 30px 30px !important;
  }
  .loginscreen > div h3, .loginscreen > div p {
    color: #2F4050 !important;
  }
  .loginscreen > h2 {
    text-transform: uppercase !important;
    font-size: 30px !important;
    background-color: #f8de2e !important;
    height: auto !important;
    padding: 15px !important;
    margin-top: 0px !important;
    border-bottom: 3px solid black !important;
    color: #2F4050 !important;
  }

  #myModalInfoClient .modal-content .modal-body {
    padding: 0 !important;
  }

  #myModalInfoClient .modal .modal-dialog {
    width: 98% !important;
  }
  #myModalInfoClient #btn_Client_Invoice_Next i, #myModalInfoClient #btn_Client_Invoice_Next span {
    color: #2F4050 !important;
  }
  #myModalInfoClient .btn-info {
    height: 110px !important;
  }
  #myModalInfoClient .btn-info i, #myModalInfoClient .btn-info span {
    color: #2F4050 !important;
  }

  .modal .modal-dialog {
    width: 98% !important;
  }

  #myModal_payments .modal-body {
    padding: 15px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child {
    min-height: 400px !important;
  }
  #myModal_payments .modal-body .ibox-content:last-child > div {
    width: 100% !important;
  }

  #myModal_payments .modal-content {
    width: 100% !important;
    max-width: 98vw !important;
    min-width: 90vw !important;
    margin-left: -6px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content {
    padding: 0px 0px 10px 0px !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:first-child .col-lg-6 {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child {
    padding-right: 0 !important;
    width: 100% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div {
    width: 49% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div #btnsTiposPago .nav-tabs li a {
    font-weight: bold !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child {
    width: 50% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button {
    border: 3px solid #2F4050 !important;
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child button span {
    color: #2F4050 !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child .btnPagoActions {
    width: 46% !important;
  }
  #myModal_payments .modal-content .modal-body .ibox-content:last-child > div:last-child > div .row:last-child {
    width: 100% !important;
  }

  #btnsTiposPago .tab-pane button {
    width: 118px !important;
  }
  #btnsTiposPago .tab-pane button i {
    font-size: 40px !important;
    margin-bottom: 10px !important;
  }

  #ListaTiposPago {
    width: 49% !important;
  }

  #CalculadoraPago {
    width: 50% !important;
  }
  #CalculadoraPago .btnPagoActions {
    width: 42% !important;
  }
  #CalculadoraPago > div .row:last-child {
    width: 100% !important;
  }

  #myModal_modifyProduct .modal-content {
    width: 95vw !important;
  }

  #modifyProductInfo .btn-opcion-fact, #modalTrasladosOptions .btn-opcion-fact {
    font-size: 13px !important;
    width: 140px !important;
    height: 120px !important;
  }
  #modifyProductInfo .btn-opcion-fact i, #modalTrasladosOptions .btn-opcion-fact i {
    font-size: 40px !important;
  }
}