.btn-file {

position: relative;
overflow: hidden;
vertical-align: middle;

} .btn-file > input {

position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
margin: 0;
font-size: 23px;
cursor: pointer;
filter: alpha(opacity=0);
opacity: 0;

direction: ltr;

} .fileinput {

display: inline-block;
margin-bottom: 9px;

} .fileinput .form-control {

display: inline-block;
padding-top: 7px;
padding-bottom: 5px;
margin-bottom: 0;
vertical-align: middle;
cursor: text;

} .fileinput .thumbnail {

display: inline-block;
margin-bottom: 10px;
overflow: hidden;
text-align: center;
vertical-align: middle;
max-width: 250px;
box-shadow: $box-shadow;

&.img-circle{
    border-radius: 50%;
    max-width: 100px;
}

} .fileinput .thumbnail > img {

max-height: 100%;

} .fileinput .btn {

vertical-align: middle;

} .fileinput-exists .fileinput-new, .fileinput-new .fileinput-exists {

display: none;

} .fileinput-inline .fileinput-controls {

display: inline;

} .fileinput-filename {

display: inline-block;
overflow: hidden;
vertical-align: middle;

} .form-control .fileinput-filename {

vertical-align: bottom;

} .fileinput.input-group {

display: table;

} .fileinput.input-group > * {

position: relative;
z-index: 2;

} .fileinput.input-group > .btn-file {

z-index: 1;

} .fileinput-new.input-group .btn-file, .fileinput-new .input-group .btn-file {

border-radius: 0 4px 4px 0;

} .fileinput-new.input-group .btn-file.btn-xs, .fileinput-new .input-group .btn-file.btn-xs, .fileinput-new.input-group .btn-file.btn-sm, .fileinput-new .input-group .btn-file.btn-sm {

border-radius: 0 3px 3px 0;

} .fileinput-new.input-group .btn-file.btn-lg, .fileinput-new .input-group .btn-file.btn-lg {

border-radius: 0 6px 6px 0;

} .form-group.has-warning .fileinput .fileinput-preview {

color: $brand-warning;

} .form-group.has-warning .fileinput .thumbnail {

border-color: $brand-warning;

} .form-group.has-error .fileinput .fileinput-preview {

color: $brand-danger;

} .form-group.has-error .fileinput .thumbnail {

border-color: $brand-danger;

} .form-group.has-success .fileinput .fileinput-preview {

color: $brand-success;

} .form-group.has-success .fileinput .thumbnail {

border-color: $brand-success;

} .input-group-addon:not(:first-child) {

border-left: 0;

} .thumbnail{

border: 0 none;
border-radius: 3px;
padding: 0;

}