@charset "UTF-8";
.page-quotation{padding:20px}@media screen and (min-width:1200px){.page-quotation{width:1200px;padding:20px 0;margin:0 auto}}.page-quotation>.title{font-size:31px;font-weight:bold;margin-bottom:20px}.page-quotation>.subtitle{margin-bottom:20px}.page-quotation .notification{margin-bottom:20px}@media screen and (min-width:768px){.page-quotation .quotation-wrapper{display:flex;gap:20px}}@media screen and (min-width:1024px){.page-quotation .quotation-wrapper{gap:80px}}@media screen and (min-width:768px){.page-quotation .quotation-wrapper .products-wrapper{flex:1 0 0}}.page-quotation .quotation-wrapper .products-wrapper .products .product{display:flex;flex-wrap:wrap;position:relative;margin-bottom:40px}.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image{flex:0 0 auto;display:block;width:80px;order:1}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image{width:100px}}@media screen and (min-width:768px){.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image{width:120px}}@media screen and (min-width:1024px){.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image{width:200px}}.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image .image{display:block;width:100%;height:0;padding-bottom:56.25%;text-decoration:none;position:relative}.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image .image picture{display:block;position:absolute;top:0;left:0;width:100%;height:100%}.page-quotation .quotation-wrapper .products-wrapper .products .product .product-image .image picture img{display:block;width:100%;height:100%;object-fit:cover}.page-quotation .quotation-wrapper .products-wrapper .products .product .info{flex:0 0 auto;width:100%;order:0;text-decoration:none;margin-bottom:5px}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .info{display:flex;align-items:center;margin-bottom:10px}}.page-quotation .quotation-wrapper .products-wrapper .products .product .info .title{color:#000000;font-weight:bold}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .info .title{flex:0 0 auto;order:1}}@media screen and (min-width:1024px){.page-quotation .quotation-wrapper .products-wrapper .products .product .info .title{font-size:20px}}.page-quotation .quotation-wrapper .products-wrapper .products .product .info .brand{display:none}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .info .brand{display:block;flex:0 0 auto;order:0;width:60px;margin-right:10px}.page-quotation .quotation-wrapper .products-wrapper .products .product .info .brand .image,.page-quotation .quotation-wrapper .products-wrapper .products .product .info .brand picture,.page-quotation .quotation-wrapper .products-wrapper .products .product .info .brand img{display:block;width:100%;height:auto}}.page-quotation .quotation-wrapper .products-wrapper .products .product .options{flex:1 0 0;order:2;padding-left:5px;list-style:none}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .options{padding-left:10px}}.page-quotation .quotation-wrapper .products-wrapper .products .product .options li{list-style:none}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .options li:before{content:"";display:inline;font-family:"Font Awesome 6 Free";font-weight:bold;color:#00883D;margin-right:5px}}.page-quotation .quotation-wrapper .products-wrapper .products .product .options li sup{font-size:12px}.page-quotation .quotation-wrapper .products-wrapper .products .product .remove-wrapper{position:absolute;top:0;right:0}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .remove-wrapper{flex:0 0 auto;display:flex;position:static;top:auto;right:auto;order:3}}.page-quotation .quotation-wrapper .products-wrapper .products .product .remove-wrapper .remove-bin{background-color:#F3F3F3;border-radius:100%;width:30px;height:30px;cursor:pointer}@media screen and (min-width:480px){.page-quotation .quotation-wrapper .products-wrapper .products .product .remove-wrapper .remove-bin{flex:0 0 auto}}@media screen and (min-width:1024px){.page-quotation .quotation-wrapper .products-wrapper .products .product .remove-wrapper .remove-bin{width:40px;height:40px}}.page-quotation .quotation-wrapper .products-wrapper .totals{margin-bottom:20px;padding-top:20px;border-top:1px dashed #000000;text-align:right}.page-quotation .quotation-wrapper .products-wrapper .totals>div{display:flex;gap:5px;justify-content:right}.page-quotation .quotation-wrapper .products-wrapper .totals>div>span{flex:0 0 auto}.page-quotation .quotation-wrapper .products-wrapper .totals>div>span:last-child{font-weight:bold}.page-quotation .quotation-wrapper .buttons .button{width:240px;font-weight:bold}.page-quotation .quotation-wrapper .form-wrapper{max-width:360px;margin:0 auto}@media screen and (min-width:768px){.page-quotation .quotation-wrapper .form-wrapper{flex:1 0 auto}}.page-quotation .quotation-wrapper .form-wrapper .warning{display:none}.page-quotation .quotation-wrapper .form-wrapper .title{font-size:20px;font-weight:bold}.page-quotation .quotation-wrapper .form-wrapper .text{margin-bottom:10px}.page-quotation .quotation-wrapper .form-wrapper .text .required{color:red}.page-quotation .quotation-wrapper .form-wrapper form{display:block}.page-quotation .quotation-wrapper .form-wrapper form label{display:block;margin-bottom:10px}.page-quotation .quotation-wrapper .form-wrapper form label span{display:block;margin-bottom:5px}.page-quotation .quotation-wrapper .form-wrapper form label span.required:after{content:"*";display:inline;color:red;margin-left:5px}.page-quotation .quotation-wrapper .form-wrapper form label input{display:block;width:100%;padding:2px 5px}.page-quotation .quotation-wrapper .form-wrapper form label textarea{display:block;width:100%;padding:5px}.page-quotation .quotation-wrapper .form-wrapper form .button{width:100%;justify-content:center}