input[type=file]{width:1px !important;height:1px !important;opacity:0 !important;overflow:hidden !important;position:absolute !important;z-index:-1 !important}.fI{position:relative;border:solid 3px #2196f3;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;padding:24px 16px 16px 16px;margin-top:24px;perspective:100vw;min-width:311px;cursor:default}.fILabel{position:absolute;top:-16px;left:16px;z-index:2;font-size:14px;font-weight:600;display:inline-block;width:auto;padding:0 10px 0 10px;line-height:2;background-color:#2196f3;color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.fIMessage{position:absolute;top:-16px;right:16px;z-index:2;font-size:11px;display:inline-block;width:auto;padding:0 10px 0 10px;line-height:2;background-color:#fff;border:solid 3px #2196f3;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;opacity:0;font-weight:600;transform-origin:50% 50% 0;-webkit-transform:scaleY(0);-moz-transform:scaleY(0);-ms-transform:scaleY(0);-o-transform:scaleY(0);transform:scaleY(0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fIMessage.Info{color:#2196f3}.fIMessage.Warning{color:#f39c12}.fIMessage.Success{color:#4caf50}.fIMessage.Error{color:#e74c3c}.fIMessage.Show{opacity:1;-webkit-transform:scaleY(1);-moz-transform:scaleY(1);-ms-transform:scaleY(1);-o-transform:scaleY(1);transform:scaleY(1)}.fIDropZone{display:block;position:absolute;top:-3px;left:-3px;width:100%;height:100%;text-align:center;color:#9e9e9e;background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2),rgba(150,150,150,0.2) 10px,rgba(150,150,150,0.1) 10px,rgba(150,150,150,0.1) 20px);border:dashed 3px #2196f3;border-spacing:10px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;z-index:1;-webkit-animation:fIDropZoneAnimation 1s infinite;-o-animation:fIDropZoneAnimation 1s infinite;animation:fIDropZoneAnimation 1s infinite;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}@keyframes fIDropZoneAnimation{0{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2),rgba(150,150,150,0.2) 10px,rgba(150,150,150,0.1) 10px,rgba(150,150,150,0.1) 20px)}5%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 1px,rgba(150,150,150,0.2) 11px,rgba(150,150,150,0.1) 11px,rgba(150,150,150,0.1) 21px)}10%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 2px,rgba(150,150,150,0.2) 12px,rgba(150,150,150,0.1) 12px,rgba(150,150,150,0.1) 22px)}15%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 3px,rgba(150,150,150,0.2) 13px,rgba(150,150,150,0.1) 13px,rgba(150,150,150,0.1) 23px)}20%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 4px,rgba(150,150,150,0.2) 14px,rgba(150,150,150,0.1) 14px,rgba(150,150,150,0.1) 24px)}25%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 5px,rgba(150,150,150,0.2) 15px,rgba(150,150,150,0.1) 15px,rgba(150,150,150,0.1) 25px)}30%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 6px,rgba(150,150,150,0.2) 16px,rgba(150,150,150,0.1) 16px,rgba(150,150,150,0.1) 26px)}35%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 7px,rgba(150,150,150,0.2) 17px,rgba(150,150,150,0.1) 17px,rgba(150,150,150,0.1) 27px)}40%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 8px,rgba(150,150,150,0.2) 18px,rgba(150,150,150,0.1) 18px,rgba(150,150,150,0.1) 28px)}45%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 9px,rgba(150,150,150,0.2) 19px,rgba(150,150,150,0.1) 19px,rgba(150,150,150,0.1) 29px)}50%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 10px,rgba(150,150,150,0.2) 20px,rgba(150,150,150,0.1) 20px,rgba(150,150,150,0.1) 30px)}55%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 11px,rgba(150,150,150,0.2) 21px,rgba(150,150,150,0.1) 21px,rgba(150,150,150,0.1) 31px)}60%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 12px,rgba(150,150,150,0.2) 22px,rgba(150,150,150,0.1) 22px,rgba(150,150,150,0.1) 32px)}65%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 13px,rgba(150,150,150,0.2) 23px,rgba(150,150,150,0.1) 23px,rgba(150,150,150,0.1) 33px)}70%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 14px,rgba(150,150,150,0.2) 24px,rgba(150,150,150,0.1) 24px,rgba(150,150,150,0.1) 34px)}75%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 15px,rgba(150,150,150,0.2) 25px,rgba(150,150,150,0.1) 25px,rgba(150,150,150,0.1) 35px)}80%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 16px,rgba(150,150,150,0.2) 26px,rgba(150,150,150,0.1) 26px,rgba(150,150,150,0.1) 36px)}85%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 17px,rgba(150,150,150,0.2) 27px,rgba(150,150,150,0.1) 27px,rgba(150,150,150,0.1) 37px)}90%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 18px,rgba(150,150,150,0.2) 28px,rgba(150,150,150,0.1) 28px,rgba(150,150,150,0.1) 38px)}95%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 19px,rgba(150,150,150,0.2) 29px,rgba(150,150,150,0.1) 29px,rgba(150,150,150,0.1) 39px)}100%{background:rgba(255,255,255,0.7) repeating-linear-gradient(45deg,rgba(150,150,150,0.2) 20px,rgba(150,150,150,0.2) 30px,rgba(150,150,150,0.1) 30px,rgba(150,150,150,0.1) 40px)}}.fIDropZone.Hide{opacity:0;z-index:0;-webkit-animation:none;-o-animation:none;animation:none}.fIDropZone.Hover{opacity:1 !important;border-color:#2196f3}.fIDropZone h1{display:block;position:relative;top:50%;transform:translateY(-50%);font-size:26px;text-transform:capitalize;margin:0;padding:0}.fIDropZone span{position:relative;top:1px;margin-right:5px}.fIButton{outline:0;display:inline-block;position:relative;top:0;left:0;margin:0;padding:0;font-size:16px;line-height:1;color:#fff;background-color:#2196f3;border:0;border-bottom:3px solid #1565c0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;overflow:hidden;cursor:pointer;float:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-moz-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-o-transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.fIButton.Disabled{cursor:default;opacity:.67}.fIRemoveAllButton{background-color:#f44336;border-color:#c62828}.fIUploadButton{background-color:#4caf50;border-color:#2e7d32;float:right}.fIButton span{position:relative}.fIButtonIcon{margin:-1px 0 0 0;padding:13px 11px 11px 11px;border-right:solid 1px;background-color:#1e88e5;border-color:#1565c0;-webkit-transition:background-color .2s ease-in-out,border-color .2s ease-in-out;-moz-transition:background-color .2s ease-in-out,border-color .2s ease-in-out;-ms-transition:background-color .2s ease-in-out,border-color .2s ease-in-out;-o-transition:background-color .2s ease-in-out,border-color .2s ease-in-out;transition:background-color .2s ease-in-out,border-color .2s ease-in-out}.fIButtonText{top:-1px;padding:11px 11px 11px 8px;font-weight:600}.fIRemoveAllButton .fIButtonIcon{background-color:#e53935;border-color:#c62828}.fIRemoveAllButton.Hide,.fIRetryAllButton.Hide,.fIToggleButton.Hide{cursor:default;opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}.fIRemoveAllButton,.fIRetryAllButton,.fIToggleButton{margin-left:16px}.fIToggleButton .fIButtonIcon{border:0}.fIUploadButton .fIButtonIcon{background-color:#43a047;border-color:#2e7d32}.fIButton .badge{margin:-6px 11px 0 -3px;background-color:#1565c0;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fIUploadButton .badge{background-color:#2e7d32}.fIButton .badge.Hide{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}.fIButton:hover{background-color:#42a5f5;border-color:#1976d2}.fIButton:hover .fIButtonIcon{background-color:#2196f3;border-color:#1976d2}.fIRemoveAllButton:hover{background-color:#ef5350;border-color:#d32f2f}.fIRemoveAllButton:hover .fIButtonIcon{background-color:#f44336;border-color:#d32f2f}.fIUploadButton:hover{background-color:#66bb6a;border-color:#388e3c}.fIUploadButton:hover .fIButtonIcon{background-color:#4caf50;border-color:#388e3c}.fIButton:active{border-bottom-width:1px;top:2px;background-color:#1e88e5;border-color:#0d47a1}.fIButton:active .fIButtonIcon{background-color:#1976d2;border-color:#0d47a1}.fIRemoveAllButton:active{background-color:#e53935;border-color:#b71c1c}.fIRemoveAllButton:active .fIButtonIcon{background-color:#d32f2f;border-color:#b71c1c}.fIUploadButton:active{background-color:#43a047;border-color:#1b5e20}.fIUploadButton:active .fIButtonIcon{background-color:#388e3c;border-color:#1b5e20}.fIContainer{margin-top:16px;text-align:center;border-top:solid 1px #e0e0e0}.fIContainer.Hide{display:none}.fIFileItem{padding:16px 0 0 16px}.fIFileItem:nth-of-type(4n+1){padding:16px 0 0 0}.fIFileItemWrapper{display:block;position:relative;padding:8px;cursor:default;background-color:#fff;border:solid 1px #bdbdbd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border-color .2s ease-in-out;-moz-transition:border-color .2s ease-in-out;-ms-transition:border-color .2s ease-in-out;-o-transition:border-color .2s ease-in-out;transition:border-color .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fIFileItemProgress{position:absolute;top:-3px;left:-3px;padding:0;margin:0;width:0;height:100%;background-color:#fff;-webkit-border-radius:6px 0 0 6px;-moz-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px;border:solid 3px #2196f3;border-right:0;opacity:1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fIFileItemProgress.Hide{opacity:0;width:0;-webkit-transition:opacity .2s ease-in-out 1s;-moz-transition:opacity .2s ease-in-out 1s;-ms-transition:opacity .2s ease-in-out 1s;-o-transition:opacity .2s ease-in-out 1s;transition:opacity .2s ease-in-out 1s}.fIFileItemBorder{position:absolute;top:-3px;left:-3px;padding:0;margin:0;width:100%;height:100%;background:0;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:3px solid #2196f3;opacity:0;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-ms-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.fIFileItem.Success .fIFileItemWrapper .fIFileItemBorder{border-color:#66bb6a}.fIFileItem.Error .fIFileItemWrapper .fIFileItemBorder{border-color:#ef5350}.fIFileItem.Done .fIFileItemWrapper .fIFileItemProgress{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;border:3px solid #66bb6a}.fIFileItem.Success .fIFileItemWrapper{border-color:#2e7d32}.fIFileItem.Success .fIFileItemWrapper{border-color:#4caf50}.fIFileItem.Error .fIFileItemWrapper{border-color:#c62828}.fIFileItem.Error .fIFileItemWrapper{border-color:#f44336}.fIFileItemFileName{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px;text-align:left}.fIFileItemFileSize{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;font-size:11px;color:#999}.fIFileItemIcon{display:inline-block;position:absolute;right:14px;padding-top:1px;cursor:pointer;color:#bdbdbd;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:1;-webkit-transition:color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-moz-transition:color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-ms-transition:color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;-o-transition:color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;transition:color .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out}.fIFileItemSuccessIcon{color:#a5d6a7;cursor:default}.fIFileItemRetryIcon{color:#ef9a9a}.fIFileItemSuccessIcon,.fIFileItemRetryIcon{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);z-index:0}.fIFileItemRemoveIcon:hover{color:#f44336}.fIFileItemSuccessIcon:hover{color:#4caf50}.fIFileItemRetryIcon:hover{color:#f44336}.fIFileItem.Success .fIFileItemWrapper .fIFileItemRemoveIcon,.fIFileItem.Error .fIFileItemWrapper .fIFileItemRemoveIcon{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);z-index:0}.fIFileItem.Success .fIFileItemWrapper .fIFileItemSuccessIcon,.fIFileItem.Error .fIFileItemWrapper .fIFileItemRetryIcon{opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);z-index:1}.fIFileItem.Success .fIFileItemWrapper .fIFileItemRemoveIcon{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);z-index:0}.fIFileItem.Success .fIFileItemWrapper .fIFileItemRetryIcon{opacity:0;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7);z-index:0}.fIFileItemWrapper:hover{border-color:#2196f3}.fIFileItemWrapper:hover .fIFileItemProgress{border-color:#90caf9}.fIFileItemWrapper:hover .fIFileItemBorder{opacity:1}.fIFileItem.Success .fIFileItemWrapper:hover{border-color:#66bb6a}.fIFileItem.Error .fIFileItemWrapper:hover{border-color:#ef5350}@media screen and (max-width:992px){.fIRemoveAllButton .fIButtonText,.fIRetryAllButton .fIButtonText{display:none}.fIRemoveAllButton .fIButtonIcon,.fIRetryAllButton .fIButtonIcon{border-right:0}}@media screen and (max-width:767px){.fI{padding:21px 8px 8px 8px}.fILabel{left:10px}.fIMessage{right:11px}.fIButton .fIButtonText{display:none}.fIButton .badge{margin:-6px 8px 0 1px}.fIRemoveAllButton,.fIRetryAllButton,.fIToggleButton{margin-left:8px}.fIRemoveAllButton .fIButtonIcon,.fIRetryAllButton .fIButtonIcon{border-right:0}.fIContainer{margin-top:8px}.fIFileItem{padding:8px 0 0 8px}.fIFileItem:nth-of-type(2n+1){padding:8px 0 0 0}}