:root {
    --userComponentCardSelectedColor: #cd0000;
    --userComponentCardSelectedColorHover: #b70c03;
    --userComponentCardSelectedColorActive: #a11305;
}

@font-face {
    font-family: 'Bliss';
    font-weight: normal;
    font-style: normal;
    src: url('/5.0.5/includes/fonts/Bliss/bliss-re-webfont.eot');
    src: url('/5.0.5/includes/fonts/Bliss/bliss-re-webfont.eot?#iefix') format('embedded-opentype'),
        url('/5.0.5/includes/fonts/Bliss/bliss-re-webfont.woff') format('woff'),
        url('/5.0.5/includes/fonts/Bliss/bliss-re-webfont.ttf') format('truetype'),
        url('/5.0.5/includes/fonts/Bliss/bliss-re-webfont.svg#bliss-re-webfont') format('svg');
}

body {
    font-family: Verdana, Geneva, sans-serif;
    color: #222;

    background-color: #fff;
    background-image: url(/5.0.5/includes/img/account/vileda/bg.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

header>.nav-bar>a.account-logo {
    margin: 0;

    background-image: none;
}

header .nav-bar {
    background-image: url(/5.0.5/includes/img/account/vileda/vileda_logo_3.png);
    background-repeat: no-repeat;
    background-position: right -9px top -10px;
}

.dashboard-side .quicklinks:nth-child(2) {
    border-bottom: 3px solid #000;
}

header>.nav-bar>a.account-logo img {
    display: none;
}

body.hasSidebar #media-container.content-container.ui-selectable.media,
body.hasSidebar .content-container.media {
    padding: 180px 20px 20px 320px;
}

.cta-main-container {
    margin-right: 120px;
}

a,
a:visited {
    color: #007ea3;
}

a:hover {
    color: #7fbed1;
}

.breadcrumb li a,
.breadcrumb li:last-child a,
.breadcrumb li:last-child a:hover,
.breadcrumb li {
    color: #fff;
}

.sidebar.sidebar-left.open {
    left: 20px;

    border-right: 0;
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: none;
}

#login header.base {
    border-bottom: 0 !important;
}

header.base {
    border-bottom: 5px solid #cd0000 !important;
    background-color: #000;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}

header.base.small {
    top: -40px;
}

header>.admin-bar,
header .nav-bar {
    background-color: #000;
    box-shadow: none;
}

header>.admin-bar {
    background-color: #fff;
}

header .nav-bar {
    background-color: #000;
    -webkit-box-shadow: inset 0 -1px 0 #353a3e;
    -moz-box-shadow: inset 0 -1px 0 #353a3e;
    -ms-box-shadow: inset 0 -1px 0 #353a3e;
    -o-box-shadow: inset 0 -1px 0 #353a3e;
}

header>.admin-bar {
    padding: 0;
    padding-left: 20px;

    border-bottom: 0;
}

a.admin-bar-logo {
    margin: 5px 0;

    color: #000 !important;
}

a.admin-bar-logo:hover {
    color: #bfbfbf !important;
}

ul.badges li>a,
ul.admin-options>li>a,
.unit-switch-container>a.unit-dropdown {
    padding: 5px 15px;
}

ul.admin-options>li>div.admin-dropdown {
    top: 40px;
}

ul.badges li a span {
    border-radius: 0;
    background-color: #cd0000;
}

.unit-switch-container a.unit-dropdown>span {
    top: 5px;
    right: 0;
}

.nav-bar-search {
    width: auto;
    margin-top: 0;
}

.nav-bar-search .search-icon {
    top: 8px;
    left: 8px;
}

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader {
    top: 5px;
}

.nav-bar-search input.search {
    margin-top: 5px;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border-radius: 15px;
    background-color: #ededed;
}

.nav-bar .nav-main {
    margin-top: 10px;

    text-transform: uppercase;

    border-left: 1px solid #353a3e;
}

.nav-bar .nav-main a {
    padding: 15px 25px;

    color: #fff;

    border-top: 1px solid transparent;
    border-right: 1px solid #353a3e;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.hidden-nav ul {
    background-color: #000;
}

.nav-bar .nav-main a:hover,
.nav-bar .nav-main a.active {
    color: #999;

    border-top: 1px solid #353a3e;
    background: rgb(40, 45, 49);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(40, 45, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(40, 45, 49, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(40, 45, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(40, 45, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(40, 45, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, rgba(40, 45, 49, 1) 0%, rgba(0, 0, 0, 1) 100%);
    /* W3C */
}

.nav-main .fa.fa-lg.fa-fw {
    width: 23px;
    margin-right: 0;

    font-size: 20px;
    line-height: 1em;
    color: #fff;
    vertical-align: -10%;
}

.nav-bar .nav-main a .fa-picture-o:before {
    content: '\f114';
}

.nav-bar .nav-main a .fa.fa-fw.fa-book {
    width: 23px;

    vertical-align: -8%;
}

.nav-bar .nav-main a .fa.fa-fw.fa-book:before {
    display: inline-block;
    width: 23px;
    height: 14px;

    background-image: url(/5.0.5/includes/img/account/vileda/icon-styleguide.png);

    content: '';
}

.cta-main-container li a.cta-main {
    border-color: transparent;
    background-color: #bfbfbf;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.cta-main-container a.cta-main:hover {
    background-color: #a7a7a7;
}

header .tool-bar {
    padding-right: 5px;
    padding-left: 40px;

    background: #000;
}

ul.filters-bar {
    text-transform: uppercase;
}

ul.filters-bar>li {
    border-right: 0;
}

ul.filters-bar>li div.filter-dropdown {
    left: -5px;
}

ul.filters-bar>li a.filter-button {
    margin: 0;

    color: #fff;
}

ul.filters-bar>li a#clearFilter {
    color: #fff;

    background: #c40000;
}

ul.filters-bar>li a.filter-button .fa-cog,
ul.filters-bar>li a.filter-button .fa-bookmark,
ul.filters-bar>li a.filter-button .fa-tint,
ul.filters-bar>li a.filter-button .fa-tags {
    display: none;
}

ul.filters-bar>li.active a.filter-button {
    color: #000;
}

.filters>li {
    display: block;
    float: left;
}

.filters>li.filter>a {
    color: #fff;
}

.filters>li.filter>a:hover,
.filters>li.active>a {
    color: #000;

    background-color: #fff;
}

.filter-level li .image-container,
.filters>li a .fa {
    display: none;
}

.collection-navigation {
    width: 272px;
    top: 190px!important;
}

.collection-navigation ul,
.page-component .content nav ul {
    padding: 0;
}

ul li.active>a>span.count {
    color: #cd0000;
}

.scrollup,
.update.info,
ul li span.count,
.collection-navigation ul li.dropdown.active ul li.active a,
span.action-btn.blue,
a.action-btn.blue,
button.action-btn.blue,
ul.group-btns.blue li a.group-btn,
ul.group-btns li.active a.group-btn,
.media-results span.selected-results,
ul.group-btns.blue li a.group-btn:active,
ul.group-btns li.active a.group-btn,
ul.ui-autocomplete li.active a,
ul.ui-autocomplete .ui-state-focus,
ul.auto-complete li.active a,
#image_upload>.upload-container nav.edit h4 p {
    background-color: #cd0000;
}

span.action-btn.blue:hover,
a.action-btn.blue:hover,
button.action-btn.blue:hover,
ul.group-btns.blue li a.group-btn:hover {
    background-color: #c40000;
}

ul.group-btns.blue li a.group-btn,
ul.group-btns li.active a.group-btn {
    box-shadow: none;
}

.media-results span.results,
.media-sort a.sort,
.media-order a.order {
    background-color: #fff;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all,
header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown {
    height: 28px;

    border: 1px solid #353a3e;
    background-color: #262727;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown {
    border-left: 0;
}

.media-holder a.thumbnail {
    color: #222;
}

.media-holder a.thumbnail:hover,
.ui-selecting a.thumbnail,
.media-holder.active a.thumbnail {
    border-color: #cd0000;
}

.media-holder a.thumbnail .select,
.table_wrapper .overlay-detail .select {
    background-image: url(/5.0.5/includes/img/account/airfrance/select.png);
}

#single-collection-top {
    background-color: #f6f9fe;
}

ul.admin-options>li>a,
.unit-switch-container a.unit-dropdown,
ul.admin-options>li:hover>a,
.unit-switch-container a.unit-dropdown:hover {
    color: #000 !important;
}

ul.badges li>a {
    color: #ededed;
}

ul.badges li>a:hover {
    color: #808080;
}

.unit-switch-container a.unit-dropdown:hover,
.unit-switch-container.show a.unit-dropdown,
.unit-switch-container.show a.unit-dropdown:hover {
    color: #bfbfbf !important;

    background-color: transparent;
}

.breadcrumb {
    padding-left: 53px;
}

.collection-stream {
    margin-right: 320px;

    background-color: rgba(255, 255, 255, 0.7);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dashboard-side {
    top: 185px;

    margin-bottom: 25px;
    padding-left: 25px;

    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.7);
}

span.label {
    background-color: #cd0000;
}

.ie9 header .tool-bar {
    border-bottom: 0;
}

.lt-ie9 header .tool-bar {
    border-top: 0;
    border-bottom: 0;
    background-color: #000000;
}

.lt-ie9 .sidebar.sidebar-left.open {
    background-color: #fff;
}

.lt-ie9 .nav-bar-search .search-icon {
    top: 8px;
}

.lt-ie9 .unit-switch-container {
    border-right: 0;
}

.lt-ie9 .show.filterbar {
    top: 165px;

    background-color: #fefefe;

    -ms-filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
    filter: 'progid:DXImageTransform.Microsoft.gradient(enabled=false)';
}

.sidebar .sidebar-header {
    padding-left: 35px;
}

.sidebar .sidebar-body>ul>li {
    padding-left: 20px;
}

.filterbar {
    top: 166px;
}

#styleguide-page-content h2.title,
#styleguide-page-content .content-text strong {
    margin-bottom: 0;

    font-size: 12pt;
}

#styleguide-page-content .content-text p,
#styleguide-page-content .content-text p.paragraph {
    font-size: 10pt;
}

#styleguide-page-content .content-text p.caption {
    font-size: 8pt;
}

footer.fixed .footer-btn {
    height: 15px;

    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content-container.guidelines,
#styleguide-page-content,
#styleguide-page-header,
#styleguide-sidebar,
#styleguide-container .content-text .paragraph,
#styleguide-container .content-title h2,
#styleguide-container p.paragraph,
#styleguide-container h2.title {
    font-family: 'Bliss' !important;
}


.content-container.guidelines {
    max-width: 950px;
    margin-right: auto;
    margin-left: auto;
}

.guideline-intro {
    width: 690px;
    margin: 0 0 50px 0;
}

.guideline-intro h1 {
    margin-bottom: 0;
    padding: 0;

    font-size: 22px;
    line-height: 1;
    color: #444;
}

.guideline-intro h2 {
    margin: 0;
    padding: 0;

    font-size: 18px;
    font-weight: normal;
    color: #8a8a8a;

    background: none;
}

.guideline-intro p {
    margin-top: 10px;

    font-size: 14px;
    line-height: 22x;
    color: #444;
}

a.guideline-blocks {
    margin-bottom: 30px;
}

a.guideline-block {
    position: relative;

    display: block;
    float: left;
    width: 240px;
    min-height: 422px;
    margin-right: 40px;
    padding: 30px;
    padding-left: 18px;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;

    color: #444;

    border: 1px solid #ddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
}

a.guideline-block img {
    max-width: 100%;
    margin: 18px 0 18px 0;
}

a.guideline-block:last-child {
    margin-right: 0;
}

a.guideline-block:hover {
    border-color: #cd0000;
}

a.guideline-block h3,
a.guideline-block h4 {
    margin: 0;
    padding: 0;

    color: #cd0000;
}

a.guideline-block h3 {
    font-size: 18px;
    line-height: 1;
}

a.guideline-block h4 {
    font-size: 16px;
    color: #8a8a8a;
}

.guideline-block p {
    margin-bottom: 0;

    line-height: 22px;
    color: #444;
}

.guideline-blocks.compact .guideline-block {
    height: auto;
    padding-top: 20px;
    padding-bottom: 20px;
}

.guideline-blocks.compact .guideline-block p {
    display: none;
}

.guideline-blocks.compact .guideline-block h3 {
    font-size: 16px;
    line-height: 18px;
}

.guideline-blocks.compact .guideline-block h4 {
    font-size: 14px;
    color: #8a8a8a;
}

#image_enlarger ul.media-info li.alert {
    position: relative;
    left: 0;

    margin-top: 10px;
    margin-bottom: 10px;
}

#image_enlarger ul.media-info li .control-group .controls label.checkbox,
#image_upload ul.media-info li .control-group .controls label.checkbox {
    color: #fff;
}

#styleguide-button-export,
#styleguide-page-header .styleguide-controls li.pdf {
    display: none !important;
}

.sidebar .sidebar-body>ul>li,
#image_upload ul.media-info li .media-info-extend ul.advanced-categories>li,
#image_enlarger ul.media-info li .media-info-extend ul.advanced-categories>li {
    line-height: 24px;
}

.sidebar-body ul li>ul>li .sidebar-label {
    overflow: hidden;

    white-space: nowrap;
    text-overflow: ellipsis;
}

.media-holder.portrait[data-type="document"] .thumbnail {
    width: 225px;
}

.media-holder.portrait[data-type="document"] .thumbnail .image-holder {
    width: 195px;
    height: 125px;
}

/* Workflow Sidebar Navigation */
body .content-container.brands.workflow.sub-navigation.sidebar-feature {
    width: 100%;
    margin-top: 146px;
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-navigation {
    position: fixed;
    height: calc(100% - 146px);
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-navigation:after {
    content: " ";
    position: absolute;
    height: 146px;
    width: 281px;
    background: rgb(255, 255, 255);
    top: -146px;
    right: 0px;
    border-right: 1px solid rgb(230, 233, 235);
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature {
    flex: 1;
    margin: 24px 24px 0 296px;
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-collection-list,
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-jobs-container.job-overview .workflow-jobs-list {
    overflow-x: scroll;
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-campaigns-header .overview-filter,
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-jobs-header .overview-filter {
    margin-bottom: 10px;
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-overview .grid-row-holder a.campaign-block {
    width: 100%;
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-overview .grid-row-holder .brand-holder {
    width: calc((100% / 3) - 20px);
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title i,
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-data .campaign-title i {
    max-width: calc(100% - 110px);
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
}

@media only screen and (max-width: 1200px) {
    body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-overview .grid-row-holder .brand-holder {
        width: calc((100% / 2) - 20px);
    }
}

/* Blank container */
.blank__container {
    padding-top: 121px;
}

/* Collection detail fix */
.content-container.single-collection {
    padding-top: 282px;
}

/*=======================
SELECT2 UPDATE
=======================*/
.select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 34, 51, 0.1);
  min-height: 40px;
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  line-height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}
.select2-container--default .select2-selection--single .select2-selection__clear {
  color: #212C40;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 200px;
}

.select2-dropdown {
  border: 1px solid rgba(0, 34, 51, 0.1);
  color: #212C40;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid rgba(0, 34, 51, 0.1);
  min-height: 26px;
  line-height: 14px;
}

.select2-container--default .select2-selection--multiple {
  border: 1px solid rgba(0, 34, 51, 0.1);
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-right: 20px;
}
.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  line-height: 40px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: rgba(0, 34, 51, 0.1);
  margin-top: 8px;
  margin-right: -1px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #132034;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}

.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 10px;
  margin-right: -12px;
  color: #888;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: 1px solid rgba(0, 34, 51, 0.1);
}

.workflow-jobs-filter.overview-filter.responsible-filter .select2.select2-container.select2-container--default {
  width: 100% !important;
}

#briefingroom-modal-container ul {
  padding: initial;
}

.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .wf-message-options .private-group-select label {
  margin-top: -7px;
}
.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .select2-container {
  width: 250px !important;
  top: 7px;
}
.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .select2-container--default .select2-selection--multiple {
  position: relative;
  z-index: 1;
}

.wf-wrapper .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus,
.wf-wrapper .select2-container--default .select2-selection--multiple {
  width: 300px !important;
}

.wf-wrapper .select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 0;
  margin-right: -12px;
  color: #888;
}

.wf-wrapper .modal-content .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: unset;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-container--default .select2-selection--multiple,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-container--default .select2-selection--multiple,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-container--default .select2-selection--multiple,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-container--default .select2-selection--multiple {
  background: transparent;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 8px;
  margin-right: 1px;
  color: rgba(255, 255, 255, 0.65);
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #264251;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
  max-width: 200px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice:hover {
  color: #fff;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice .select2-selection__choice__remove,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.65);
  float: right;
  right: 0;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice > div,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice > div,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice > div,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice > div {
  padding-right: 12px;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-search__field,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field {
  width: 259px !important;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-search__field:hover, #image_upload .upload-container nav.edit ul.media-info li .select2-search__field:focus,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:focus,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field:focus,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field:focus {
  width: 259px !important;
  background-color: #264251;
}
#image_upload .upload-container nav.edit ul.media-info li .controls input:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .controls input:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .controls input:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .controls input:hover {
  background-color: #264251;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li.toggle-active.active .select2-container--default .select2-selection--single .select2-selection__arrow {
  position: absolute;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice > div,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice > div {
  padding: 0 24px 0 8px !important;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-search__field,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field {
  width: 210px !important;
}
#image_upload .upload-container nav.edit ul.media-info li .select2-search__field:hover, #image_upload .upload-container nav.edit ul.media-info li .select2-search__field:focus,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:focus {
  width: 210px !important;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-container--default .select2-selection--multiple,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-container--default .select2-selection--multiple {
  background: transparent;
  border: 1px solid transparent;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #264251;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice:hover {
  color: #fff;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.65);
  position: absolute !important;
  right: 5px;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice > div,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice > div {
  padding-right: 12px;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field {
  width: 259px !important;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field:hover, #image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field:focus,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field:focus {
  width: 259px !important;
  background-color: #264251;
}
#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .controls input:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .controls input:hover {
  background-color: #264251;
}

#media-detail-tags .select2-container.select2-container--default.tags.select2-container—above,
.select2.select2-container.select2-container--default.tags.select2-container {
  width: 100% !important;
}
#media-detail-tags .select2-container.select2-container--default.tags.select2-container—above .select2-selection--multiple,
.select2.select2-container.select2-container--default.tags.select2-container .select2-selection--multiple {
  border: 1px solid transparent;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) {
  height: auto;
  max-height: unset;
}
#image_upload ul.media-info > li.toggle-active label[for=tagList] {
  line-height: 40px;
}

.wf-wrapper .jobfilterAndColumn-management .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus,
.wf-wrapper .jobfilterAndColumn-management .select2-container--default .select2-selection--multiple {
    width: 100% !important;
}

/*=======================
END SELECT2 UPDATE
=======================*/
