@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@500&family=Rubik:wght@400;500&display=swap);.container[data-v-14de9c23]{--uib-size:55px;--uib-color:#10428d;--uib-speed:1.3s;--uib-bg-opacity:0.5;height:calc(var(--uib-size)*.42);width:var(--uib-size);transform-origin:center;overflow:visible}.car[data-v-14de9c23]{fill:none;stroke:var(--uib-color);stroke-dasharray:15,85;stroke-dashoffset:0;stroke-linecap:round;animation:travel-14de9c23 var(--uib-speed) linear infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s ease}.track[data-v-14de9c23]{stroke:var(--uib-color);opacity:var(--uib-bg-opacity)}@keyframes travel-14de9c23{0%{stroke-dashoffset:0}to{stroke-dashoffset:100}}.overlay[data-v-14de9c23]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.lds-default[data-v-14de9c23]{display:flex;flex-direction:column;position:relative;width:320px;height:110px;background:#fff;align-items:center;justify-content:center;border-radius:1rem;gap:1rem}p[data-v-14de9c23]{font-weight:700;margin:0}.lds-default div[data-v-14de9c23]{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;animation:lds-default-14de9c23 1.2s linear infinite}.lds-default div[data-v-14de9c23]:first-child{animation-delay:0s;top:37px;left:66px}.lds-default div[data-v-14de9c23]:nth-child(2){animation-delay:-.1s;top:22px;left:62px}.lds-default div[data-v-14de9c23]:nth-child(3){animation-delay:-.2s;top:11px;left:52px}.lds-default div[data-v-14de9c23]:nth-child(4){animation-delay:-.3s;top:7px;left:37px}.lds-default div[data-v-14de9c23]:nth-child(5){animation-delay:-.4s;top:11px;left:22px}.lds-default div[data-v-14de9c23]:nth-child(6){animation-delay:-.5s;top:22px;left:11px}.lds-default div[data-v-14de9c23]:nth-child(7){animation-delay:-.6s;top:37px;left:7px}.lds-default div[data-v-14de9c23]:nth-child(8){animation-delay:-.7s;top:52px;left:11px}.lds-default div[data-v-14de9c23]:nth-child(9){animation-delay:-.8s;top:62px;left:22px}.lds-default div[data-v-14de9c23]:nth-child(10){animation-delay:-.9s;top:66px;left:37px}.lds-default div[data-v-14de9c23]:nth-child(11){animation-delay:-1s;top:62px;left:52px}.lds-default div[data-v-14de9c23]:nth-child(12){animation-delay:-1.1s;top:52px;left:62px}@keyframes lds-default-14de9c23{0%,20%,80%,to{transform:scale(1)}50%{transform:scale(1.5)}}.main-wrapper[data-v-028b2c32],.main-wrapper[data-v-162ea5d0],.main-wrapper[data-v-2468b050],.main-wrapper[data-v-f15d02f4]{display:flex;flex-direction:column;gap:60px}.swal-wide[data-v-2468b050]{width:50px!important;height:50px!important}.main-wrapper[data-v-4f8c3b7b],.main-wrapper[data-v-5ebe3cfb]{display:flex;flex-direction:column;gap:60px}.v-input__control[data-v-5ebe3cfb]{height:40px!important}.main-wrapper[data-v-02741896],.main-wrapper[data-v-02b2e406],.main-wrapper[data-v-0a7224a7],.main-wrapper[data-v-0df7d096],.main-wrapper[data-v-2198e69d],.main-wrapper[data-v-52022890],.main-wrapper[data-v-6db7897e],.main-wrapper[data-v-765a15c9],.main-wrapper[data-v-bfb9368a]{display:flex;flex-direction:column;gap:60px}input[type=date][data-v-02b2e406]{width:auto}.main-wrapper[data-v-37bf9360]{display:flex;flex-direction:column;gap:60px}.overview-card[data-v-37bf9360]{display:grid;gap:10px;grid-template-columns:3fr 1fr}.purchase-card__container[data-v-37bf9360]{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}@media screen and (max-width:768px){.overview-card[data-v-37bf9360],.purchase-card__container[data-v-37bf9360]{grid-template-columns:1fr}}.main-wrapper[data-v-0ac4b018],.main-wrapper[data-v-b0cdc4b6]{display:flex;flex-direction:column;gap:60px}.v-input__control[data-v-b0cdc4b6]{height:40px!important}.main-wrapper[data-v-71adb1c8]{display:flex;flex-direction:column;gap:60px}*{font-family:Montserrat,sans-serif;transition:all .1s ease-in-out}.nav-container-sm a{color:var(--text-color-blue)}:root{--text-color-dark:#000;--text-color-blue:#10428d;--text-color-white:#fff;--text-color-card:#696969;--body-bg-color:#fafcff;--card-bg-color:#fafafa;--card-hover-color:#e30f1d;--font-size-sm:0.875rem;--font-size-lg:1rem;--btn-color:#3d70f4;--btn-approve:#12af2b;--btn-inactive:#b1b1b1;--badge-1:#b8d9fd;--badge-2:#fcdabb;--bg-awaiting:#ffd4ac;--bg-delivered:#d4ff9c;--bg-declined:#ffe0e0;--bg-pending:#fffce0;--bg-approved:#e4ffe0;--bg-total:#e0e9ff;--bg-chart:#f6f6f6;--status-pending:#d27c2c}.bg-awaiting{background:var(--bg-awaiting)}.border-awaiting{border-bottom:4px solid var(--bg-awaiting)}.border-delivered{border-bottom:4px solid var(--bg-delivered)}.border-declined{border-bottom:4px solid var(--bg-declined)}.border-pending{border-bottom:4px solid var(--bg-pending)}.border-approved{border-bottom:4px solid var(--bg-approved)}.border-total{border-bottom:4px solid var(--bg-total)}.bg-delivered{background:var(--bg-delivered)}.bg-declined{background:var(--bg-declined)}.bg-pending{background:var(--bg-pending)}.bg-approved{background:var(--bg-approved)}.bg-total{background:var(--bg-total)}.status-pending{background:var(--status-pending)}.shadow{box-shadow:1px 2px 4px 0 rgba(0,0,0,.25)}.no-gap{gap:0!important}p{font-size:var(--font-size-sm);color:var(--text-color-dark)}body{background-color:var(--body-bg-color)}thead th{color:var(--text-color-dark)!important}.app-page{grid-template-rows:auto 1fr auto;gap:.75rem}.app-page,.landing-page-container{display:grid;height:100vh}@media screen and (min-width:720px){.landing-page-container{grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto auto}.nav-container-sm{grid-row:1/span 3;grid-column:1/span 2}.landing-page-main,header{grid-column:3/span 12}.landing-page-main{margin:20px}footer{grid-column:3/span 12}.header-menu{display:none}.user-description{display:block}}@media screen and (max-width:720px){.landing-page-container{gap:20px}.nav-container-sm{display:none}.nav-container-sm.nav-x_sm{display:block;height:165vh}.header-menu{display:block!important}.user-description{display:none}}.app-page-header{width:100%}.landing-page-header{height:3.438rem;background:var(--text-color-white);display:flex;justify-content:space-between;align-items:center;padding:0 .5rem;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.logo{height:3.125rem}.main-wrapper{background:var(--text-color-white);margin:0 auto;padding:4% 0;height:100%;box-shadow:0 4px 4px 0 var(--body-bg-color);border-radius:5px;display:flex;flex-direction:column;gap:60px}.brands-wrapper{background:none;gap:10px!important;padding:0!important}.user{display:flex;gap:.625rem;align-items:center}.user p{font-size:var(--font-size-sm);color:var(--text-color-blue)}.user i{color:var(--body-bg-color);background:blue;padding:.313rem .625rem;border-radius:50%;font-size:.875rem}.footer{box-shadow:0 4px 12px 0 rgba(0,0,0,.25)}.footer p{color:var(--text-color-dark);font-size:var(--font-size-sm)}.main-brand__img{display:flex;flex-direction:column;align-items:center;justify-content:center}.main-brand__img img{width:16.75rem}.brands-card,.main-portal__list{display:flex;align-items:center;justify-content:center;gap:2.5rem;flex-wrap:wrap;margin:0 .5rem;padding-top:30px}.brands-card{padding-top:0;position:relative;top:-50px;justify-content:center;margin:0 2.5rem}.brands-card .brands-content,.main-portal__list div{background-color:var(--card-bg-color);height:11.5rem;width:14.625rem;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:.438rem;gap:5px;cursor:pointer}.brands-card .brands-content{height:13.5rem;justify-content:center;gap:23px;padding:10px 10px;width:15rem}.brands-card .brands-content img{width:180px}.brands-card .brands-content.add-brand{justify-content:center}.brands-card .brands-content.add-brand .add-border{padding:20px 40px;border:5px dotted #000}.brands-card .brands-content img.add-store{height:50px;width:50px}.brands-card .brands-content:hover,.main-portal__list div:hover{border-bottom:5px solid var(--card-hover-color)}.main-portal__list div img{width:100px}.main-portal__list div img.store-req__image{width:150px}.main-portal__list div img.imprest-image{width:80px}.main-portal__list p{text-align:center}.header-description{display:flex;align-items:center;justify-content:center;gap:10px}.header-description i,.header-description p{color:var(--text-color-blue)}.bread-crumb__container{height:50px;background-color:var(--text-color-white);display:flex;align-items:center;justify-content:space-between}.bread-crumb__container i,.bread-crumb__container p{color:var(--text-color-blue)}.brands-container{background:var(--text-color-white);height:auto;display:flex;flex-direction:column}.store-container{gap:30px;padding:2rem 1rem}.brands-text{display:flex;flex-direction:column;gap:20px;height:250px;background:var(--text-color-blue);padding:2.5rem}.brands-text h4,.brands-text p{color:var(--text-color-white)}.brands-button{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}.brand-img{flex-direction:column;gap:15px}.brand-img,.btn{display:flex;align-items:center}.btn{outline:none;border-radius:4px;line-height:14.63px;font-size:12px;font-weight:600;cursor:pointer;width:84px;height:32px;justify-content:space-evenly;color:#fff}.download-btn{width:150px}.btn-md{width:100px}.btn-lg{width:150px}.btn-secondary{background:var(--text-color-blue)}.btn-danger{background:var(--card-hover-color)!important}.btn-primary{background:var(--btn-approve)}.btn-light{background:var(--btn-color)}.btn-inactive{background:var(--btn-inactive)}.btn-purple{background:#759eea}.search-bar{display:flex;justify-content:space-between}#remark,.filter-bar select,.modal-content input[type=email],.modal-content input[type=text],.modal-content select,.request-select,.search-bar input,.search-bar select{border:1px solid #727272;outline:none;border-radius:5px;height:40px}#remark{width:350px}.search-bar input[type=text]{width:200px!important}.search-bar input[type=text i]{padding:0 var(--font-size-lg)}.filter-bar{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.filter-bar select,.modal-content select,.pagination-track select,select{appearance:button;-moz-appearance:button;-webkit-appearance:button;width:unset!important}#remark,.filter-bar select,.modal-content input[type=email],.modal-content input[type=text i],.request-select,.search-bar input[type=search i],.search-bar select{padding:0 var(--font-size-lg);font-size:var(--font-size-sm);color:#727272}.store-table{font-size:var(--font-size-sm);overflow-y:scroll}.store-table::-webkit-scrollbar{width:0}.modal-header{justify-content:space-between;padding:20px}.modal-footer,.modal-header{display:flex;align-items:center}.modal-footer{justify-content:center;gap:10px}.modal-content{background:#fff;padding:0 20px;gap:20px}.table-actions{display:flex;align-items:center;justify-content:center;gap:10px}.accept-decline_actions{display:flex;justify-content:flex-end;gap:10px}.accept-decline_actions.inner{justify-content:center}.reference-header{display:flex;justify-content:space-between}.reference-details{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;border-radius:5px}.reference-details-block{display:flex;flex-direction:column;gap:10px}.reference-details-mini{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:20px}.reference-details-block-two{display:flex;flex-direction:column;gap:15px;border-radius:5px}.reference-details-block-three{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.confirm{display:flex;gap:5px}.pagination{display:flex;justify-content:flex-end;gap:40px;font-size:14px}.pagination-track{display:flex;gap:5px;align-items:center}.pagination-row-track{display:flex;gap:20px;align-items:center}.pagination-left{padding:3px 10px;border-radius:5px;background:var(--text-color-blue);cursor:pointer;color:#fff}.nav-container-sm{background-color:var(--text-color-white);color:var(--text-color-blue);font-size:14px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25);position:fixed;top:0;bottom:0;left:0;z-index:1;overflow-y:auto;width:17%}.nav-active{background-color:#aed3f9!important}.nav-x_sm{left:0;position:fixed;top:0;width:50%;z-index:9999;height:100%}.nav-container-sm-header{display:flex;justify-content:space-between;align-items:center;color:var(--text-color-blue);padding:20px 14px 10px 14px}.nav-container-sm-header i{color:var(--text-color-dark)}.nav-container-sm-header img{height:auto;width:100%}.nav-container-sm-header img.header-menu{width:32%}.nav-container-sm ul li>span{display:flex;align-items:center;gap:10px;padding:14px}.nav-container-sm ul li p{flex:1;color:var(--text-color-blue)}.main-menu{display:flex;flex-direction:column;gap:25px;list-style:none}.sub-menu li{padding:14px 5px 14px 28px}.pointers{cursor:pointer}a{text-decoration:none}.modal{padding-top:200px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0003;border:none;line-height:26px;transition:all .5s ease}.add-brand_modal,.modal{position:fixed;z-index:9999}.add-brand_modal{height:385px;top:80px;width:25%;background-color:var(--text-color-white);color:var(--text-color-blue);font-size:14px;right:55px;overflow-y:scroll}@media screen and (max-width:1024px){.add-brand_modal{width:80%}}.gap-sm{gap:10px}.gap-lg{gap:20px}.fileInput{padding:30px 10px;border:2px dotted #000!important}.modal-content .text-field,.modal-content input[type=email],.modal-content input[type=text],.modal-content select{height:40px;width:auto}input[type=date]{width:200px}input[type=date i]{padding:0 10px;color:#727272}.date-area{gap:10px;font-size:14px}.report-section{gap:20px}.report-card{display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.report-column_one{width:48%}.report-column_one,.report-column_two{display:flex;flex-direction:column;gap:20px}.report-column_two{width:52%}.report-table-heading{border-bottom:1px solid rgba(0,0,0,.1);padding:0 0 10px}.report-table{padding:10px}.card,.report-table{background:#fff;border-radius:7px;box-shadow:0 4px 4px 0 rgba(0,0,0,.25)}.card{height:150px;color:#5c5c5e}.card p{font-weight:500}.report-table p{color:var(--text-color-blue)}.status{border-radius:16px;padding:8px 16px}.status-delivered{background:var(--badge-1)}.status-undelivered{background:var(--badge-2)}.exit-container{height:30px;position:fixed;top:55px;width:150px;z-index:9999;font-size:14px;background:var(--card-bg-color);align-items:center;display:flex;justify-content:center;right:7px}@media screen and (max-width:768px){.report-section{flex-direction:column}.report-column_one,.report-column_two{width:100%}.report-card{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))}.search-bar.select-bar{flex-direction:column;row-gap:20px}.flex-col,.search-bar{flex-direction:column}.search-bar{row-gap:10px}.search-bar input[type=search i]{width:100%}}@media screen and (max-width:425px){.store-table{width:425px}.pagination{flex-direction:column;align-items:center}.store-table.no-width-sm{width:500px}}.request-cards__container{display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.request-cards{height:120px;border-radius:10px;padding:10px}.request-cards img{background:var(--text-color-dark);padding:5px;border-radius:50%;margin-bottom:10px}.report-cards__text{gap:15px}.report-cards__text p{color:var(--text-color-card)}.request-charts__container{display:grid;grid-template-columns:2fr 1fr;gap:10px}.request-charts{background:var(--bg-chart);border-radius:1rem}.request-charts-circular{padding:26px;display:flex;flex-direction:column;gap:40px}.circular-bar{gap:0!important}@media screen and (max-width:425px){.request-charts__container{grid-template-columns:1fr}}.store-table{border-top:thin solid rgba(0,0,0,.12)}tr{cursor:pointer!important}.v3dp__input_wrapper input{width:auto!important}