form input{
	width:100%;
	height:100%;
        max-width: 100%;
        background: pink;
        margin: 0 auto;
	contain:inline-size;
}

.displaybox {
    position:absolute;
    display:inline;
    top:60px;
    width:calc(100% - 60px);
    max-width:calc(100% - 60px);
    overflow-x:auto;
    overflow-y:hidden;
    border:3px inset;
    border-radius:10px;
}

.ajax-file-upload-statusbar {
    display:block;
    align-items:center;
    justify-content:center;
    margin-top: 10px;
    margin-left:15px;
    margin-right:15px;
    padding: 1px 5px 5px 15px;
    font-size:88%;
    float:left;
    padding-right:15px;
}

.ajax-file-upload .ajax-file-upload-selectfiles button { width:100px;position:relative;left:40px;top:-140px;}
.ajax-file-upload-filename { width: 100%; height: 15px; position:inherit;margin-bottom:3px;font-weight:bold;text-align:center;}

.ajax-file-upload-filesize {
    width: 50px;
    height: auto;
    margin: 0 5px 5px 0px;
    display: inline-block;
    vertical-align:middle;
}

.ajax-file-upload-progress {
    margin: 5px 10px 5px 10px;
    position: relative;
    width: 67.1%;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 3px;
    display: inline-block;
    color:#FFFFFF;
    display: none;
}

.ajax-file-upload-bar {
    background-color: #0ba1b5;
    width: 60%;
    height: 20px;
    border-radius: 3px;
    color:#FFFFFF;
}

.ajax-file-upload-percent { position: absolute; display: inline-block; top: 3px; left: 48% }
.ajax-file-upload-red {
    -moz-box-shadow: inset 0 39px 0 -24px #e67a73;
    -webkit-box-shadow: inset 0 39px 0 -24px #e67a73;
    box-shadow: inset 0 39px 0 -24px #e67a73;
    background-color: #e4685d;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    text-decoration: none;
    text-shadow: 0 1px 0 #b23e35;
    cursor: pointer;
    padding: 4px 15px;
    vertical-align: top;
    margin: 5px 10px 5px 10px;
}

.ajax-file-upload-green {
    background-color: #77b55a;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border:3px solid green;
    border-radius: 4px;
    margin: 2px 0px 2px 0px;
    padding: 4px 15px;
    display: inline-block;
    color: #fff;
    font-family: arial;
    font-size: 13px;
    font-weight: normal;
    padding: 4px 15px;
    text-decoration: none;
    cursor: pointer;
    text-shadow: 0 1px 0 #5b8a3c;
    vertical-align: top;
    margin: 5px 10px 5px 0px;
    display: none;
}

.ajax-file-upload button {background:#fff;color:#2f8ab9;padding:4px 8px;margin:auto;border-radius:4px;border:1px solid #2f8ab9;}

.ajax-file-upload:hover {
    background: #3396c9;
    -moz-box-shadow: 0 2px 0 0 #15719f;
    -webkit-box-shadow: 0 2px 0 0 #15719f;
    box-shadow: 0 2px 0 0 #15719f;
}

.ajax-upload-dragdrop
{
    border:2px dotted #A5A5C7;
    width:420px;
    width:100%;
    height:calc(100% - 0px);
    color: #DADCE3;
    text-align:left;
    vertical-align:middle;
    padding:10px 10px 0px 10px;
}

.state-hover { border:2px solid #A5A5C7; }
.ajax-file-upload-container { margin:20px 0px 20px 0px; }

//  Custom settings
.ajax-file-upload-error { margin-top:4px; }
//.ajax-file-upload-cancel { position:inherit;float:left; margin-right:0.65em;margin-bottom:45px; }
.ajax-file-upload-green { position:inherit;float:right; margin-right:0.65em;margin-bottom:45px;display:none; }
.ajax-file-upload-cancel { position:inherit;text-align:center;;margin-bottom:45px; }

.ajax-file-upload-save { float:left; margin-left:0.65em; }
.ajax-file-upload-save { position:absolute;bottom:5px;left:5px; }

.extrahtml { display:block;position:inherit;margin-top:10px;margin-left:9;height:120px;width:97%;border:1px solid red;}
#progressbar .extrahtml textarea { position:inherit;height:100%;width:100%}
.ajax-file-upload-preview { max-height:70%;padding:12px; width:100%;}
#progressbar { 
    position:absolute;
    top:40px;
    width:calc(100% - 20px);
    height:calc(100% - 125px); 
    padding:8px 14px 8px 14px;
    overflow-y:auto;
}
.upload_workbutton {position:absolute;bottom:45;left:200;right:200;text-align:center;}
.upload_workbutton button {border:1px solid #003eff;border-radius:3px;padding:3px 12px 3px 12px;background:#007fff;color:#fff;}
#progressbar textarea.required {background:#fffccc;margin-top:3px;}
#progressbar textarea.error {background:#f9a7b0;margin-top:3px;}

.#uploadbutton { display:inline-block; }
#filetransfer_acc #uploadbox { position:absolute; top:5px; left:15px;right:15px;bottom:0px;background:inherit;display:block;}
#filetransfer_acc .ui-tab { padding:0;font-size:90%; } 
#filetransfer_acc .ui-tabs-nav { padding:0;font-size:90%; } 

.ajax-file-upload button {background:#fff;color:#2f8ab9;padding:4px 8px;margin:auto;border-radius:4px;border:1px solid #2f8ab9;}

#filetransfer_acc .ajax-file-upload { 
                  position:absolute;
		  display:block;
		  top:0;
		  left:0;
		  right:0;
		  height:36px;
	          background:#fff;
	          color:#2f8ab9;
		  padding:4px 8px;
	          border-radius:4px;
	          border:1px solid #2f8ab9;
}
#upload {position:absolute;top:9;right:15;padding:4px 8px;background:#fff;color:#2f9ab0;border:1px solid #2f9ab0;border-radius:4px;z-index:4000;}
#select_files {position:absolute;top:7;left:15;padding:4px 8px;background:#fff;color:#2f9ab0;border:1px solid #2f9ab0;border-radius:4px;}
#filetransfer_acc label {margin-right:1em;}
#filetransfer_acc #uploadbox .ajax-file-upload-error { width:800px; margin-left:1em;margin-top:0.4em;color:red;}
#filetransfer_acc .uploader .workbox { width:100%;height:calc(100% - 12px);}
#filetransfer_acc #displayborder {
    position:absolute;
    top:0;
    bottom:10;
    bottom:0;
    width:calc(100% - 34px);
    border:3px inset;
    padding:4px;
    margin-left:10px;
    margin-top:5px;
    overflow-y:auto;
    overflow-x:hidden;
    display:inline-block;
}
#filetransfer_acc #fileupload {
    position:absolute;
    top:0;
    bottom:0;left:0;right:0;}
}
#progressbar {height:25px;}
#filetransfer_acc .uploadbutton {position:absolute;bottom:15;width:40px;margin:auto;}
#filetransfer_acc #filedisplay {position:absolute;top:5;left:0;right:0;bottom:0;padding:4px;display:inline-block;overflow:auto;}
#filetransfer_acc .base { position:absolute;top:40;bottom:8;left:0;right:0;}
#filetransfer_acc .filelist {
    display:inline-block;
    margin-left:0.4em;
    margin-right:0.6em;
    margin-top:12px;
    height:300px;
    width:270px;
    text-align:center;
    padding:4px;
    border:1px inset ;
    border: 1px solid #0ba1b5;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    padding: 5px 8px 5px 8px;
}
#filetransfer_acc {
    position:absolute;
    top:5;
    bottom:28;
    left:5;
    right:0;
}
#filetransfer_acc .filelist .image {margin:auto;width:270px;height:172px;text-align:center;}
#filetransfer_acc .filelist .name {width:100%;height:22px;overflow:hidden;margin-top:12px;display:inline;margin-bottom:5px;}
#filetransfer_acc .filelist .desc {
    width:calc(100% - 12px);
    height:65px;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid #a9a9a9;
    text-align:left;
    padding:6px;
 }
.pupdisplay {
    position:absolute;
    top:40;
    left:20;
    right:20;
    bottom:20;
    background:white;
    border:2px solid gray;
    border-radius:4px;
    z-index:1000;
    min-height:300px;
    background:white;
}

.pupdisplay .exit { position:absolute; top:6; right:10; width:80px; height:22px; border:3px outset #007fff; border-radius:3px; color:#fff; text-align:center; background:#007fff; }
.pupdisplay .dl {
    position:absolute;
    top:6;
    right:100;
    top:1;
    right:2;
    left:2;
    height:35px;
    text-align:center;
    border:3px outset #007fff;
    border-radius:4px;
    text-align:center;
    background:white;
}

.pupdisplay .dl .work href { border:1px solid red;}
#filetransfer_acc .myupload div    {position:absolute;bottom:-18px;height:40px;width:100%;text-align:center;border:1px solid red;}
#filetransfer_acc .myupload button {text-align:center;background:#007fff;color:#fff;}
.pupdisplay .work {position:absolute;top:40;right:3;left:3;height:calc(100% - 90px);}
.pupdisplay button {position:absolute;top:4;width:100px;height:28px;color:#fff;background:#007fff;border:3px outset #007fff;text-align:center;border-radius:4px;}
.pupdisplay .exit { position:absolute; top:4; right:10; width:80px; height:22px; border:3px outset #007fff; border-radius:4px; color:#fff; text-align:center; background:#007fff; }
.ajax-upload-dragdrop { position:absolute;top:50;left:40;right:40;height:calc(100% - 4px);border:2px solid red;}
