#imgList{display:flex;justify-content:space-evenly;padding:0px;flex-wrap:wrap;padding:10px 0}.thumb{max-width:98%;max-height:98%;height:auto;width:auto;padding:1%}ul.thumb-Images li{width:30%;display:inline-block;cursor:default;margin-bottom:10px}.img-wrap{position:relative;display:inline-block;border:2px solid #3c77a2;border-top-right-radius:3px;border-top-left-radius:3px}.backinfoimg{background:#3c77a2;border:4px solid #3c77a2;width:calc(100% - 4px);position:relative;top:-5px;color:white}.img-wrap,.img-wrap center{height:115px;width:100%}.img-wrap center{height:100%;width:100%;flex-wrap:wrap;display:flex;align-content:space-around;justify-content:center}.img-wrap .close,.draggable .close,.rotate{position:absolute;top:2px;right:0.3vw;z-index:1;background-color:white;padding:5px 4px 5px;color:#000;font-weight:bolder;cursor:pointer;opacity:.9;font-size:20px;line-height:9px;border-radius:50%}.img-wrap:hover .close,.draggable:hover .close{opacity:1;background-color:#3c77a2;color:white}.othertxtimg{font-size:12px;overflow:hidden}.messages{color:var(--pcolor);margin:12px}@media only screen and (max-width:900px){.widandssd{font-size:14px;margin-bottom:15px}.widandssd input{width:40px!important}.widandhigh>div:first-child span{font-size:14px;margin-left:4px!important;padding:5px!important}span.dimentyp,span.dpidim{padding:0px 4px}.widandhigh{margin:0px 3px 4px 5px!important;margin-top:15px!important;font-size:14px}.widandhigh>div{text-align:center}ul.thumb-Images li{width:45%!important;margin-bottom:40px}}.cropimg,span.rszpexl,.remback{background:#3c77a2;color:white;padding:0px 6px;border-radius:10px;position:absolute;top:2px;left:2px;display:inline-block;font-size:12px;padding-bottom:4px;cursor:pointer}.cropimg{top:30px}.cropimg:hover,span.rszpexl:hover{background:#4956a5}#resizeimagedone{display:none}.imgdimnst{position:absolute;right:-3px;background:#ffffff;padding:4px 8px;color:#424242;border-radius:3px;top:-13px;font-size:13px;border-bottom-right-radius:0;border:1px solid #e1e1e1}.imgdimnst span.active{background:#d9d9d9;color:#000000}.imgdimnst span{padding:2px 6px;border-radius:20px}.cropimg img,span.rszpexl img,.remback img{width:16px;position:relative;top:3px}.croppopus,.xpopcontainer{position:absolute;box-shadow:rgba(149,157,165,.2) 0 8px 24px;border-radius:10px;background:#fff;inset:0;width:100%;z-index:1}.widandhigh{margin:20px;flex-direction:column;margin-top:32px}.widandssd{margin-top:5px;color:#484848;display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.widandssd>div label{margin-right:2px}.widandssd input{width:65px;height:20px;outline:none;padding-left:5px}span.dimentyp,span.dpidim{background:#4956a5;margin-left:-2px;padding:5px 8px;color:#fff;font-size:14px}span.dpidim{background:#009688}.widandhigh>div:first-child span{padding:5px 10px;border-radius:20px;background:#eeeeff;margin-left:8px;color:#4c4c4c;cursor:pointer;margin-top:8px;display:inline-block}.widandhigh>div:first-child span.active{background:#4956a5;color:white}.croppopus .close,.xpopcontainer .close{background:var(--scolor);color:#fff;font-size:27px;position:absolute;top:10px;right:10px;z-index:1;border-radius:3px;cursor:pointer;width:28px;height:28px;text-align:center;line-height:28px}.image_container{width:96%;height:45vh;margin-left:2%;margin-top:50px}.image_container img{max-width:100%;max-height:100%}.sliderrg{display:flex;flex-flow:column;align-items:center}.sliderrg input{width:70vw;max-width:300px;margin-top:8px}.canclebtn{background:var(--scolor)}.img_cp_btns{display:flex;justify-content:center;margin-top:10px}.img_cp_btns button{margin:10px}.FileNameCaptionStyle{display:inline-block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px;width:100%}