@charset "UTF-8";
/* Palette generated by Material Palette - materialpalette.com/blue/teal */
body {
  overflow: hidden; }
  body.loading .xloading {
    opacity: 1;
    visibility: visible; }
  body .xloading {
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 100;
    margin: 0;
    opacity: 0;
    visibility: hidden; }

.m-maguita-page {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #FFF; }
  .m-maguita-page .todaysale {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    padding-top: 1.5rem;
    background: #FFF; }
    .m-maguita-page .todaysale.show {
      z-index: 10;
      opacity: 1;
      visibility: visible; }
    .m-maguita-page .todaysale .head i {
      margin-right: 8px; }
    .m-maguita-page .todaysale .cclos {
      margin-right: 2rem; }
    .m-maguita-page .todaysale .x-table {
      max-height: calc(100vh - 96px); }
  .m-maguita-page .select-a-table {
    position: relative;
    z-index: 50; }
    .m-maguita-page .select-a-table header {
      background: #FFF; }
      .m-maguita-page .select-a-table header > div {
        padding: 0 2rem; }
      .m-maguita-page .select-a-table header .hdd-1 {
        background: #282D3E;
        color: #FFF; }
        .m-maguita-page .select-a-table header .hdd-1 .today {
          font-size: 1rem; }
        .m-maguita-page .select-a-table header .hdd-1 .right {
          font-size: 1rem; }
          .m-maguita-page .select-a-table header .hdd-1 .right ul li {
            margin-left: 2rem;
            line-height: 3.4;
            padding: 0 12px;
            position: relative; }
            .m-maguita-page .select-a-table header .hdd-1 .right ul li.master-admin ul {
              position: absolute;
              background: #fff;
              right: 0;
              top: 110%;
              color: #212121;
              opacity: 0;
              visibility: hidden;
              -webkit-box-shadow: 0 2px 2px 0 rgba(170, 170, 170, 0.14), 0 3px 1px -2px rgba(170, 170, 170, 0.12), 0 1px 5px 0 rgba(170, 170, 170, 0.2);
              box-shadow: 0 2px 2px 0 rgba(170, 170, 170, 0.14), 0 3px 1px -2px rgba(170, 170, 170, 0.12), 0 1px 5px 0 rgba(170, 170, 170, 0.2);
              z-index: 100; }
              .m-maguita-page .select-a-table header .hdd-1 .right ul li.master-admin ul:after {
                content: "";
                position: absolute;
                top: -12px;
                right: 3.7rem;
                border: 6px transparent solid;
                border-bottom-color: #fff; }
              .m-maguita-page .select-a-table header .hdd-1 .right ul li.master-admin ul.showmenu {
                top: 100%;
                opacity: 1;
                visibility: visible; }
              .m-maguita-page .select-a-table header .hdd-1 .right ul li.master-admin ul li {
                margin-left: 0;
                padding: 0 3rem;
                white-space: nowrap; }
                .m-maguita-page .select-a-table header .hdd-1 .right ul li.master-admin ul li.top-divis {
                  border-top: 1px solid #eee; }
                .m-maguita-page .select-a-table header .hdd-1 .right ul li.master-admin ul li:hover {
                  background: #f5f5f5; }
            .m-maguita-page .select-a-table header .hdd-1 .right ul li.change-pin {
              -webkit-transform: translateY(10px);
              -ms-transform: translateY(10px);
              transform: translateY(10px);
              cursor: pointer;
              color: #f4f4f4; }
              .m-maguita-page .select-a-table header .hdd-1 .right ul li.change-pin i {
                font-size: 1.9rem;
                width: 9px; }
                .m-maguita-page .select-a-table header .hdd-1 .right ul li.change-pin i:last-child {
                  font-size: 1.2rem;
                  -webkit-transform: rotate(90deg) scaleY(-1) translateX(-16px);
                  -ms-transform: rotate(90deg) scaleY(-1) translateX(-16px);
                  transform: rotate(90deg) scaleY(-1) translateX(-16px); }
          .m-maguita-page .select-a-table header .hdd-1 .right .i-mmobmenu {
            display: none;
            font-size: 2rem;
            line-height: 1.7; }
      .m-maguita-page .select-a-table header .lh3_5 {
        line-height: 3.5rem; }
      .m-maguita-page .select-a-table header i {
        width: 3.5rem;
        text-align: center;
        margin-left: 10px; }
    .m-maguita-page .select-a-table .list-accounts {
      overflow: auto;
      padding: 2rem;
      padding-bottom: 0;
      -ms-flex-line-pack: start;
      align-content: flex-start; }
      .m-maguita-page .select-a-table .list-accounts.box-is-closed:before {
        content: "Sem caixa disponível.";
        position: absolute;
        width: 100%;
        top: 50%;
        left: 50%;
        text-align: center;
        color: #888;
        font-size: 1.8rem;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .m-maguita-page .select-a-table .list-accounts section {
        background: #fff;
        padding: 1rem; }
        .m-maguita-page .select-a-table .list-accounts section p {
          margin: .5rem 0 1.5rem;
          font-size: 1.2rem;
          text-align: right; }
          .m-maguita-page .select-a-table .list-accounts section p.is-money-text {
            font-size: 1.1rem;
            color: #239d57; }
        .m-maguita-page .select-a-table .list-accounts section .table-num {
          font-size: 3.5rem;
          opacity: .6;
          font-weight: 400; }
        .m-maguita-page .select-a-table .list-accounts section .status {
          line-height: 30px;
          font-weight: 500; }
          .m-maguita-page .select-a-table .list-accounts section .status span {
            position: relative;
            margin-left: 22px; }
          .m-maguita-page .select-a-table .list-accounts section .status span:before, .m-maguita-page .select-a-table .list-accounts section .status span:after {
            content: "";
            position: absolute;
            border-radius: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            left: -15px;
            top: 50%; }
          .m-maguita-page .select-a-table .list-accounts section .status span:before {
            width: 20px;
            height: 20px; }
          .m-maguita-page .select-a-table .list-accounts section .status span:after {
            width: 8px;
            height: 8px; }
          .m-maguita-page .select-a-table .list-accounts section .status.confirmed span {
            color: #208d4e; }
            .m-maguita-page .select-a-table .list-accounts section .status.confirmed span:before {
              background: rgba(39, 174, 96, 0.3); }
            .m-maguita-page .select-a-table .list-accounts section .status.confirmed span:after {
              background: #27AE60; }
          .m-maguita-page .select-a-table .list-accounts section .status.busy span {
            color: red; }
            .m-maguita-page .select-a-table .list-accounts section .status.busy span:before {
              background: rgba(255, 0, 0, 0.3); }
            .m-maguita-page .select-a-table .list-accounts section .status.busy span:after {
              background: red; }
    .m-maguita-page .select-a-table .table-btn-add,
    .m-maguita-page .select-a-table .j-sale-btn {
      position: absolute;
      z-index: 5;
      right: 3rem;
      bottom: 2.7rem; }
  .m-maguita-page .master-contentall {
    position: relative; }
    .m-maguita-page .master-contentall .xcard {
      -webkit-transition: -webkit-transform .75s ease;
      transition: -webkit-transform .75s ease;
      -o-transition: transform .75s ease;
      transition: transform .75s ease;
      transition: transform .75s ease, -webkit-transform .75s ease;
      background: #f8f8f8;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      -webkit-perspective: 10000px;
      perspective: 10000px; }
    .m-maguita-page .master-contentall.backed .front {
      -webkit-transform: rotateY(-0.5turn);
      transform: rotateY(-0.5turn); }
    .m-maguita-page .master-contentall.backed .back {
      -webkit-transform: rotateY(0turn);
      transform: rotateY(0turn); }
    .m-maguita-page .master-contentall .back {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      -webkit-transform: rotateY(0.5turn);
      transform: rotateY(0.5turn); }
  .m-maguita-page footer {
    font-size: .85rem;
    opacity: .9;
    text-align: center;
    line-height: 2rem; }

.list-items-advanced-sale {
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0 2rem;
  overflow: auto; }
  .list-items-advanced-sale section {
    padding: 18px;
    -webkit-box-shadow: 0 15px 35px rgba(0, 0, 0, 0.09);
    box-shadow: 0 15px 35px rgba(0, 0, 0, 0.09);
    margin-bottom: 1.8rem;
    background: #FFF;
    position: relative; }
    .list-items-advanced-sale section:after {
      content: "";
      width: 8px;
      height: 8px;
      border-radius: 50%;
      position: absolute;
      top: 15px;
      right: 15px; }
    .list-items-advanced-sale section.opened:after {
      background: #27AE60; }
    .list-items-advanced-sale section.closed:after {
      background: #aaa; }
    .list-items-advanced-sale section li {
      line-height: 2.5; }
      .list-items-advanced-sale section li i {
        margin-right: 7px;
        opacity: .5; }
    .list-items-advanced-sale section:hover .ctrl-icons {
      right: 0; }
    .list-items-advanced-sale section:hover .i-ctrls i {
      opacity: 1; }

.xm-create-account.change-pin .main > div, .xm-create-account.step2 .main > div {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  opacity: 1; }

/*.xm-create-account.change-pin .pinsert .back-user, .xm-create-account.change-pin .pinsert .iptable {
  display: none;
}*/

.xm-create-account.step2 .list-servents {
  max-height: 0; }

.xm-create-account .main {
  width: 100%;
  max-width: 320px;
  overflow: hidden; }
  .xm-create-account .main > div {
    width: 100%;
    -ms-flex-negative: 0;
    flex-shrink: 0; }

.xm-create-account .list-servents ul li {
  font-size: 1.2rem;
  margin-right: 40px;
  padding: 5px;
  padding-left: 0; }
  .xm-create-account .list-servents ul li.active {
    color: #685EFF;
    font-weight: 600; }
    .xm-create-account .list-servents ul li.active i {
      width: 35px; }
  .xm-create-account .list-servents ul li i {
    width: 0;
    overflow: hidden; }

.xm-create-account .pinsert {
  /*opacity: 0; */
}
  .xm-create-account .pinsert .back-user {
    cursor: pointer;
    margin: 1rem 0;
    color: #685EFF; }
    .xm-create-account .pinsert .back-user span {
      font-size: 1rem;
      margin-left: 7px;
      font-weight: 500; }
  .xm-create-account .pinsert .user-selected {
    margin: 1rem 0;
    color: #222;
    font-weight: 500;
    font-size: .9rem;
    text-align: center; }
  .xm-create-account .pinsert .capturepin {
    margin-bottom: 1rem; }
    .xm-create-account .pinsert .capturepin li {
      margin: 0 15px; }
  .xm-create-account .pinsert .numbers {
    width: 265px;
    margin: auto; }
    .xm-create-account .pinsert .numbers li {
      width: 58.88889px;
      line-height: 58.88889px;
      margin: 0 12px;
      text-align: center;
      border-radius: 50%;
      font-size: 1rem;
      font-weight: 600; }

.xm-close-box .body-modal {
  min-width: 360px; }

.xm-close-box h6 {
  margin-bottom: 1.5rem; }
  .xm-close-box h6.is-money-text {
    margin-left: 2rem; }

.xm-add-movime .chk {
  margin: 15px 0 50px; }
  .xm-add-movime .chk label {
    margin-right: 40px; }
    .xm-add-movime .chk label:last-child {
      margin-right: 0; }

.xm-select-table ul li {
  margin-top: 10px;
  padding: 5px 0; }
  .xm-select-table ul li.active {
    color: #685EFF; }
    .xm-select-table ul li.active i {
      opacity: 1; }
  .xm-select-table ul li h6 {
    margin: 0;
    font-weight: 500; }
  .xm-select-table ul li i {
    opacity: 0; }

@media (max-width: 2000px) {
  .list-items-advanced-sale section {
    width: 24%;
    margin-left: 1.3%; }
    .list-items-advanced-sale section:nth-child(1), .list-items-advanced-sale section:nth-child(4n + 1) {
      margin-left: 0; } }

@media (max-width: 1280px) {
  .list-items-advanced-sale section {
    width: 32.5%; }
    .list-items-advanced-sale section, .list-items-advanced-sale section:nth-child(4n + 1) {
      margin-left: 1.2%; }
    .list-items-advanced-sale section:nth-child(1), .list-items-advanced-sale section:nth-child(3n + 1) {
      margin-left: 0; } }

@media (max-width: 1200px) {
  .m-maguita-page .make-a-sale article header .h-fk-aside {
    width: auto; }
    .m-maguita-page .make-a-sale article header .h-fk-aside .back-to-table {
      display: none; }
    .m-maguita-page .make-a-sale article header .h-fk-aside .menu-1200 {
      display: block; }
  .m-maguita-page .make-a-sale article .fk-body {
    position: relative; }
    .m-maguita-page .make-a-sale article .fk-body .left-mob-menu {
      display: block;
      position: absolute;
      left: 0;
      width: 100%;
      height: 100%;
      max-width: 360px;
      top: 0;
      z-index: 50;
      background: #FFF;
      -webkit-box-shadow: 30px 0 30px -35px rgba(119, 119, 119, 0.4);
      box-shadow: 30px 0 30px -35px rgba(119, 119, 119, 0.4);
      left: -10px;
      opacity: 0;
      visibility: hidden; }
      .m-maguita-page .make-a-sale article .fk-body .left-mob-menu.showit {
        left: 0px;
        opacity: 1;
        visibility: visible; }
      .m-maguita-page .make-a-sale article .fk-body .left-mob-menu ul {
        margin-top: 2rem; }
        .m-maguita-page .make-a-sale article .fk-body .left-mob-menu ul li {
          padding-left: 2rem;
          line-height: 3.5rem;
          font-size: 1rem;
          width: 100%; }
    .m-maguita-page .make-a-sale article .fk-body .fk-aside {
      background: #FFF;
      position: absolute;
      height: 100%;
      width: 100%;
      max-width: 360px;
      z-index: 10;
      border-right: 0;
      left: -10px;
      opacity: 0;
      visibility: hidden;
      -webkit-box-shadow: 30px 0 30px -35px rgba(119, 119, 119, 0.4);
      box-shadow: 30px 0 30px -35px rgba(119, 119, 119, 0.4); }
      .m-maguita-page .make-a-sale article .fk-body .fk-aside .catop i {
        display: block; }
      .m-maguita-page .make-a-sale article .fk-body .fk-aside.showit {
        left: 0px;
        opacity: 1;
        visibility: visible; }
  .m-maguita-page .make-a-sale aside .close-me-mob {
    display: block; } }

@media (max-width: 740px) {
  .m-maguita-page .make-a-sale article header .h-fk-article .exit-app {
    display: block;
    text-align: center; }
  .m-maguita-page .make-a-sale aside {
    position: absolute;
    width: 100%;
    height: calc(100% - 70px);
    bottom: 0;
    z-index: 10;
    border-left: 0;
    background: #F0F7FF;
    right: -40px;
    opacity: 0;
    visibility: hidden; }
    .m-maguita-page .make-a-sale aside.showit {
      visibility: visible;
      opacity: 1;
      right: 0; }
    .m-maguita-page .make-a-sale aside header,
    .m-maguita-page .make-a-sale aside .list-selecteds-articles,
    .m-maguita-page .make-a-sale aside .sum {
      padding: 0 2rem; }
    .m-maguita-page .make-a-sale aside header {
      border-bottom: 0; }
      .m-maguita-page .make-a-sale aside header .exit-app {
        display: none; }
        .m-maguita-page .make-a-sale aside header .exit-app:last-child {
          display: block; }
    .m-maguita-page .make-a-sale aside .list-selecteds-articles > ul li {
      margin-bottom: 10px;
      padding-bottom: 2rem;
      padding-top: 1rem; }
      .m-maguita-page .make-a-sale aside .list-selecteds-articles > ul li b {
        font-size: 1rem; }
      .m-maguita-page .make-a-sale aside .list-selecteds-articles > ul li .delete-me {
        opacity: 1;
        font-size: 1.6rem;
        bottom: 6px; }
    .m-maguita-page .make-a-sale aside .sum {
      background: #FFF; } }

@media (max-width: 960px) {
  .list-items-advanced-sale section {
    width: 49%; }
    .list-items-advanced-sale section, .list-items-advanced-sale section:nth-child(4n + 1) {
      margin-left: 0; }
    .list-items-advanced-sale section:nth-child(even) {
      margin-left: 2%; } }

@media (max-width: 848px) {
  .m-maguita-page .select-a-table header .hdd-1 {
    padding-right: .5rem; }
    .m-maguita-page .select-a-table header .hdd-1 .right > ul {
      position: fixed;
      height: calc(100vh - 47px);
      background: #282D3E;
      left: -20px;
      bottom: 0;
      width: 100%;
      max-width: 300px;
      padding-top: 2rem;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      opacity: 0;
      visibility: hidden;
      z-index: 10; }
      .m-maguita-page .select-a-table header .hdd-1 .right > ul.showme {
        left: 0;
        opacity: 1;
        visibility: visible; }
      .m-maguita-page .select-a-table header .hdd-1 .right > ul > li {
        padding-left: 0;
        line-height: 4; }
        .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.change-pin:before {
          content: "Alterar PIN"; }
        .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.change-pin i {
          display: none; }
        .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.master-admin ul {
          display: none;
          position: static;
          color: #c1c6d7;
          -webkit-box-shadow: none;
          box-shadow: none;
          background: transparent; }
          .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.master-admin ul:after {
            content: none; }
          .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.master-admin ul.showmenu {
            display: block; }
          .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.master-admin ul li {
            padding-left: 1.5rem; }
            .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.master-admin ul li:hover {
              background: #32384e; }
            .m-maguita-page .select-a-table header .hdd-1 .right > ul > li.master-admin ul li.top-divis {
              border-top: none; }
    .m-maguita-page .select-a-table header .hdd-1 .right .i-mmobmenu {
      display: block; } }

@media (max-width: 600px) {
  .list-items-advanced-sale section {
    width: 100%;
    margin-left: 0 !important; } }

@media (max-width: 480px) {
  .m-maguita-page .make-a-sale article header {
    position: relative; }
    .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher {
      position: absolute;
      height: 100%;
      width: 100%;
      left: 0;
      z-index: 5;
      background: #FFF;
      padding-left: 5px;
      padding-right: 3px; }
      .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher i, .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher label {
        width: 50px;
        line-height: 40px;
        text-align: center;
        cursor: pointer; }
      .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher i, .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher input {
        display: block; }
      .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher input {
        padding-left: 1rem; }
      .m-maguita-page .make-a-sale article header.searching .h-fk-article .searcher label {
        font-size: 1.7rem; }
    .m-maguita-page .make-a-sale article header .h-fk-aside {
      padding-left: 1rem; }
    .m-maguita-page .make-a-sale article header .h-fk-article .searcher {
      background: transparent;
      -webkit-box-pack: end;
      -ms-flex-pack: end;
      justify-content: flex-end; }
      .m-maguita-page .make-a-sale article header .h-fk-article .searcher i, .m-maguita-page .make-a-sale article header .h-fk-article .searcher input {
        display: none; }
  .m-maguita-page .make-a-sale aside header,
  .m-maguita-page .make-a-sale aside .list-selecteds-articles,
  .m-maguita-page .make-a-sale aside .sum {
    padding: 0 1rem; } }