@import url(https://fonts.googleapis.com/css?family=Roboto:400,500,700,300,100);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{display:flex;flex-direction:column;text-align:center}.filter-row{align-items:center;justify-content:space-between}.filter-row,.filter-row div{display:flex;flex-direction:row}.filter-row div{padding:5px}.green{background-color:green;border:none;border-radius:5px;height:15px;width:30px}.counter1{background-color:#c5c5c580;border:none;padding:2px;text-align:center;width:40px}.red{background-color:red;border:none;border-radius:5px;height:15px;width:30px}.buy-cart{height:auto;width:30px}.buy-opts{align-items:center;display:flex;flex-direction:row;justify-content:center}.searchbox{background-color:#c5c5c580;border:none;border-radius:0;height:35px;padding:2px;position:relative;width:300px}.oops{width:100%}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}a{color:#000}a:hover{color:#222}.dropdown{display:inline-block;position:relative}.dd-button{background-color:#fff;border:1px solid gray;border-radius:4px;cursor:pointer;display:inline-block;padding:10px 30px 10px 20px;white-space:nowrap}.dd-button:after{border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #000;content:"";height:0;position:absolute;right:15px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:0}.dd-button:hover{background-color:#eee}.dd-input{display:none}.dd-menu{background-color:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 0 6px 0 rgba(0,0,0,.1);list-style-type:none;margin:2px 0 0;padding:0;position:absolute;top:100%}.dd-input+.dd-menu{display:none}.dd-input:checked+.dd-menu{display:block}.dd-menu li{cursor:pointer;padding:10px 20px;white-space:nowrap}.dd-menu li:hover{background-color:#f6f6f6}.dd-menu li a{display:block;margin:-10px -20px;padding:10px 20px}.dd-menu li.divider{border-bottom:1px solid #ccc;padding:0}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}body{font-family:Roboto,helvetica,arial,sans-serif;font-size:16px;font-weight:400;text-rendering:optimizeLegibility}div.table-title{display:block;margin:auto;padding:5px;width:100%}.data-img{height:auto;width:70px}.table-title h3{color:#fafafa;font-family:Roboto,helvetica,arial,sans-serif;font-size:30px;font-style:normal;font-weight:400;text-shadow:-1px -1px 1px rgba(0,0,0,.1);text-transform:uppercase}.add-to-cart{background-color:#2853e2;border:none;color:#fff!important;cursor:pointer;height:30px;text-align:center;width:100px}.reset{color:#2853e2}.add-item,.reset{background-color:initial;border:none;cursor:pointer}.add-item{margin-left:10px}.table-fill{-webkit-animation:float 5s infinite;animation:float 5s infinite;background:#fff;border-collapse:collapse;border-radius:3px;box-shadow:0 5px 10px rgba(0,0,0,.1);height:100%;margin:auto;padding:2px;width:100%}th{background:#1b1e24;border-bottom:4px solid #9ea7af;border-right:1px solid #343a45;color:#d5dde5;font-size:18px;font-weight:100;padding:10px;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.1);vertical-align:middle}th:first-child{border-top-left-radius:3px}th:last-child{border-right:none;border-top-right-radius:3px}tr{border-bottom:1px solid #c1c3d1;border-top:1px solid #c1c3d1;color:#666b85;font-size:12px;font-weight:400;text-shadow:0 1px 1px hsla(0,0%,100%,.1)}tr:hover td{background:#4e5066;border-top:1px solid #22262e;color:#fff}tr:first-child{border-top:none}tr:last-child{border-bottom:none}tr:nth-child(odd) td{background:#ebebeb}tr:nth-child(odd):hover td{background:#4e5066}tr:last-child td:first-child{border-bottom-left-radius:3px}tr:last-child td:last-child{border-bottom-right-radius:3px}td{background:#fff;border-right:1px solid #c1c3d1;font-size:16px;font-weight:300;padding:2px;text-align:left;text-shadow:-1px -1px 1px rgba(0,0,0,.1);vertical-align:middle}td:last-child{border-right:0;width:20%}.stocks div,td.text-left,th.text-center,th.text-left,th.text-right{text-align:center}.stocks div{width:100%}td.text-center,td.text-right{text-align:center}@media screen and (max-width:1200px){.filter-row{align-items:center;justify-content:space-between}.filter-row,.filter-row div{display:flex;flex-direction:column}.filter-row div{padding:5px}.drops{width:100%}}a{color:#333;text-decoration:none}a:hover{color:#f58551}.checkout-page{align-items:flex-start;display:flex;flex-direction:row;justify-content:center}.button{background-color:#16cc9b;border:2px solid #16cc9b;color:#fff;cursor:pointer;transition:all .25s linear}.button:after{content:" \276f";position:relative;right:0;transition:all .15s linear}.button:hover{background-color:#f58551;border-color:#f58551}.button:hover:after{right:-5px}.button:focus{outline:none}ul{list-style-type:none;margin:0;padding:0}input{transition:all .25s linear}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;appearance:none;margin:0}input{outline:none}.container{margin:0 auto;overflow:auto;width:100%}header.container{margin-bottom:1.5rem}header .breadcrumb{color:#7d7d7d}header .breadcrumb li{float:left;padding:0 6px}header .breadcrumb li:first-child{padding-left:2px}header .breadcrumb li:not(:last-child):after{content:" \276f";padding-left:8px}header .count{color:#333;float:right}.container-prods{padding-left:20px;width:70%}.products{border-top:1px solid #ddd;padding-left:50px}.products>li{border-bottom:1px solid #ddd;padding:1rem 0}.counter-display{align-items:center;display:flex;flex-direction:row;justify-content:center}.counter-display div{margin:3px;padding:10px}.row{overflow:auto;position:relative;width:100%}.col,.quantity,.remove{float:left}.col.left{width:70%}.col.right{position:absolute;right:0;top:calc(50% - 30px);width:30%}.detail{line-height:2.2rem;padding:0 .5rem}.detail .name{font-size:1.2rem}.detail .description{color:#7d7d7d;font-size:1rem}.detail .price{font-size:1.5rem}.quantity,.remove{text-align:center;width:50%}.quantity>input,.remove svg{height:60px;width:60px}.quantity>input{background:#fff;border:2px solid #ddd;color:#7f7f7f;display:inline-block;font:600 1.5rem Helvetica,Arial,sans-serif;left:calc(50% - 30px);position:relative;text-align:center}.quantity>input:focus,.quantity>input:hover{border-color:#f58551}.close{fill:#7d7d7d;cursor:pointer;transition:color .15s linear,background-color .15s linear,fill .15s linear,opacity .15s linear}.close:hover{fill:#f58551}.summary{font-size:1.2rem;text-align:right}.summary ul li{padding:.5rem 0;text-align:left}.summary ul li span{display:inline-block;width:30%}.summary ul li.total{font-size:25px;font-weight:700;text-align:left}.checkout{float:left;text-align:left}.summary-cont{align-items:center;border:1px solid #ddd;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:40px 10px;width:30%}.checkout>button{border-radius:1.5rem;font-size:1.2rem;padding:.8rem 2.8rem}.empty-product{text-align:center}.empty-product>button{border-radius:5px;font-size:1.3rem;padding:10px 30px}@media (max-width:599px){.thumbnail img{display:none}.quantity>input{left:calc(50% - 20px)}.quantity>input,.remove svg{height:40px;width:40px}}@media screen and (max-width:1200px){.checkout-page,.summary-cont{align-items:center;display:flex;flex-direction:column;justify-content:center}.summary-cont{border:1px solid #ddd;border-radius:10px;padding:40px 10px;width:100%}.container-prods{padding:0;width:100%}}
/*# sourceMappingURL=main.98a40af5.css.map*/