.container-not-found{height:100vh;overflow:auto;background-color:#fff;color:#333;padding:20px}.container-content,.container-not-found{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.container-content{-webkit-flex-direction:row;flex-direction:row;max-width:1200px;width:100%;grid-gap:50px;gap:50px}.container-content .logo{max-width:200px}.container-content .logo img{width:100%;height:auto}.container-content .content{max-width:500px;text-align:left}.container-content .content .btn{background-color:#c79e5d;color:#fff;border:none;padding:8px 16px;border-radius:6px;font-size:14px;cursor:pointer;text-decoration:none}.container-content .content h1{color:#d33;font-size:32px;margin-bottom:10px}.container-content .content p{font-size:20px;margin-bottom:20px;line-height:1.4}@media (max-width:1024px){.container-content{grid-gap:40px;gap:40px}.container-content .content h1{font-size:30px}.container-content .content p{font-size:18px}.container-content .logo{max-width:180px}}@media (max-width:820px){.container-content{-webkit-flex-direction:column;flex-direction:column;text-align:center;grid-gap:30px;gap:30px}.container-content .content{text-align:center}.container-content .logo{max-width:160px}.container-content .content h1{font-size:28px}.container-content .content p{font-size:16px}}@media (max-width:768px){.container-content{grid-gap:20px;gap:20px}.container-content .logo{max-width:140px}.container-content .content h1{font-size:26px}.container-content .content p{font-size:15px}.container-content .div-btn{text-align:center}.container-content .div-btn .btn{font-size:13px;padding:7px 14px}}@media (max-width:480px){.logo{max-width:120px}.content h1{font-size:24px}.content p{font-size:14px}.div-btn{text-align:center}.div-btn .btn{font-size:12px;padding:6px 12px}}@media (max-width:360px){.container-content .logo{max-width:100px}.container-content .content h1{font-size:20px;text-align:center}.container-content .content p{font-size:13px;text-align:center}.container-content .div-btn{text-align:center}.container-content .div-btn .btn{font-size:11px;padding:5px 10px}}@media (max-width:300px){.logo{max-width:80px}.content h1{font-size:18px}.content p{font-size:12px}.div-btn{text-align:center}.div-btn .btn{font-size:10px;padding:4px 8px}}.containerlogin{width:100vw;height:100vh;position:relative;background:-webkit-linear-gradient(315deg,#f5f5f5,#e0e0e0);background:linear-gradient(135deg,#f5f5f5,#e0e0e0);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.containerlogin .footer{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);bottom:5%;left:50%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerlogin .containerinput{width:auto;height:auto;padding:40px 30px;background-color:#fff;border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15);border:1px solid hsla(0,0%,100%,.2);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.containerlogin .containerinput .logocompanylogin{margin-bottom:30px;width:250px;height:78px;object-fit:contain}.containerlogin .containerinput input{width:100%;height:100%;border-radius:10px;background-color:#fff;border:1px solid #c7a362;outline:none;text-align:left;font-size:14px;font-weight:400;padding:5px 20px;color:#434343;position:relative}.containerlogin .containerinput input::-webkit-input-placeholder{font-size:12px;font-weight:400;letter-spacing:.1em;color:#8d8d8d;text-align:center}.containerlogin .containerinput input::-ms-input-placeholder{font-size:12px;font-weight:400;letter-spacing:.1em;color:#8d8d8d;text-align:center}.containerlogin .containerinput input::placeholder{font-size:12px;font-weight:400;letter-spacing:.1em;color:#8d8d8d;text-align:center}.containerlogin .containerinput .username{width:262px;height:42px;margin-bottom:21px}.containerlogin .containerinput .password{width:262px;height:42px;margin-bottom:2rem}.containerlogin .containerinput .password .password-toggle{position:relative;float:right;padding-bottom:80px;padding-right:10px;top:50%!important;-webkit-transform:translateY(-50%);transform:translateY(-50%);cursor:pointer;color:#888;font-size:18px;border-radius:4px;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.containerlogin .containerinput .button{background:#c7a362;border-radius:10px;font-size:14px;border:none}.containerlogin .containerinput .button,.containerlogin .containerinput .spinnerloading{width:262px;height:42px;margin-top:20px;box-shadow:0 4px 10px rgba(0,0,0,.1);outline:none}.containerlogin .containerinput .spinnerloading{background:#fff;border-radius:10px;border:1px solid #c7a362;position:relative}.containerlogin .containerinput .divider{text-align:center;margin:35px 0 0;position:relative;width:100%}.containerlogin .containerinput .divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e1e5e9}.containerlogin .containerinput .divider span{background:hsla(0,0%,100%,.95);padding:0 15px;color:#888;font-size:14px}.containerlogin .containerinput .version-cms-text{font-size:12px;color:#888;margin-top:20px;text-align:center}@media (min-width:320px) and (max-width:480px){.containerlogin .containerinput .footer{margin-top:20px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}}.spinner{position:absolute;-webkit-animation:spinner .75s linear infinite!important;animation:spinner .75s linear infinite!important}.spinner span{position:absolute;width:100%;height:100%;border-radius:50%}.spinner .spinnerinner1{background:-webkit-linear-gradient(left,rgba(255,160,48,0),rgba(255,160,48,0) 50%,#ffa030 51%);background:linear-gradient(90deg,rgba(255,160,48,0) 0,rgba(255,160,48,0) 50%,#ffa030 51%)}.spinner .spinnerinner2{background:-webkit-linear-gradient(bottom,hsla(0,0%,100%,0),#fff);background:linear-gradient(0deg,hsla(0,0%,100%,0) 0,#fff)}.spinner .spinnerinner3{background:#fff}@-webkit-keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.containerdashboard{width:100vw;height:100vh;overflow:auto}.containerdashboard .containercontent{width:100%;height:92%;padding:100px 85px 70px;background:#f3f3f3;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent ::-webkit-scrollbar{display:block}.containerdashboard .containercontent .wrapperactivetask{width:31%;height:100%}.containerdashboard .containercontent .wrapperactivetask .wrappertitle{width:100%;height:42px;margin:0 0 16px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrapperactivetask .wrappertitle .titleactivetask{padding:0 20px 0 0}.containerdashboard .containercontent .wrapperactivetask .wrappertitle .titleactivetask,.containerdashboard .containercontent .wrapperactivetask .wrappertitle .titletaskhistory{width:130px;height:42px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrapperactivetask .wrappertitle .titletaskhistory{margin:0 0 0 8px;padding:0 12px}.containerdashboard .containercontent .wrapperactivetask .wrappercontent{width:100%}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervending_default{height:100px;z-index:1;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervending_default,.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask{width:100%;padding:15px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:0 0 12px;position:relative;border-radius:15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask{height:calc(16.66667% - 10px);min-height:80px;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask:last-child{margin:0}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .date{position:absolute;bottom:15px;right:15px;-webkit-flex:0 1 auto;flex:0 1 auto}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .titlevending{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;position:relative}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .titlevending .icontask{position:absolute;right:0}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .bodytask{padding:0 0 0 18px;margin:10px auto 0 0!important;-webkit-align-self:center;align-self:center;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .bodytask .bodycontent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:4px 0}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .bodytask .bodycontent:first-child{margin:0 0 4px}.containerdashboard .containercontent .wrapperactivetask .wrappercontent .wrappervendingtask .bodytask .bodycontent:last-child{margin:4px 0 0}.containerdashboard .containercontent .wrapperlistproduct_default{width:28%;height:100px;padding:15px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:58px 16px 0;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrapperlistproduct{width:28%;min-height:calc(100% - 58px);margin:58px 16px 0;padding:0 16px;border-bottom:16px solid transparent;border-top:16px solid transparent;border-radius:15px!important;position:relative;overflow:hidden;overflow-y:auto;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.containerdashboard .containercontent .wrapperlistproduct::-webkit-scrollbar{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerdashboard .containercontent .wrapperlistproduct::-webkit-scrollbar-thumb{background:#cba35e;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerdashboard .containercontent .wrapperlistproduct::-webkit-scrollbar-track{background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerdashboard .containercontent .wrapperlistproduct{scrollbar-face-color:#cba35e;scrollbar-track-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerdashboard .containercontent .wrapperlistproduct .products{list-style:none;padding:0;margin:0}.containerdashboard .containercontent .wrapperlistproduct .products ul{padding-left:0}.containerdashboard .containercontent .wrapperlistproduct .products li{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;padding:6px 3px;font-size:12px;border-bottom:1px solid #f0f0f0;line-height:1.2}.containerdashboard .containercontent .wrapperlistproduct .products li .product-name{color:#cba35e;width:350px}.containerdashboard .containercontent .wrapperlistproduct .products li .product-id{margin-left:2px}.containerdashboard .containercontent .wrapperlistproduct .title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:0 0 16px}.containerdashboard .containercontent .wrapperlistproduct .datarow{height:16px;margin:4px 0}.containerdashboard .containercontent .wrapperlistproduct .datarow:first-child{margin:0 0 4px}.containerdashboard .containercontent .wrapperlistproduct .datarow:last-child{margin:4px 0 0}.containerdashboard .containercontent .wrappervending{width:45%;height:100%}.containerdashboard .containercontent .wrappervending .wrappertitle{width:100%;height:42px;margin:0 0 16px;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.containerdashboard .containercontent .wrappervending .wrappertitle,.containerdashboard .containercontent .wrappervending .wrappertitle .vendingtab{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrappertitle .vendingtab{width:150px;height:100%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px;padding:0 16px;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center}.containerdashboard .containercontent .wrappervending .btn-create-atm{padding:11px 15px;margin-left:10px;margin-top:2px;border-radius:15px;background-color:#cba35e;border:1px solid #cba35e;border-outline:none;color:#fff;cursor:pointer}.containerdashboard .containercontent .wrappervending .wrapperbody_default{width:100%;height:100px;position:relative;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody{width:100%;height:calc(100% - 58px);position:relative;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);overflow:hidden;overflow-y:auto;border-radius:15px!important}.containerdashboard .containercontent .wrappervending .wrapperbody::-webkit-scrollbar{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0}.containerdashboard .containercontent .wrappervending .wrapperbody::-webkit-scrollbar-thumb{background:#cba35e;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0}.containerdashboard .containercontent .wrappervending .wrapperbody::-webkit-scrollbar-track{background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0}.containerdashboard .containercontent .wrappervending .wrapperbody{scrollbar-face-color:#cba35e;scrollbar-track-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappericonoffline{width:100%;height:56px;z-index:1;position:absolute;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendingofflane{background:#e5e5e5!important}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist{width:100%;height:56px;margin:0;box-shadow:0 4px 10px rgba(0,0,0,.1);background:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .no{max-width:6%;-webkit-flex-basis:6%;flex-basis:6%}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .vendingname{max-width:27.33%;-webkit-flex-basis:27.33%;flex-basis:27.33%}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .vendingname .vending_title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .icon_bar{max-width:10%;-webkit-flex-basis:10%;flex-basis:10%;padding:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .area{margin:3px 0 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning{max-width:40%;-webkit-flex-basis:40%;flex-basis:40%}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning,.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning .warningreject{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning .warningreject{min-width:55px;background:#8d8d8d;border-radius:4px;padding:3px 7px;margin:0 8px 0 0}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning .warningempty{min-width:55px;background:#ff3030;margin:0 8px 0 0}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning .warningempty,.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning .warninglow{border-radius:4px;padding:3px 7px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .warning .warninglow{min-width:45px;background:#ffa030}.containerdashboard .containercontent .wrappervending .wrapperbody .wrappervendinglist .flex-center{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}@media (max-width:1024px){.containerdashboard .containercontent{width:100%;background:#f3f3f3;grid-gap:20px;gap:20px;overflow:auto;padding:100px 20px 50px}.containerdashboard .containercontent ::-webkit-scrollbar{display:block}.containerdashboard .containercontent .wrapperactivetask{width:100%}.containerdashboard .containercontent .wrapperactivetask .wrappercontent{height:auto}.containerdashboard .containercontent .wrapperlistproduct{width:100%;max-width:400px;height:350px;border-radius:15px}.containerdashboard .containercontent .wrappervending{width:100%;height:100%;min-height:300px}}@media (max-width:820px){.containerdashboard .containercontent{width:100%;background:#f3f3f3;display:grid;grid-gap:20px;gap:20px;overflow:auto;padding:120px 80px 50px;-webkit-justify-content:normal}.containerdashboard .containercontent ::-webkit-scrollbar{display:block}.containerdashboard .containercontent .wrapperactivetask{width:100%}.containerdashboard .containercontent .wrapperactivetask .wrappercontent{height:auto}.containerdashboard .containercontent .wrapperlistproduct{width:100%;max-width:700px;height:350px;margin:0;border-radius:15px}.containerdashboard .containercontent .wrappervending{width:100%;height:100%;min-height:300px;margin-bottom:20px}}@media (max-width:768px){.containerdashboard .containercontent{width:100%;background:#f3f3f3;display:grid;grid-gap:20px;gap:20px;overflow:auto;padding:100px 80px 50px}.containerdashboard .containercontent ::-webkit-scrollbar{display:block}.containerdashboard .containercontent .wrapperactivetask{width:100%}.containerdashboard .containercontent .wrapperactivetask .wrappercontent{height:auto}.containerdashboard .containercontent .wrapperlistproduct{width:100%;max-width:700px;height:350px;margin:0;border-radius:15px}.containerdashboard .containercontent .wrappervending{width:100%;height:100%;min-height:300px;margin-bottom:20px}}@media (max-width:480px){.containerdashboard .containercontent{width:100%;padding:80px 20px 20px;background:#f3f3f3;display:grid;grid-gap:20px;gap:20px;overflow:auto}.containerdashboard .containercontent ::-webkit-scrollbar{display:block}.containerdashboard .containercontent .wrapperactivetask{width:100%}.containerdashboard .containercontent .wrapperactivetask .wrappercontent{height:auto}.containerdashboard .containercontent .wrapperlistproduct{width:100%;max-width:400px;height:350px;margin:0;border-radius:15px}.containerdashboard .containercontent .wrappervending{width:100%;height:100%;min-height:300px}}@media (max-width:360px){.containerdashboard .containercontent{width:100%;padding:40px 20px 50px;background:#f3f3f3;display:grid;grid-gap:20px;gap:20px;overflow:auto}.containerdashboard .containercontent ::-webkit-scrollbar{display:block}.containerdashboard .containercontent .wrapperactivetask{width:100%;height:auto;margin-top:30px}.containerdashboard .containercontent .wrapperactivetask .wrappercontent{height:auto}.containerdashboard .containercontent .wrapperlistproduct{width:100%;max-width:400px;height:350px;margin:0}.containerdashboard .containercontent .wrappervending{width:100%;height:100%;min-height:300px}.containerdashboard .containercontent .wrappervending .wrappertitle .vendingtab{width:120px;padding:0 10px 0 13px}.containerdashboard .containercontent .wrappervending .wrappertitle .vendingtab h4{margin:0 8px!important}.containerdashboard .containercontent .wrappervending .wrappertitle .btn-create-atm{padding:11px 6px;margin-left:6px;margin-top:2px;border-radius:15px;background-color:#cba35e;border:1px solid #cba35e;border-outline:none;color:#fff;cursor:pointer}}.sectionnavbar{width:100%;height:66px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;position:fixed;top:0;left:0;right:0;z-index:999;background-color:#fff;padding:8px 20px 8px 50px;box-shadow:0 4px 10px rgba(0,0,0,.05)}.sectionnavbar .logocompany{left:9%;width:130px;height:40px;object-fit:contain}.sectionnavbar .burgerlogo,.sectionnavbar .logocompany{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%}.sectionnavbar .burgerlogo{right:1%}.sectionnavbar .wrapperactionclose{width:auto;height:auto;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;right:50px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.sectionnavbar .wrapperactionclose .changepassword{margin:0 55px 0 0}.sectionnavbar .wrapperaction{width:auto;height:auto;position:absolute;-webkit-transform:translate(-30%,-50%);transform:translate(-30%,-50%);top:50%;right:0;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none}.sectionnavbar .wrapperaction,.sectionnavbar .wrapperaction .wrappernavbarhistory{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.sectionnavbar .wrapperaction .wrappernavbarhistory{width:120px;height:42px;background:#fff;border-radius:21px;padding:0 21px;cursor:pointer;border:1px solid #fff;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center}.sectionnavbar .wrapperaction .wrappernavbarhistory:hover{border:1px solid #cba35e}.sectionnavbar .wrapperaction .wrappernavbarhistory:focus{border:1px solid #cba35e;outline:none}.sectionnavbar .wrapperaction .wrappernavbarhistory .iconhistory{width:13px;height:13px;background-color:#d3d3d3}.sectionnavbar .wrapperaction .wrappernavbarvending{width:116px;height:42px;margin-right:20px;background:#fff;border-radius:21px;padding:0 23px;border:1px solid #fff;cursor:pointer;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.sectionnavbar .wrapperaction .wrappernavbarvending:hover{border:1px solid #cba35e}.sectionnavbar .wrapperaction .wrappernavbarvending:focus{border:1px solid #cba35e;outline:none}@media (max-width:768px){.sectionnavbar .logocompany{left:13%}}@media (max-width:480px){.sectionnavbar .logocompany{left:17%}.sectionnavbar .wrapperaction{-webkit-transform:translate(-25%,-50%);transform:translate(-25%,-50%)}.sectionnavbar .wrapperaction .wrappernavbarvending{width:90px;margin-right:10px}.sectionnavbar .wrapperaction .wrappernavbarhistory{width:100px}}@media (max-width:380px){.sectionnavbar .logocompany{left:19%}.sectionnavbar .wrapperaction{-webkit-transform:translate(-20%,-50%);transform:translate(-20%,-50%)}.sectionnavbar .wrapperaction .wrappernavbarvending{width:80px;margin-right:10px}.sectionnavbar .wrapperaction .wrappernavbarhistory{width:100px}}.filtertab{width:42px;height:42px;margin:0 12px;border-radius:50%;background:#fff;position:relative;box-shadow:0 4px 10px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.filtertab .iconfilter{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:55%;left:50%}.filtertab-active{min-width:135px;height:42px;background:#fff;border-radius:21px;margin:0 12px;padding:0 16px;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.filtertab-active .iconfilter{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:55%;left:15%}.filtertab-open{width:135px;min-height:200px;margin:0 12px;padding:12px 16px;border-radius:21px;background:#fff;position:relative;z-index:99;box-shadow:0 4px 10px rgba(0,0,0,.1)}.filtertab-open .iconfilter{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:12%;left:15%}.filtertab-open .content{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.filtertab-open .content .wrapper{width:100%;height:auto}.filtertab-open .content .wrapper h5:hover{color:#cba35e}.sorttab{width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;position:relative}.sorttab .iconsort{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:55%;left:50%}.sorttab-active{min-width:135px;height:42px;background:#fff;border-radius:21px;padding:0 16px;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.sorttab-active .iconsort{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:55%;left:15%}.sorttab-open{width:135px;height:auto;padding:12px 16px;border-radius:21px;background:#fff;z-index:99;box-shadow:0 4px 10px rgba(0,0,0,.1);position:relative}.sorttab-open .iconsort{position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:12%;left:15%}.sorttab-open .content{width:100%;height:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-end;align-items:flex-end;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.sorttab-open .content .wrapper{width:100%;height:auto}.sorttab-open .content .wrapper h5:hover{color:#cba35e}.containerhistory{width:100vw;height:100vh;overflow:auto}.containerhistory .containercontent{width:100%;height:92%;padding:100px 82px 30px;background:#f3f3f3;position:relative;overflow:auto;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start}.containerhistory .containercontent,.containerhistory .containercontent .navbarhistory{display:-webkit-flex;display:flex;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .navbarhistory{margin:0 0 3rem;border-radius:21px}.containerhistory .containercontent .navbarhistory,.containerhistory .containercontent .navbarhistory .historytab{-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center}.containerhistory .containercontent .navbarhistory .historytab{display:-webkit-flex;display:flex;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .navbarhistory .tab_active{background:#cba35e!important}.containerhistory .containercontent .navbarhistory .tasktab{margin:0 1px;border-radius:15px 0 0 15px}.containerhistory .containercontent .navbarhistory .tasktab,.containerhistory .containercontent .navbarhistory .transactiontab{padding:10px 26px;background:#9e9e9e;box-shadow:0 4px 10px rgba(0,0,0,.09);display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .navbarhistory .transactiontab{border-radius:0 15px 15px 0}.containerhistory .containercontent .navbarhistory .download-task-trx{margin-left:10px}.containerhistory .containercontent .navbarhistory .search input{right:82px;padding:10px 4px 10px 10px;width:250px;position:absolute;border-radius:8px;border:1px solid #c7a362;margin-top:-10px}.containerhistory .containercontent .navbarhistory .search input:focus{border:1px solid #c7a362;outline:none}.containerhistory .containercontent .navbarhistory .search .search-toggle{position:absolute;right:100px}.containerhistory .containercontent ::-webkit-scrollbar{display:block}.containerhistory .containercontent .titlehistory{width:158px;height:42px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.09);border-radius:21px;padding:0 20px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .wrappertaskhistory{width:100%;height:calc(100% - 122px);margin:20px 0 0;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-align-content:flex-start;align-content:flex-start}.containerhistory .containercontent .wrappertaskhistory,.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask{width:calc(33.33333% - 30px);height:calc(16.66667% - 12px);padding:12px 15px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:0 15px 12px;position:relative;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask:last-child{margin:0 15px}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .date{position:absolute;bottom:10px;right:10px}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .titlevending{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;position:relative}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .titlevending .icontask{position:absolute;right:0}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .bodytask{padding:0 0 0 18px;margin:8px 3px 0 0!important;-webkit-flex-direction:column;flex-direction:column}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .bodytask,.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .bodytask .bodycontent{display:-webkit-flex;display:flex;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .bodytask .bodycontent{-webkit-flex-direction:row;flex-direction:row;margin:4px 0}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .bodytask .bodycontent:first-child{margin:0 0 4px}.containerhistory .containercontent .wrappertaskhistory .wrappervendingtask .bodytask .bodycontent:last-child{margin:4px 0 0}.containerhistory .containercontent .wrapperpaginate{width:100%;max-height:80px;padding:20px 0;margin:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerhistory .containercontent .wrapperpaginate .pagination{margin:0;list-style:none;outline:none;min-width:42px;border-radius:21px;padding:0 16px;position:relative}.containerhistory .containercontent .wrapperpaginate .pagination,.containerhistory .containercontent .wrapperpaginate .pagination .previous{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;height:42px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.09)}.containerhistory .containercontent .wrapperpaginate .pagination .previous{width:42px;border-radius:50%;border-radius:21px;position:absolute;-webkit-transform:translate(-140%,-50%);transform:translate(-140%,-50%);top:50%;left:0}.containerhistory .containercontent .wrapperpaginate .pagination .previous a{background:url(/static/media/arrow-left.a3ae8b69.svg) no-repeat;background-position:50%;padding:5px 10px}.containerhistory .containercontent .wrapperpaginate .pagination .next{width:42px;height:42px;border-radius:50%;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.09);border-radius:21px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;position:absolute;-webkit-transform:translate(140%,-50%);transform:translate(140%,-50%);top:50%;right:0}.containerhistory .containercontent .wrapperpaginate .pagination .next a{background:url(/static/media/arrow-right.5039603d.svg) no-repeat;background-position:50%;padding:5px 10px}.containerhistory .containercontent .wrapperpaginate .pagination .active a{border:none;font-weight:500;font-size:16px;background:transparent;color:#cba35e;outline:none}.containerhistory .containercontent .wrapperpaginate .pagination .active a:focus,.containerhistory .containercontent .wrapperpaginate .pagination .active a:hover,.containerhistory .containercontent .wrapperpaginate .pagination .active span,.containerhistory .containercontent .wrapperpaginate .pagination .active span:focus,.containerhistory .containercontent .wrapperpaginate .pagination .active span:hover{border:none;background:transparent;outline:none}.containerhistory .containercontent .wrapperpaginate .pagination li{margin:0 8px}.containerhistory .containercontent .wrapperpaginate .pagination li a{border:none;outline:none;color:#cba35e;cursor:pointer;font-size:14px;font-weight:400}.containerhistory .containercontent .wrapperpaginate .pagination li span{color:#cba35e}.containerhistory .containercontent .wrapperpaginate .pagination li:first-child a,.containerhistory .containercontent .wrapperpaginate .pagination li:first-child span,.containerhistory .containercontent .wrapperpaginate .pagination li:last-child a,.containerhistory .containercontent .wrapperpaginate .pagination li:last-child span{border-radius:unset}@media (max-width:1024px){.containerhistory .containercontent{width:100%;padding:80px 20px 40px;overflow:auto}.containerhistory .containercontent .navbarhistory{margin:1rem 2rem 3rem 0;padding:6px}.containerhistory .containercontent .navbarhistory .search input{right:20px}.containerhistory .containercontent .navbarhistory .search .search-toggle{right:30px}}@media (max-width:820px){.containerhistory .containercontent{width:100%;padding:80px 20px 50px;overflow:auto}.containerhistory .containercontent .navbarhistory{margin:1rem 2rem 3rem 0;padding:6px}}@media (max-width:768px){.containerhistory .containercontent{width:100%;padding:60px 20px 20px;overflow:auto}.containerhistory .containercontent .navbarhistory{margin:2rem 2rem 2rem 0;padding:6px}}@media (max-width:480px){.containerhistory .containercontent{width:100%;padding:80px 20px 20px;overflow:auto}.containerhistory .containercontent .navbarhistory{margin:1rem 2rem 2rem 0;padding:6px}.containerhistory .containercontent .navbarhistory .tasktab,.containerhistory .containercontent .navbarhistory .transactiontab{padding:6px 14px}.containerhistory .containercontent .navbarhistory .search input{right:20px;width:200px;margin-top:30px}.containerhistory .containercontent .navbarhistory .search .search-toggle{right:30px;margin-top:38px}}@media (max-width:360px){.containerhistory .containercontent{width:100%;padding:80px 20px 20px;overflow:auto;min-height:750px}.containerhistory .containercontent .navbarhistory{margin:1rem 2rem 2rem 0;padding:6px}.containerhistory .containercontent .navbarhistory .search input{right:20px;width:200px;margin-top:30px}.containerhistory .containercontent .navbarhistory .search .search-toggle{right:30px;margin-top:38px}}.containermodal{width:100%;height:100%;position:fixed;top:0;left:0;overflow:auto;background:transparent;background-color:rgba(0,0,0,.3);z-index:9}.containerlistproduct{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border:1px solid #cba35e;border-radius:12px;background:#fff;width:25%;height:70%;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:25px 16px 16px;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.containerlistproduct,.containerlistproduct .wrappertitle{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerlistproduct .wrappertitle{width:90%;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.containerlistproduct .wrappertitle .slot,.containerlistproduct .wrappertitle .title{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerlistproduct .searchinput{width:90%;height:32px;background:#f4f4f4;border-radius:16px;border:none;outline:none;text-align:center;font-size:12px;font-weight:400;color:#434343;margin:20px auto 25px}.containerlistproduct .searchinput::-webkit-input-placeholder{font-size:12px;font-weight:400;color:#8d8d8d;text-align:center}.containerlistproduct .searchinput::-ms-input-placeholder{font-size:12px;font-weight:400;color:#8d8d8d;text-align:center}.containerlistproduct .searchinput::placeholder{font-size:12px;font-weight:400;color:#8d8d8d;text-align:center}.containerlistproduct .notfoundproductid{width:90%;padding:16px 20px;background:rgba(255,69,69,.1);margin-bottom:25px;border-radius:5px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerlistproduct .wrapperlistproduct{width:100%;height:77%;overflow:hidden;overflow-y:auto}.containerlistproduct .wrapperlistproduct::-webkit-scrollbar{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerlistproduct .wrapperlistproduct::-webkit-scrollbar-thumb{background:#e5e5e5;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerlistproduct .wrapperlistproduct::-webkit-scrollbar-track{background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerlistproduct .wrapperlistproduct{scrollbar-face-color:#e5e5e5;scrollbar-track-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containerlistproduct .wrapperlistproduct .wrapperproduct{width:90%;height:66px;margin:0 0 8px 15px;padding:16px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.containerlistproduct .wrapperlistproduct .wrapperproduct:hover{box-shadow:0 4px 10px rgba(0,0,0,.4);-webkit-transition:box-shadow .5s ease;transition:box-shadow .5s ease}.containerqrcode{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:23%;max-width:300px;height:auto;margin:auto;z-index:999;padding:28px;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start}.containerqrcode,.containerqrcode .buttondownload{box-shadow:0 4px 10px rgba(0,0,0,.1);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerqrcode .buttondownload{height:46px;background:#cba35e;margin:30px 0 15px;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center}.containerqrcode .buttonclose,.containerqrcode .buttondownload{width:100%;border-radius:6px;border:none;outline:none;font-size:12px}.containerqrcode .buttonclose{height:32px}.containerads,.containerqrcode .buttonclose{background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1)}.containerads{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;width:70%;height:70%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;border-radius:12px;margin:auto;z-index:999;overflow:hidden}.containerads .greyarea{width:30%;height:100%;background:#434343;opacity:.7}.containerads .adscontent{width:70%;height:100%;background:#fff;position:relative;padding:16px 32px}.containerads .adscontent .circle{width:27px;height:27px;background:#f4f4f4;border-radius:50%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:6%;right:1%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerads .adscontent .wrapperinput{margin:10px 0 32px;position:relative}.containerads .adscontent .wrapperinput .inputlink{width:90%;height:62px;background:#f4f4f4;border-radius:8px;border:none;outline:none;padding:0 27px;text-align:left;font-size:12px;font-weight:400;color:#434343}.containerads .adscontent .wrapperinput .inputlink::-webkit-input-placeholder{font-size:12px;font-weight:400;color:#8d8d8d;text-align:left}.containerads .adscontent .wrapperinput .inputlink::-ms-input-placeholder{font-size:12px;font-weight:400;color:#8d8d8d;text-align:left}.containerads .adscontent .wrapperinput .inputlink::placeholder{font-size:12px;font-weight:400;color:#8d8d8d;text-align:left}.containerads .adscontent .wrapperinput .buttonpreview{width:132px;height:62px;position:absolute;box-shadow:0 4px 10px rgba(0,0,0,.1);top:0;right:0;background:#fff;border-radius:31px;font-size:14px;border:none;outline:none}.containerads .adscontent .card{width:100%;height:129px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerads .adscontent .card .thumbnail{width:129px;height:100%;background:#8d8d8d}.containerads .adscontent .card .detailthumbnail{width:calc(100% - 129px);height:100%;background:#f4f4f4;padding:24px}.containerads .adscontent .wrapperbutton{position:absolute;bottom:4%;left:0;right:0;padding:0 32px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerads .adscontent .wrapperbutton .save{width:132px;height:62px;background:#cba35e;border-radius:31px;border:none;box-shadow:0 4px 10px #cba35e;outline:none;font-size:12px}.containerads .adscontent .wrapperbutton .cancel{margin:0 0 0 24px}.containerads .adscontent .wrapperbutton .cancel,.containerads .adscontent .wrapperbutton .close{width:132px;height:62px;background:#fff;border-radius:31px;box-shadow:0 4px 10px rgba(0,0,0,.1);border:none;outline:none;font-size:12px}.containerads .adscontent .wrapperbutton .close{margin:0 0 0 auto}.containerdetailslot{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border:1px solid #cba35e;border-radius:12px;width:auto;margin:auto;z-index:9999;padding:32px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdetailslot,.containerdetailslot .wrapperdetailslot{background:#fff;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1)}.containerdetailslot .wrapperdetailslot{width:250px;padding:16px;margin:0 0 12px}.containerdetailslot .wrapperbuttondetail{width:250px;height:auto;margin:0 0 25px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containerdetailslot .wrapperbuttondetail .detail_button{width:108px;height:24px;background:#fff;box-shadow:0 4px 10px rgba(255,19,19,.1);border-radius:21px;outline:none;border:none;font-size:10px}.containerdetailslot .wrapper_grossweight{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:0 auto 16px}.containerdetailslot .wrapper_grossweight .detail_input{width:100px;height:40px;position:relative}.containerdetailslot .wrapper_grossweight .detail_input .helper_text{position:absolute;right:14px;bottom:-7px}.containerdetailslot .wrapper_grossweight .detail_input input{width:100%;height:100%;border-radius:8px;background-color:#f4f4f4;border:none;outline:none;text-align:center;font-size:14px;font-weight:400;padding:5px 10px;color:#434343}.containerdetailslot .wrapper_grossweight .detail_input input::-webkit-input-placeholder{font-size:14px;font-weight:400;color:#8d8d8d;text-align:center}.containerdetailslot .wrapper_grossweight .detail_input input::-ms-input-placeholder{font-size:14px;font-weight:400;color:#8d8d8d;text-align:center}.containerdetailslot .wrapper_grossweight .detail_input input::placeholder{font-size:14px;font-weight:400;color:#8d8d8d;text-align:center}.containerdetailslot .wrapper_grossweight .detail_input input:focus{border:1px solid #cba35e}.containerdetailslot .wrapperbuttonaction{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:5px 0 0}.containerdetailslot .wrapperbuttonaction .back{background:#fff;margin:0 16px 0 0}.containerdetailslot .wrapperbuttonaction .back,.containerdetailslot .wrapperbuttonaction .save{width:108px;height:42px;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px;outline:none;border:none;font-size:12px}.containerdetailslot .wrapperbuttonaction .save{background:#cba35e}.containertaskdetail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:60%;max-width:1160px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containertaskdetail .container-content{display:-webkit-flex;display:flex;padding:15px;font-size:14px}.containertaskdetail .container-content .left-panel,.containertaskdetail .container-content .right-panel{padding:10px}.containertaskdetail .container-content .left-panel{width:40%}.containertaskdetail .container-content .left-panel .value{margin-bottom:10px;color:#555}.containertaskdetail .container-content .left-panel .row-icon{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:8px;gap:8px;-webkit-flex-wrap:nowrap;flex-wrap:nowrap}.containertaskdetail .container-content .left-panel .row-icon .label{font-weight:700;color:#333}.containertaskdetail .container-content .right-panel{width:60%}.containertaskdetail .container-content .right-panel .value{margin-bottom:10px;color:#555}.containertaskdetail .container-content .right-panel .value .label{font-weight:700;color:#333}.containertaskdetail .container-content .right-panel .value .vm-name{color:#26a4ff;margin-left:10px}.containertaskdetail .container-content .right-panel .objectives{margin-top:15px}.containertaskdetail .container-content .right-panel .objectives .objective-label{font-weight:700;color:#333}.containertaskdetail .container-content .right-panel .objectives .objective-item{padding-left:20px;color:#666;line-height:1.6}.containertaskdetail .container-content .right-panel .objectives .objective-item ol{padding-left:10px}@media (max-width:1024px){.containertaskdetail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:70%;max-width:1000px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containertaskdetail .left-panel{width:45%}.containertaskdetail .right-panel{width:55%}}@media (max-width:820px){.containertaskdetail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:70%;max-width:800px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containertaskdetail .container-content .left-panel,.containertaskdetail .container-content .right-panel{width:100%;padding:10px 0;display:grid;grid-gap:10px;gap:10px}}@media (max-width:768px){.containertaskdetail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:80%;max-width:720px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}}@media (max-width:480px){.containertaskdetail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:90%;max-width:450px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containertaskdetail .container-content{padding:15px}.containertaskdetail .container-content .objective-item{padding-left:10px;font-size:14px}}@media (max-width:360px){.containertaskdetail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:95%;max-width:330px;height:auto;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containertaskdetail .container-content{padding:10px}.containertaskdetail .container-content .label{font-size:14px}.containertaskdetail .container-content .objective-item,.containertaskdetail .container-content .value{font-size:13px}}.container_transaction_detail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:40%;max-width:1160px;height:80vh;max-height:800px;overflow-y:scroll;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.container_transaction_detail .transaction_detail{width:100%;max-width:1160px}.container_transaction_detail .transaction_detail .transaction_detail_modal_title{color:#c7a362;font-size:24px;border-bottom:1px solid #c2c2c2;padding-bottom:5px;margin-bottom:15px;width:100%;max-width:1160px}.container_transaction_detail .transaction_detail .detail-row{display:-webkit-flex;display:flex;margin:10px 0;font-size:14px;line-height:200%}.container_transaction_detail .transaction_detail .detail-row .label{font-weight:700;color:#000;width:30%}.container_transaction_detail .transaction_detail .detail-row .value{color:#333}.container_transaction_detail .transaction_detail .detail-row .product-image{border:1px dotted #000;border-radius:10px;width:185px;height:185px;padding:5px}.container_transaction_detail .transaction_detail .detail-row .product-image img{width:170px;height:170px;padding:10px}.container_transaction_detail .transaction_detail .detail-row.status-success .value{color:#43936c;font-weight:600;text-transform:capitalize}.container_transaction_detail .transaction_detail .detail-row.status-cancel .value,.container_transaction_detail .transaction_detail .detail-row.status-canceled .value{color:#cb3a31;font-weight:600;text-transform:capitalize}.container_transaction_detail .transaction_detail .detail-row.status-pending .value{color:#cd7b2e;font-weight:600;text-transform:capitalize}.container_transaction_detail .transaction_detail .detail-row.status-booked .value{color:#2266e2;font-weight:600;text-transform:capitalize}.container_transaction_detail .transaction_detail .detail-row.status-expired .value{color:#000;font-weight:600;text-transform:capitalize}.container_transaction_detail .transaction_detail .confirm-cancel{border-top:1px solid #c2c2c2;padding-top:15px;margin-top:15px;width:100%;max-width:1160px;font-weight:400;font-size:14px}.container_transaction_detail .transaction_detail .buttons{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;grid-gap:12px;gap:12px;margin-top:30px}.container_transaction_detail .transaction_detail .buttons button{padding:10px 24px;border:none;border-radius:10px;font-size:14px;cursor:pointer}.container_transaction_detail .transaction_detail .buttons .btn-back{background-color:#e0e0e0;color:#333}.container_transaction_detail .transaction_detail .buttons .btn-cancel{background-color:#d9534f;color:#fff}.container_transaction_detail .transaction_detail .buttons .btn-back:hover{background-color:#d0d0d0}.container_transaction_detail .transaction_detail .buttons .btn-cancel:hover{background-color:#c9302c}@media (max-width:1024px){.container_transaction_detail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:70%;max-width:1000px;height:70vh;max-height:800px;overflow-y:scroll;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}}@media (max-width:820px){.container_transaction_detail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:70%;max-width:800px;height:70vh;max-height:800px;overflow-y:scroll;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}}@media (max-width:768px){.container_transaction_detail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:80%;max-width:720px;height:70vh;max-height:800px;overflow-y:scroll;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}}@media (max-width:480px){.container_transaction_detail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:90%;max-width:450px;height:70vh;max-height:800px;overflow-y:scroll;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.container_transaction_detail .transaction_detail{width:100%;max-width:330px}.container_transaction_detail .transaction_detail .detail-row{display:-webkit-flex;display:flex;margin:10px 0;font-size:13px;line-height:200%}.container_transaction_detail .transaction_detail .detail-row .label{font-weight:700;color:#000;width:35%}.container_transaction_detail .transaction_detail .detail-row .value{color:#333}}@media (max-width:360px){.container_transaction_detail{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;border-radius:12px;background:#fff;width:95%;max-width:330px;height:80vh;max-height:800px;overflow-y:scroll;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;padding:20px 28px 30px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.container_transaction_detail .transaction_detail{width:100%;max-width:330px}.container_transaction_detail .transaction_detail .detail-row{display:-webkit-flex;display:flex;margin:10px 0;font-size:12px;line-height:200%}.container_transaction_detail .transaction_detail .detail-row .label{font-weight:700;color:#000;width:40%}.container_transaction_detail .transaction_detail .detail-row .value{color:#333}}.content-history-transaction{width:100%;min-height:570px;background:#fff;padding:none;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.content-history-transaction ::-webkit-scrollbar{display:block}.content-history-transaction .table-wrapper-transaction{width:100%;overflow-x:auto;overflow-y:auto;border-radius:12px;padding-bottom:20px}.content-history-transaction .table-wrapper-transaction .transaction-table{width:100%;border-collapse:collapse;min-width:768px}.content-history-transaction .table-wrapper-transaction .transaction-table thead{background-color:#d5d6b9}.content-history-transaction .table-wrapper-transaction .transaction-table td,.content-history-transaction .table-wrapper-transaction .transaction-table th{text-align:left;border-bottom:1px solid #ccc;white-space:nowrap}.content-history-transaction .table-wrapper-transaction .transaction-table th{padding:15px;cursor:pointer;position:relative}.content-history-transaction .table-wrapper-transaction .transaction-table td{padding:14px}.content-history-transaction .table-wrapper-transaction .transaction-table td.td-not-found{text-align:center;border:none}.content-history-transaction .table-wrapper-transaction .transaction-table td.td-not-found .info-trx-not-found{text-align:center;font-weight:700;font-size:16px}.content-history-transaction .table-wrapper-transaction .transaction-table .tooltip{position:relative;cursor:pointer}.content-history-transaction .table-wrapper-transaction .transaction-table .tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;-webkit-transform:translateX(-80%);transform:translateX(-80%);background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;z-index:1000;pointer-events:none}.content-history-transaction .table-wrapper-transaction .transaction-table .tooltip:before{content:"";position:absolute;bottom:115%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:5px solid transparent;border-top-color:#333;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.content-history-transaction .table-wrapper-transaction .transaction-table .tooltip:hover:after,.content-history-transaction .table-wrapper-transaction .transaction-table .tooltip:hover:before{opacity:1;visibility:visible}.content-history-transaction .table-wrapper-transaction .atm-id,.content-history-transaction .table-wrapper-transaction .trx-barcode,.content-history-transaction .table-wrapper-transaction .trx-id{-webkit-user-select:text!important;-moz-user-select:text!important;-ms-user-select:text!important;user-select:text!important}.content-history-transaction .table-wrapper-transaction .task-success,.content-history-transaction .table-wrapper-transaction transaction-success{color:#43936c;text-transform:capitalize}.content-history-transaction .table-wrapper-transaction .task-failed,.content-history-transaction .table-wrapper-transaction transaction-failed{color:#cb3a31;text-transform:capitalize}.content-history-transaction .table-wrapper-transaction .transactionPending{color:#cd7b2e;text-transform:capitalize}.content-history-transaction .table-wrapper-transaction .transaction-booked{color:#2266e2;text-transform:capitalize}.content-history-transaction .table-wrapper-transaction .transaction-expired{color:#000;text-transform:capitalize}@media (max-width:1024px){.content-history-transaction .table-wrapper{width:100%;overflow-x:auto}}@media (max-width:768px){.content-history-transaction .table-wrapper{width:100%;overflow-x:auto}}@media (max-width:480px){.content-history-transaction{margin-top:40px}.content-history-transaction .table-wrapper{width:100%;overflow-x:auto}.content-history-transaction .table-wrapper td{padding:6px 10px}}@media (max-width:360px){.content-history-transaction{margin-top:40px}.content-history-transaction .table-wrapper{width:100%;overflow-x:auto}.content-history-transaction .table-wrapper td{padding:6px 10px}}.contenthistorytransaction{width:100%;min-height:436px;padding:10px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:2rem;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.contenthistorytransaction .table-header{border-bottom:1px solid #ccc;background-color:#cba35e;padding:10px 0;font-weight:700}.contenthistorytransaction .content_row{width:100%;margin:11.5px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.contenthistorytransaction .content_row .m-width-3{-webkit-flex-basis:3%;flex-basis:3%;max-width:3%}.contenthistorytransaction .content_row .atm_id,.contenthistorytransaction .content_row .transaction_id{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.contenthistorytransaction .content_row .atm_id,.contenthistorytransaction .content_row .date{-webkit-flex-basis:21%;flex-basis:21%;max-width:21%}.contenthistorytransaction .content_row .iconstransaction{position:absolute;right:1rem;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;-webkit-flex-basis:5%;flex-basis:5%;max-width:5%}.content-history{width:100%;min-height:570px;background:#fff;padding:none;border-radius:12px;box-shadow:0 4px 10px rgba(0,0,0,.1)}.content-history ::-webkit-scrollbar{display:block}.content-history .table-wrapper{width:100%;overflow-x:auto;border-radius:12px;padding-bottom:20px}.content-history .table-wrapper .transaction-table{width:100%;border-collapse:collapse;min-width:768px}.content-history .table-wrapper .transaction-table thead{background-color:#d5d6b9}.content-history .table-wrapper .transaction-table td,.content-history .table-wrapper .transaction-table th{text-align:left;border-bottom:1px solid #ccc;white-space:nowrap}.content-history .table-wrapper .transaction-table th{padding:15px;cursor:pointer;position:relative}.content-history .table-wrapper .transaction-table td{padding:14px}.content-history .table-wrapper .transaction-table .tooltip{position:relative;cursor:pointer}.content-history .table-wrapper .transaction-table .tooltip:after{content:attr(data-tooltip);bottom:125%;-webkit-transform:translateX(-80%);transform:translateX(-80%);background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none}.content-history .table-wrapper .transaction-table .tooltip:after,.content-history .table-wrapper .transaction-table .tooltip:before{position:absolute;left:50%;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.content-history .table-wrapper .transaction-table .tooltip:before{content:"";bottom:115%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:5px solid transparent;border-top-color:#333}.content-history .table-wrapper .transaction-table .tooltip:hover:after,.content-history .table-wrapper .transaction-table .tooltip:hover:before{opacity:1;visibility:visible}.content-history .table-wrapper .task-success,.content-history .table-wrapper transaction-success{color:#43936c;text-transform:capitalize}.content-history .table-wrapper .task-failed,.content-history .table-wrapper transaction-failed{color:#cb3a31;text-transform:capitalize}.content-history .table-wrapper .task,.content-history .table-wrapper .task-pending,.content-history .table-wrapper .transactionPending,.content-history .table-wrapper transaction-pending{color:#cd7b2e;text-transform:capitalize}.content-history .table-wrapper .task-booked,.content-history .table-wrapper transaction-booked{color:#2266e2;text-transform:capitalize}@media (max-width:1024px){.content-history .table-wrapper{width:100%;overflow-x:auto}}@media (max-width:768px){.content-history .table-wrapper{width:100%;overflow-x:auto}}@media (max-width:480px){.content-history .table-wrapper{width:100%;overflow-x:auto}}.contenthistorytask{min-height:436px;padding:20px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);margin-bottom:2rem;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:none;align-items:none}.contenthistorytask,.contenthistorytask .content_row{width:100%;display:-webkit-flex;display:flex;-webkit-justify-content:none;justify-content:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.contenthistorytask .content_row{min-height:25px;margin:7px 0;position:relative;-webkit-flex-direction:row;flex-direction:row;-webkit-align-items:center;align-items:center}.contenthistorytask .content_row:hover{background:#f4f4f4}.contenthistorytask .content_row .m-width-3{-webkit-flex-basis:3%;flex-basis:3%;max-width:3%}.contenthistorytask .content_row .atm_id,.contenthistorytask .content_row .transaction_id{-webkit-flex-basis:26%;flex-basis:26%;max-width:26%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.contenthistorytask .content_row .date{-webkit-flex-basis:21%;flex-basis:21%;max-width:21%}.contenthistorytask .content_row .iconstransaction{position:absolute;right:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-end;justify-content:flex-end;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;-webkit-flex-basis:5%;flex-basis:5%;max-width:5%}.containervendingpage{width:100vw;height:100vh;overflow:auto}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;height:92%;min-height:900px;padding:100px 85px 70px;background:#f3f3f3;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .atm-container{text-align:center;padding:0 10px 24px;max-width:420px;width:100%}.containervendingpage .containercontent .sectionvending .atm-container .atm-title{font-size:14px;color:#c49e57;margin-bottom:.5rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.containervendingpage .containercontent .sectionvending .atm-container .divider{border:none;border-top:2px solid #c49e57;margin:0 auto 1.5rem}.containervendingpage .containercontent .sectionvending .atm-container .atm-button{background-color:#c49e57;color:#fff;border:none;border-radius:15px;padding:15px 32px;font-size:12px;cursor:pointer;-webkit-transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:box-shadow .2s ease,-webkit-transform .2s ease;transition:transform .2s ease,box-shadow .2s ease;transition:transform .2s ease,box-shadow .2s ease,-webkit-transform .2s ease;width:100%;max-width:480px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%;height:298px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px;margin:0 0 16px;position:relative}.containervendingpage .containercontent .sectionvending .wrappercardtitle{width:100%;min-height:260px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px;padding:24px;margin:0 0 16px;position:relative}.containervendingpage .containercontent .sectionvending .wrappercardtitle .icontask{position:absolute;-webkit-transform:translate(75%,-50%);transform:translate(75%,-50%);bottom:0;right:10px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:0 0 20px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .suhu_center{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi{width:100%;max-height:70px;margin:0 0 25px;overflow:hidden;overflow-y:auto}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi::-webkit-scrollbar{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi::-webkit-scrollbar-thumb{background:#cba35e;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi::-webkit-scrollbar-track{background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi{scrollbar-face-color:#cba35e;scrollbar-track-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi .wrapperlistnotifikasi{margin:7px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi .wrapperlistnotifikasi:first-child{margin:0 0 7px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .notifikasi .wrapperlistnotifikasi .wrapperstatus{padding:2px 6px;border-radius:4px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .wrappercardtitle .buttonitemreject{width:100%;padding:16px 0;margin:0 0 25px;border:none;outline:none;font-size:12px;background:#8d8d8d;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;position:relative}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask{width:100%;margin:20px 0 30px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list{width:100%;max-height:80px;overflow:hidden;overflow-y:auto}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list::-webkit-scrollbar{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list::-webkit-scrollbar-thumb{background:#cba35e;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list::-webkit-scrollbar-track{background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list{scrollbar-face-color:#cba35e;scrollbar-track-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list .listcontent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:4px 0}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list .listcontent:first-child{margin:0 0 4px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .statusnewtask .list .listcontent:last-child{margin:4px 0 0}.containervendingpage .containercontent .sectionvending .wrapperads{width:100%;height:35px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .wrapperads .ads{background:#434343;border-radius:2px;padding:4px 5px;margin:0 7px 0 0}.containervendingpage .containercontent .sectionvending .wrappernewtask{margin:20px 0 0}.containervendingpage .containercontent .sectionvending .wrappernewtask .list{width:100%;max-height:80px;overflow:hidden;overflow-y:auto}.containervendingpage .containercontent .sectionvending .wrappernewtask .list::-webkit-scrollbar{width:4px;height:4px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappernewtask .list::-webkit-scrollbar-thumb{background:#cba35e;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappernewtask .list::-webkit-scrollbar-track{background:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappernewtask .list{scrollbar-face-color:#cba35e;scrollbar-track-color:#fff;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;margin:0 3px 0 0}.containervendingpage .containercontent .sectionvending .wrappernewtask .list .listcontent{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;margin:4px 0}.containervendingpage .containercontent .sectionvending .wrappernewtask .list .listcontent:first-child{margin:0 0 4px}.containervendingpage .containercontent .sectionvending .wrappernewtask .list .listcontent:last-child{margin:4px 0 0}.containervendingpage .containercontent .sectionvending .wrapperbutton{width:100%;height:auto;margin:0;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .wrapperbutton .canceltaskloading{width:calc(100% - 62px);height:54px;position:relative;background:#fffffff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:none;margin:0 8px 0 0;outline:none}.containervendingpage .containercontent .sectionvending .wrapperbutton .canceltask{width:calc(100% - 62px);height:54px;background:#ff4545;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:none;margin:0 8px 0 0;outline:none;font-size:12px}.containervendingpage .containercontent .sectionvending .wrapperbutton .buttonqr{width:54px;height:54px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:none;outline:none;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending .buttontask{width:100%;height:50px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:none;margin:40px 0 0;outline:none;font-size:12px}.containervendingpage .containercontent .sectionvending .buttonconfirm{width:100%;height:55px;background:#cba35e;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:none;margin:16px 0 10px;outline:none;font-size:12px}.containervendingpage .containercontent .sectionvending .buttoncancel{width:100%;height:32px;background:#e5e5e5;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:none;outline:none;font-size:12px;margin:0}.containervendingpage .containercontent .sectionvendingslot{-webkit-flex-basis:73%;flex-basis:73%;max-width:73%;height:100%;margin:0 0 0 16px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px;padding:5px 20px 0 10px;position:relative}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px;padding-bottom:20px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{width:100%;height:95%;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;-webkit-flex-wrap:wrap;flex-wrap:wrap}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .iconslot{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending{width:100%;height:32px;margin:5px 0;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending:first-child{margin:0 0 5px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info{display:-webkit-inline-flex;display:inline-flex;background-color:initial;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:visible;margin-bottom:26px;-webkit-align-items:center;align-items:center}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-label{padding:12px 10px;background:#f5f5f5;font-weight:700;color:#404040;border-top-left-radius:15px;border-bottom-left-radius:15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:55px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-message{width:460px;background:#fff;color:#b28946;font-weight:500;padding:12px 5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;white-space:nowrap;border-radius:15px;z-index:4;margin-left:-15px;margin-right:-10px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-count1{padding:12px 10px 12px 12px;background-color:#c49a6c;color:#404040;font-weight:400;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top-right-radius:15px;border-bottom-right-radius:15px;z-index:3;width:55px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-count1 span{margin-left:10px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-count2{padding:12px 10px 12px 12px;background-color:#d9bd87;color:#404040;font-weight:400;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top-right-radius:15px;border-bottom-right-radius:15px;width:60px;margin-left:-15px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-count2 span{margin-left:15px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-count1.count1-default{background-color:#ccc}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-count2.count2-default{background-color:#e0e0e0}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .tooltip{position:relative;cursor:pointer}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;-webkit-transform:translateX(-20%);transform:translateX(-20%);background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;z-index:1000;pointer-events:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .tooltip:before{content:"";position:absolute;bottom:115%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:5px solid transparent;border-top-color:#333;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .tooltip:hover:after,.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .tooltip:hover:before{opacity:1;visibility:visible}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info.only-three .col-count1{border-top-right-radius:15px;border-bottom-right-radius:15px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot{width:100%;height:32px;margin:5px 0;position:relative;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot:first-child{margin:0 0 5px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .button-left{-webkit-flex:1 1 50%;flex:1 1 50%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;height:100%;opacity:.8;padding:0 0 0 15px;border-radius:10px;background-color:#fff}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .button-right{-webkit-flex:0 0 50%;flex:0 0 50%;height:100%;padding:0 15px 0 0;opacity:.8;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none;border-radius:10px;background-color:#cba35e}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .button-assign{width:70%;height:100%;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;background-color:#fff;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .button-assign:hover{box-shadow:0 4px 10px rgba(0,0,0,.3);-webkit-transition:box-shadow .5s ease;transition:box-shadow .5s ease}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info{display:-webkit-inline-flex;display:inline-flex;background-color:initial;border-radius:20px;box-shadow:0 2px 5px rgba(0,0,0,.1);overflow:visible;margin-bottom:26px;-webkit-align-items:center;align-items:center}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-label{padding:12px 10px;background:#f5f5f5;font-weight:700;color:#404040;border-top-left-radius:15px;border-bottom-left-radius:15px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;width:55px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-message{width:460px;background:#fff;color:#b28946;font-weight:500;padding:12px 5px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;white-space:nowrap;border-radius:15px;z-index:4;margin-left:-15px;margin-right:-10px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-count1{padding:12px 10px 12px 12px;background-color:#c49a6c;color:#404040;font-weight:400;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top-right-radius:15px;border-bottom-right-radius:15px;z-index:3;width:55px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-count1 span{margin-left:10px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-count2{padding:12px 10px 12px 12px;background-color:#d9bd87;color:#404040;font-weight:400;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;border-top-right-radius:15px;border-bottom-right-radius:15px;width:60px;margin-left:-15px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-count2 span{margin-left:15px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-count1.count1-default{background-color:#ccc}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-count2.count2-default{background-color:#e0e0e0}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .tooltip{position:relative;cursor:pointer}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .tooltip:after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;-webkit-transform:translateX(-20%);transform:translateX(-20%);background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:12px;white-space:nowrap;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s;z-index:1000;pointer-events:none}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .tooltip:before{content:"";position:absolute;bottom:115%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);border:5px solid transparent;border-top-color:#333;opacity:0;visibility:hidden;-webkit-transition:opacity .3s,visibility .3s;transition:opacity .3s,visibility .3s}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .tooltip:hover:after,.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .tooltip:hover:before{opacity:1;visibility:visible}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info.only-three .col-count1{border-top-right-radius:15px;border-bottom-right-radius:15px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot{width:50%;height:50%;padding:20px 5px 16px;margin:0}@media (min-width:1200px) and (max-width:1599px){.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending,.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot{height:32px}}@media (max-width:1920px){.containervendingpage .containercontent{min-height:900px;padding:100px 85px 70px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-message,.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-message{width:300px}}@media (max-width:1660px){.containervendingpage .containercontent{min-height:900px;padding:100px 85px 70px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-message,.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-message{width:250px}}@media (max-width:1366px){.containervendingpage .containercontent{min-height:900px;padding:100px 85px 70px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvending .row-slot-info .col-message,.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .contentslot .slotvendingassignslot .row-slot-info .col-message{width:160px}}@media (max-width:1024px){.containervendingpage{width:100vw;height:100vh;overflow:auto}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;min-height:900px;padding:100px 10px 30px;background:#f3f3f3;overflow:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending{display:grid;width:100%;margin-left:8px;max-width:720px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{grid-gap:5px;gap:5px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%}.containervendingpage .containercontent .sectionvendingslot{width:100%;max-width:720px;display:grid;margin-left:8px}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{min-height:400px}.containermodal .containerlistproduct{border:1px solid #cba35e;border-radius:12px;height:70%;padding:25px 16px 16px}.containermodal .containerlistproduct,.containermodal .containerqrcode{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;background:#fff;width:40%;max-width:720px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containermodal .containerqrcode{border-radius:12px;height:auto;padding:28px}}@media (max-width:820px){.containervendingpage{width:100vw;height:100vh}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;height:92%;padding:100px 40px 50px;background:#f3f3f3;overflow:auto;display:grid!important;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending{display:grid;width:100%;margin-left:8px;max-width:720px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{grid-gap:5px;gap:5px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .icontask{right:30px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .icontask svg{margin-left:10px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%}.containervendingpage .containercontent .sectionvendingslot{width:100%;max-width:720px;display:grid;margin-left:8px}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{height:780px}.containermodal .containerlistproduct{border:1px solid #cba35e;border-radius:12px;height:70%;padding:25px 16px 16px}.containermodal .containerlistproduct,.containermodal .containerqrcode{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;background:#fff;width:60%;max-width:720px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containermodal .containerqrcode{border-radius:12px;height:auto;padding:28px}}@media (max-width:768px){.containervendingpage{width:100vw;height:100vh}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;height:92%;padding:100px 15px 30px;background:#f3f3f3;overflow:auto;display:grid!important;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending{display:grid;width:100%;margin-left:8px;max-width:720px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{grid-gap:5px;gap:5px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .icontask svg{margin-left:10px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%}.containervendingpage .containercontent .sectionvendingslot{width:100%;max-width:720px;display:grid;margin-left:8px}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{width:100%;height:760px}.containermodal .containerlistproduct{border:1px solid #cba35e;border-radius:12px;height:70%;padding:25px 16px 16px}.containermodal .containerlistproduct,.containermodal .containerqrcode{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;background:#fff;width:90%;max-width:450px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containermodal .containerqrcode{border-radius:12px;height:auto;padding:28px}}@media (max-width:640px){.containervendingpage{width:100vw;height:100vh;overflow:auto}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;height:92%;min-height:700px;padding:100px 50px 50px;background:#f3f3f3;overflow:auto;display:grid!important;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending{display:grid;width:100%;margin-left:8px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{grid-gap:5px;gap:5px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .icontask svg{margin-left:10px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%}.containervendingpage .containercontent .sectionvendingslot{width:100%;max-width:440px;min-height:1600px;display:grid;margin-left:8px}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{width:100%;height:1500px;display:grid;align-items:normal;-webkit-align-items:normal}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot{width:100%;margin-left:12px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .iconslot{width:100%;margin-bottom:20px;-webkit-justify-content:normal;justify-content:normal}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot{width:100%;display:grid}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvending{width:100%;height:32px;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;grid-gap:35px;gap:35px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvendingassignslot{width:100%;grid-gap:35px;gap:35px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvendingassignslot .button-left{width:240px}}@media (max-width:480px){.containervendingpage{width:100vw;height:100vh}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;height:92%;padding:100px 20px 50px;background:#f3f3f3;overflow:auto;display:grid!important;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending{display:grid;width:100%;margin-left:8px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{grid-gap:5px;gap:5px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .icontask svg{margin-left:10px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%}.containervendingpage .containercontent .sectionvendingslot{width:100%;max-width:440px;min-height:1600px;display:grid;margin-left:8px}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{width:100%;height:1500px;display:grid;align-items:normal;-webkit-align-items:normal}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot{width:100%;margin-left:12px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .iconslot{width:100%;margin-bottom:20px;-webkit-justify-content:normal;justify-content:normal}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot{width:100%;display:grid}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvending{width:100%;height:32px;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;grid-gap:35px;gap:35px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvendingassignslot{width:100%;grid-gap:35px;gap:35px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvendingassignslot .button-left{width:240px}.containermodal .containerlistproduct{border:1px solid #cba35e;border-radius:12px;height:70%;padding:25px 16px 16px}.containermodal .containerlistproduct,.containermodal .containerqrcode{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;background:#fff;width:90%;max-width:450px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containermodal .containerqrcode{border-radius:12px;height:auto;padding:28px}}@media (max-width:360px){.containervendingpage{width:100vw;height:100vh}.containervendingpage ::-webkit-scrollbar{display:block}.containervendingpage .containercontent{width:100%;height:92%;padding:100px 15px 50px;background:#f3f3f3;overflow:auto;display:grid!important;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:none;align-items:none;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containervendingpage .containercontent .sectionvending{display:grid;width:100%;max-width:320px;margin-left:8px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending{grid-gap:5px;gap:5px}.containervendingpage .containercontent .sectionvending .wrappercardtitle .namevending .icontask svg{margin-left:10px}.containervendingpage .containercontent .sectionvending .wrappercarddefault{width:100%}.containervendingpage .containercontent .sectionvendingslot{width:100%;max-width:320px;min-height:1600px;display:grid;margin-left:8px}.containervendingpage .containercontent .sectionvendingslot .section-title{padding-top:20px;padding-bottom:10px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot{width:100%;display:grid;align-items:normal;-webkit-align-items:normal}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot{width:100%;margin-left:2px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .iconslot{width:100%;margin-bottom:20px;-webkit-justify-content:normal;justify-content:normal}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot{width:100%;display:grid}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvending{width:100%;height:32px;border-radius:10px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:none;justify-content:none;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;grid-gap:35px;gap:35px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvendingassignslot{width:100%;grid-gap:35px;gap:35px}.containervendingpage .containercontent .sectionvendingslot .wrappercardslot .cardslot .contentslot .slotvendingassignslot .button-left{width:200px}.containermodal .containerlistproduct{border:1px solid #cba35e;border-radius:12px;height:70%;padding:25px 16px 16px}.containermodal .containerlistproduct,.containermodal .containerqrcode{position:fixed;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;background:#fff;width:95%;max-width:300px;box-shadow:0 4px 10px rgba(0,0,0,.1);margin:auto;z-index:999;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:unset;flex-wrap:unset;-webkit-align-content:none;align-content:none}.containermodal .containerqrcode{border-radius:12px;height:auto;padding:28px}}.container-vending-form{width:100vw;height:100vh;padding:100px 85px 70px;overflow:auto}.container-vending-form .page-title{font-size:28px;font-weight:700;max-width:600px;margin-bottom:30px;color:#333}.container-vending-form .wrappercarddefault{margin:0 0 16px;position:relative}.container-vending-form .container-content-vending-form,.container-vending-form .wrappercarddefault{max-width:600px;min-height:500px;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:21px}.container-vending-form .container-content-vending-form{padding:24px 0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;grid-gap:20px;gap:20px;display:block}.container-vending-form .container-content-vending-form .hr-divider{border-style:groove}.container-vending-form .container-content-vending-form .form-vending{padding:10px 24px}.container-vending-form .container-content-vending-form .form-group{margin-bottom:16px}.container-vending-form .container-content-vending-form .form-group label{display:block;margin-bottom:6px;font-weight:700;font-size:16px}.container-vending-form .container-content-vending-form .form-group label span{color:red}.container-vending-form .container-content-vending-form .form-group input[type=text],.container-vending-form .container-content-vending-form .form-group textarea{width:100%;padding:10px 14px;font-size:16px;border:1px solid #ccc;border-radius:6px;outline:none}.container-vending-form .container-content-vending-form .form-group textarea{resize:vertical;min-height:100px}.container-vending-form .container-content-vending-form .btn{padding:10px 28px;border:none;border-radius:12px;font-size:16px;cursor:pointer}.container-vending-form .container-content-vending-form .btn-back{background-color:#c4c4c4;color:#fff;margin-bottom:20px}.container-vending-form .container-content-vending-form .btn-save{background-color:#c99e53;color:#fff;width:100px;height:40px}.container-vending-form .container-content-vending-form .button-top{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;padding:10px 24px 0}.container-vending-form .container-content-vending-form .button-bottom{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end;padding:15px 24px 10px}.container-vending-form .container-content-vending-form .spinnerloading{width:100px;height:40px;cursor:pointer;background:#fff;box-shadow:0 4px 10px rgba(0,0,0,.1);border-radius:10px;border:1px solid #c7a362;outline:none;position:relative;color:#000}@media (max-width:768px){.page-title{font-size:22px;margin-top:24px}}@media (max-width:480px){.container-vending-form{padding:100px 20px 70px}.container-vending-form .page-title{font-size:20px}.container-vending-form .container-content{padding:16px}}*,:after,:before{box-sizing:border-box}.hidden{display:none}.visible_none{visibility:hidden}html{font-size:62.5%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none}::-webkit-scrollbar{display:none}a{text-decoration:none}button{cursor:pointer}body{padding:0;border:0;outline:0;box-sizing:border-box;text-decoration:none;list-style:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;overflow:hidden;text-rendering:optimizeLegibility!important;background-color:#f3f3f3;font-size:12px;font-size:1.2rem;font-weight:400;font-style:normal;font-family:Roboto,sans-serif;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;color:#434343}body,h1,h2,h3,h4{margin:0}h1 a,h1 a:hover,h2 a,h2 a:hover,h3 a,h3 a:hover,h4 a,h4 a:hover{text-decoration:none}h1{font-size:30px;font-size:3rem;font-weight:700;font-style:normal;line-height:4rem;margin-bottom:2rem}@media screen and (min-width:992px){h1{font-size:60px;font-size:6rem;line-height:7rem;margin-bottom:3rem}}h2{font-size:24px;font-size:2.4rem;font-weight:700;font-style:normal;line-height:3.2rem;margin-bottom:2rem}@media screen and (min-width:992px){h2{font-size:40px;font-size:4rem;line-height:5rem}}h3{font-size:20px;font-size:2rem;font-weight:700;font-style:normal;line-height:2.6rem;margin-bottom:2rem}@media screen and (min-width:992px){h3{font-size:26px;font-size:2.6rem;line-height:3.6rem}}h4{font-size:14px}h4,h5{margin-bottom:2rem}h5{font-size:12px}h6{font-size:10px;margin-bottom:2rem}.center-align{text-align:center}.left-align{text-align:left}.right-align{text-align:right}.justify-align{text-align:justify}.uppercase{text-transform:uppercase}.italic{font-style:italic!important}.light{font-weight:300}.light,.reg{font-style:normal}.reg{font-weight:400}.bold{font-weight:700;font-style:normal}.hover-black:hover{color:#434343!important}.t-black{color:#434343}.t-light-black{color:#8d8d8d}.t-white{color:#fff}.t-blue{color:#26a4ff}.t-grey{color:color--grey}.t-red{color:#ff3030}.t-gold{color:#cba35e}.t-error{color:#da3636}.border-error{border:1px solid #da3636!important}.margin0{margin:0}.padding0{padding:0!important}.linenormal{line-height:20px}.spacing-normal{letter-spacing:.1em}.pointer{cursor:pointer}.pointer-none{pointer-events:none}.no-transition{-webkit-transition:none!important;transition:none!important}.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.word-wrap{word-wrap:break-word}.icon,.icon-after:after,.icon-before:before{background-image:url(/static/media/icongrid.d41d8cd9.png);background-image:url(/static/media/icongrid.d41d8cd9.svg);background-repeat:no-repeat;background-position:0 0;background-size:4em 3em;display:inline-block;font-size:100%;vertical-align:middle;text-indent:-9999px;overflow:hidden;height:1em;width:1em}.icon-after:after,.icon-before:before{content:""}.icon-facebook.icon,.icon-facebook.icon-after:after,.icon-facebook.icon-before:before{background-position-x:0}.icon-instagram.icon,.icon-instagram.icon-after:after,.icon-instagram.icon-before:before{background-position-x:-1em}.icon-linkedin.icon,.icon-linkedin.icon-after:after,.icon-linkedin.icon-before:before{background-position-x:-2em}.icon-twitter.icon,.icon-twitter.icon-after:after,.icon-twitter.icon-before:before{background-position-x:-3em}.icon-variant-1.icon,.icon-variant-1.icon-after:after,.icon-variant-1.icon-before:before{background-position-y:-1em}.icon-variant-2.icon,.icon-variant-2.icon-after:after,.icon-variant-2.icon-before:before{background-position-y:-2em}.icon-variant-3.icon,.icon-variant-3.icon-after:after,.icon-variant-3.icon-before:before{background-position-y:-3em}.icon-variant-4.icon,.icon-variant-4.icon-after:after,.icon-variant-4.icon-before:before{background-position-y:-4em}.container,.container-fluid{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-webkit-flex;display:flex;-webkit-flex:0 1 auto;flex:0 1 auto;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.row.reverse{-webkit-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-webkit-flex-direction:column-reverse;flex-direction:column-reverse}.col{padding-right:15px;padding-left:15px}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;flex:0 0 auto;padding-right:15px;padding-left:15px}.col-xs{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}.col-xs-1{-webkit-flex-basis:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-webkit-flex-basis:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.col-xs-4{-webkit-flex-basis:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-webkit-flex-basis:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.col-xs-7{-webkit-flex-basis:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-webkit-flex-basis:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.col-xs-10{-webkit-flex-basis:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-webkit-flex-basis:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:start}.center-xs{-webkit-justify-content:center;justify-content:center;text-align:center}.end-xs{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:end}.top-xs{-webkit-align-items:flex-start;align-items:flex-start}.middle-xs{-webkit-align-items:center;align-items:center}.bottom-xs{-webkit-align-items:flex-end;align-items:flex-end}.around-xs{-webkit-justify-content:space-around;justify-content:space-around}.between-xs{-webkit-justify-content:space-between;justify-content:space-between}.first-xs{-webkit-order:-1;order:-1}.last-xs{-webkit-order:1;order:1}@media only screen and (min-width:48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-sm{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}.col-sm-1{-webkit-flex-basis:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-webkit-flex-basis:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.col-sm-4{-webkit-flex-basis:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-webkit-flex-basis:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.col-sm-7{-webkit-flex-basis:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-webkit-flex-basis:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.col-sm-10{-webkit-flex-basis:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-webkit-flex-basis:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-11{margin-left:91.66666667%}.start-sm{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:start}.center-sm{-webkit-justify-content:center;justify-content:center;text-align:center}.end-sm{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:end}.top-sm{-webkit-align-items:flex-start;align-items:flex-start}.middle-sm{-webkit-align-items:center;align-items:center}.bottom-sm{-webkit-align-items:flex-end;align-items:flex-end}.around-sm{-webkit-justify-content:space-around;justify-content:space-around}.between-sm{-webkit-justify-content:space-between;justify-content:space-between}.first-sm{-webkit-order:-1;order:-1}.last-sm{-webkit-order:1;order:1}}@media only screen and (min-width:64em){.container{width:65rem}.col-md,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-md-offset-0,.col-md-offset-1,.col-md-offset-2,.col-md-offset-3,.col-md-offset-4,.col-md-offset-5,.col-md-offset-6,.col-md-offset-7,.col-md-offset-8,.col-md-offset-9,.col-md-offset-10,.col-md-offset-11,.col-md-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-md{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}.col-md-1{-webkit-flex-basis:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-md-2{-webkit-flex-basis:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-md-3{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.col-md-4{-webkit-flex-basis:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-md-5{-webkit-flex-basis:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-md-6{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.col-md-7{-webkit-flex-basis:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-md-8{-webkit-flex-basis:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-md-9{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.col-md-10{-webkit-flex-basis:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-md-11{-webkit-flex-basis:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-md-12{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.col-md-offset-0{margin-left:0}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-3{margin-left:25%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-6{margin-left:50%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-9{margin-left:75%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-11{margin-left:91.66666667%}.start-md{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:start}.center-md{-webkit-justify-content:center;justify-content:center;text-align:center}.end-md{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:end}.top-md{-webkit-align-items:flex-start;align-items:flex-start}.middle-md{-webkit-align-items:center;align-items:center}.bottom-md{-webkit-align-items:flex-end;align-items:flex-end}.around-md{-webkit-justify-content:space-around;justify-content:space-around}.between-md{-webkit-justify-content:space-between;justify-content:space-between}.first-md{-webkit-order:-1;order:-1}.last-md{-webkit-order:1;order:1}}@media only screen and (min-width:75em){.container{width:76rem}.col-lg,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-offset-0,.col-lg-offset-1,.col-lg-offset-2,.col-lg-offset-3,.col-lg-offset-4,.col-lg-offset-5,.col-lg-offset-6,.col-lg-offset-7,.col-lg-offset-8,.col-lg-offset-9,.col-lg-offset-10,.col-lg-offset-11,.col-lg-offset-12{box-sizing:border-box;-webkit-flex:0 0 auto;flex:0 0 auto;padding-right:.5rem;padding-left:.5rem}.col-lg{-webkit-flex-grow:1;flex-grow:1;-webkit-flex-basis:0;flex-basis:0;max-width:100%}.col-lg-1{-webkit-flex-basis:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-lg-2{-webkit-flex-basis:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-lg-3{-webkit-flex-basis:25%;flex-basis:25%;max-width:25%}.col-lg-4{-webkit-flex-basis:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-lg-5{-webkit-flex-basis:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-lg-6{-webkit-flex-basis:50%;flex-basis:50%;max-width:50%}.col-lg-7{-webkit-flex-basis:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-lg-8{-webkit-flex-basis:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-lg-9{-webkit-flex-basis:75%;flex-basis:75%;max-width:75%}.col-lg-10{-webkit-flex-basis:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-lg-11{-webkit-flex-basis:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-lg-12{-webkit-flex-basis:100%;flex-basis:100%;max-width:100%}.col-lg-offset-0{margin-left:0}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-11{margin-left:91.66666667%}.start-lg{-webkit-justify-content:flex-start;justify-content:flex-start;text-align:start}.center-lg{-webkit-justify-content:center;justify-content:center;text-align:center}.end-lg{-webkit-justify-content:flex-end;justify-content:flex-end;text-align:end}.top-lg{-webkit-align-items:flex-start;align-items:flex-start}.middle-lg{-webkit-align-items:center;align-items:center}.bottom-lg{-webkit-align-items:flex-end;align-items:flex-end}.around-lg{-webkit-justify-content:space-around;justify-content:space-around}.between-lg{-webkit-justify-content:space-between;justify-content:space-between}.first-lg{-webkit-order:-1;order:-1}.last-lg{-webkit-order:1;order:1}}