/**
* SimpleFileInput 0.1 - A jQuery plugin to customise your file inputs
* http://github.com/s43/Simple-file-input/
* Requirements : jQuery 1.7+
* 
* :: Copyright (c) 2014 SAID ASSEMLAL
*
* Dual licensed under the MIT and GPL licenses.
*/

.sfi-js .sfi-wrapper {
  position: relative;
  border: none;
  background: #ffffff;
  font-size: 14px;
  color: #999;
  outline: none;
  width: 100%;
  overflow: hidden;
}
.sfi-js .sfi-wrapper .sfi-filename {
  width: 100%;
 /* overflow: hidden;
  height: 40px;*/
/*  padding: 0 50px 0 14px;*/
  display: block;
  font-size: 14px;
/*  line-height: 38px;*/
/*  color: #797979;*/
  text-align: left;
  z-index: 10;
  position: relative;
/*  border: 1px dashed #ccc;*/
/*  border-right: none;*/
  /*float: left;*/
  
  color: inherit;
  border: none;
  height: calc(1em + .75rem + 0px);
  padding: 2px 5px 2px 5px;
  background-color: #e9ecef;
  opacity: 1;
  margin-left: 0px;
  margin-top: 5px;
}
.sfi-js .sfi-wrapper .sfi-trigger {
  background: url('../../../_img/icon.png') no-repeat center ;
  background-size: contain;
  background-color:white;
  border: 1px solid #cbcdcf;
/*  border: 1px dashed #ccc;*/
  width: 26px;
  height: 26px;
  display: block;
  /*float: right;*/
  text-indent: -9999px;
  position: relative;
  z-index: 12;
  margin-left: 5px;
  margin-top: -32px;
  display:none
}
.sfi-js .sfi-wrapper.sfi-error .sfi-filename, .sfi-js .sfi-wrapper.sfi-error .sfi-trigger {
  border-color: red;
}
.sfi-js .sfi-wrapper.sfi-error .sfi-filename {
  color: red;
}
.sfi-js .sfi-wrapper.sfi-valid .sfi-filename, .sfi-js .sfi-wrapper.sfi-valid .sfi-trigger {
  border-color: #2ecc71;
}
.sfi-js .sfi-wrapper.sfi-valid .sfi-filename {
  color: #2ecc71;
}
.sfi-js .sfi-wrapper.sfi-disabled .sfi-filename, .sfi-js .sfi-wrapper.sfi-disabled .sfi-trigger {
  border-color: #ccc;
}
.sfi-js .sfi-wrapper.sfi-disabled .sfi-filename {
  color: #ccc;
}
