.flexit_ico_file { background: none !important; padding: 4px 0; position: relative; vertical-align: middle; }
.flexit_ico_file:before { display: inline-block; content: ''; width: 20px; height: 20px; margin: -2px 4px 0 0; background: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/default.png) center center no-repeat transparent; vertical-align: middle; }
.flexit_ico_file.avi:before,
.flexit_ico_file[href$='.avi']:before,
.flexit_ico_file.mp4:before,
.flexit_ico_file[href$='.mp4']:before,
.flexit_ico_file.flv:before,
.flexit_ico_file[href$='.flv']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/avi.png); }
.flexit_ico_file.doc:before,
.flexit_ico_file.docx:before,
.flexit_ico_file[href$='.doc']:before,
.flexit_ico_file[href$='.docx']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/doc.png); }
.flexit_ico_file.exe:before,
.flexit_ico_file[href$='.exe']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/exe.png); }
.flexit_ico_file.html:before,
.flexit_ico_file[href$='.html']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/html.png); }
.flexit_ico_file.pdf:before,
.flexit_ico_file[href$='.pdf']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/pdf.png); }
.flexit_ico_file.ppt:before,
.flexit_ico_file.pptx:before,
.flexit_ico_file[href$='.ppt']:before,
.flexit_ico_file[href$='.pptx']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/ppt.png); }
.flexit_ico_file.txt:before,
.flexit_ico_file[href$='.txt']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/txt.png); }
.flexit_ico_file.xls:before,
.flexit_ico_file.xlsx:before,
.flexit_ico_file[href$='.xls']:before,
.flexit_ico_file[href$='.xlsx']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/xls.png); }
.flexit_ico_file.jpg:before,
.flexit_ico_file.jpeg:before,
.flexit_ico_file[href$='.jpg']:before,
.flexit_ico_file[href$='.jpeg']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/jpg.png); }
.flexit_ico_file.gif:before,
.flexit_ico_file[href$='.gif']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/gif.png); }
.flexit_ico_file.png:before,
.flexit_ico_file[href$='.png']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/png.png); }
.flexit_ico_file.ods:before,
.flexit_ico_file[href$='.ods']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/ods.png); }
.flexit_ico_file.odt:before,
.flexit_ico_file[href$='.odt']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/odt.png); }
.flexit_ico_file.zip:before,
.flexit_ico_file[href$='.zip']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/zip.png); }
.flexit_ico_file.rar:before,
.flexit_ico_file[href$='.rar']:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/rar.png); }
.flexit_ico_file.dir:before { background-image: url(/globalflexit/clients/utils/framework/css/flexit-common/1.0/medias/dir.png); }

/* loader */
#flexitLoader2 {--size: 60px;--bgc: #fff;--bg: #cfd8dc;--value: 20;--pgPercentage: var(--value);--fg: #666;--image:url(/img_base/themes/favicons/favicons-36x36.png);}
div[data-fprogressbar] {display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;right:0;bottom:0;width:100vw;height:100vh;font-family: Helvetica, Arial, sans-serif;font-size: 15px;color: #000;font-weight: bold;z-index: 10000000001;line-height: 20px;animation: fanimbackground 4.5s ease-in-out forwards;}
@keyframes fanimbackground { 0%,20%,40%,60%,80% { background: none; } 100% { background:hsla(0,0%,100%,.8); }}
div[data-fprogressbar] *,div[data-fprogressbar]:not([style=""]) div[data-logo]::before,div[data-fprogressbar] div[data-logo]::after{ position:absolute;top:50%;left:50%;}
div[data-fprogressbar] div[data-loader] {transform:translate(-50%,-50%);width: var(--size);height: var(--size);border-radius: 50%;background: radial-gradient(closest-side, transparent 0 99.9%, var(--bg) 0), conic-gradient(var(--fg) calc(var(--pgPercentage) * 1%), var(--bg) 0);}
div[data-fprogressbar] div[data-loader]::after {content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: var(--bgc);border-radius: 50%;margin: 6.5%;}
div[data-fprogressbar][style=""] div[data-logo] {transform:translate(-50%,-50%);background: var(--image) center center no-repeat;width: calc(var(--size) * 0.6);height: calc(var(--size) * 0.6); }
div[data-fprogressbar] div[data-logo]::after { content: attr(data-titre) '\00000A' attr(data-texte);transform:translate(-50%,-50%);text-align: center;margin-top:calc( ( var(--size) / 2 ) + 25px);white-space: pre-wrap;width: 250px; }
div[data-fprogressbar][style=""] div[data-loader]{animation: frotate 1s linear infinite;}
@keyframes frotate {0% {transform:translate(-50%,-50%) translateZ(0) rotate(0)}to {transform:translate(-50%,-50%) translateZ(0) rotate(1turn)}}
div[data-fprogressbar]:not([style=""]) div[data-logo]::before {transform:translate(-50%,-50%);counter-reset: percentage var(--value);content: counter(percentage) '%';}
body.forceToggleFlexitLoader #flexitLoader2 { display: inherit !important; }