* {margin:0; padding:0;}
	html,body {
		width:100%;
		height:100%;

	/*font-size:13px;*/
		/*overflow:hidden;*/
		scrollbar-width:thin; /* \"auto\" or \"thin\" */
		scrollbar-color:#FF0033 grey;	/*#C69500*/ /*blue orange*/;	/* scroll thumb and track */
		scroll-behavior:smooth;
	}

body {
    font-family:Arial, Helvetica, sans-serif;
    width:350px /*400px*/ /*600px*/;
}

	/*CONTACT FORM STYLE*/
.attachment-form-container {
    background:rgba(240,240,240,0.80) /*#F0F0F0*/;
    border:#e0dfdf 1px solid;
    padding:7px /*20px*/;
    border-radius:12px /*2px*/;
}

.input-row {
    margin-bottom:7px /*20px*/;
    width:95%;
}

.attachment-row {
    margin-bottom:7px /*20px*/;
    width:95%;
    float:left;
}

.icon-add-more-attachment {
    float:right;
    margin-top:7px;
    cursor:pointer;
}

.attachment-row .input-field {
    border:#a8b0bd 1px solid;
}

.input-field {
    width:100%;
    border-radius:2px;
    padding:7px /*10px*/;
    border:#e0dfdf 1px solid;
    box-sizing:border-box;
}

.span-field {
    font:Arial;
    font-size:small;
    text-decoration:none;
}

.btn-submit {
    padding:7px /*10px 20px*/;
    background:#FF3300 /*#333*/;
    border:#1d1d1d 1px solid;
    color:#f0f0f0;
    font-size:0.9em;
    width:100px;
    border-radius:2px;
    cursor:pointer;
}

.errorMessage {
    background-color:#FF6600;
    border:#AA4502 1px solid;
    padding:5px 10px;
    color:#FFFFFF;
    border-radius:3px;
}

.successMessage {
    background-color:#9fd2a1;
    border:#91bf93 1px solid;
    padding:5px 10px;
    color:#3d503d;
    border-radius:3px;
    cursor:pointer;
    font-size:0.9em;
}

.info {
    font-size:.8em;
    color:#FF6600;
    letter-spacing:2px;
    padding-left:5px;
}