.hidden {
display:none;
}
.cf7-taks-type {
list-style: none;
margin:0;
padding: 0;
}
.cf7-taks-type li {
list-style: none;
margin:0;
padding: 0;
display:flex;
}
.cf7-taks-type li >div {
flex: 1;
}
.cf7-taks-type li .cf7-fileprogressBar {
flex: 2;
}
.cf7-dragandrophandler
{
border: 2px dashed #fff;
width: 100%;
height: 200px;
color: #444444;
text-align: center;
vertical-align: middle;
padding: 10px 0px 10px 10px;
font-size:100%;
position:relative;
}
.cf7-dragandrophandler-inner {
overflow: hidden;
white-space: nowrap;
width: 100%;
text-overflow: ellipsis;
text-align: center;
line-height: 40px;
padding-top: 15px;
}
.cf7-drop-progressBar {
width: 100%;
border-radius: 5px; 
overflow: hidden;
display:inline-block;
margin:0px 10px 5px 5px;
vertical-align:top;
flex: 6 !important;
margin-left: 50px;
box-sizing: content-box;
width:calc(100% - 50px)
}
.cf7-drop-progressBar div {
height: auto;
color: #fff;
text-align: right;
line-height: 15px; width: 0;
background-color: #e97930; 
border-radius: 3px; 
font-size: 13px;
}
.cf7-drop-progressBar.cf7-text-error-pro div {
background-color: #565555;
}
.cf7-drop-statusbar{
width:100%;
padding:10px 10px 0px 10px;
vertical-align:top;
margin: 10px 0;
position: relative;
}
.cf7-drop-statusbar >div {
overflow: hidden;
}
.cf7-drop-text-error {
color: #e97930;
padding-left: 50px;
}
.cf7-drop-type_file {
display: inline-block!important;
position: absolute;
font-size: 12px;
font-weight: 700;
line-height: 13px;
margin-top: 25px;
padding: 0 4px;
border-radius: 2px;
box-shadow: 1px 1px 2px #abc;
color: #fff;
background: #0080c8;
text-transform: uppercase;
}
.cf7-drop-filename
{
display:inline-block;
vertical-align:top;
margin-left: 50px;
}
.cf7-drop-type {
width: 50px;
height: 50px;
background: url(//ananke-tmk.fr/wp-content/plugins/contact-form-7-drop-files/frontend/images/generic.png) no-repeat center center; 
background-size: 100%;
position: absolute;
}
.cf7-drop-filesize
{
display:inline-block;
vertical-align:top;
color:#30693D;
margin-left:10px;
margin-right:5px;
margin-left: 10px;
color: #444242;
font-weight: 700;
}
.cf7-drop-remove,.cf7-drop-abort  {
position: absolute;
top: 10px;
right: 10px;
width: 16px;
height: 16px;
background: url(//ananke-tmk.fr/wp-content/plugins/contact-form-7-drop-files/frontend/images/remove.png) center no-repeat;
cursor: pointer;
}
.cf7-drop-remove a {
text-decoration: none !important;
display:inline-block;
background: #f7f7f8 url(//ananke-tmk.fr/wp-content/plugins/contact-form-7-drop-files/frontend/images/trash.png) center no-repeat;
text-indent: -999999px;
width: 25px;
height: 25px;
border:1px solid #34495e;
}
.cf7-drop-remove a:hover {
opacity: 0.8;
}
.cf7-text-browser a {
display: inline-block;
background: #319779;
padding: 10px 20px;
border-radius: 4px;
text-align: center;
font-weight: 700;
vertical-align: top;
cursor: pointer;
-webkit-transition: all .2s ease-out;
transition: all .2s ease-out;
text-decoration:none !important;
color:#fff !important;
font-size:18px;
}
.cf7-text-browser a:hover {
opacity:0.8;
}
.cf7-text-drop {
color: #444444;
font-size: 20px;
font-weight: bold;
}
.cf7-drop-progressBar.cf7-text-error{
border:none;
color:#e97930;
}