.flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}:root{--bg-dark:#3487df;--bg-darker:#031031;--text-light:#fff;--bg-main:#eff3f9}*{margin:0}body{font-size:16px;font-family:"Poppins",sans-serif;color:#4c4c4c}h2,h3{font-weight:400}h4{font-weight:500}.dashboard .single-metrics{display:flex;flex-direction:row}.dashboard .single-metrics .metric{min-width:200px;display:flex;flex-direction:row;padding:20px 25px;border-radius:15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);margin:10px;align-items:center}.dashboard .single-metrics .metric div:first-child{padding:10px;border-radius:10px}.dashboard .single-metrics .metric div:first-child.check-in{background-color:#deebfc}.dashboard .single-metrics .metric div:first-child.check-out{background-color:#f9edde}.dashboard .single-metrics .metric div:first-child.occupied{background-color:#fae1e1}.dashboard .single-metrics .metric div:first-child.vacant{background-color:#e0efe9}.dashboard .single-metrics .metric div:first-child.reserved{background-color:#e7e2f9}.dashboard .single-metrics .metric div:first-child img{height:20px;width:20px;margin:0;display:block}.dashboard .single-metrics .metric div:last-child{margin-left:15px;display:flex;flex-direction:column}.dashboard .single-metrics .metric div:last-child h4{font-size:35px;font-weight:500;color:#2d2e36;line-height:40px}.dashboard .single-metrics .metric div:last-child p{color:#a9abb2}.dashboard .charts .row{display:flex;flex-direction:column}.dashboard .charts .row .col{display:flex;flex-direction:row;justify-content:space-between}.dashboard .charts .row .col .col-2{flex-basis:49%}.dialog{position:relative}.dialog .shade{background-color:var(--bg-dark);opacity:.5;z-index:1}.dialog .shade,.dialog>.content{position:fixed;top:0;left:0;width:100%;bottom:0}.dialog>.content{z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center}.dialog>.content>.card{min-width:420px}.loading{margin:10px}.loading .spinner{border:8px solid #f3f3f3;border-top:8px solid var(--bg-darker);border-radius:50%;width:30px;height:30px;margin:0 auto;animation:spin .7s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dashboard .daily-summary .single-metrics{display:flex;flex-direction:row}.dashboard .daily-summary .single-metrics .metric{display:flex;flex-direction:row;padding:10px;border-radius:15px;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.16);margin:10px;align-items:center}.dashboard .daily-summary .single-metrics .metric div:first-child{padding:10px}.dashboard .daily-summary .single-metrics .metric div:last-child{margin-left:15px;display:flex;flex-direction:column}.dashboard .daily-summary .single-metrics .metric div:last-child h4{font-size:25px;font-weight:500;color:#2d2e36;line-height:40px}.dashboard .daily-summary .single-metrics .metric div:last-child p{color:#364153;font-size:20spx}.dashboard .daily-summary .charts .row{display:flex;flex-direction:column}.dashboard .daily-summary .charts .row .col{display:flex;flex-direction:row;justify-content:space-between}.dashboard .daily-summary .charts .row .col .col-2{flex-basis:49%}.dashboard .sales-trend{height:300px;max-width:800px}.default-template{background:var(--bg-main);position:fixed;width:100%;bottom:0;top:0;left:0;display:flex;flex-direction:row}.default-template section{flex-grow:1;position:relative;overflow:scroll}.default-template section>.content{position:absolute;padding:15px;right:0;left:0}.default-template section>.content .tabs{display:flex;flex-direction:row;flex-wrap:wrap;border-bottom:.5px solid #d9d9d9;margin-bottom:10px}.default-template section>.content .tabs a{font-family:"DM Sans Bold";font-style:normal;font-weight:400;font-size:24px;color:#020e23;text-decoration:none;line-height:50px;padding:0 5px;border-bottom:2px solid transparent}.default-template section>.content .tabs a.active{border-color:var(--bg-darker)}.default-template section>.content .tabs a:not(:first-child){padding:0 25px}.default-template section>.content .dialog .header{padding-bottom:15px}.default-template section>.content .section-header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.default-template section>.content .section-header .buttons{flex-grow:1;display:flex;flex-direction:row}.default-template section>.content .section-header .buttons a,.default-template section>.content .section-header .buttons button{margin:0 5px;line-height:25px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;padding:10px 15px;box-sizing:border-box;cursor:pointer}.default-template section>.content .section-header .buttons a img,.default-template section>.content .section-header .buttons button img{margin-right:10px}.default-template section>.content .section-header .buttons a:focus,.default-template section>.content .section-header .buttons button:focus{outline:none}.default-template section>.content .section-header .buttons button{border:1px solid #020e23;color:#020e23}.default-template section>.content .section-header .buttons a{background-color:var(--bg-dark)}.default-template section a.btn{border-radius:2px;text-transform:capitalize;font-size:15px;padding:10px 19px;text-decoration:none;background-color:#f1503d;border:none;color:var(--text-light);font-weight:400;cursor:pointer;display:inline-block;margin-bottom:10px}.default-template section .card{border:none;background:#fff;padding:20px;box-sizing:border-box}.default-template section .card .header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card .header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:block;margin-bottom:-16px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:24px;color:#020e23}.default-template section .card h4{font-weight:400}.default-template section .card form .sub-header{border-bottom:1px solid #c5c5c5;margin-bottom:20px}.default-template section .card form .sub-header h4{padding-bottom:10px;border-bottom:1px solid var(--bg-dark);display:inline-block;margin:10px 0 -1px;font-family:"DM Sans Regular";font-style:normal;font-weight:500;font-size:18px;color:#020e23}.default-template section .card .actions{max-width:400px;margin:15px auto;display:flex;flex-direction:row;justify-content:space-between}.default-template section .card .actions button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);font-weight:400;cursor:pointer;width:100%;max-width:160px;border-radius:5px}.default-template section .card .actions button[type=submit]{background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15)}.default-template section .card .actions button[type=reset]{background-color:#f4f4f4;color:#868686}.default-template section .card .actions button:focus{outline:none}.default-template section .card .checkbox .checked{background-color:var(--bg-darker)}.default-template section .card .flag{line-height:30px;text-align:center;font-weight:400;font-size:18px;margin-bottom:10px}.default-template section .card .flag.error{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb}.default-template section .card .flag.success{color:#2d673a;background-color:#d5eddb;border:1px solid #c4e6cc}.default-template section table{width:100%;margin-top:10px;border-collapse:collapse}.default-template section table thead{background:#f4f4f4}.default-template section table thead th{padding:15px;line-height:25px;color:#403f3f;font-size:16px;font-weight:500;text-align:left}.default-template section table thead th:last-child{border:0}.default-template section table tbody tr{cursor:pointer;background-color:#fff}.default-template section table tbody tr td{padding:15px;line-height:25px;color:#020e23;font-family:"DM Sans Regular";font-weight:500;font-size:17px;border-bottom:.3px solid #d9d9d9}.default-template section table tbody tr td .actions{display:flex;flex-direction:row;justify-content:space-around;max-width:65px}.default-template section table tbody tr td .actions img{width:25px}.default-template section table tbody tr:hover{background:#f4f4f4}form input,form label,form select{display:block;color:#403f3f}form input,form select,form textarea{background:#fff;border:1px solid #020f22;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form input.error,form select.error,form textarea.error{border:1px solid #c02}form input:focus,form select:focus,form textarea:focus{outline:none}form span.error{color:red;line-height:25px;font-size:15px}@media(min-width:700px){form .fl-row{display:flex;flex-direction:row;justify-content:space-between}form .fl-row .col-50{flex-basis:48%}}header .brand{height:70px;padding:5px 5px 5px 20px;box-sizing:border-box;flex-basis:0px;flex-grow:0;flex-shrink:0;display:flex;align-items:center}header .brand img{display:block;height:55px}header .brand .toggler{width:25px;padding:10px;display:flex;align-self:center;flex-direction:column;cursor:pointer}header .brand .toggler span{height:1px;display:block;background-color:#020e23;margin:4px 0}header,header .search{display:flex;flex-direction:row;background-color:#fff}header .search{padding:17.5px;position:relative;box-sizing:border-box;flex-grow:1;align-items:center}header .search select{border:1px solid #f3f3f3;border-right:0;height:35px;padding:5px;background-color:var(--bg-main);box-sizing:border-box}header .search select:first-child{width:250px;border-radius:10px 0 0 10px}header .search select:last-child{width:100%;border-radius:0 10px 10px 0}header .search input{border:1px solid #f3f3f3;border-left:0;height:35px;padding:5px 30px 5px 5px;box-sizing:border-box;border-radius:0 10px 10px 0;width:100%;background-color:var(--bg-main)}header .search input:focus{outline:none}header .search img{position:absolute;height:20px;top:25px;right:30px}header .profile{flex-basis:300px;position:relative}header .profile.show{width:100%}header .profile.hide{width:0}header .profile>div{align-self:flex-end;padding:10px;display:flex;flex-direction:row;align-items:center;cursor:pointer}header .profile>div strong{line-height:40px;padding:0 10px;font-size:14px;font-weight:400;flex-grow:1}header .profile>div img{height:30px;width:30px;margin:0 5px;border-radius:15px}header .profile>div img:last-child{height:15px;width:15px}header .profile ul{position:absolute;top:59px;background-color:#fff;list-style:none;z-index:1;right:0;left:0;padding:0;margin:0;border:1px solid #d8dde3;border-top:0}header .profile ul li{border-top:1px solid #d8dde3}header .profile ul li span{line-height:30px;padding:5px 10px;color:#4c4c4c;display:block;text-decoration:none;cursor:pointer}header .profile ul.hide{display:none}header .profile ul.show{display:block}@media(min-width:700px){header .profile{flex-basis:300px}header .profile.hide{width:100%}}.default-template>.menu{background-color:var(--bg-darker);display:block;transition:flex-basis .3s ease-in-out;flex-basis:0;overflow:hidden}.default-template>.menu .logo{display:flex;flex-direction:column;align-items:center;margin-top:20px;position:relative}.default-template>.menu .logo .wrapper{display:flex;flex-direction:column;align-items:center;background-color:#fff;height:100px;width:100px;border-radius:50px}.default-template>.menu .logo .wrapper img{margin-top:24px;height:40px}.default-template>.menu .logo h1{color:#fff;font-weight:500;font-size:20px;margin-top:10px;text-align:center}.default-template>.menu .space{height:80px}.default-template>.menu ul{list-style:none;padding:0}.default-template>.menu ul li.item{align-items:center;color:#fff;line-height:44px;box-sizing:border-box;cursor:pointer;transition:background-color .3s ease-in-out 1ms;padding:6px 6px 6px 40px;font-family:"DM Sans Bold";font-weight:700;opacity:.7}.default-template>.menu ul li.item span{display:flex;flex-direction:row;align-items:center}.default-template>.menu ul li.item span b{flex-basis:130px}.default-template>.menu ul li.item.active{background:linear-gradient(90deg,var(--bg-darker),#3487df,#3e98f7);opacity:1}.default-template>.menu ul li.item img:first-child{height:24px;width:24px;margin-right:15px}.default-template>.menu ul li.item ul{height:auto;max-height:0;transition:max-height .3s ease-in-out 1ms;overflow:hidden;padding-left:40px}.default-template>.menu ul li.item ul li{opacity:.5}.default-template>.menu ul li.item ul li a{display:block;line-height:20px;font-size:14px;padding:10px;color:#fff;text-decoration:none}.default-template>.menu ul li.item ul li.active{opacity:1}.default-template>.menu ul li.item.active ul{max-height:600px}.default-template>.menu.active ul li.item{padding-left:20px}@media only screen and (max-width:500px){.default-template>.menu.active{display:block;position:fixed;top:0;left:0;width:100%;max-width:300px;bottom:0;z-index:4}.default-template>.menu .logo .toggler{width:25px;padding:10px;display:flex;align-self:center;flex-direction:column;position:absolute;right:20px;top:20px;cursor:pointer}.default-template>.menu .logo .toggler span{height:1px;display:block;background-color:#fff;margin:4px 0}}@media(min-width:700px){.default-template .menu{flex-basis:250px}.default-template .menu.active ul li.item{padding-left:40px}}section.auth{background:#fff}section.auth>div .container{max-width:400px;margin:0 auto;box-sizing:border-box;padding:15px}section.auth header{margin:10px auto;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent}section.auth header img{height:40px}section.auth header h1{margin-top:15px;font-weight:500;font-size:28px}section.auth footer{padding:10px 0}section.auth footer ul{list-style-type:none;list-style:none;border-bottom:1px solid #bdc4c9;padding:10px;max-width:500px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:wrap;align-content:center}section.auth footer ul li{margin:0 auto}section.auth footer ul li a{color:#005ff8;font-size:14px;text-decoration:none}section.auth footer p{line-height:40px;font-size:14px;text-align:center;color:#4e4f50}@media(min-width:700px){section.auth{display:flex;flex-direction:row;position:fixed;width:100%;top:0;left:0;bottom:0}section.auth>div{flex-basis:50%;height:inherit}section.auth>div:first-child{background:#031031 url(/static/media/auth-bg.23074548.jpg) no-repeat;background-size:cover}}form .form-input{margin-bottom:10px}form .form-input input,form .form-input label,form .form-input select{display:block}form .form-input input,form .form-input select,form .form-input textarea{background:#fff;border:1px solid #bdc4c9;font-size:16px;padding:7px 6px;width:100%;border-radius:3px;box-sizing:border-box}form .form-input input.error,form .form-input select.error,form .form-input textarea.error{border:1px solid #c02}form .form-input input:focus,form .form-input select:focus,form .form-input textarea:focus{outline:none}form .form-input span.error{color:red;line-height:25px;font-size:15px}.auth .login{background:#fff;max-width:420px;margin:0 auto;padding:20px}.auth .login form input{background:#fff;border:.5px solid #d2c8db;box-sizing:border-box;border-radius:0;padding:10px;width:100%}.auth .login h3{font-size:22px}.auth .login h3,.auth .login h4{text-align:center;font-weight:400}.auth .login h4{color:#721c24;line-height:30px;font-size:18px;margin-bottom:10px}.auth .login div.actions{display:flex;flex-direction:row;justify-content:space-around}.auth .login div.actions button{color:#fff;border:0;transition:.3s;line-height:40px;font-weight:400;width:100px;background:var(--bg-dark);border-radius:3px;font-size:16px;margin-top:10px;cursor:pointer}.auth .login div.actions button:focus{outline:none}.auth .login div.actions label{font-size:14px}.auth .login div.actions label a{text-decoration:none;color:#005ff8}.pagination{display:flex;flex-direction:row;background-color:#fff;padding:15px 10px;border-bottom:.3px solid #d9d9d9;margin-bottom:10px;align-items:center}.pagination h4{flex-grow:1}.pagination ul{display:flex;flex-direction:row;list-style:none;align-items:center}.pagination ul li img{height:25px;width:25px;display:block;margin:0 5px;cursor:pointer}.pagination ul select{padding:5px}.pagination ul select:focus{outline:none}.filter{justify-content:flex-end;max-width:100%!important}.filter,.filter>.wrapper{display:flex;flex-direction:row}.filter>.wrapper{align-items:center}.filter>.wrapper div{padding:0 5px}.filter>.wrapper select{min-width:200px}.filter>.wrapper button{background-color:var(--bg-dark);text-transform:capitalize;font-size:15px;line-height:35px;border:none!important;color:var(--text-light);padding:3px 10px;font-weight:400;cursor:pointer;border-radius:5px}.category .create,.category .edit,.order .create,.product .create,.product .edit,.supplier .create,.supplier .edit{max-width:500px}.sale .print-order{background-color:#fff;border-radius:10px;padding:30px}.sale .print-order .content{width:300px;height:200px;display:flex;flex-direction:column;align-items:center}.sale .print-order .content>*{margin:7px 0}.sale .print-order .content p{text-align:center}.sale .print-order .content p strong{font-weight:500}.sale .print-order .content button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);background-color:var(--bg-dark);font-weight:400;cursor:pointer;width:100%;max-width:180px;border-radius:5px}.sale .print-order .content button:last-child{background-color:#e4e4e4;color:#333}.sale .add-payment{max-width:500px;background-color:#fff;border-radius:10px;padding:30px}.sale .mark-delivered{border-radius:10px}.sale .orders form{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.sale .orders form .row{display:flex;flex-direction:row;align-items:center}.sale .orders form .row label{margin-right:10px}.sale .orders form .row .form-input{margin:0 10px 0 0}.sale .orders form .row button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;background-color:var(--bg-dark);border:0;color:#fff;cursor:pointer}.sale .orders form .row button:focus{outline:none}.sale .create{max-width:100%}.sale .create .card{padding:10px 20px}.sale .create h4.title{display:inline-block;margin:10px 0;font-style:normal;font-weight:400;font-size:18px;color:#020e23}.sale .create .content{display:flex;flex-direction:row}.sale .create .content>div{flex-basis:50%}.sale .create .content>div:first-child{margin-right:20px}.toast{position:absolute;bottom:30px;left:10px;right:10px;background-color:var(--bg-dark);opacity:0;text-align:center;color:#fff;font-size:14px;font-weight:400;line-height:18px;letter-spacing:.135px;padding:15px;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);animation-name:toast;animation-iteration-count:1;animation-timing-function:ease-in;animation-duration:.3s;animation-fill-mode:forwards}@keyframes toast{0%{opacity:0}to{opacity:.9}}.sale .cart .item{display:flex;flex-direction:row;border-bottom:.5px solid #d9d9d9;padding:14px 0;align-items:center}.sale .cart .item strong{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.1px;color:#181b36;width:100px}.sale .cart .item h4{font-weight:400;font-size:16px;line-height:24px;letter-spacing:.15px;color:#181b36;flex-grow:1}.sale .cart .item input{outline:none;transition:border .2s;background:#fff;border:1px solid #d9d9d9;font-size:16px;padding:7px;width:60px;border-radius:3px;box-sizing:border-box;text-align:center}.sale .cart .item img{width:27px;margin-left:20px;cursor:pointer}.sale .cart{padding:0 8px 20px}.sale .cart button.continue{color:#181b36;border:1px solid #181b36;background-color:#fff}.sale .cart h5{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;margin:0 -10px;font-weight:500}.sale .cart .subtotal{display:flex;flex-direction:row;padding:13px 0}.sale .cart .subtotal p{flex-grow:1;font-weight:400;font-size:18px;line-height:24px;letter-spacing:.15px;color:#000}.sale .cart .subtotal strong{font-weight:500;font-size:16px;line-height:24px;letter-spacing:.15px;color:#000}.sale .customer-search{position:relative;width:100%;max-width:100%}.sale .customer-search .new-customer{max-width:500px;border-radius:10px}.sale .customer-search .wrapper{display:flex;flex-direction:row}.sale .customer-search .wrapper button{text-transform:capitalize;font-size:15px;line-height:35px;border:none;color:var(--text-light);font-weight:400;cursor:pointer;width:100%;max-width:180px;border-radius:5px;background-color:var(--bg-dark);box-shadow:0 10px 30px rgba(0,80,133,.15)}.sale .customer-search .wrapper button:focus{outline:none}.sale .customer-search .search-input{outline:none;transition:border .2s;background:#fff;border:1px solid #d9d9d9;font-size:16px;padding:10px;width:100%;border-radius:3px;box-sizing:border-box}.sale .customer-search .results-popup{position:absolute;top:calc(100% + 4px);left:0;right:0;z-index:1000;background:#fff;border:1px solid #eee;border-radius:6px;max-height:240px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.08);margin:0;padding:0;list-style:none}.sale .customer-search .results-popup li{padding:.75rem;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .2s}.sale .customer-search .results-popup li:hover{background-color:#f9f9f9}.sale .customer-search .results-popup li strong{display:block;font-weight:600;color:#222}.sale .customer-search .results-popup li .sub-info{font-size:.85rem;color:#777;margin-top:2px}.sale .customer-search .results-popup li:last-child{border-bottom:none}.customer .create{max-width:500px;background-color:#fff}.sale .customer-details{margin:10px 0}.sale .customer-details h5{color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;padding:10px;font-weight:500}.sale .customer-details>div{padding:1rem;background:#f5faff;border:1px solid #d0e8ff;border-radius:8px}.sale .customer-details>div h4{margin-bottom:.75rem;font-size:1.1rem;color:#0070c9}.sale .customer-details>div .info p{margin:.25rem 0;font-size:.95rem;color:#333}.sale .customer-details>div .info p strong{color:#555;margin-right:4px;font-weight:500}.sale .payment-details .inputs{display:flex;flex-direction:row;justify-content:space-between}.sale .payment-details .inputs .section{flex-basis:45%}.report .sales{overflow:scroll}.report .sales .header{padding:15px 0;display:flex;flex-direction:row;align-items:center}.report .sales .header h4{font-family:"DM Sans Bold";font-style:normal;font-weight:500;font-size:28px;color:#020e23}.report .sales .header form{flex-grow:1;display:flex;flex-direction:row;justify-content:flex-end}.report .sales .header form .row{display:flex;flex-direction:row;align-items:center}.report .sales .header form .row label{margin-right:10px}.report .sales .header form .row .form-input{margin:0 10px 0 0}.report .sales .header form .row button{min-width:100px;margin:0 5px;height:35px;border-radius:5px;display:flex;flex-direction:row;align-items:center;justify-content:center;text-decoration:none;box-sizing:border-box;background-color:var(--bg-dark);border:0;color:#fff;cursor:pointer}.report .sales .header form .row button:focus{outline:none}.report .sales tr:hover{background-color:#f4f4f4}.report .sales td span{font-weight:400;font-family:"DM Sans Regular";letter-spacing:.4px}.report .sales td span.active{color:#00b127}.report .sales td span.pending{color:#5a4d4d}.report .sales td span.inactive{color:#d90000}.role .create{max-width:500px}div.checkbox input{display:none}div.checkbox div{line-height:30px;display:grid;grid-gap:10px;grid-template-columns:50px auto}div.checkbox div span{background:#ddd;padding:2px;margin-top:5px;height:20px;box-sizing:border-box;border-radius:10px;cursor:pointer;position:relative}div.checkbox div span.checked{background:#0b2a5c}div.checkbox div span.checked i{left:32px}div.checkbox div span i{height:16px;background:#fff;left:2px;width:16px;border-radius:8px;display:block;position:absolute;transition:left .2s ease-in-out}.customer .edit,.role .edit,.settings .change-password,.settings .profile,.user .create,.user .edit{max-width:500px}