.kofileUpload {border:dashed 2px #00AD8C; text-align: center; position: relative; height:60px; background: transparent; margin:15px 0; -webkit-transition:background 300ms ease; -o-transition:background 300ms ease; transition:background 300ms ease;}
.kofileUpload.is-dragover {background: #eee;}
.kofileUpload--label {position: absolute; left:0; top:0; width:100%; height:100%; margin:0; display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center; padding:20px; cursor: pointer;}
.kofileUpload--label:hover strong {text-decoration: underline;}
.kofileUpload--file {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute; z-index: -1;}

.kofileUploadAtt {margin:15px 0 20px;}
.kofileUploadAtt--row {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; border-bottom:solid 1px #00AD8C; height:42px;}
.kofileUploadAtt--row + .kofileUploadAtt--row {margin-top:10px;}
.kofileUploadAtt--row > div:first-child {width:calc(100% - 320px); padding-right:20px;}
.kofileUploadAtt--row > div.uploadProgress, .kofileUploadAtt--row > div.kofileTypeSelect {width:320px;}
.kofileUploadAtt.no-type .kofileUploadAtt--row > div:first-child {width:calc(100% - 24px); padding-right:20px;}

.kofileUploadAtt--info {display:-webkit-box;display:-ms-flexbox;display:flex; -webkit-box-align:center; -ms-flex-align:center; align-items:center; position: relative;}
.kofileUploadAtt--info-icon {width:20px;}
.kofileUploadAtt--info-icon img {width:100%;}
.kofileUploadAtt--info-name {width:calc(100% - 20px); padding:0 20px; color:#00AD8C; white-space:nowrap; -o-text-overflow:ellipsis; text-overflow:ellipsis; overflow:hidden;}
.kofileUploadAtt--info-remove {position: absolute; right:0; top:0; padding:0; height:100%; border:none; outline:none!important; background:none; line-height:0;}
.kofileUploadAtt--info-view { color:#00AD8C; cursor: pointer; width: 32px; height: 32px; }
.kofileUploadAtt--info-view i { font-size: 32px !important; }
.kofileUploadAtt--info-name a[ref="file-link"]:hover { text-decoration: underline; cursor: pointer; }

.koSelectContainer {border:solid 1px #00AD8C; position: relative; margin-bottom: -1px; padding-right:40px;}
.koSelectContainer:after {content:""; position: absolute; right:0; top:0; height:100%; width:40px; background:url(../images/icon-arrow-down.svg) no-repeat center #00AD8C; pointer-events:none;}
.koSelectContainer select {width:calc(100% + 40px); height:40px; padding:5px 0 5px 15px; border:none; background:transparent; cursor: pointer; outline:none!important;}

.uploadProgress { height:36px; background-color:#3ca082; padding:5px;}
.uploadProgress>div { height:26px; background-color:white; text-align:right; padding-right: 3px;padding-top: 2px; }