#qrcode{background-color:inherit;transition:all .15s ease-out;max-width:320px;width:100%;text-align:center;position:relative;overflow:hidden;max-height:320px;} #qrcode img{margin:auto;width:100%;height:auto;padding:20px;border:2px solid #ccc5;border-radius:10px;box-shadow:0 0 15px #0002} #warningmsg{display:none;color:red} #qrurl{font-size:20px;font-weight:500;word-wrap:break-word} div#qrcode:hover .share_options{opacity:1;visibility:visible} .share_options{position:absolute;left:50%;top:50%;transform:translate(-50% ,-50%);height:100%;width:100%;display:flex;align-items:center;justify-content:center;background:#0005;max-width:100%;visibility:hidden;opacity:0;transition:.5s all;border-radius:5px} .share_options a,.share_options button{border:none;border-radius:50%;height:50px;width:50px;margin:5px;display:flex;align-items:center;justify-content:center;background:#00c1cf} .share_options i{font-size:22px;color:#fff} div.form{background:#fbfbfb;padding:30px;box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important;margin-top:50px!important;margin-bottom:50px!important} .form input#url{background:0 0;border-radius:50px;margin:10px 0 30px;border:2px solid #3071df;padding:10px 20px;font-size:20px} .colors{align-items:center;flex-wrap:wrap;gap:10px;max-width:calc(100% - 320px);display:flex} .colors>div{width:100%} .form-color-span-cst{display:flex;width:100%;align-items:start;flex-wrap:wrap;justify-content:space-between} .form form{display:flex;flex-direction:column;width:100%} .form-color-span-cst input[type=button]{width:100%;max-width:200px;padding:18px 25px;text-align:center;background:#00c1cf;border:none;color:#fff;transition:.5s all;margin-top:20px} .form-color-span-cst input[type=button]:hover{background-color:#00a4b0;transition:.5s all} .form label{text-align:left;font-size:20px;font-weight:600;margin-bottom:0;margin-right:10px} .form-color-span-cst span.color{border-radius:50px;display:flex;padding:3px;margin:0 5px 0} div#qrurl:not(:empty){margin:25px 0;text-align:left} .form-color-span-cst input[type=radio][value="#444488"]{accent-color:#448} .form-color-span-cst input[type=radio][value=red]{accent-color:red} .form-color-span-cst input[type=radio][value=green]{accent-color:green} .form-color-span-cst input[type=radio][value=blue]{accent-color:#00f} .form-color-span-cst input[type=radio][value="#3a9ec6"]{accent-color:#3a9ec6} .form-color-span-cst input[type=radio][value=orange]{accent-color:orange} .form-color-span-cst input[type=radio][value="#222222"]{accent-color:#222} .form-color-span-cst input[type=radio]{width:35px;height:35px;box-shadow:none!important;border:none!important;-webkit-appearance:none} .form-color-span-cst input[type=radio]:checked:after{color:#fff;content:"\2713";width:100%;display:flex;align-items:center;justify-content:center;height:100%;border-radius:50%;font-size:25px;font-weight:bolder;text-shadow:.5px .5px} @media(max-width:768px){ .colors.d-flex{max-width:100%} } div#qrurl:not(:empty) {   padding:15px;   border:1px solid #008000;   margin-right:40px !important;   border-radius:5px;   font-size:16px;   color:green; } canvas {   object-fit:cover !important;   width:100%;   height:100%;   padding:20px; } .icon_caption{border:none;border-radius:50%;height:50px;width:50px;margin:5px;display:flex;align-items:center;justify-content:center;padding:0} .colors {   max-width:unset !important; } .form-color-span-cst button[type=button] {   cursor:pointer; } .single.single-tools button[type="button"] {   border:0px !important;   padding:1px 20px !important;   height:47px !important;   font-weight:500;   transform:scale(1);   border:1px solid #1e55b200 !important;   transition:0.5s all !important;   background:linear-gradient( 45deg , #1e55b2, #3477e8) !important;   color:#fff !important;   border-radius:5px; } .single.single-tools button[type="button"]:hover{   transform:scale(1.05);   background:linear-gradient(45deg, #0f449f, #0f449f) !important; }   @media(max-width:767px){ .single-tools div#single-wrapper .pad-zero-webp{   padding-left:0px !important;   padding-right:0px !important;  } div.form{ margin-top:10px !important; padding:30px 15px;   }   .wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li{   margin-bottom:10px; } } @media(max-width:1399px){ .mob-tools-filter {   margin-bottom:10px; } }