#toolBar, #toolbar {
    width: 100%;
    float: right;
    font-size: 0.8em;
  position:unset;
}



    #toolBar li,#toolbar li{padding:3px;float:right;list-style :none;}
#toolBar li.fileconfig {font-weight:bold;}

#toolBar li:nth-child(1),#toolbar li:nth-child(1){min-width:120px;}
        #toolBar li:nth-child(2), #toolbar li:nth-child(2) {
                      color: red;
        }
#toolBar li:nth-child(3),#toolbar li:nth-child(3){min-width:40px;}
#toolBar li:nth-child(4),#toolbar li:nth-child(4){min-width:100px;}
#toolBar li:nth-child(5),#toolbar li:nth-child(5){}
#toolBar li:nth-child(5),#toolbar li:nth-child(5){
color:red;

}
#toolBar li:nth-child(6),#toolbar li:nth-child(6){min-width:30px;}
#toolBar li:nth-child(6),#toolbar li:nth-child(6){min-width:30px;}

        #toolBar li:nth-child(7), #toolbar li:nth-child(7) {
            float:right;
        }


/*drag&drop module*/

.dragandrophandler {
    border: 2px dotted #0B85A1;
    width: 98%;
    color: #92AAB0;
    text-align: center;
    vertical-align: middle;
    padding: 10px 0px 0px 10px;
    margin-bottom: 15px;
       z-index: 104;
    float:right;
   
}
#uploader .progressBar {
    width: 150px;
    height: 22px;
    border: 1px solid #ddd;
    border-radius: 5px;
    overflow: hidden;
    display: inline-block;
    margin: 0px 10px 5px 5px;
    vertical-align: top;
    float: left;
}


 
#uploader .progressBar div {
    height: 100%;
    color: #fff;
    text-align: left;
    line-height: 22px; 
 
    width: 0;
    background-color: #30693D; border-radius: 3px; 
}
#uploader .statusbar
{
    border-top:1px solid #A9CCD1;
    min-height:25px;
     padding:10px 10px 0px 10px;
    vertical-align:top;
}
#uploader .statusbar:nth-child(odd){
    background:#EBEFF0;
}
#uploader .statusbar:nth-child(even){
    background:#ccc;
}
#uploader .filename {
    display: inline-block;
    vertical-align: top;
    width: 130px;
    font-size: 0.7em;
    white-space: pre-wrap;
    word-wrap: break-word;
    padding-left: 10px;
    padding-right: 10px;
    }

#uploader .image
{
display:inline-block;
vertical-align:top;

margin-top:-10px;

max-width:100px;

}

    #uploader .image img {
        max-height: 60px;
        max-width: 60px;
        padding: 2px;
    }

#uploader .confrim
{
display:none;

}

#uploader .confrim img{width:30px;margin-top:-8px}
#uploader .filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
width:70px;
margin-left:10px;
margin-right:5px;
font-size:0.8em;

}
#uploader .abort,#uploader .start{
    background-color:#A8352F;
    border-radius:4px;display:inline-block;
    color:#fff;
   font-weight:normal;
    padding:4px 15px;
    cursor:pointer;
    vertical-align:top;
    margin:2px;
    }



html :lang(en) .dragandrophandler {
    float: left
}

html :lang(en) #toolBar li, #toolbar li {
    float: left;
}
div[id^=uploadBox] .icon-file-upload {
    text-align: center;
    width: 98%;
    float: right;
    font-size: 2em;
}

div[id^=uploadBox] {
    cursor: pointer;
    width: 170px;
    min-height: 150px;
    display: inline-block;
    border: 2px dotted #ccc;
    text-align: center;
    vertical-align: top;
    padding-top: 20px;
    opacity: .7;
    font-size: 0.85em;
    background-color: white;
    border-bottom: 4px dotted white;
}

input[id^=txtUpload] {
    border: 2px dotted #ccc !important;
    text-align:left;
}

    .fileUploader label, .fileUploader p {
        width: 95%;
        float: right;
        padding: 2px 10px;
        text-align :right;
    }

.sectionUpload p {
  font-size:0.9em;
}

.sectionUpload img {
    object-fit: cover;
    max-width: 170px;
    max-height: 100px;
}

.sectionUpload {
    border: 2px dotted #ccc;
    display: inline-block;
    position: relative;
    margin: 0 5px;
    width: 170px;
    height: 110px;
    text-align: center;
    vertical-align: top;
}

    .sectionUpload audio, .sectionUpload video {

        width:150px
    }

    .sectionUpload audio {
       margin-top:40px;
    }

    span.sectionUpload .icon-delete {
        position: absolute;
        left: 0;
        top: 0;
        z-index: 89;
        background-color: white;
    }

input[id^=txtUpload] {
    height: 23px;
    text-align: left;
    float: right;
    border-left: none;
}
.fileUploader{


}

   #txtUpload1,#txtUpload1{width:65%}

form[id^="form"] fieldset li .fileUploader input{ text-align: left;}

.btnClose {
    cursor: pointer;
}

div.image i{display:none}

 @media only screen and (max-width: 800px) {
   
   .fileUploader{
width:95%

}
   #txtUpload1,#txtUpload1{width:95%}
   
   
}