.IGLoadFile{
}
.IGLoadFile.maindiv{
	width:100%;
	height:100%;
	display:flex
}
.IGLoadFile .dropfile,.IGLoadFile .loadingfile{
	width: 70px;
    height: calc( 100% - 1px );
    margin: 1px 2px;
    background-color: #eeeeee;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 5px;
    display: flex;
    box-sizing: border-box;
    position: sticky;
}

}
.IGLoadFile .loadingfile{background-color:#dddddd;word-break:break-all;}
.IGLoadFile .loadingfile:hover{border:1px solid #ffcc00;/*outline: 3px solid #ffddcc;*/}
.IGLoadFile .loadingdiv{display:block;width:90%;color:#555555;font-size:11px}
.IGLoadFile .dropfile.hover{background-color:#ffcc00}
.IGLoadFile .barfild{
	width:95%;
	height:8px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	border-radius: 2px;
	margin: 3px 0px;
	display:block;
}
.IGLoadFile .barfild .bar{
	background-color:#ffcc00;
	border-radius: 2px;
	height:8px;
}
.IGLoadFile .loadedimage{width:70px;height:100%;border-radius: 2px;}
.IGLoadFile .hint{
    position: absolute;
    background-color: RGBA(255,255,255,0.2);
	width:70px;
	/*height:100px;*/
	opacity: 0;
	/*width: 100%;*/
	display: block;
}
.IGLoadFile .wb{word-break:break-all;}
.IGLoadFile .hint .label{
	box-sizing: border-box;
    color: #fff;
    background-color: RGBA(255,127,0,0.7);
    font-size: 12px;
	width:100%;
	margin: :auto;
	padding: 3px;
    
    /*display:block;*/
}
.IGLoadFile .hint:hover{
	opacity: 1;
}

.IGLoadFile .Btm{border-radius: 3px; border: solid 1px #ffffff;background:#d2d2d2;padding:3px;margin:3px;maring:auto;padding:auto;cursor:pointer;}
.IGLoadFile .Btm:hover{background:#ffaa00}


.IGLoadFilePanel{}
.IGLoadFilePanel.maindiv{
	width:350px;
	height:70px;
	/*display:flex*/
}
.IGLoadFilePanel .filepanel{
	width:100%;
	height:25px;
	background-color: #cccccc;
	display:flex;
}
.IGLoadFilePanel .wb{
	width:200px;
	word-break:break-all;
}
.IGLoadFilePanel .barfild{
	width:100px;
	height:8px;
	background-color:#cccccc;
	border:1px solid #ffffff;
	border-radius: 2px;
	margin: 3px 0px;
	display:block;
	margin:auto;margin-right:3px;
}
.IGLoadFilePanel .barfild .bar{
	background-color:#ffcc00;
	border-radius: 2px;
	height:8px;
}


.IGLoadPhoto{
	position:relative;
}


.IGLoadPhoto .DropLoader{
    position:absolute;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background: rgba(100,100,100,0.3);
    padding:auto;
    margin:0px;
    border:3px solid #ffcc00;
}
.IGLoadPhoto .DropLoader .pn{
	display: flex;
	width:100%;
	height:100%;
}
.IGLoadPhoto .DropLoader img{
	display:block;
	margin:auto;
}

.IGLoadPhoto .HelpLoader{
    position:absolute;
    /*display: flex;*/
    left:0;
    bottom:0;
    right:0;
    top:0;
    background: rgba(100,100,100,0.3);
    padding:auto;
    margin:0px;
    border:3px solid #ffcc00;
}
.IGLoadPhoto .HelpLoader .keys{
    position:absolute;
    display: flex;
    width:100%;
    bottom:0;
    padding: 5px;
    box-sizing: border-box;
}
.IGLoadPhoto .HelpLoader .keys .pn{
	margin: auto;
}
.IGLoadPhoto .HelpLoader .keys .pn img{
    margin: 3px;
}

.IGLoadPhoto .Loading{
    position:absolute;
    display: flex;
    left:0;
    bottom:0;
    right:0;
    top:0;
    background: rgba(100,100,100,0.3);
    padding:auto;
    border:3px solid #ffcc00;
}
.IGLoadPhoto .Loading .pnl{
    margin: auto;
}

/*.IGLoadFilePanel .barfild{
	width:100px;
	height:8px;
	background-color:#cccccc;
	border:1px solid #ffffff;
	border-radius: 2px;
	margin: 3px 0px;
	display:block;
	margin:auto;margin-right:3px;
}
.IGLoadFilePanel .barfild .bar{
	background-color:#ffcc00;
	border-radius: 2px;
	height:8px;
}*/


.UploadFileMobile{
}
.UploadFileMobile.maindiv{
	width:100%;
	height:100%;
	display:flex
}
.UploadFileMobile .dropfile,.UploadFileMobile .loadingfile{
	/*width: 90px;*/
    height: calc( 100% - 4px );
    margin: 1px 0px;
    background-color: #eeeeee;
    border: 1px solid #ffffff;
    color: #ffffff;
    border-radius: 5px;
    display: flex;
    box-sizing: border-box;
    position: relative;
}

.UploadFileMobile .dropfile,.UploadFileMobile .loadingfile.sml{
	width: 175px;
    margin: 1px 0px;
}

.UploadFileMobile .loadingfile{background-color:#dddddd;word-break:break-all;}
.UploadFileMobile .loadingfile:hover{border:1px solid #ffcc00;outline: 3px solid #ffddcc;}
.UploadFileMobile .loadingdiv{display:block;width:90%;color:#555555;font-size:11px}
.UploadFileMobile .dropfile.hover{background-color:#ffcc00}
.UploadFileMobile .barfild{
	width:95%;
	height:8px;
	background-color:#ffffff;
	border:1px solid #ffffff;
	border-radius: 2px;
	margin: 3px 0px;
	display:block;
}
.UploadFileMobile .barfild .bar{
	background-color:#ffcc00;
	border-radius: 2px;
	height:8px;
}
.UploadFileMobile .loadedimage{width:150px;height:100%;border-radius: 2px;}
.UploadFileMobile .hint{
    position: absolute;
    background-color: RGBA(255,255,255,0.2);
	width:70px;
	/*height:100px;*/
	opacity: 0;
	width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.UploadFileMobile .wb{word-break:break-all;}
.UploadFileMobile .hint .label{
    color: #fff;
    background-color: RGBA(255,127,0,0.7);
    font-size: 12px;
	width:100%;
	margin:auto;
	padding: 3px;
    box-sizing: border-box;
    /*display:block;*/
}
.UploadFileMobile .hint:hover{
	opacity: 1;
}

.UploadFileMobile .Btm{border-radius: 3px; border: solid 1px #ffffff;background:#d2d2d2;padding:3px;margin:3px;maring:auto;padding:auto;cursor:pointer;}
.UploadFileMobile .Btm:hover{background:#ffaa00}


div.MaestroStyleFileLoadOneLine{
	width: 100%;
}

div.MaestroStyleFileLoadOneLine>div.filepanel:first-child{
	width: 22px;
}


div.MaestroStyleFileLoadOneLine>div:nth-child(2){
	width: calc( 100% - 22px );
}

div.MaestroStyleFileLoadOneLine>div.filepanel:nth-child(2)>div.loadingfile{
	width:100%;
}


div.MaestroStyleFileLoadOneLine>div>div{
	margin: 0px;
    border: none;
    background: none;
    height: 100%;
    /*width: 100%;*/
}

div.MaestroStyleFileLoadOneLine>div>div>div{

	width: 100%;
    height: calc( 100% - 0px );
    margin: 0px 0px;
    background-color: #eeeeee;
    border: 1px solid #ffffff;
    color: #000000;
    border-radius: 5px;
    display: flex;
    box-sizing: border-box;
    position: relative;
    padding-left: 6px;
    line-height: 20px;

}
