/** Liste de fichiers en table **/
.flexit-medias-list-files { }
.flexit-medias-list-files-item { }
.flexit-medias-list-files-desc { padding-left: 32px; font-size: 0.85em; font-style: italic; }

/** Explorateur de fichiers en table **/
.flexit-medias-list-files-explorer { }
.flexit-medias-list-files-explorer-item { }
.flexit-medias-list-files-explorer-desc { padding-left: 32px; font-size: 0.85em; font-style: italic; }
.flexit-medias-list-files-explorer table.table thead th { cursor: default; }
.flexit-medias-list-files-explorer table.table thead tr:first-child th { border-bottom: none; }
.flexit-medias-list-files-explorer table.table thead tr:last-child th { font-weight: bold; color: #333; }
.flexit-medias-list-files-explorer .ff-explorer-sortby { display: inline-block; padding-right: 16px; position: relative; }
.flexit-medias-list-files-explorer .ff-explorer-sortby:after { display: none; content:''; width: 0; height: 0; border-style: solid; position: absolute; top: 50%; margin-top: -3px; right: 0; }
.flexit-medias-list-files-explorer .ff-explorer-sortby.asc:after { display: block; border-width: 6px 6px 0 6px; border-color: #333 transparent transparent transparent; }
.flexit-medias-list-files-explorer .ff-explorer-sortby.desc:after { display: block; border-width: 0 6px 6px 6px; border-color: transparent transparent #333 transparent; }

/* Explorateur de fichiers avec moteur de recherche */
.ff-explorer-prev-dir { background: url('/globalflexit/backoffice/modules/medias/front/templates/css/medias/picto-prev-dir.png') left center no-repeat; display: inline-block; line-height: 15px; vertical-align: middle; margin: 0 5px; padding-left: 28px; color: #333; font-style: italic; }
.ff-explorer-path { display: inline-block; line-height: 15px; vertical-align: middle; margin: 0 5px; }
.ff-explorer-path.search > span { font-weight: normal; color: #333; }
.ff-explorer-home { background: url('/globalflexit/backoffice/modules/medias/front/templates/css/medias/picto-home.png') center center no-repeat; width: 15px; height: 15px; display: inline-block; vertical-align: middle; }
.ff-explorer-thead-filename { width: 100%; }
.ff-explorer-thead-size,
.ff-explorer-thead-filetype,
.ff-explorer-thead-date { text-align: center; }
.ff-explorer-trow-size { white-space: nowrap; text-align: center; }
.ff-explorer-trow-filetype { white-space: nowrap; text-align: center; text-transform: uppercase; }
.ff-explorer-trow-date { white-space: nowrap;  text-align: center; text-transform: capitalize; }
#ff-explorer-filter-wrapper { position: relative; display: inline-block; width: 40%; }
#ff-explorer-filter-keyword { display: block; width: 100%; height: 24px; padding: 3px 30px 3px 6px; font-size: 11px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; }
#ff-explorer-filter-action  { background: url('/globalflexit/backoffice/modules/medias/front/templates/css/medias/picto-search.png') center center no-repeat; width: 24px; height: 24px; display: block; border: none; position: absolute; top: 0; right: 2px; }
#ff-explorer-filter-action.cancel { background-image: url('/svgs_feather_x-circle_cccccc'); }

/* Explorateur de fichiers avec moteur de recherche - Bootstrap 4 */
.ff-explorer-bs4 { border: 1px solid #ccc; }
.ff-explorer-bs4-path { border-bottom: 1px solid #f7f6f5; padding: 10px; }
#ff-explorer-bs4-filter { border-bottom: 1px solid #f7f6f5; padding: 10px; position: relative; }
#ff-explorer-bs4-filter-action { background: url('/svgs_feather_search_cccccc') center center no-repeat; background-size: 26px; width: 28px; height: 28px; padding: 0; display: block; border: none; position: absolute; top: 50%; right: 15px; transform: translateY(-50%); cursor: pointer; }
#ff-explorer-bs4-filter-action.cancel { background-image: url('/globalflexit/backoffice/modules/medias/front/templates/css/medias/picto-cancel.png'); }
.ff-explorer-bs4-prev-dir { background: url('/svgs_feather_corner-left-up_707070') left center no-repeat; background-size: 18px; display: inline-block; line-height: 15px; vertical-align: middle; margin: 0 5px; padding-left: 28px; color: #333; font-style: italic; text-decoration: none; }
.ff-explorer-bs4-prev-dir:hover, .ff-explorer-bs4-prev-dir:active, .ff-explorer-bs4-prev-dir:focus { text-decoration: none; }

.ff-explorer-bs4-head { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.ff-explorer-bs4-head > div { padding: 10px; text-align: center; }

.ff-explorer-bs4-item { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; }
.ff-explorer-bs4-item:nth-child(even) { background-color: #f7f6f5; }
.ff-explorer-bs4-item:hover { background-color: #e5e4e3; }
.ff-explorer-bs4-item > div { padding: 10px; text-align: center; }
.ff-explorer-bs4-item-msg > div { padding: 10px; }


.ff-explorer-bs4-head-title,
.ff-explorer-bs4-col-title {  -webkit-flex: 0 0 40%; -ms-flex: 0 0 40%; flex: 0 0 40%; text-align: left !important; }
.ff-explorer-bs4-col-desc { font-size: 0.85em; line-height: 1.2; }
.ff-explorer-bs4-head-size,
.ff-explorer-bs4-col-size {  -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; }
.ff-explorer-bs4-head-filetype,
.ff-explorer-bs4-col-filetype {  -webkit-flex: 0 0 10%; -ms-flex: 0 0 10%; flex: 0 0 10%; }
.ff-explorer-bs4-head-date,
.ff-explorer-bs4-col-date {  -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }
.ff-explorer-bs4-head-down,
.ff-explorer-bs4-col-down {  -webkit-flex: 0 0 20%; -ms-flex: 0 0 20%; flex: 0 0 20%; }

.ff-explorer-bs4-col-size { white-space: nowrap; }

.ff-explorer-bs4-col-title > .flexit_ico_file { display: -ms-flexbox; display: -webkit-flex; display: flex; }
.ff-explorer-bs4-col-title > .flexit_ico_file:before { -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; margin: 0 10px 0 0; }

@media (max-width: 767px) {
    .ff-explorer-bs4-head { display: none; }
    .ff-explorer-bs4-item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
    .ff-explorer-bs4-col-title { -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
    .ff-explorer-bs4-col-title > .flexit_ico_file { padding-right: 30px; }
    .ff-explorer-bs4-col-title > .flexit_ico_file:after { display: block; content: ''; position: absolute; top: 15px; right: 0; transform: translateY(-50%); background: url('/svgs_feather_download_bbbbbb') center center no-repeat; width: 24px; height: 24px; background-size: 24px; }
    .ff-explorer-bs4-col-title > .flexit_ico_file.dir:after { background-image: url('/svgs_feather_corner-right-down_707070'); }
    .ff-explorer-bs4-col-size { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; text-align: left !important; }
    .ff-explorer-bs4-col-filetype { -webkit-flex: 0 0 25%; -ms-flex: 0 0 25%; flex: 0 0 25%; }
    .ff-explorer-bs4-col-date { -webkit-flex: 0 0 50%; -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: right !important; }
    .ff-explorer-bs4-col-down { display: none; }
    .ff-explorer-bs4-col-title { padding-bottom: 5px !important; }
    .ff-explorer-bs4-col-size, .ff-explorer-bs4-col-filetype, .ff-explorer-bs4-col-date { font-size: 0.85em; padding-top: 0 !important; }
}

/** Galerie simple Version sans bootstrap */
.flexit-medias-galerie-no-bs-row { clear: both; display: block; margin-right: -20px; }
.flexit-medias-galerie-no-bs-row:after { display: block; content: ''; clear: both; }
.flexit-medias-galerie-no-bs-item { float: left; }
.flexit-medias-galerie-no-bs-item > a { display: block; margin-right: 20px; margin-bottom: 20px; }
.flexit-medias-galerie-no-bs-item > a.thumbnail { padding: 4px; border: 1px solid #ddd; background: #fff; border-radius: 4px; }
.flexit-medias-galerie-no-bs-item > a.thumbnail:hover, .flexit-medias-galerie-no-bs-item > a.thumbnail:active, .flexit-medias-galerie-no-bs-item > a.thumbnail:focus { border-color: #428bca; }
.flexit-medias-galerie-no-bs-item > a > img { max-width: 100%; }
.flexit-medias-galerie-no-bs-item-2 { width: 16.6667%; }
.flexit-medias-galerie-no-bs-item-3 { width: 25%; }
.flexit-medias-galerie-no-bs-item-4 { width: 33.3333%; }
.flexit-medias-galerie-no-bs-item-6 { width: 50%; }
.flexit-medias-galerie-no-bs-item-12 { width: 100%; }

/** Galerie simple Bootstrap */
.flexit-medias-galerie .thumbnail.no-border { border: none; border-radius: 0; background: none; }

/* Diaporama 1 image */
.flexit-medias-diaporama { }
.flexit-medias-diaporama-item { position: relative; z-index: 1; }
.flexit-medias-diaporama-item-link { position: absolute; z-index: 2; left: 0; top: 0; right: 0; bottom: 0; }
.fotorama--fullscreen .flexit-medias-diaporama-item .flexit-medias-diaporama-item-img { display: none; }
.flexit-medias-diaporama .fotorama__nav__frame--thumb, .fotorama--fullscreen .fotorama__nav__frame--thumb { -moz-transition: opacity 550ms ease, filter 550ms ease; -webkit-transition: opacity 550ms ease, filter 550ms ease; -o-transition: opacity 550ms ease, filter 550ms ease; transition: opacity 550ms ease, filter 550ms ease; }
.flexit-medias-diaporama .fotorama__nav__frame--thumb:not(.fotorama__active), .fotorama--fullscreen .fotorama__nav__frame--thumb:not(.fotorama__active) { opacity: 0.8; -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); -ms-filter: grayscale(100%); filter: grayscale(100%); }
.flexit-medias-diaporama .fotorama__thumb-border, .fotorama--fullscreen .fotorama__thumb-border { border-color: #8c8c8c !important; display: none !important; }
.flexit-medias-diaporama .fotorama__caption__wrap, .fotorama--fullscreen .fotorama__caption__wrap { display: block; background: url('/tr_000000_40'); color: #fff; padding: 12px 16px; font-size: 0.9em; }
.flexit-medias-diaporama .fotorama__caption__wrap b, .fotorama--fullscreen .fotorama__caption__wrap b { font-weight: normal; font-size: 1.35em; }
.flexit-medias-diaporama-item-link-hidden, .flexit-medias-diaporama-item-deepzoom-hidden { display: none; }

/* Diaporama 2 colonnes */
.flexit-medias-colonne .slider { position: relative; }
.flexit-medias-colonne .gallery-title { padding: 10px; background: #DBDBDB; margin-bottom: 10px; }
.flexit-medias-colonne .gallery-title span { display: block; }
.flexit-medias-colonne .gallery-title span:first-child { font-size: 1.2em; font-weight: bold; }
.flexit-medias-colonne .dataCaption { padding: 10px; cursor: pointer; }
.flexit-medias-colonne .dataCaption.active { background-color: #EAEAEA; }
.flexit-medias-colonne .dataCaption:hover { background-color: #F2F2F2; }
.flexit-medias-colonne .flex-direction-nav { }
.flexit-medias-colonne .flex-direction-nav li {}
.flexit-medias-colonne .flex-direction-nav .flex-prev:before,
.flexit-medias-colonne .flex-direction-nav .flex-next:before { display: none; }
.flexit-medias-colonne .flex-direction-nav .flex-prev,
.flexit-medias-colonne .flex-direction-nav .flex-next { text-align: left; text-indent: -500px; overflow: hidden; display: inline-block; width: 30px; height: 30px; position: absolute; top: 50%; right: 0; bottom: auto; margin: -15px 0 0; padding: 0; background: #EAEAEA; opacity: 1; }
.flexit-medias-colonne .flex-direction-nav .flex-prev { position: absolute; top: 50%;margin-top:-15px; left:0; }
.flexit-medias-colonne .flex-direction-nav .flex-prev:after,
.flexit-medias-colonne .flex-direction-nav .flex-next:after { display: block; content: ''; width: 0; height: 0; border-style: solid; position: absolute; top: 50%; margin-top: -5px; left: 50%; margin-left: -2px; z-index: 3; }
.flexit-medias-colonne .flex-direction-nav .flex-prev:after { border-width: 5px 5px 5px 0; border-color: transparent #939393 transparent transparent; }
.flexit-medias-colonne .flex-direction-nav .flex-next:after { border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #939393; }

/* Diaporama simple et multi images */
.flexit-medias-diaporama-multi { padding: 15px 0; position: relative; }
.flexit-medias-diaporama-multi .slides img { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.flexit-medias-diaporama-multi .title { }
.flexit-medias-diaporama-multi .title-spacer { padding: 0; margin: 0; height: 40px; }
.flexit-medias-diaporama-multi ul.slides li { display: none; }
.flexit-medias-diaporama-multi ul.slides li:first-child { display: block; }
.flexit-medias-diaporama-multi .flex-direction-nav { position: absolute; top: 15px; right: 0; }

.flexit-medias-diaporama-multi .flex-direction-nav li { display: inline-block; margin: 0; padding: 0; line-height: 30px; }
.flexit-medias-diaporama-multi .flex-direction-nav .flex-prev:before,
.flexit-medias-diaporama-multi .flex-direction-nav .flex-next:before { display: none; }
.flexit-medias-diaporama-multi .flex-direction-nav .flex-prev,
.flexit-medias-diaporama-multi .flex-direction-nav .flex-next { text-align: left; text-indent: -500px; overflow: hidden; display: inline-block; width: 30px; height: 30px; position: relative; top: auto; left: auto; bottom: auto; right: auto; margin: 0; padding: 0; background: #EAEAEA; opacity: 1; }
.flexit-medias-diaporama-multi .flex-direction-nav .flex-prev { margin-right: 8px; }
.flexit-medias-diaporama-multi .flex-direction-nav .flex-prev:after,
.flexit-medias-diaporama-multi .flex-direction-nav .flex-next:after { display: block; content: ''; width: 0; height: 0; border-style: solid; position: absolute; top: 50%; margin-top: -5px; left: 50%; margin-left: -2px; z-index: 3; }
.flexit-medias-diaporama-multi .flex-direction-nav .flex-prev:after { border-width: 5px 5px 5px 0; border-color: transparent #939393 transparent transparent; }
.flexit-medias-diaporama-multi .flex-direction-nav .flex-next:after { border-width: 5px 0 5px 5px; border-color: transparent transparent transparent #939393; }
.flexit-medias-diaporama-multi .flex-control-nav { position: relative; bottom: auto; left: auto; right: auto; top: auto; height: 11px; padding: 10px 0; }

.flexit-medias-diaporama-multi-slider {}
.flexit-medias-diaporama-multi-slider-thumbs { position: relative; padding: 5px 0; }
.flexit-medias-diaporama-multi-slider-thumbs li { margin-right: 5px; }
.flexit-medias-diaporama-multi-slider-thumbs .flex-direction-nav { position: static; top: auto; height: 0; }
.flexit-medias-diaporama-multi-slider-thumbs .flex-direction-nav .flex-prev { position: absolute; top: 50%; margin-top: -12px; left: 0; }
.flexit-medias-diaporama-multi-slider-thumbs .flex-direction-nav .flex-next { position: absolute; top: 50%; margin-top: -12px; right: 0; }

.flexit-medias-diaporama-multi-item { position: relative; }
.flexit-medias-diaporama-multi-item > .row { margin: 0; }
.flexit-medias-diaporama-multi-item-img { position: relative; z-index: 1; }
.flexit-medias-diaporama-multi-item-link { position: absolute; z-index: 3; left: 0; top: 0; right: 0; bottom: 0; }
.flexit-medias-diaporama-multi-item-background { position: absolute; z-index: 2; top: 0; left: 0; bottom: 0; right: 0; background-position: center center; background-size: cover; *behavior: url('/js/backgroundsize.min.htc'); -ms-behavior: url('/js/backgroundsize.min.htc'); }
.flexit-medias-diaporama-multi-item-background.single-img { position: relative; }
.flexit-medias-diaporama-multi-item-background .flexit-medias-diaporama-multi-item-text { left: 0; right: 0; }
.flexit-medias-diaporama-multi-item-text { position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; color: #fff; text-decoration: none; background: url('/tr_000000_60'); padding: 20px; }
.flexit-medias-diaporama-multi-item-text .title { font-weight: bold; font-size: 1.4em; text-shadow: 0 0 2px #000; line-height: 1.3em; }
.flexit-medias-diaporama-multi-item-text .desc { font-weight: normal; font-size: 1em; text-shadow: 0 0 2px #000; line-height: 1.3em; }

.flexit-medias-diaporama-multi-item.force-height .flexit-medias-diaporama-multi-item-background { height: 100%; }

.flexit-medias-diaporama-multi-item-thumb { opacity: 0.4; }
.flexit-medias-diaporama-multi-item-thumb.flex-active-slide { opacity: 1; }

.flexit-medias-diaporama-multi.multi-imgs .flex-direction-nav { right: 10px; }
.flexit-medias-diaporama-multi.multi-imgs .flexit-medias-diaporama-multi-item-text { right: 10px; left: 10px; }

.flexit-medias-diaporama-multi.as-background .flex-direction-nav { right: 0; }
.flexit-medias-diaporama-multi.as-background .flexit-medias-diaporama-multi-item-text { right: 0; left: 0; }

/* Tilezoom */
#tilezoom-container { top: 0; left: 0; right: 0; bottom: 0; position: fixed; z-index: 100000000; background: #fff; }
#tilezoom-holder { background: #fff; width: 100%; height: 100%; position: relative; z-index: 1; }
#tilezoom-holder img, #tilezoom-holder  { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
/*#tilezoom-holder-controls { position: absolute; bottom: 25px; left: 50%; margin-left: -100px; width: 200px; height: 37px; z-index: 2; padding: 0; background: url('/globalflexit/backoffice/modules/medias/front/templates/css/medias/tilezoom-controls.png') center top no-repeat; border-radius: 25px; line-height: 0; }*/
#tilezoom-holder-controls { position: absolute; bottom: 25px; left: 50%; margin-left: -123px; width: 246px; height: 48px; z-index: 2; padding: 0; border-radius: 12px; line-height: 0; text-align: center;
    border: 1px solid #171717; /* stroke */
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2); /* drop shadow and inner shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2); /* drop shadow and inner shadow */
    box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2); /* drop shadow and inner shadow */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3d3d+0,292929+72,1e1e1e+100 */
    background: #3d3d3d; /* Old browsers */
    background: -moz-linear-gradient(top, #3d3d3d 0%, #292929 72%, #1e1e1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3d3d3d 0%,#292929 72%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3d3d3d 0%,#292929 72%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}

#tilezoom-holder-controls a { display: inline-block; width: 48px; height: 48px; text-indent: -500px; overflow: hidden; background: url('/globalflexit/backoffice/modules/medias/front/templates/css/medias/tilezoom-controls.png') left top no-repeat; text-align: left; transition: opacity 250ms ease; }
#tilezoom-holder-controls a:hover { opacity: 0.6; }
#tilezoom-holder-controls #tilezoom-prev { background-position: left top; }
#tilezoom-holder-controls #tilezoom-next { background-position: -192px top; }
#tilezoom-holder-controls #tilezoom-fit { background-position: -96px top; }
#tilezoom-holder-controls #tilezoom-zoom-out { background-position: -48px top; }
#tilezoom-holder-controls #tilezoom-zoom-in { background-position: -144px top; }
#tilezoom-close { position: absolute; top: 10px; right: 10px; z-index: 2; border-radius: 12px; line-height: normal; font-size: 10px; text-transform: uppercase; padding: 1px 4px; color: #fff;
    border: 1px solid #171717; /* stroke */
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2); /* drop shadow and inner shadow */
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2); /* drop shadow and inner shadow */
    box-shadow: 0 1px 3px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2); /* drop shadow and inner shadow */
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3d3d3d+0,292929+72,1e1e1e+100 */
    background: #3d3d3d; /* Old browsers */
    background: -moz-linear-gradient(top, #3d3d3d 0%, #292929 72%, #1e1e1e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #3d3d3d 0%,#292929 72%,#1e1e1e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #3d3d3d 0%,#292929 72%,#1e1e1e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3d3d3d', endColorstr='#1e1e1e',GradientType=0 ); /* IE6-9 */
}
/* Héritage un seul item */
#tilezoom-container.tilezoom-single #tilezoom-prev, #tilezoom-container.tilezoom-single #tilezoom-next { display: none; }
#tilezoom-container.tilezoom-single #tilezoom-holder-controls { width: 150px; margin-left: -75px; }

.flexit-medias-player-standalone { }
.flexit-medias-player-standalone-wrapper { margin-bottom: 20px; max-width: 100%;display: inline-block; }
/*.flexit-medias-video-player { display: inline-block; }*/
/*.flexit-medias-video-player-playlist { display: inline-block; }*/
#ff-front-pu.nopadding #ff-front-pu-content-txt-inner > .tpl_video_player:first-child > .flexit-medias-video-player > .flexit-medias-player-standalone > .flexit-medias-player-standalone-wrapper { margin-bottom: 0; }
.flexit-medias-player-standalone-title { font-size: 18px; font-weight: bold; line-height: 1.2em; margin-bottom: 10px; }
.flexit-medias-player-standalone-desc { font-size: 14px; font-weight: normal; line-height: 1.2em; margin-bottom: 10px; font-style: italic; }
/*.video-js .vjs-tech , .video-js .vjs-poster , .video-js .vjs-text-track-display { max-height: 100vh; }*/

/* Player avec playlist */
.flexit-medias-player-playlist { background: #222222; max-width: none;display: inline-block; }
.flexit-medias-player-playlist:after { content: ''; display: block; height: 0; clear: both; }
.flexit-medias-player-playlist .video { float: none; margin: 0; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-container { font-size: 1em; color: #cacaca; overflow: hidden;text-align: left; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller { overflow: auto; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .mCSB_container { margin-right: 0 !important; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item { margin: 0; padding: 0; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item.selected { background: #3a3a3a; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item-wrp { padding: 14px 10px;display: flex;align-items: center; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item-wrp:after { display: block; content: ''; width: auto; height: 0; clear: both; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item-wrp .pic { margin-right: 10px; }

.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item .content { cursor: pointer; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item .content .titre { font-weight: bold; line-height: 1em; font-size: 1em; margin: 0; }
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item .content .resume,
.flexit-medias-player-playlist .flexit-medias-player-playlist-scroller .item .content .description { font-size: 0.9em; color: #757676; margin: 0; }
.flexit-medias-player-playlist.pll .flexit-medias-player-wrapper { float: right; }
.flexit-medias-player-playlist.pll .flexit-medias-player-playlist-container { float: left; }
.flexit-medias-player-playlist.plr .flexit-medias-player-wrapper { float: left; }
.flexit-medias-player-playlist.plr .flexit-medias-player-playlist-container { float: right; }
.flexit-medias-player-playlist.plt { position: relative; }
.flexit-medias-player-playlist.plt .flexit-medias-player-playlist-video { position: absolute; left: 0; right: 0; bottom: 0; }

.flexit-medias-player-playlist.plt,
.flexit-medias-player-playlist.plb { max-width: 100%; }

.flexit-medias-player-playlist.plt .flexit-medias-player-wrapper,
.flexit-medias-player-playlist.plb .flexit-medias-player-wrapper { max-width: 100%; }


.flexit-medias-player-playlist .mejs__poster { background-size: cover; }

@media (max-width: 992px){
    .flexit-medias-player-playlist .flexit-medias-player-playlist-video { float: none; margin-right: 0; }
}
/****************/
/* AUDIO PLAYER */
/****************/
.flexit-medias-audio-player { width: 400px; max-width:100%;  }
.flexit-medias-audio-player .player_cls { max-width:100%; }

.flexit-medias-audio-player .plyr__controls { background: #eaeaea; color: #4a5764; padding: 10px; align-items: center; display: flex; justify-content: flex-end; text-align: center; }
.flexit-medias-audio-player .plyr__progress { position:relative; left: 6.5px; margin-right: 13px; }
.flexit-medias-audio-player .plyr__controls .plyr__progress__container { flex: 1; min-width: 0; margin-left:5px; }
.flexit-medias-audio-player .plyr__progress__buffer { -webkit-appearance: none; background: 0 0;  border: 0;  border-radius: 100px;  height: 5px;  left: 0;  margin-top: -2.5px;  padding: 0;  position: absolute; top: 50%; }
.flexit-medias-audio-player .plyr__progress input[type=range] {  position: relative; z-index: 2; }

.flexit-medias-audio-player input[type=range] {  -webkit-appearance: none; background: 0 0; border: 0; border-radius: 26px; color: #00b3ff; display: block; height: 19px; margin: 0;  padding: 0; transition: box-shadow .3s ease; width: 100%; }

.flexit-medias-audio-player .list .unSon { border:0; padding:2px 5px; border-bottom:1px solid #d1d1d1; background:none; font-size:0.875rem; display:block;}
.flexit-medias-audio-player .list .unSon.active { font-weight: bold; }

.flexit-medias-audio-player .plyr__progress input[type=range], .flexit-medias-audio-player .plyr__progress__buffer { margin-left: -6.5px; margin-right: -6.5px; width: calc(100% + 13px); }
.flexit-medias-audio-player .plyr__tooltip {  background: rgba(255,255,255,.9); border-radius: 3px; bottom: 100%;    box-shadow: 0 1px 2px rgb(0 0 0 / 15%); color: #4a5764; font-size: 14px; font-weight: 500; left: 50%; line-height: 1.3; margin-bottom: 10px; opacity: 0; padding: 5px 7.5px; pointer-events: none; position: absolute; transform: translate(-50%,10px) scale(.8); transform-origin: 50% 100%; transition: transform .2s .1s ease,opacity .2s .1s ease; white-space: nowrap; z-index: 2;}

.flexit-medias-audio-player button { border:0; padding:0; background-color:transparent; display:contents; }
.flexit-medias-audio-player button .icon { width:28px; height:28px; margin:0; display:inline-block; border-radius:50%; }
.flexit-medias-audio-player button:hover .icon { background-color:#d1d1d1!important;  }
.flexit-medias-audio-player button[data-plyr="pause"] .icon { background:no-repeat center center / 20px url(/svgs_ionicons_play_333333); }
.flexit-medias-audio-player button[data-plyr="play"] .icon {  background:no-repeat center center / 20px url(/svgs_ionicons_pause_333333);}
.flexit-medias-audio-player button[data-plyr="fast-rewind"] .icon {  background:no-repeat center center / 20px url(/svgs_ionicons_skip-backward_333333);}
.flexit-medias-audio-player button[data-plyr="fast-forward"] .icon {  background:no-repeat center center / 20px url(/svgs_ionicons_skip-forward_333333);}
.flexit-medias-audio-player button[data-plyr="playlist"] .icon {  background:no-repeat center center / 20px url(/svgs_feather_list_333333);  margin-left:5px;}
.flexit-medias-audio-player button.plyr__control_vol .icon {  flex: 0 0 28px; }
.flexit-medias-audio-player button[data-plyr="mute"] .icon {  background:no-repeat center center / 20px url(/svgs_ionicons_android-volume-off_333333); }
.flexit-medias-audio-player button[data-plyr="unmute"] .icon {  background:no-repeat center center / 20px url(/svgs_ionicons_android-volume-up_333333); }

.plyr__time--duration, .plyr__time--current { font-size:14px;  margin-left: 2.5px;}
.plyr__time--current { padding: 0 5px;}
.plyr__time--duration::before { content: '\2044'; margin-right: 5px; }

/* RANGE */
.flexit-medias-audio-player input[type=range] { cursor: pointer}
.flexit-medias-audio-player input[type=range]::-webkit-slider-runnable-track { background: 0 0; border: 0; border-radius: 2.5px; height: 5px; -webkit-transition: box-shadow .3s ease; transition: box-shadow .3s ease; -webkit-user-select: none; user-select: none; background-image: linear-gradient(to right, currentColor var(--value, 0), transparent var(--value, 0));}
.flexit-medias-audio-player input[type=range]::-webkit-slider-thumb {    background: #fff;    border: 0;    border-radius: 100%;    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);    height: 13px;    position: relative;    -webkit-transition: all .2s ease;    transition: all .2s ease;    width: 13px;    -webkit-appearance: none;    margin-top: -4px;}
.flexit-medias-audio-player input[type=range]::-moz-range-track {    background: 0 0;    border: 0;    border-radius: 2.5px;    height: 5px;    -moz-transition: box-shadow .3s ease;    transition: box-shadow .3s ease;    user-select: none;}
.flexit-medias-audio-player input[type=range]::-moz-range-thumb {    background: #fff;    border: 0;    border-radius: 100%;    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);    height: 13px;    position: relative;    -moz-transition: all .2s ease;    transition: all .2s ease;    width: 13px;}
.flexit-medias-audio-player input[type=range]::-moz-range-progress {    background: currentColor;    border-radius: 2.5px;    height: 5px;}
.flexit-medias-audio-player input[type=range]::-ms-track {    background: 0 0;    border: 0;    border-radius: 2.5px;    height: 5px; -ms-transition: box-shadow .3s ease;    transition: box-shadow .3s ease;    -ms-user-select: none;    user-select: none;    color: transparent;}
.flexit-medias-audio-player input[type=range]::-ms-fill-upper {    background: 0 0;    border: 0;    border-radius: 2.5px;    height: 5px;    -ms-transition: box-shadow .3s ease;    transition: box-shadow .3s ease;    -ms-user-select: none;    user-select: none;}
.flexit-medias-audio-player input[type=range]::-ms-fill-lower {    background: 0 0;    border: 0;    border-radius: 2.5px;    height: 5px;    -ms-transition: box-shadow .3s ease;    transition: box-shadow .3s ease;    -ms-user-select: none;    user-select: none;    background: currentColor; }
.flexit-medias-audio-player input[type=range]::-ms-thumb {  background: #fff;    border: 0;    border-radius: 100%;    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2);    height: 13px;    position: relative;    -ms-transition: all .2s ease;    transition: all .2s ease;    width: 13px;    margin-top: 0;}
.flexit-medias-audio-player input[type=range]::-ms-tooltip { display: none;}
.flexit-medias-audio-player input[type=range]:focus { outline: 0;}
.flexit-medias-audio-player input[type=range]::-moz-focus-outer { border: 0;}
.flexit-medias-audio-player input[type=range].plyr__tab-focus::-webkit-slider-runnable-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, .5); outline: 0; }
.flexit-medias-audio-player input[type=range].plyr__tab-focus::-moz-range-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, .5); outline: 0; }
.flexit-medias-audio-player input[type=range].plyr__tab-focus::-ms-track { box-shadow: 0 0 0 5px rgba(0, 179, 255, .5); outline: 0;}

.flexit-medias-audio-player input[type=range]::-webkit-slider-runnable-track {    background-color: rgba(193, 201, 209, .66);}
.flexit-medias-audio-player input[type=range]::-moz-range-track {    background-color: rgba(193, 201, 209, .66);}
.flexit-medias-audio-player input[type=range]::-ms-track {    background-color: rgba(193, 201, 209, .66);}
.flexit-medias-audio-player input[type=range]:active::-webkit-slider-thumb {    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1);}
.flexit-medias-audio-player input[type=range]:active::-moz-range-thumb {    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1);}
.flexit-medias-audio-player  input[type=range]:active::-ms-thumb {    box-shadow: 0 1px 1px rgba(0, 0, 0, .15), 0 0 0 1px rgba(35, 41, 47, .2), 0 0 0 3px rgba(0, 0, 0, .1);}

.plyr__volume {    align-items: center;    display: flex;    max-width: 110px;    min-width: 80px;    position: relative;    width: 20%; margin-left:5px;}

.flexit-medias-audio-player .list { box-shadow:0 7px 5px rgba(0,0,0,0.4); max-width: 100%; width:100%; padding:0 10px; position:absolute; top:100%; background:#f1f1f1; border-radius:0 0 10px 10px; height:auto; transition: max-height 0.35s ease-in-out; -ms-transition: max-height 0.35s ease-in-out; overflow: auto; max-height:0;}
.flexit-medias-audio-player .full_player { position:relative; }
.flexit-medias-audio-player .full_player .list.active, .flexit-medias-audio-player .mini_player .list { max-height:300px; transition: max-height 0.35s ease-in-out; -ms-transition: max-height 0.35s ease-in-out;}
.flexit-medias-audio-player .full_player .list.active.list_open , .flexit-medias-audio-player .mini_player .list.list_open { max-height:inherit; transition: max-height 0.35s ease-in-out; -ms-transition: max-height 0.35s ease-in-out; position:relative; box-shadow: none;}
.flexit-medias-audio-player .mini_player .list { position:relative; top:0;}
.flexit-medias-audio-player .list a:first-child{ margin-top:5px; }
.flexit-medias-audio-player .list a:last-child{ margin-bottom:5px; }
/* Scrollbar */
.flexit-medias-audio-player .list { scrollbar-width: thin; }
.flexit-medias-audio-player .list { scrollbar-color: rgba(0,0,0,0.1) #6a6a6a; }
/* Works on Chrome, Edge, and Safari */
.flexit-medias-audio-player .list::-webkit-scrollbar {     width: 6px; }
.flexit-medias-audio-player .list::-webkit-scrollbar-track {     background: rgba(0,0,0,0.1);  padding:0 3px;    border-radius: 20px; }
.flexit-medias-audio-player .list::-webkit-scrollbar-thumb {     background-color: rgba(0,0,0,0.75);     border-radius: 20px; }