#saModal_overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.75);
    left: 0;
    top: 0;
    z-index: 9000;
}

#saModal_modal {
    font-family: "Arial","Helvetica", san-serif;
    position: fixed;
    width: 600px;
    height: 400px;
    background-color: #dedede;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    box-sizing: border-box;
    padding: 20px;
    z-index: 9001;
    border-radius: 10px;
}

#saModal_closeButton {
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
    font-size: 18px;
    line-height: 0;
}

#saModal_contentWrap {
    display: flex;
    flex-direction: column;
    height: 100%;
}

#saModal_contentWrap.upload .saModal_content::after {
    position: absolute;
    content: " ";
    background-image: url("data:image/png;base64,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");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    opacity: 0.25;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.saModal_content {
    height: 100%;
    position: relative;
    flex: 1 auto;
}

#sa_formControl {
    border-top: 1px solid #cccccc;
    padding-top: 10px;
}

#saModal_contentWrap.uploadProgress{
	position: relative;
}

#saModal_contentWrap.uploadProgress #saModal_content{
	background-color: #ffffff;
	padding:10px;
	overflow-y: scroll;
}

.saModal_progessWrap{
	border: 1px solid #ccc;
	height: 15px;
	position: relative;
	width: 100%;
}

.saModal_progess{
    background-color: #80BD28;
    height: 100%;
    width:0;
}

.saModal_progess.error{
    background-color: red;
    width: 100%;
}

.sa_fileProgressWrap{
	margin-bottom: 10px; 
	font-size: 11px;
}

#sa_formStatusMessage{
	background-color: #D9EBBF;
	border:1px solid #80BD28;
	padding:10px;
    margin-bottom: 5px;
}

#sa_formStatusMessage.error{
	background-color: #f2dede;
    border:1px solid red;
    color: red;
}