.popup-container{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:none;overflow:none}.popup-container.active{display:block}.popup-content{background-color:#fff;padding:20px;border-radius:10px;max-width:500px;margin:20vh auto;width:80%;height:65vh;max-height:600px}.close-popup{position:absolute;top:10px;right:10px;cursor:pointer}///////////////// .arrow-left-color,.arrow-right-color{display:none}#fonts ul#fonts-li li img{margin:0 1px}#myCanvas{display:block;position:relative;z-index:0;opacity:1;top:auto;left:auto;width:100%}button#Monogrammed:hover,button#Personalized:hover{background:#f2f2f2;border:1px solid #cdcdcd;color:#555}.active1{border:2px solid #69349f!important}.buttonclass{border:1px solid #80a663;display:inline-block}.colorIdM,.colorId{line-height:0px;margin:1px}.submit{background:#9d9cf1;border-radius:1px;font-weight:400;border:1px solid #9d9cf1;color:#fff;padding:10px}ul{list-style-type:none;padding:5px}ul#fonts-li,ul#color-li{margin:0}#character{border:0;outline:0;text-align:center;width:170px;font-size:20px;font-weight:600}body .modals-wrapper .modal-popup .modal-header{padding-bottom:1rem;padding-top:1rem}body .modals-wrapper .modal-popup .modal-title{text-transform:capitalize;font-size:21px;font-weight:500;text-align:center}body .modal-popup .content.font-embroidery{float:left;width:100%;padding-top:3%}.upper_font-section .step_one{padding:0 0 15px;margin-top:-15px}.upper_font-section .step_one>button{display:inline-block}.upper_font-section .step_two>input#character{width:calc(100% - 118px);padding:0;text-indent:0;border-bottom:1px solid green;background:transparent;height:40px;font-size:13px}.upper_font-section .step_two>input#character::placeholder{padding:0;text-indent:0;font-style:normal}.upper_font-section .step_two{padding:0 0 30px}#fonts ul#fonts-li li:hover{border:2px solid lightgrey}#color{float:left;width:100%;margin-top:12px}#color ul#color-li>li,ul#fonts-li li{display:block;box-sizing:border-box;width:57px;height:95px;float:left;border:2px white solid;margin:0 1px;text-align:center}#color ul#color-li>li img{margin:0 1px}#color ul#color-li>li:hover{border:2px solid lightgrey}.monogram-embroidery-btns{text-align:center;margin-top:20px}.monogram-embroidery-btns>button{margin:0 2% 0 0;padding:10px 25px;background:#9d9cf1;color:#fff;width:46%;font-size:14px;font-family:Avenir Next}.monogram-embroidery-btns>a#reset{display:inline-block;width:46%;margin:0 0 0 2%;border:1px solid #9d9cf1;line-height:36px;font-size:14px;font-family:Avenir Next}body.catalog-product-view.monogram-enabled aside.modal-popup.monogram-popup .modal-inner-wrap{height:100vh;max-height:unset;width:100%;max-width:100%;min-width:300px}body.catalog-product-view.monogram-enabled aside.modal-popup.monogram-popup .modal-inner-wrap{margin:0 auto}.upper_font-section::-webkit-scrollbar{width:2px}.upper_font-section::-webkit-scrollbar-thumb{background-color:#b3b1b1}.upper_font-section::-webkit-scrollbar-track{background-color:#f5f5f5}.full-color ul#color-li::-webkit-scrollbar,#fonts ul#fonts-li::-webkit-scrollbar{height:2px}.full-color ul#color-li::-webkit-scrollbar-thumb,#fonts ul#fonts-li::-webkit-scrollbar-thumb{background-color:#b3b1b1}.full-color ul#color-li::-webkit-scrollbar-track,#fonts ul#fonts-li::-webkit-scrollbar-track{background-color:#f5f5f5}body.catalog-product-view.monogram-enabled .column.main #test>button{color:#fff;font-size:17px;float:left;font-weight:400;background:#c1beea;border:none;border-radius:2px;padding:14px 15px;width:100%}body.page-layout-1column .product-info-main>.product-add-form{order:7}body.catalog-product-view.product-purpletest .columns .column.main{position:relative}body.catalog-product-view.product-purpletest .column.main #test.test{order:6;flex:0 0 100%;margin-bottom:10px}body.catalog-product-view .column.main .product-info-main>#test.test{order:6;flex:0 0 100%;margin-bottom:10px}@media (max-width: 767px){.mono_text{margin:0 auto!important}input#color_name,input#font_name,input#monogram_type,input#monogram_text{margin:0!important;padding:5px!important}div#final-data-buttons{width:unset!important;float:unset!important;text-align:center!important}div#final-data{padding:0!important}.popup-content{padding:10px;margin:10vh auto}h2{margin:10px 0 35px!important}.upper_font-section .step_two{padding-bottom:0}#color{margin-bottom:10px}.full-color{position:relative;float:left;width:100%;display:none}.arrow-left-color{display:inline-block;position:absolute;top:15px;left:-16px;width:auto;height:20px;padding:8px 10px 10px}.arrow-right-color{display:inline-block;position:absolute;top:15px;right:-33px;width:auto;height:20px;padding:8px 10px 10px}body.catalog-product-view.monogram-enabled aside.modal-popup.monogram-popup .modal-inner-wrap{height:auto;overflow:hidden}ul#fonts-li,ul#color-li{display:flex;flex-wrap:wrap;padding:5px 5px 15px}body.monogram-enabled{overflow:unset!important}body .modal-popup.monogram-popup.modal-slide{left:50%;z-index:900;transform:translate(-50%,10px);-webkit-transform:translate(-50%,10px);-moz-transform:translate(-50%,10px);-ms-transform:translate(-50%,10px);width:332px;top:3vh}body .modal-popup.monogram-popup.popup-authentication>.modal-inner-wrap{min-width:286px}ul#fonts-li{margin:0}.monogram-popup.modal-slide .action-close{padding:3px 5px}body.catalog-product-view.monogram-enabled .column.main #test.test{margin:0}body.monogram-enabled .modals-wrapper .modal-popup.monogram-popup .modal-title{font-size:15px;line-height:normal;padding:0 0 5px}body.monogram-enabled .modal-popup.monogram-popup .content.font-embroidery .right-div{margin-top:20px}body.catalog-product-view.monogram-enabled aside.modal-popup.monogram-popup .modal-inner-wrap{margin:0;overflow-y:unset}body.catalog-product-view aside.modal-popup.monogram-popup .modal-inner-wrap{height:88vh}}////////////////////////////////////// .modal-popup.monogram-popup .modal-inner-wrap{width:60%;max-width:800px;min-width:300px}#accordion>div{border:1px solid #ccc;padding:10px;margin-bottom:10px}#accordion>div:last-child{margin-bottom:0}.full-color{display:none}.mono_text{margin-left:20px;border-bottom:1px lightgrey solid;width:170px;padding-top:15px}div#popup{z-index:1002;margin:0}h2{text-align:center;color:#673ab7;margin:0 0 35px}h4{font-size:14px;font-weight:600;margin-bottom:5px}input#Personalized{margin-left:20px}.upper_font-section{width:98%;height:calc(65vh - 165px);overflow-y:scroll;overflow-x:hidden;padding:0 10px;max-height:418px}.step_four{float:left;width:100%;padding-bottom:10px}#popup .close{position:relative;top:6px;right:3px;color:#aaa;font-size:30px;font-weight:700;cursor:pointer;float:right;line-height:0px}.frontIdM p,.frontId p,.colorId p,.colorIdM p{line-height:14px;font-size:12px;text-align:center;font-weight:400;overflow-wrap:break-word;padding:1px}div#error_msg{position:relative;width:81%;height:32px;bottom:-2px;text-align:center;margin:0 auto;background:#d3d3d3;color:red;font-size:16px;font-weight:600}#personalize input{background:unset;margin-left:15px;color:unset;font-family:unset;font-size:unset}div#personalize{background:#f4f2f1;padding:10px 20px}div#final-data-buttons{display:inline;width:fit-content;float:right}#final-data-buttons button{margin:0 10px;display:inline;background:none;border:0px;color:#8786bd;font-size:14px}#final-data div{display:inline-flex;align-items:baseline}div#final-data{padding:0 2%}#personalize input:focus{border:unset;box-shadow:unset}input#color_name,input#font_name,input#monogram_type,input#monogram_text{margin:0;padding:0 5%}.upper_font-section{transition:scrollTop .5s}
/*# sourceMappingURL=/cdn/shop/t/30/assets/monogram_popup.css.map */