@import url(https://fonts.googleapis.com/css2?family=Arizonia&display=swap);@import url(https://fonts.googleapis.com/css2?family=Short+Stack&display=swap);@import url(https://fonts.googleapis.com/css2?family=Patrick+Hand+SC&display=swap);@import url(https://fonts.googleapis.com/css2?family=Yellowtail&display=swap);@import url(https://fonts.googleapis.com/css2?family=Sacramento&display=swap);@import url(https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300;0,400;1,300&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,400;1,100&display=swap);.bnr-prvw{background:#fff;padding:10px 20px 10px 20px}.bnr-prvw,.bnr-prvw-dwnld{width:500px;height:auto;margin:0 auto;margin-top:0;text-align:center;box-shadow:0 2px 8px rgb(14 19 24/7%);border-radius:5px;margin-bottom:10px}.bnr-prvw-dwnld{background:#6524a7;padding:5px 15px;text-transform:uppercase;font-weight:800;color:#fff;border-radius:30px}.cvs-bnr{width:500px;height:500px;box-shadow:0 2px 8px rgb(14 19 24/7%);margin:0 auto;background:#fff}.mktls{width:100%;height:18px;margin:0 auto;font-family:Montserrat;font-size:14px;font-weight:700;font-stretch:normal;font-style:normal;line-height:2.79;letter-spacing:normal;text-align:center;color:#a0a0a0;margin-top:13px;margin-bottom:15px}.setdivider{cursor:pointer}.divider-border:hover{border:1px solid purple}.divider-border{padding:10px;border-radius:10px;border:1px solid #cbcbcb;background-color:#fff;text-align:center}.urutanMempelai{border-radius:10px;padding:5px 10px;font-weight:500;background:purple;margin:5px 0;color:#fff;font-weight:600;font-size:7pt}.warning-notif{padding:10px;border:1px solid #3dac8c;border-radius:10px;margin:10px 0;background:#cbefcd;color:#000;font-size:8pt;font-weight:700}.title-section{font-size:8pt;text-decoration:underline;text-align:center;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;color:grey}.font-list{max-height:100px;overflow-y:scroll;padding:5px 15px;border:1px solid #d9d9d9;background:#fff}.wrapper-custom-style{-webkit-box-pack:center;justify-content:center;margin:25px;background:#f6edff;border-radius:10px;padding:10px 20px 20px 20px;border:1px solid #6524a7;border:1px solid #d4a9ff}.wenica-frame{color:#6524a7;margin-top:20px;border-radius:15px;padding:10px 25px;box-shadow:0 0 5px 0 rgb(0 0 0/20%)}.wenica-frame:hover{background:#d9b4ff;cursor:all-scroll}.wenica-frame2{color:#6524a7;margin-top:20px;border-radius:15px;padding:10px 25px;box-shadow:0 0 5px 0 rgb(0 0 0/20%)}.wenica-frame2:hover{background:#d9b4ff}.displayNone{display:none}.new-fitur{color:#fff;margin-left:3px;font-size:6pt;background:#ff4e4a;border-radius:10px;border:0 solid #000;box-shadow:0 0 5px 0 rgba(0,0,0,.16);cursor:pointer;padding:2px}.galeri-foto-wrapper-root{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.galeri-foto-wrapper,.galeri-foto-wrapper-root{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.galeri-foto-wrapper{width:60%;background:#fff;padding:0 10px 10px 10px;box-shadow:-5px 2px 29px -10px rgba(0,0,0,.75);margin-bottom:35px;position:relative}.remove-foto{position:absolute;top:0;right:0;border-radius:17px;width:auto;height:auto;background:#e33a3a;color:#fff;z-index:9999;align-content:center;padding:10px;width:30px;height:30px;font-size:9px;margin-top:-10px;margin-right:-10px}.font-box,.remove-foto{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;cursor:pointer}.font-box{border-radius:8px;border:1px solid #dadce0;overflow:hidden;-webkit-transition:all .18s ease;transition:all .18s ease;padding:5px;height:auto}.font-box:hover{box-shadow:-5px 2px 29px -10px rgba(0,0,0,.75)}.font-box-display{text-align:center;font-weight:900;color:#000;font-size:12pt}.slider-left-arrow{margin-left:5px}.slider-left-arrow,.slider-right-arrow{position:absolute;z-index:9;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;cursor:pointer;background:#5dbb0e;padding:10px 13px;border-radius:20px;margin-top:75px;box-shadow:-5px 2px 29px -10px rgba(0,0,0,.75);opacity:.5}.slider-right-arrow{right:0;top:0;-webkit-transform:rotate(180deg);transform:rotate(180deg);margin-right:5px}.slider-left-arrow:hover,.slider-right-arrow:hover{opacity:1}.slider-container-template2{scroll-behavior:smooth;padding-left:25px;padding-right:25px;z-index:-1;width:400px;height:405px;overflow-y:scroll}.colorOptions{color:#000;font-size:7pt;font-family:Montserrat;font-weight:700;text-align:center;position:absolute;bottom:0;margin:0 0 2px 25px;width:120px;height:auto;background:#fff;border-radius:10px;padding:10px 5px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.colorOptionswrapper{margin:auto;padding:1px;display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center}.my-template__color{width:22px;height:22px;border-radius:28px;margin:2px;cursor:pointer}.my-template__color:hover{box-shadow:0 3px 7px 5px rgba(0,0,0,.16)}.my-template--active .my-template__color--active:after{background-image:url(/img/icons/checklistwhite.svg);content:" ";width:28px;height:28px;position:absolute;background-position:50%;background-repeat:no-repeat}.template-container2{display:-webkit-box;display:flex;position:relative;flex-wrap:wrap}.template-item{font-size:11px;line-height:1.16;color:#9c9c9c;padding:5px 5px 5px 0;cursor:pointer;z-index:1}.template-img,.template-item{-webkit-transition:all .1s ease;transition:all .1s ease}.template-img{margin:10px 0 10px 10px;width:148px;height:148px;box-shadow:0 3px 6px 0 rgba(0,0,0,.16)}.template-item:hover{border-bottom:5px solid #fdc500;margin-top:-10px}.template-item img{width:148px;height:148px}.eventClass{background-color:#fff}.flashClass{background-color:#c8ffc8;cursor:pointer;-webkit-transition:background-color 2s ease-out;transition:background-color 2s ease-out}.btn-add{padding:5px 10px;cursor:pointer;border-radius:15px;background:#6524a7;border:none;color:#fff;width:100%;font-size:9pt;font-weight:800}@media only screen and (max-width:600px){.drag-able{width:85%}}@media only screen and (min-width:600px){.drag-able{width:85%}}@media only screen and (min-width:768px){.drag-able{width:85%}}@media only screen and (min-width:992px){.drag-able{width:100%}}@media only screen and (min-width:1200px){.drag-able{width:100%}}