/************** File input image upload **********/



.inputfile {

    width: 0.1px;

    height: 0.1px;

    opacity: 0;

    overflow: hidden;

    position: absolute;

    z-index: -1;

}

.inputfile + label {

    max-width: 100%;

    font-size: 14px;

    /* 20px */

    text-overflow: ellipsis;

    white-space: nowrap;

    cursor: pointer;

    display: inline-block;

    overflow: hidden;

    padding: 0.375rem 1.25rem;

    /* 10px 20px */

}

.no-js .inputfile + label {

    display: none;

}

.inputfile:focus + label,

.inputfile.has-focus + label {

    outline: 1px dotted #000;

    outline: -webkit-focus-ring-color auto 5px;

}

.inputfile + label * {

    /* pointer-events: none; */

    /* in case of FastClick lib use */

}

.file-name {

    top: 0!important;

    left: 0!important;

    padding: 0!important;

}

.inputfile + label svg {

    width: 1em;

    height: 1em;

    vertical-align: middle;

    fill: currentColor;

    margin-top: -0.25em;

    /* 4px */

    margin-right: 0.25em;

    /* 4px */

}

.inputfile-2 + label {

    color: #555555;

    width: 100%;

    border: 1px solid #E7E2E2;

/*

    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);

    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;

    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;

*/

    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s

}

.inputfile-2:focus + label,

.inputfile-2.has-focus + label,

.inputfile-2 + label:hover {

    color: #ccc;

}



/******** End *****/