@charset "UTF-8";@font-face{font-family:Poppins;src:url("../font/Poppins-Regular.ttf") format("truetype");font-weight:400;font-style:normal}@font-face{font-family:Poppins;src:url("../font/Poppins-Bold.ttf") format("truetype");font-weight:700;font-style:normal}*{box-sizing:border-box;margin:0;padding:0;position:relative}html{height:100%;padding-top:60px}html body{font-family:Poppins;font-weight:400;font-size:1rem}html body input,html body select,html body textarea{font-size:1rem}#navigation{position:fixed;bottom:0;left:0;height:56px;width:100%;background-color:#4caf50;z-index:100;display:flex;justify-content:space-between;align-items:center}#navigation .hamburger-menu{display:block;cursor:pointer;width:64px;height:60px;padding:17px 0 14px 0;position:relative;z-index:101;align-self:flex-start}#navigation .hamburger-menu.active+.nav-menu,#navigation .hamburger-menu:hover+.nav-menu{display:block;flex-direction:column}#navigation .hamburger-menu path{fill:#FFFFFF}#navigation ul.nav-menu{background-color:#6bbf59;display:none;justify-content:left;align-items:left;list-style:none;margin:0;padding:0;box-shadow:0 5px 10px rgba(0,0,0,.1);position:absolute;bottom:100%;left:0;width:124px;z-index:101}#navigation ul.nav-menu:hover{display:flex;flex-direction:column}#navigation ul.nav-menu li{margin:0;line-height:40px;padding:0 16px;border-top:1px solid #6bbf59}#navigation ul.nav-menu li:hover{background-color:#ffa726}#navigation ul.nav-menu li.active{background-color:#ff9800}#navigation ul.nav-menu li a{display:block;color:#fff;text-decoration:none;width:100%}#navigation .search{flex:1;height:38px;padding-left:10px}#navigation ul.search-found{display:flex;justify-content:left;align-items:left;list-style:none;margin:0;padding:0;box-shadow:0 5px 10px rgba(0,0,0,.1);position:absolute;bottom:100%;left:0;width:100%;background-color:#6bbf59;flex-direction:column}#navigation ul.search-found li{margin:0;height:50px;padding:0 16px;border-top:1px solid #ff9800}#navigation ul.search-found li:hover{background-color:#ddd}#navigation ul.search-found li a{display:block;color:#fff;text-decoration:none;width:100%}#navigation ul.search-found li a .subtitle,#navigation ul.search-found li a .title{display:block}#navigation ul.search-found li a .title{font-weight:400;padding-top:4px}#navigation .scan-button{display:inline-flex;justify-content:center;align-items:center;text-decoration:none;padding:10px;width:64px;height:29px;margin:0;padding:17px 0 14px 0}#navigation .scan-button path{fill:#FFFFFF}#header{color:#fff;display:flex;justify-content:space-between;align-items:center;background-color:#4caf50;height:56px;padding:0;box-shadow:0 2px 4px rgba(0,0,0,.1);position:fixed;top:0;left:0;width:100%;z-index:101}#header h1{font-weight:700;font-size:1.4rem;margin:0 0 0 10px;line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#header h1 a{color:inherit;text-decoration:none}#header nav ul{list-style:none;white-space:nowrap;display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:5px;margin-right:10px}#header nav ul li{display:inline-block}#header nav ul li a{background-color:#6bbf59;border-radius:4px;color:#fff;text-decoration:none;padding:4px 6px}#header nav ul li a:hover{background-color:#ffa726;color:#fff}#message{position:fixed;top:80px;left:50%;transform:translateX(-50%);width:90%;max-width:400px;z-index:10;width:90%;transition:transform .5s}#message .message{background-color:#ededed;padding:20px;color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;align-items:center;justify-content:space-between;cursor:pointer}#message .message.error{background-color:#ffa726;color:#000}#message .message::after{content:"✖";font-size:20px;padding-left:10px}#content{padding-bottom:60px;max-height:calc(100vh - 60px)}#content .hidden{display:none}#content .right{text-align:right}#content .nowrap{white-space:nowrap}#content h2{color:#6bbf59;font-size:1.1rem;line-height:2rem;padding-left:10px}#content.dashboard{display:grid;grid-template-columns:repeat(1,1fr);gap:.5rem}#content.dashboard .box{padding:0}#content.dashboard .box .grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.2rem}#content.dashboard .box .grid .cell{display:flex;flex-direction:column;align-items:center;text-align:center}#content.dashboard .box .grid .cell.hover{background-color:#757575}#content.dashboard .box .grid .cell .thumb{width:100%;padding-top:100%;position:relative;overflow:hidden}#content.dashboard .box .grid .cell .thumb a,#content.dashboard .box .grid .cell .thumb img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}#content.dashboard .box .grid .cell .name{font-size:.75rem;overflow:hidden;height:2rem;line-height:1rem}#content.dashboard .box .grid .cell .name a{text-decoration:none;color:inherit}#content.scan_barcode .product_info{min-height:256px;margin:0 10px}#content.scan_barcode .product_info img{float:right}#content.scan_barcode .inventory{padding:0;margin:0;list-style:none}#content.scan_barcode .inventory li{display:flex;padding:0}#content.scan_barcode .inventory li div{margin:0;padding:5px}#content.scan_barcode .inventory li div:first-child{flex:1}#content.scan_barcode .inventory li div:nth-child(2){flex:initial;width:100px}#content.scan_barcode .inventory li.active{background-color:#fafad2}#content.scan_barcode .inventory li.hidden{display:none}#content.scan_barcode .inventory .inventory_form div{display:grid;grid-template-rows:repeat(2,1fr);gap:10px}#content.scan_barcode .inventory .inventory_form div a,#content.scan_barcode .inventory .inventory_form div button{padding:10px;text-align:center;background-color:#0070f3;color:#fff;border:none;border-radius:5px;cursor:pointer;display:inline-block;text-decoration:none}#content.scan_barcode .inventory .inventory_form div a svg,#content.scan_barcode .inventory .inventory_form div button svg{fill:#ffffff;margin:0 auto;display:block}#content.scan_barcode .inventory .inventory_form div a{padding:0;margin:0;display:flex;justify-content:center;align-items:center}#content.scan_barcode .history{padding:0;margin:0;list-style:none}#content.scan_barcode .history li{display:flex;padding:0}#content.scan_barcode .history li.th{font-weight:700}#content.scan_barcode .history li div{flex:1;padding:5px}#content.scan_barcode .compare ul{padding:0;margin:0;list-style:none}#content.scan_barcode .compare ul li{display:flex;padding:0}#content.scan_barcode .compare ul li.th{font-weight:700}#content.scan_barcode .compare ul li div{flex:1;padding:5px}#content.scan_barcode div.tableSelector{text-align:center;color:#2f4f4f;line-height:30px;margin:5px 0}#content.scan_barcode div.tableSelector a{color:#2f4f4f;display:inline-block;border-radius:8px;padding:0 8px}#content.scan_barcode div.tableSelector a.active{background-color:#d3d3d3;font-weight:400}#content div.options{display:none}#content div.options.open{display:block}#content div.options.open>form>div{display:flex;padding:5px 10px}#content div.options.open>form>div>:first-child{width:120px}#content div.options.open>form>div>:nth-child(2){flex:1}#content div.options.open>form>div>div{display:flex}#content div.options.open>form>div>div>:not(.columns):first-child{flex:1}#content div.options.open>form>div>div>:not(.columns):nth-child(2){width:120px}#content div.options.open>form>div>div.columns{display:flex}#content div.options.open>form>div>div.columns .column{display:flex;flex:1}#content div.options.open>form>div>div.columns .column>:first-child{width:20px}#content div.options.open>form>div>div.columns .column>:nth-child(2){flex:1}#content div.options.open>form>div>div.colors{display:flex}#content div.options.open>form>div>div.colors label{flex:1}#content .table{position:relative;max-height:calc(100vh - 120px);overflow-y:auto}#content .table table{border-collapse:collapse;min-width:100%}#content .table table thead{position:sticky;top:0;z-index:1}#content .table table tr:hover{background-color:#ededed}#content .table table tr :nth-child(3){max-width:calc(100vw - 105px)}#content .table table tr :nth-child(3) a{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}#content .table table tr th{background-color:#fff;border-bottom:1px solid #ddd;color:#6bbf59;padding:8px;white-space:nowrap;text-align:left}#content .table table tr th a{text-decoration:none;color:inherit}#content .table table tr td.checkbox,#content .table table tr th.checkbox{min-width:40px;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" ry="2" stroke="%236BBF59" stroke-width="2" fill="none"/></svg>');background-repeat:no-repeat;background-size:24px;background-position:center;cursor:pointer}#content .table table tr td.checkbox.on,#content .table table tr th.checkbox.on{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none"><rect x="3" y="3" width="18" height="18" rx="2" ry="2" stroke="%236BBF59" stroke-width="2" fill="none"/><path d="M6 12l4 4 8-8" stroke="%23FF9800" stroke-width="2" fill="none"/></svg>')}#content .table table tr td{height:20px;border-bottom:1px solid #ddd;border-right:1px solid #eee;padding:0 8px;text-align:left;white-space:nowrap}#content .table table tr td.thumb{flex:0 0 auto;width:60px;text-align:center}#content .table table tr td.thumb img{max-height:36px;width:auto}#content .table table tr td a{display:block;color:inherit;text-decoration:none}#content .form{position:relative;max-height:calc(100vh - 120px);overflow-y:auto}#content .form form{display:inline-block;margin-bottom:20px;width:100%}#content .form form div{margin-bottom:10px;padding:10px}#content .form form div input[type=file],#content .form form div input[type=number],#content .form form div input[type=text],#content .form form div select,#content .form form div textarea{display:block;width:100%;padding:8px;border-radius:2px;border:1px solid #ccc;margin-top:5px;box-sizing:border-box}#content .form form div input[type=file]:focus,#content .form form div input[type=number]:focus,#content .form form div input[type=text]:focus,#content .form form div select:focus,#content .form form div textarea:focus{border-color:#0070f3;outline:0;box-shadow:0 0 3px rgba(0,112,243,.5)}#content .form form div select{appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M3.5%205.5l2.5%202.5%202.5-2.5%20M6%200v8%22%20stroke%3D%22%23333%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-position:right 8px center;background-size:16px;padding-right:32px}#content .form form div input[type=file]{padding:6px 0}#content .form form div img{display:block;margin-bottom:10px;max-width:100%;height:auto}#content .form form div input[name=quantity]{float:left;width:calc(100% - 120px)}#content .form form div select[name=packaging]{width:120px}#content .form form div input[name=volume]{float:left;width:calc(100% - 120px)}#content .form form div select[name=unit]{width:120px}#content .form form div.colors{display:flex;padding:0}#content .form form div.colors label.color{flex:1;text-align:center}#content .form form div.colors label.color input{margin:10px}#content .form form button{display:inline-block;padding:10px;color:#fff;background-color:#0070f3;border-radius:5px;border:none;cursor:pointer;min-width:90px}#content .form form button:hover{background-color:#007cff}#content .form form.sidebyside div{display:flex;justify-content:space-between;align-items:center;margin:0}#content .form form.sidebyside div div{padding:0;margin:0}#content .form form.sidebyside input[name=price],#content .form form.sidebyside select[name=expirationmonth],#content .form form.sidebyside select[name=expirationyear],#content .form form.sidebyside select[name=price_tax]{max-width:calc(50% - 5px)}#content .detail{position:relative;max-height:calc(100vh - 120px);overflow-y:auto}#content .detail .main img{width:100%}#content .detail .main table{margin:10px;width:calc(100% - 20px)}#content .detail .main th{font-weight:500;text-align:left;vertical-align:top;line-height:40px;width:120px}#content .detail .main td{text-align:left}#content .detail .main td .tag.empty{height:20px;width:calc(100% - 130px)}#content .detail .inventories img,#content .detail .products img,#content .detail .types img{width:50px}.tag{background-color:#d3d3d3;border-radius:12px;display:inline-block;line-height:14px;padding:5px 10px;position:relative}.tag.setwidth{width:calc(100% - 20px)}.fancy_tags{display:inline-block;border:1px solid #ccc;border-radius:2px;font-weight:400;padding:0 8px;width:calc(100% - 22px)}.fancy_tags .input{display:inline;cursor:text;outline:0}.fancy_tags .tag{margin:5px;cursor:pointer}.fancy_tags .tag::after{content:"×";font-weight:700;margin-left:8px;color:#2f4f4f;cursor:pointer}.fancy_tags .tag:hover::after{color:#708090}.fancy_tags .suggestions{border:1px solid #ccc;position:absolute;background-color:#fff;z-index:1000;display:none}.fancy_tags .suggestions div{padding:5px;cursor:pointer}.fancy_tags .suggestions div:hover{background-color:#ddd}.white{background-color:#fff;border:1px solid #ccc}.red{background-color:red;color:#fff}.hotpink{background-color:#ff69b4;color:#fff}.coral{background-color:coral;color:#fff}.gold{background-color:gold}.mediumpurple{background-color:#9370db;color:#fff}.lightgreen{background-color:#90ee90}.turquoise{background-color:#40e0d0}.burlywood{background-color:#deb887}.silver{background-color:silver}.deepskyblue{background-color:#00bfff}@media (max-width:768px){body{font-size:.875rem}}@media (min-width:700px){#content.dashboard{grid-template-columns:repeat(2,1fr)}}@media (min-width:1140px){#content.dashboard{grid-template-columns:repeat(3,1fr)}}@media (min-width:1520px){#content.dashboard{grid-template-columns:repeat(4,1fr)}}@media (min-width:1890px){#content.dashboard{grid-template-columns:repeat(5,1fr)}}@media (min-width:2280px){#content.dashboard{grid-template-columns:repeat(6,1fr)}}@media (min-width:2640px){#content.dashboard{grid-template-columns:repeat(7,1fr)}}@media (min-width:3030px){#content.dashboard{grid-template-columns:repeat(8,1fr)}}@media (min-width:3400px){#content.dashboard{grid-template-columns:repeat(8,1fr)}}