label {
  color:#999;
  font-size: 12px;
  margin: 0 0 1px 0px !important;
  float: left;
}
#qr{margin: 0rem 0rem -.5rem 0rem;max-width: 100%;border: 1px dashed #7babd8;border-radius: 4px;padding: 4px 5px;}
#qr svg,#qr canvas{max-width: 100% !important;margin: 0px 0px -6px 0px;}
#qr-extension,#form-dots-type, #form-dots-type2, #form-dots-type3{margin: 0 10px 10px 0;float: left;clear: both;width: auto;}
#fon-image,#dots-image, #dots-color-type2, #dots-color-type4, #dots-color-type6, #dots-color-type8{border-top: 1px solid #dee2e6;padding: 10px 0 0px 0;display: none;float: left;clear: both;margin: 15px 0 0px 0;}
.panel{padding: 2px 15px 10px 15px;float: left;width: auto;margin: 10px 2px 0 0;max-width: 100%;}
.zglvk{background-color: #dadcde; padding: 10px;}
.irad{float: left; clear: both}
.irad+label{color:#000; font-size: 14px; line-height: 24px;float: left;clear: both;}
#logo_stroke_color, #box_onepixel-color, #box_inverslayer-color div, #dots-color-type1, #form-dots-color1, #form-dots-color2, #form-dots-color3, #form-dots-color4, #dots-color-type3, #dots-color-type5, #form-dots-color5, #form-dots-color6, #dots-color-type7, #form-dots-color7, #form-dots-color8{  width: 40px;margin: 10px 0 0 0;float: left;clear: both;}
#onepixel-color,#inverslayer-color, #form-dots-color1, #form-dots-color2, #form-dots-color3, #form-dots-color4, #form-dots-color5, #form-dots-color6, #form-dots-color7, #form-dots-color8{float: left; margin: 10px 13px 0px -3px;clear: none;padding: 0px;
    border: none;
    }
#text1_colortext,#text1_colorfon,#text2_colortext,#text2_colorfon,#dots-color-type1 input, #dots-color-type3 input, #dots-color-type5 input, #dots-color-type7 input{padding: 0px;border: none;margin: 0 0 0 -3px;}
#box_rotation1,#box_rotation2{display: none;}
#box_rotation1 input, #box_rotation2 input, #box_rotation3 input, #box_rotation4 input{width: 80px;float: left;clear: both;}
.inputContainer{margin: 0px 0 -16px 0;}
#imageInput{width: 220px;}
#qrForm .custom-file-label::after{ display: none !important;}
#del_img, #del_img2, #del_imgs, #del_img2_2{z-index: 3;
position: relative;
float: right;
margin: -8px 0 0px 0;
color: #999;
}
#del_img:hover, #del_img2:hover, #del_img2_2:hover, #del_imgs:hover{color:#F00;cursor: pointer;}
.zglvk{display:none;}
#qr-extension{width: 163px;clear: none;-webkit-appearance: none;-moz-appearance: none;appearance: none;}
#qrForm .fade:not(.show){display: none;}
#qrForm .nav-tabs .nav-link.active{margin: 0px 0 -2px 0;}
#qrForm{margin: -15px 0 0 0;}
#qrForm .btn-group label{color:#FFF;}
#bTabQR li a,#bTabQR2 li a{padding: 3px 7px  2px 7px;color: #999;font-size: 12px;}
#dform-dots-type img,#dform-dots-type2 img,#dform-dots-type3 img{border:2px solid #EEE;border-radius: 4px;margin: 0px 5px 5px 0;padding: 2px;width: 56px;}
#dform-dots-type img:hover,#dform-dots-type img.aktive,#dform-dots-type2 img:hover,#dform-dots-type2 img.aktive,#dform-dots-type3 img:hover,#dform-dots-type3 img.aktive{cursor: pointer; border:2px solid #F00;}
#dform-dots-type .dewiar111_0{border:none;width: 40px;}
#form-dots-type,.none,#form-dots-type2,#form-dots-type3{display: none;}
#dform-dots-type3 img{margin: 0px 4px 3px 0;}
#dform-dots-type2 img{width: 52px;}
#dform-dots-type3 img{width: 42px;}
#inform{float:left; position: absolute; left: 10px; top:10px; z-index: 1; background-color:#000; color:#FFF;   border-radius: 10px;padding: 3px 10px;display: none;}
#dform-dots-type{max-height: 115px;overflow-y: scroll;}
#dform-dots-type2{max-height: 137px;overflow-y: scroll;}
#dform-dots-type3{max-height: 103px;overflow-y: scroll;}
#dform-dots-type.xdfrm,#dform-dots-type2.xdfrm,#dform-dots-type3.xdfrm{max-height: 290px;color: #999;font-size: 12px;}
#form_shadow .box_setshad,#f_text .box_settext1,#f_text .box_settext2{display:none;}
#form_shadow .arrowshdw{float: right;clear:none;width: 28px;height: 28px;background-color: #ffffff;margin: 0 5px 0 0;border-radius: 50%;padding: 0px 0px 0px 1px;z-index: 1;position: relative;display: none;}
#form_shadow .arrowshdw:hover{background-color:#999; cursor:pointer;}
#form_shadow .arrowshdw.aktv{background-color: #ff9bbd;}
#form_shadow input,#contrast,#text_size1,#text_size2{
-webkit-transform: rotateY(180deg);
   -moz-transform: rotateY(180deg);
   -ms-transform: rotateY(180deg);
   -o-transform: rotateY(180deg);
   transform: rotateY(180deg);
}
#lphtcsintez{font-size:12px; color:#999;}
#form_shadow label.custom-control-label,#f_text label.custom-control-label{line-height:25px}
#form_shadow .arrowshdw1 img{-webkit-transform: rotate(147deg);-moz-transform: rotate(147deg);-ms-transform: rotate(147deg);-o-transform: rotate(147deg);transform: rotate(147deg);}
#form_shadow .arrowshdw2 img{-webkit-transform: rotate(221deg);-moz-transform: rotate(221deg);-ms-transform: rotate(221deg);-o-transform: rotate(221deg);transform: rotate(221deg);}
#form_shadow .arrowshdw3 img{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}
#form_shadow .arrowshdw4 img{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
#imagePIXprev:hover,#imagePIX2prev:hover,#imageInputprev:hover{cursor: pointer;}
#imagePIXprev img, #imagePIX2prev img, #imageInputprev img{margin: 10px 0px 10px 0px;border:1px solid #ced4da;width: 32px;float: left;background: #fff url('/q-art/img/av.png') center center no-repeat;}
#imageInputprev, #imagePIXprev{color:#999}
#imagePIXprev img,#imagePIX2prev img{background: url("/q-art/img/av2.png") center center no-repeat;}
#fonbgrbox,#fonbgrbox2{overflow: hidden;height: 57px;background-color:#EEE;overflow-x: scroll;max-width: 610px;padding: 5px 0 0 0;}
#fonbgrbox img:hover,#fonbgrbox2 img:hover{cursor:pointer;}
#fonbgrbox div,#fonbgrbox2 div{width: 1580px;float: left;}
#fill_logo{float: left;
clear: none;
margin: -1px -5px 0 5px;
width: 26px;
height: 26px;
border: none;}
#logo_stroke,#logo_stroke2, #holst_stroke{width: 110px;clear: both;float: left;padding: 2px;}
#text1_colortext,#text1_colorfon,#text2_colortext,#text2_colorfon,#logo_stroke_color, #logo_stroke_color2,#logo_fill_color2, #holst_stroke_color{clear: none; width:30px; height: 30px; margin: 0px 0 0 5px;border: none;}
#holst_stroke_color{margin: 38px 0 0 5px;}
#qloader{
    position: relative;
    z-index: 1;
    top: 11px;
    right: 6px;
    margin: 0 0 -20px 0;
    }




#icon_btn_all {
    background-color: #f3f3f3;
    padding: .5rem 0rem 0.2rem .5rem;
    margin: 0 0 .5rem 0;
    border-radius: 4px;
    border: 1px solid #DDD;
    width: 100%;
    float: left;
}
#icon_btn_all .papka {
    margin: -29px 0 0px 0;
    padding: 5px 5px 1px 5px;
    background-color: #cdd9e4;
    color: #696969;
    border: none;
    font-size: 11px;
}
#boxiconx{margin: 3px 0 0 0;max-height: 268px;float: left;overflow: hidden;overflow-y: auto;}
#icon_btn_all .papka{margin: -1px 0 8px 0;padding: 3px 5px 1px 5px;background-color: #cdd9e4;color: #696969;border: none;font-size: 11px;}
#icon_btn_all .papka.aktive{background-color:#F00;color: #FFF;}
#icon_btn_all .papka:hover{cursor:pointer; background-color:#ff8484; color:#FFF;}
#icon_btn_all svg,#icon_btn_all label img{width:32px;}
#icon_btn_all label{text-align:left;line-height: 32px;margin: 0 3px 3px 0 !important;float:left;clear:none;height: 50px;}
#icon_btn_all label input{position: relative;z-index: -1;width: 0px;height: 0px;}
#icon_btn_all svg{ width: 32px;}
#icon_btn_all svg:hover{fill:#F00;}

#logo_fill_color2{margin: 20px 10px 0 0;}
#logo_stroke_color2{margin: 20px 0 0 10px;}



#bTabQR{width: 450px !important;margin: 0 0px 0 0px !important;}

#f_text .box_settext1,#f_text .box_settext2{background-color: #EEE;border-radius: 4px;}
#shbln_txt div{ background-color: #ffffff;color:#FFF;float: left;margin: 0px 0px 10px 0px;padding: 10px 0px 7px 0px;z-index: 1;position: relative;}
#shbln_txt div:hover{cursor: pointer; border-bottom: 4px solid #89c7ff;}
#shbln_txt div img{width: 150px;}
#shbln_txt div.act_shbln{border-bottom: 4px solid #F00;}
#shbln_txt_box {height: 180px;overflow-x: auto;overflow-y: hidden;padding: 0px 0px 0px 0px; /*! background-color: #DCEDFF; */margin-top: -10px;background-color: #e3e3e3;}
#shbln_txt{width: 2850px;}
.uni{background-color: #bababa;color:#FFF;text-align: center;margin: 0px 1px 0px 5px;border-radius: 0 0 4px 4px;width: 323px;}
.uni span{margin:0 3px 0 0;font-size: 15px;}
.uni span:hover{cursor: pointer;color: #000000;}
.blur{filter: blur(2px);}

#holstcanvas,#holstcanvas_hid{width: 100%;height: auto;border:1px solid #999;border-radius: 6px;margin: 10px 0 0 0;}


#dragpaintpanel{position: fixed;
z-index: 23;
left: 10px;
top: 10px;
background-color: #DADADA;
box-shadow: 3px 4px 4px #0009;
/*! box-shadow: rgb(0 0 0 / 32%) 0px 0px 22px 1px; */
width: 323px;
border-radius: 10px;
}
#dragpaintpanel #em_menux{background-color: #000c;height: 26px;float: left;clear: both;width: 100%;margin: 0px 0 0 0;border-radius: 6px 6px 0 0;}
#dragpaintpanel #em_menux:hover{cursor:move}


#dragpaintpanel #em_menux div{text-align: center;background-color: #000;width: 28px;float: right;margin: 0px 0px 0px;}
#dragpaintpanel #em_menux div:hover{cursor:pointer; background-color:#F00}
#dragpaintpanel #em_menux span{font-size:16px;color: #FFF;float: right;padding: 0px 4px 2px 4px;background-color: #C90606;width: 30px;text-align: center;border-radius: 0 6px 0 0;}






#paint{border:1px solid #cecece;/*! margin: 20px 0 -10px 0; */background-color: #FFF;margin: 10px 10px 6px 10px;}
#dragpaintpanel .black,#dragpaintpanel .white{cursor: pointer;width:30px;height:30px;background:#000; border-radius: 50%;box-shadow: 1px 1px 3px #000;float: left;margin: 0 10px 0 0;}
#dragpaintpanel .white{background:#FFF;}
#dragpaintpanel .active{border:3px solid #F00;}
#size_paint{margin: 0px 0px 10px 0px;}
#pain_panel{background-color: #000c; padding: 10px 10px 15px 10px; margin-bottom: 0px;float: left;width: 100%;border-radius: 0 0 6px 6px;}
#alertprov{height: 20px;padding: 2px 0 4px 4px;line-height: 13px;margin: -5px 0 10px 0px;font-size: 12px;border-radius: 0px 0px 4px 4px;position: relative;z-index: 2;}
#alertprov:hover{cursor:pointer}
#qr.noaktv{filter: blur(5px) opacity(20%);z-index: 1;}
.ramka {
    position: relative;
    z-index: 1;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 5px 5px 12px 5px !important;
    display: flex;
    align-items: center;
    justify-content: center;  
    margin: 0px 0rem -10px 0rem !important;
}
.ramka::before {
    content: '';
    position: absolute;
    z-index: -2;
    left: -50%;
    top: -50%;
    width: 200%;
    height: 200%;
    background-color: #000000;
    background-repeat: no-repeat;
    background-size: 50% 50%, 50% 50%;
    background-position: 0 0, 100% 0, 100% 100%, 0 100%;
    background-image: linear-gradient(#BFE2FF, #BFE2FF), linear-gradient(#7babd8, #7babd8), linear-gradient(#BFE2FF, #BFE2FF), linear-gradient(#7babd8, #7babd8);
    animation: anim-ramka 4s linear infinite;
}
.ramka::after {
    content: '';
    position: absolute;
    z-index: -1;
    left: 6px;
    top: 6px;
    width: calc(100% - 12px);
    height: calc(100% - 12px);
    border-radius: 5px;
}
@keyframes anim-ramka {
    100% {
        transform: rotate(1turn);
    }
}



#proverkaQR{position: absolute; top:10px; left: 10px; z-index: 1234;}
#watermark{float:left; position: relative; z-index: 1; margin: 16px 0px -80px 18px; height: 50px; width: 225px;background-color: #0505051a;border-radius: 4px;padding: 0px 7px 0 0; }
#dataInputY{background-color: #fff;width: 38px;height: 38px;margin: -38px 0 0 -7px;border-radius: 0 5px 5px 0; border: 1px solid #ced4da;}
#dataInputY img{width: 25px;margin: 8px 0 0 -8.5px;}
#dataInputY:hover{cursor: pointer;}

.triangle{margin: -2px 0 20px 0;position: relative; width: 43px; height: 2px;  border-bottom: 1px dotted #000;}
.triangle2{margin: -2px 0 20px -21px;position: relative; width: 43px; height: 2px;  border-bottom: 1px dotted #000;left: 50%;}
.triangle-up {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 9px solid #232323;
    position: relative;
    top: -7px;
    left: 14px;
}


#qr_export,#qr_import{width: 240px;clear: both;}





/*#dform-dots-type2.xdfrm,#dform-dots-type3,#dform-dots-type{max-height: 1990px !important;}*/
#boxuX1 li a, #boxuX2 li a, #boxuX3 li a {
    padding: 3px 7px 2px 7px;
    color: #999;
    font-size: 12px;
}
#dwnld,#qr_print{width: 31px;margin: 0 10px 0px 0px;padding: 5px;background-color: #EEE;border-radius: 5px;/* filter: invert(1); */}
#dwnld{background-color: #b6ffc7;margin: 0px -66px 0px 0px;padding: 5px 75px 5px 5px;width: 101px;}
#dwnld2{
    color: #000;
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0px 0px 0px;
    float: left;
    user-select: none;
    }
#dwnld2:hover{cursor:pointer}
#dwnld:hover,#qr_print:hover,#qr_rashifr2:hover{cursor:pointer; background-color:#d5d5d5}
#boxsave{background-color: #EEE;padding: 10px;margin: 10px 0 0 0;display: none;}
#qr_download{
    border-radius: 0px 5px 5px 0;
    margin: 0 0 0 -2px;
}
#qr_export img,#qr_import img{width: 21px;margin: 0 10px 0 0;}
.help{
    color: #989898;
    font-size: 13px;
    margin: 22px 10px -1px 0;
    }
.help:hover{cursor:pointer; text-decoration:underline;}
.help.animated{background-color: #a7bed1d4;width: 22px;height: 22px;display: inline-block;border-radius:50%;text-align:center;color: #fff;font-size: 15px;clear:none;float: none;line-height: 21px;margin: 5px 0px -10px 5px;font-weight: 600;}
.help.animated:hover{text-decoration:none; background-color:#000}
#qr_rashifr2 img{width: 21px;margin: 0 6px 0px -3px;}
#qr_rashifr2{background-color: #EEE;border-color:#EEE;width: 105px;font-size: 11px;color: #000;line-height: 21px;}
#resetqr,#qr_random{width: 31px;}
#resetqr:hover,#qr_random:hover{cursor:pointer;}



#dform-dots-type::-webkit-scrollbar,#dform-dots-type2::-webkit-scrollbar,#dform-dots-type3::-webkit-scrollbar{width: 5px;}
#dform-dots-type::-webkit-scrollbar-track,#dform-dots-type2::-webkit-scrollbar-track,#dform-dots-type3::-webkit-scrollbar-track {background: #EEE; border: 1px solid transparent;  background-clip: content-box;}
#dform-dots-type::-webkit-scrollbar-thumb,#dform-dots-type2::-webkit-scrollbar-thumb,#dform-dots-type3::-webkit-scrollbar-thumb { background:#999;}

#boxu::-webkit-scrollbar {height: 5px;}
#boxu::-webkit-scrollbar-track {background: #EEE; border: 1px solid transparent;  background-clip: content-box;}
#boxu::-webkit-scrollbar-thumb { background:#999;}
#boxu{width: 92%;margin: 0px 0px 0px 15px;padding: 0px 0px 5px 0px;max-width: 100%;overflow: hidden;overflow-x: auto;}
#boxu:hover{overflow-x: auto !important;}
#miskin,#miskin2{ overflow: hidden;
    height: 108px;
    background-color: #EEE;
    overflow-x: scroll;
    max-width: 610px;
    padding: 10px 0 0 10px;}
#miskin img,#miskin2 img,.skin_b,#bblcnt img{width: 79px; margin: 0 4px 4px 0; border: 2px solid #FFF; /* padding:2px; */border-radius: 4px;}
#miskin img.sknakt,#miskin2 img.sknakt,.skin_b.sknakt,#bblcnt img.sknakt{cursor:pointer; border-color:#F00;}
#miskin img:hover,#miskin2 img:hover,.skin_b:hover,#bblcnt img:hover{cursor:pointer; border-color:#679c5d;}
#miskin div,#miskin2 div{width: 1580px;float: left;}
.skin_b{ border: 2px solid #cdd9e4;width: 51px;}
#bblcnt img{width:70px;}
#bblcnt{  margin:10px 0 0 0;overflow: hidden;
    
    background-color: #EEE;
    overflow-x: scroll;
    max-width: 610px;
    }
#bblcnt div {
    width: 1580px;
    float: left;
}
#miskin2 img{float:left}
#miskin2 b{float:left;margin: 81px 0 0px -64px;color: #999; font-size:10px;font-weight: 100;}
#miskin2 b:hover{cursor:pointer; text-decoration:underline;}
#miskin2{height:120px}

#size_qrq,#qrtypeNumberq{margin: -14px 7px -30px 0; float:right; color: #fff; font-size: 11px; background-color: #ced4da; padding: 1px 4px 1px 4px; border-radius:6px}
#recall{font-size:10px; padding:2px 6px;border-radius:20px;margin: 3px 0 -10px 0;position: relative;}