.assetsContainer{
 display:none;
 
 
 
 
 
 
 
 padding:var(--image-upload-container-padding)
 
 
}

.upload-btn-wrapper{
 position:relative;
 
 display:inline-block;
}

.upload-btn-wrapper input[type=file]{
 font-size:100px;
 position:absolute;
 left:0;
 top:0;
 opacity:0;
}

.imageAttachment{
 
 min-width:var(--Image-min-width);
 min-height:var(--Image-min-height);
 max-width:var(--Image-max-width);
 max-height:var(--Image-max-height);
 border-radius:var(--Image-border-radius);
}

.imageSentAttachment{
 
 min-width:var(--Image-min-width);
 min-height:var(--Image-min-height);
 max-width:var(--Image-max-width);
 max-height:var(--Image-max-height);
 border-radius:var(--Image-border-radius) !important;
}

.btn-group{
 width:var(--Image-buttons-group-width);
 padding:var(--Image-buttons-group-padding);
 gap:var(--Image-buttons-group-gap);
}

h4{
 color:var(--white-color);
}

.imageConfirmationMsg{
 color:var(--Image-confirmation-message-color) !important;
 font-size:var(--Image-confirmation-message-size);
}

.btn-primary{
 background:var(--image-confirm-send-button-background) !important;
 border:var(--image-confirm-send-button-border) !important;
 color:var(--image-confirm-send-button-color) !important;
}

.btn-danger{
 background:var(--image-cancel-button-background) !important;
 border:var(--image-cancel-button-border) !important;
 color:var(--image-cancel-button-color) !important;
}

.attachmentBtnContainer{
 display:var(--footer-attachment-button-show-hide);
 
 color:var(--footer-attachment-button-color);
 border-radius:var(--footer-attachment-button-border-radius);
 width:var(--footer-attachment-button-width);
 height:var(--footer-attachment-button-height);
 position:absolute;
 right:var(--footer-attachment-button-horizontal-position);
 bottom:var(--footer-attachment-button-vertical-position);
}












.attachmentBtn{
 border-radius:var(--footer-button-btn-radius);
 width:var(--footer-button-btn-width);
 height:var(--footer-button-btn-height);
 
}
.noAttachmentBtn{
 border-radius:var(--footer-button-btn-radius);
 width:var(--footer-button-btn-width);
 height:var(--footer-button-btn-height);
 
}

.DownloadAttachmentContainer{
 display:flex;
 flex-direction:column;
 align-content:center;
 justify-content:center;
 align-items:center;
 flex-wrap:nowrap;
}

.imgRecieved{
 min-width:160px !important;
 height:auto !important;
 max-height:200px !important;
 padding:5% !important;
 margin-top:0 !important;
 border-radius:0 !important;
 background:transparent !important;
 border:none !important;
 box-shadow:none !important;
}

.upload-btn-wrapper input[type=file]{
 width:100%;
 height:100%;
}

.downloadImgBtn{
 
 background:var(--main-color) !important;
 border:var(--main-color) !important;
 color:var(--white-color) !important;
}