.upload_image_main_div{
       height:120px;
       width:120px;
       border:1px dashed #EEEEF2;
       border-radius:10px;
       font-family: Tahoma;
       /*margin:10px;*/
       
   }
   .upload_image_main_div .image_file_input{
       height:0px;
       width:0px;
       z-index:9999;
       position:absolute;
       top:50%;
       left:30%;
       transform:translate(-50%,-50%);
       /*opacity:0;*/
   }    
   .upload_image_main_div.bg-image-div{
       
       cursor:pointer;
   }
   .upload_image_main_div .empty_image_div:hover{
       border:1px dashed blue;
   }
   .upload_image_main_div .empty_image_div{
       height:100%;
       width:100%;
       display:flex;
       gap:10px;
       align-items:center;
       justify-content:center;
       flex-direction:column;
       box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
       margin:0!important;
       border-radius:10px;
   }
   .upload_image_main_div .empty_image_none{
       display:none!important;
   }
   .upload_image_main_div .upload_preview_div{
       position:relative;
       top: 0;
       width:100%;
       height:100%;
       border:1px dashed black;
       border-radius:10px;
   }
   .upload_image_main_div .upload_preview_div_none{
       display:none;
   }
   .upload_image_main_div .preview_image_div_box_img{
       position:absolute;
       top:50%;
       left:50%;
       transform:translate(-50%,-50%);
       width:auto;
       max-width:90%;
       max-height:90%;
   }
   .upload_image_main_div .upload_img_control{
       position:absolute;
       top:50%;
       left:50%;
       transform:translate(-50%,-50%);
       width:90%;
       height:90%;
       background:rgba(0,0,0,.7);
       display:none;
   }
   .upload_image_main_div:hover .upload_img_control{
       display:flex;
   }
   .upload_img_control{
       display:flex;
       align-items:center;
       justify-content:center;
       gap:15px;
       color:#fff;
       font-size:18px;
       opacity:.7;
   }
   /*preview*/
   .image_preview{
	 position: fixed;
	 top: 50%;
	 left: 50%;
	 transform:translate(-50%,-50%);
	 height: 100vh;
	 width: 100vw;
	 background: rgba(0,0,0,.9);
	 box-shadow: 0px 0px 5px 1px lightgray;
	 z-index: 99999999;
	 overflow: hidden;
	 display: none;
	 font-family: Tahoma;
 }
 .image_preview div{
	 height: 100vh;
	 width: 100%;
	 position: relative;
	 margin:auto;
	 

 }
 .image_preview img{
	 width: auto;
	 max-width:95vw;
	 height: auto;
	 max-height:95vh;
	 position: absolute;
	 top: 50%!important;
	 left:50%!important;
	 transform:translate(-50%,-50%)!important;
	 z-index: 999999999;
 }
 .image_preview p{
    position:fixed;
    top:30px;
    right:30px;
	 display:flex;
	 align-items:center;
	 justify-content:center;
	 height:50px;
	 width:50px;
	 background: rgb(255,255,255);
	 border-radius:50%;
	 text-align: center;
	 color: #000;
	 font-size: 25px;
	 transition: .3s;
	 cursor: pointer;
	 box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
	 z-index: 9999999999;
 }
 img{
	 cursor: pointer;
 }
 .image_preview p:hover{
	 background: #e8524a;
	 color:#fff;
	 transition: .3s;
 }
 @media only screen and (max-width:700px){
     .image_preview img{
	 width: 90%;
	 top:80px;
	 height: auto;
	 position: absolute;
	 
 }
 }