:root {
    --userComponentCardSelectedColor: #5cb9bb;
    --userComponentCardSelectedColorHover: #52b4b6;
    --userComponentCardSelectedColorActive: #49afb1;
}

@font-face {
    font-family: 'ProximaNova-Regular';
    font-weight: 100;
    src: url('/5.0.5/includes/fonts/ProximaNovaFamily/proximanovaregular.eot')
            format('eot'),
        url('/5.0.5/includes/fonts/ProximaNovaFamily/proximanovaregular.woff2')
            format('woff2'),
        url('/5.0.5/includes/fonts/ProximaNovaFamily/proximanovaregular.woff')
            format('woff'),
        url('/5.0.5/includes/fonts/ProximaNovaFamily/proximanovaregular.ttf')
            format('ttf');
}

@font-face {
    font-family: 'Brown-Regular';
    font-weight: 100;
    src: url('/5.0.5/includes/fonts/Brown/Brown-Regular.eot') format('eot'),
        url('/5.0.5/includes/fonts/Brown/Brown-Regular.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/Brown/Brown-Regular.woff') format('woff'),
        url('/5.0.5/includes/fonts/Brown/Brown-Regular.ttf') format('ttf');
}

@font-face {
    font-family: 'Brown-Bold';
    font-weight: 100;
    src: url('/5.0.5/includes/fonts/Brown/Brown-Bold.eot') format('eot'),
        url('/5.0.5/includes/fonts/Brown/Brown-Bold.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/Brown/Brown-Bold.woff') format('woff'),
        url('/5.0.5/includes/fonts/Brown/Brown-Bold.ttf') format('ttf');
}

@font-face {
    font-family: 'ArialMT';
    font-weight: 100;
    src: url('/5.0.5/includes/fonts/ArialMT/ArialMT.eot') format('eot'),
        url('/5.0.5/includes/fonts/ArialMT/ArialMT.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/ArialMT/ArialMT.woff') format('woff'),
        url('/5.0.5/includes/fonts/ArialMT/ArialMT.ttf') format('ttf');
}

body {
    font-family: 'Brown-Regular', 'ArialMT', Helvetica, Arial, sans-serif;

    background-color: #fff;
}

ul.group-btns.blue li a.group-btn,
ul.group-btns li.active a.group-btn,
#styleguide-container ul.group-btns.blue.big li a.group-btn:hover {
    line-height: 32px;
    color: #fff;
}

.filters > li a.selected span.searchSelected,
.filters > li a.selected span.searchCount {
    display: inline-block;
}

.filters > li a.selected span.searchSelected,
.filters > li a.selected span.searchCount {
    background: #005192;
    background: -webkit-gradient(
        linear,
        left bottom,
        right top,
        color-stop(0%, #005192),
        color-stop(100%, #008bc5)
    );
    background: -webkit-linear-gradient(45deg, #005192 0%, #008bc5 100%);
    background: -moz-linear-gradient(45deg, #005192 0%, #008bc5 100%);
    background: linear-gradient(45deg, #005192 0%, #008bc5 100%);
}

span.form-control.email-share {
    font-size: 13px;
    color: #fff;

    border: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.collection.news h2 {
    color: #4c4c4c;
}

.news-content p {
    color: #4c4c4c !important;
}

#image_upload > .upload-container header a.action-btn.black {
    color: #fff;

    border: 1px solid #fff;
}

.news-content ol {
    padding: 0 0 0 15px;
}

.news-content ul li {
    font-size: 14px;
    color: #4c4c4c;
}

.news-content ol li {
    font-size: 14px;
    color: #4c4c4c;
}

ul.badges li a span {
    position: relative;

    height: 24px;
    margin: 5px 0 3px 10px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    line-height: 24px;
    color: #fff;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
}

.update.info {
    background: #ff6b00;
}

ul.group-btns.actions-bar li a.group-btn {
    height: 33px;
    margin: 0;

    font-size: 12px;
    line-height: 34px;
    color: #282828;

    border: 1px solid #f0ebd7;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.filters > li a .fa {
    margin-right: 10px;
}

.filters > li a .fa.fa-caret-down {
    margin-left: 10px;
}

.show-all p {
    line-height: 20px !important;
}

.cta-main-container li ul.cta-dropdown {
    top: 80%;
}

ul.group-btns.actions-bar li.active a.group-btn {
    color: #fff;

    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff6b00;
}

ul.group-btns li:first-child a.group-btn {
    border-left-width: 1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

ul.group-btns li:last-child a.group-btn {
    border: 1px solid #f0ebd7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

.collection.clearfix:nth-child(5) .column-right {
    position: absolute;
    right: 50%;

    width: 50%;
}
.collection.clearfix:nth-child(5) .column-left {
    margin-left: 50%;
    padding: 10px 0 0 0;
}

.collection.clearfix:nth-child(5) .column-right .media-left {
    padding: 0 20px 0 0;
}

.collection.clearfix:nth-child(5) .column-right .media-right {
    padding: 0 20px 0 0;
}

.collection.clearfix:nth-child(5) {
    margin-bottom: 30px;
}

.collection.clearfix:nth-child(5) .column-left a.description {
    right: 20px;
    left: 20px;
}

header .tool-bar ul.actions-bar {
    float: right;
    margin: 8px 0 4px 0;
}

header .tool-bar ul.actions-bar.hidden {
    width: 0;
    height: 34px;
    visibility: visible;
    overflow: hidden;

    opacity: 0;
}

header .tool-bar ul.actions-bar.hidden a.group-btn {
    -webkit-transform: scale(0.2);
    -moz-transform: scale(0.2);
    -ms-transform: scale(0.2);
    transform: scale(0.2);
    opacity: 0;
}

.cta-main-container ul.cta-dropdown li .switch-holder.active .switch {
    color: #5cb9bb;
}

.cta-main-container ul.cta-dropdown li .switch-holder.active {
    background-color: #5cb9bb;
}

#breadcrumbs {
    margin-top: 0;
}

.filters {
    max-height: 46px !important;
}

body[data-module='styleguide'] .filters {
    min-height: 0;
    max-height: none !important;

    font-size: 0;
}

body[data-module='styleguide'] .filters > li.filter a {
    font-size: 13px;
}

body[data-module='styleguide'] .filters > li.filter > a {
    font-size: 14px;
}

.filters > li.filter > a {
    height: 36px;

    font-family: 'Brown-Regular';
    font-size: 14px;
    line-height: 35px;
    color: #94889d;
}

.filters > li.active > a:after {
    background: #fff;
}

.filters li.disabled a,
.filters li.disabled,
.filters li a.disabled {
    display: none;
}

.filter-level-container,
.filter-level-container.advanced {
    top: 45px;
}

.filter-level h2 {
    font-size: 18px;
    font-weight: 200;
    color: #222;
}

.filter-navigation {
    margin-top: 17px;
    padding-left: 5px;
}

ul.listview-info span.extension {
    line-height: 17px;
    text-transform: lowercase;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
}

.ui-menu .ui-menu-item,
ul.ui-autocomplete li a,
ul.auto-complete li a {
    font-size: 12px;
}

header .tool-bar ul.actions-bar a.group-btn {
    min-width: 18px;
    height: 34px;
    margin: 0 -1px;
    padding: 0 10px;

    font-size: 14px;
    line-height: 33px;
    color: #989898;

    border: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

header .tool-bar ul.actions-bar a.group-btn.tip-trigger {
    margin-right: 0;
}

header .tool-bar ul.actions-bar a.group-btn:hover {
    color: #000;

    background-color: transparent;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all,
#image_upload header ul.actions-bar li.select a.group-btn.select-all,
header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown,
#image_upload header ul.actions-bar li.select a.group-btn.select-dropdown {
    width: 30px;
    height: 30px;
    padding: 0;

    color: #94889d;

    border: 1px solid #94889d;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown:hover,
#image_upload
    header
    ul.actions-bar
    li.select
    a.group-btn.select-dropdown:hover {
    color: #000;
}

header .tool-bar ul.actions-bar.part li.select a.group-btn.select-all,
#image_upload header ul.actions-bar.part li.select a.group-btn.select-all,
header .tool-bar ul.actions-bar.active li.select a.group-btn.select-all,
#image_upload header ul.actions-bar.active li.select a.group-btn.select-all {
    border: 1px solid #282828;
    background: #fefdf9;
}

a,
a:focus,
a:visited,
#modal-container a.close {
    color: #333;
}
a:hover {
    color: #000;
}

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader {

    height: 40px;
    font-size: 14px;
    line-height: 40px;
    color: #989898;
}

.filter-level-container.advanced li.radio:hover,
.filter-level-container.advanced li.checkbox:hover {
    color: #103184;
}

.select2-results .select2-highlighted {
    background: #103184;
}

.nav-bar-search a.spotlightClear:hover {
    color: #000;
}

.nav-bar-search .nav-bar-searchbox {
    top: 44px;
    left: 0;

    width: 375px;
    padding: 0;

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.nav-bar-search .nav-bar-searchbox:after,
.nav-bar-search .nav-bar-searchbox:before {
    position: absolute;
    top: -16px;
    left: 50%;

    margin-left: -8px;

    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #fff transparent;

    content: '';
}

.nav-bar-search input.search {
    position: initial;
    height: 36px;
    width: 90%;
    margin-left: 0;
    padding: 0 35px 0 40px;
    font-family: 'Brown-Regular';
    font-size: 14px;
    color: #989898;

    border: 1px solid #eee;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

.filters-holder {
    margin-top: 0;
    padding: 0;
}

.inner-addon input::-webkit-input-placeholder {
    color: #103184 !important;
}

.inner-addon input:-moz-placeholder {
    color: #103184 !important;
}

.inner-addon input::-moz-placeholder {
    color: #103184 !important;
}

.inner-addon input:-ms-input-placeholder {
    color: #103184 !important;
}

.inner-addon input::placeholder {
    color: #103184 !important;
}

.nav-bar-search.dashboard-search input.search::-webkit-input-placeholder {
    font-family: 'Brown-Regular';
    font-size: 16px;
    color: #94889d;
}
.nav-bar-search.dashboard-search input.search:-moz-placeholder {
    font-family: 'Brown-Regular';
    font-size: 16px;
    color: #94889d;
}
.nav-bar-search.dashboard-search input.search::-moz-placeholder {
    font-family: 'Brown-Regular';
    font-size: 16px;
    color: #94889d;
}
.nav-bar-search.dashboard-search input.search:-ms-input-placeholder {
    font-family: 'Brown-Regular';
    font-size: 16px;
    color: #94889d;
}
.nav-bar-search.dashboard-search input.search::placeholder {
    font-family: 'Brown-Regular';
    font-size: 16px;
    color: #94889d;
}

.nav-bar-search input.search::-webkit-input-placeholder {
    font-family: 'Brown-Regular';
    font-size: 14px;
    color: #989898;
}

.nav-bar-search input.search:-moz-placeholder {
    font-family: 'Brown-Regular';
    font-size: 14px;
    color: #989898;
}

.nav-bar-search input.search::-moz-placeholder {
    font-family: 'Brown-Regular';
    font-size: 14px;
    color: #989898;
}

.nav-bar-search input.search:-ms-input-placeholder {
    font-family: 'Brown-Regular';
    font-size: 14px;
    color: #989898;
}

.nav-bar-search input.search::placeholder {
    font-family: 'Brown-Regular';
    font-size: 14px;
    color: #989898;
}

.nav-bar-search .nav-bar-searchbox ul div.spotlight-results {
    background-color: #f2f4f5;
}

.filters > li {
    border-right: 1px solid #eee;
}

.nav-bar-search .nav-bar-searchbox ul li a.header span,
.nav-bar-search .nav-bar-searchbox ul li a span {
    top: 50%;
    right: 25px;

    height: 20px;
    margin-top: -10px;

    font-size: 12px;
    font-weight: 200;
    line-height: 20px;
    text-transform: none;

    background-color: #76898f;
}

.nav-bar-search .nav-bar-searchbox ul li a.header {
    padding: 25px;

    font-size: 18px;
    font-weight: 200;
    color: #535b5f;

    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.nav-bar-search .nav-bar-searchbox ul li.spotlight-media a:hover,
.nav-bar-search .nav-bar-searchbox ul li.spotlight-tags a:hover,
.nav-bar-search .nav-bar-searchbox ul li.spotlight-collection a:hover {
    background-color: rgba(0, 0, 0, 0.05);
}

.nav-bar-search .nav-bar-searchbox ul li a {
    padding: 10px 25px;
}

.nav-bar-search .nav-bar-searchbox ul li a p.searchbox-title,
.nav-bar-search .nav-bar-searchbox ul li a p.searchbox-description {
    width: 220px;
}

.nav-bar-search .nav-bar-searchbox ul li a p.searchbox-title {
    font-size: 16px;
    font-weight: 200;
}

.nav-bar-search .nav-bar-searchbox ul li a.header .fa {
    display: none;
}

.nav-bar-search .nav-bar-searchbox:before {
    border-color: transparent transparent #000 transparent;
}

.hidden-nav ul {
    top: 35px;
}

header.base {
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

header > .admin-bar {
    z-index: 100;

    padding: 0 25px;

    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

ul.admin-options > li > a,
.unit-switch-container > a.unit-dropdown {
    height: 50px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    line-height: 52px;
    color: #989898;
}

ul.badges li > a {
    padding: 10px;

    font-size: 18px;
    color: #989898;
}

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

ul.admin-options > li > a.profile > .avatar {
    width: 24px;
    height: 24px;
    margin: 14px 8px 0 0;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #666;
}

ul.admin-options > li > a,
.unit-switch-container > a.unit-dropdown {
    padding: 0 10px;
}

i.fa.fa-lg.fa-fw.fa-cog {
    display: inline;
    padding-right: 5px;

    font-size: 18px;
    color: #989898;
}

ul.admin-options > li:hover > a {
    color: #000;

    background-color: transparent;
}

ul.admin-options > li {
    height: 50px;
}

ul.admin-options > li > a .fa {
    display: none;
}

.nav-bar-search.dashboard-search {
    top: 190px;
    z-index: 50;

    display: inline;
    margin: 0 0 0 -345px;
}

.nav-bar-search.dashboard-search .search-icon {
    top: 0;
    right: auto;
    left: 0;
    z-index: 10;

    width: 50px;
    height: 60px;

    font-size: 18px;
    line-height: 60px;
    color: #94889d;
}

.nav-bar-search.dashboard-search a.spotlightClear,
.nav-bar-search.dashboard-search .spotlightLoader {
    top: 10px;
    right: auto;
    left: 590px;

    font-size: 18px;
    color: #94889d;
}

.nav-bar-search.dashboard-search input.search {
    position: absolute;
    top: 0;

    width: 550px;
    height: 50px;
    margin-left: 0;
    padding: 5px 25px 5px 65px;

    font-family: 'Brown-Regular';
    font-size: 16px;
    color: #94889d;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

/*++++++++++++++++++++++++++++++*/

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

    width: 280px;
    padding: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.span-link {
    font-size: 14px;
    color: #0762c4;
    color: #282828;
    letter-spacing: 0;
}

.campaign-info-block.left,
.campaign-info-block.right {
    font-size: 12px;
    color: #282828;
}

.workflow-header > h1 a {
    font-size: 24px;
    color: #282828;
}

a.stage-item.current.progress-current:hover span.stage-number {
    -webkit-box-shadow: 0 0 0 3px #af9457;
    -moz-box-shadow: 0 0 0 3px #af9457;
    box-shadow: 0 0 0 3px #af9457;
}

.stage-btn.btn-primary {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #af9457;
}

.progress-current.current .stage-number,
a.wf-stage-add.modal-link:hover {
    background-color: #af9457;
}

a.stage-item.current.progress-current {
    color: #af9457;
}

.media-sort ul.auto-complete li a.active {
    color: #af9457;
}

table.table td a.job-title,
table.table td a {
    color: #282828;
}

span.wf-new-stage-progress.stage-progress-progress {
    background-color: #5cb9bb;
}

a.filter-menuitem:hover {
    color: #282828;
}

#media-container.content-container.ui-selectable,
.content-container {
    padding: 210px 25px 50px 25px;
}

span.action-btn.red,
a.action-btn.red,
button.action-btn.red,
span.action-btn.red:hover,
a.action-btn.red:hover,
button.action-btn.red:hover {
    font-size: 13px;
    color: #fff;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #103184;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.job-data-mask {
    color: #000;
}

.job-detail#collection-detail ul li a {
    color: #af9457;
}

.logout button.action-btn.blue {
    height: 40px;

    font-family: 'Brown-Bold';
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.unit-switch-container a.unit-dropdown:hover {
    color: #4c4c4c;

    background-color: transparent;
}

.unit-switch-container.show a.unit-dropdown,
.unit-switch-container.show a.unit-dropdown:hover {
    color: #4c4c4c;

    background-color: transparent;
}

ul.admin-options > li > div.admin-dropdown ul.single li.logout {
    margin-top: 15px;
    margin-bottom: -15px;
    padding: 15px 25px;

    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.05);
    background-color: #f1f3f5;
}

ul.admin-options > li > div.admin-dropdown ul.single,
ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub
    ul.single-sub {
    padding: 15px 0;
}

ul.admin-options > li > div.admin-dropdown ul.single li a.admin-option,
ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub
    ul.single-sub
    li
    a.admin-option-sub {
    height: auto;
    margin: 0 25px;
    padding: 10px 0;

    font-size: 16px;
    font-weight: 200;
    line-height: inherit;
    color: rgba(51, 51, 51, 0.67);

    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li:first-child
    a.admin-option,
ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub
    ul.single-sub
    li:first-child
    a.admin-option-sub {
    border-top: 0;
}

ul.admin-options > li > div.admin-dropdown ul.single li a.admin-option:hover,
ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub
    ul.single-sub
    li
    a.admin-option:hover,
ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub
    ul.single-sub
    li
    a.admin-option-sub:hover {
    color: #333;

    background-color: transparent;
}

ul.admin-options
    > li
    > div.admin-dropdown
    ul.single
    li.sub
    div.admin-dropdown-sub {
    top: -14px;
    left: -280px;

    width: 280px;
    padding: 0;

    border: 0;
}

/*++++++++++++++++++++++++++++++*/

ul.badges > li > div.activity-dropdown {
    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 8px 0 rgba(1, 1, 1, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

ul.badges > li.active > a,
ul.badges > li.active > a:hover {
    color: #fff;

    background-color: transparent;
}

ul.badges > li > div.activity-dropdown > ul {
    padding-top: 47px;
}

ul.badges > li > div.activity-dropdown h2 {
    font-size: 22px;
    font-weight: 200;
    line-height: 26px;
    color: #333;

    background-color: #fff;
}

.nav-bar-search {
    margin-top: 10px;
}

.nav-bar-search .search-icon {
    top: 1px;
    right: auto;
    left: 0;
    z-index: 1;

    width: 36px;
    height: 36px;

    font-size: 16px;
    line-height: 35px;
    color: #989898;
}

.nav-bar-search input.search:focus {
    background-color: #fff;
}

header .nav-bar {
    z-index: auto;

    height: 60px;

    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav-bar .nav-main {
    margin: 0;
}

.nav-bar .nav-main a {
    position: relative;

    height: 15px;
    margin: 0 10px;
    padding: 10px 20px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    line-height: 17px;
    color: #fff;

    border: 0;
    background-color: transparent;

    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

.nav-bar .nav-main a.active {
    height: 17px;
    margin: -2px 20px 0 20px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    line-height: 20px;
    color: #fff;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.nav-bar .nav-main li {
    margin: 0 2px 0 0;

    background: #94889d;
}

.nav-bar .nav-main li:nth-child(1),
.nav-bar .nav-main li:nth-child(7) {
    background: #608fbf;
}

.nav-bar .nav-main li:nth-child(2),
.nav-bar .nav-main li:nth-child(8) {
    background: #a6bcd6;
}

.nav-bar .nav-main li:nth-child(3),
.nav-bar .nav-main li:nth-child(9) {
    background: #c980a8;
}

.nav-bar .nav-main li:nth-child(4),
.nav-bar .nav-main li:nth-child(10) {
    background: #f3de78;
}

.nav-bar .nav-main li:nth-child(5),
.nav-bar .nav-main li:nth-child(11) {
    background: #aac689;
}

.nav-bar .nav-main li:nth-child(6),
.nav-bar .nav-main li:nth-child(12) {
    background: #94889d;
}

ul.admin-options {
    height: 50px;
}

.nav-bar .nav-main a:hover {
    color: #fff;
}

.nav-bar .nav-main a .fa,
.nav-bar .nav-main .hidden-nav a .fa-ellipsis-v {
    display: none;
}

.nav-bar .nav-main a .fa-home {
    display: none;
}

.unit-switch-container {
    left: 75px;

    margin: 0;
}

header > .nav-bar > a.account-logo {
    position: absolute;
    top: -60px;
    left: 15px;
    z-index: 100;

    max-width: 170px;
    margin-top: 5px;
    margin-left: 25px;
    overflow: visible;
}

.media-tools {
    margin: 0 20px 20px 20px;
}

.cta-main-container li a.cta-main,
.cta-main-container li a.cta-main:hover {
    height: 35px;
    margin: 0;

    font-family: 'Brown-Bold';
    font-size: 14px;
    color: #fff;
    letter-spacing: 0;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-transition: color 0.2s ease-out;
    -moz-transition: color 0.2s ease-out;
    transition: color 0.2s ease-out;
}

.cta-main-container li a.cta-main .fa {
    padding: 0 5px;

    font-size: 16px;
    color: #fff;
}

.cta-main-container a.cta-main.cta-dropdown-trigger,
.cta-main-container a.cta-main.cta-dropdown-trigger:hover {
    margin-left: 1px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.cta-main-container li a.cta-main:hover,
.cta-main-container li a.cta-main:hover .fa {
    color: #fff;
}

.cta-main-container {
    position: absolute;
    top: 15px;
    right: 25px;
    z-index: 50;
    z-index: 99;

    height: 35px;
    margin-right: 20px;
}

#single-collection-top .cta-main-container {
    top: auto;

    margin-right: 0;
}

header .tool-bar {
    min-height: 0;

    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content-container.brands {
    width: auto;
    margin: 165px 45px 45px 45px;
    padding: 20px 40px;

    background-color: #eee;
}

body[data-module='media'] {
    background-color: #eee;
}

body[data-module='collections'] {
    background-color: #eee;
}

body[data-module='workflow'] {
    background-color: #eee;
}

[data-module='styleguide'] header .tool-bar {
    display: none;
}

[data-module='styleguide'] header .tool-bar .filters-holder {
    float: right;
    margin-right: 15px;
}

#media-container.content-container.ui-selectable {
    padding: 210px 0 50px 0;
}

.single-collection .media-sort a.sort,
.content-container.collections
    .collections-container
    .media-tools
    .media-sort
    a.sort {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.media-sort a.sort,
.media-results span.results,
.media-results span.selected-results,
.tools-container ul li.tools-results span.results-total,
.tools-container ul li.tools-results span.results-part {
    height: 30px;

    font-size: 14px;
    line-height: 35px;

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

ul.ui-autocomplete,
ul.auto-complete {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.media-sort.sort-order a.sort {
    margin-left: -1px;
}

.media-results span.selected-results {
    position: relative;
    top: 0;
    z-index: 1;

    width: 14px;
    height: 34px;
    padding: 0 5px 0 12px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #fff;

    border: 1px solid #ff6b00;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff6b00;
}

a.toggle-option.active,
a.toggle-option-all.active,
a.multi-edit-option.delete.reset,
a.multi-edit-option.delete-all.reset,
a.toggle-option.active:hover {
    background-color: #af9457;
}

.media-sort a.sort {
    position: relative;

    height: 34px;
    padding-left: 15px;

    font-family: 'Brown-Regular';
    font-size: 12px;
    color: #94889d;

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

ul.ui-autocomplete li:first-child a,
ul.auto-complete li:first-child a {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.media-sort:hover a.sort {
    z-index: 1;

    background-color: #fff;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all,
#image_upload header ul.actions-bar li.select a.group-btn.select-all {
    width: 30px;
    height: 30px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-image: none;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all:before,
#image_upload header ul.actions-bar li.select a.group-btn.select-all:before {
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 10px;
    left: 10px;

    font-size: 14px;

    border: 1px solid #94889d;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background-color: transparent;

    content: '';
}

header .tool-bar ul.actions-bar.part li.select a.group-btn.select-all:after,
#image_upload header ul.actions-bar.part li.select a.group-btn.select-all:after,
header .tool-bar ul.actions-bar.active li.select a.group-btn.select-all:after,
#image_upload
    header
    ul.actions-bar.active
    li.select
    a.group-btn.select-all:after {
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    color: #94889d;

    content: '\f00c';
    -webkit-transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: auto;
}

header .tool-bar ul.actions-bar.part li.select a.group-btn.select-all:after,
#image_upload
    header
    ul.actions-bar.part
    li.select
    a.group-btn.select-all:after {
    content: '\f068';
}

.media-results span.results,
.media-sort.sort-order a.sort {
    height: 34px;
    padding-right: 15px;

    line-height: 34px;
    letter-spacing: 1px;

    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

a.sort strong {
    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #94889d;
}

.sort i.fa.fa-caret-down:before {
    font-size: 12px;
    color: #103184;
}

.media-results span.results {
    height: 34px;

    font-family: 'Brown-Regular';
    font-size: 12px;
    color: #94889d;

    border: 1px solid #f0ebd7;
    border-left: 0;
    background-color: #fff;
}

.results strong {
    font-size: 12px;
    color: #282828;
}

/*Media thumbnails*/

.media-holder .thumbnail .select,
.table_wrapper .overlay-detail .select {
    width: 62px;
    height: 62px;

    background-image: url(/5.0.5/includes/img/account/britvic/Selector.png);
}

.media-holder .thumbnail .image-holder.transparent {
    background-image: url(/5.0.5/includes/img/account/globus/bg-png.png);
}

.media-holder .thumbnail .select:hover {
    background-position: 0 -62px;
}

.media-holder.active .thumbnail .select,
.media-holder.active .thumbnail:hover .select {
    background-position: 0 -124px;
}

.media-holder .thumbnail .media-status {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;

    text-transform: none;

    background-color: rgba(255, 107, 0, 0.8);
}

.media-holder .thumbnail .media-status span {
    font-size: 12px;
}

.upload-media .media-holder.edit .thumbnail > span.upload-extension {
    top: auto;
    right: 0;
    z-index: 9;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats span {
    margin-right: 0;
}

#image_enlarger ul.media-info li.alert {
    background: #ff6b00;
    border: 1px solid rgba(255, 107, 0, 0.1);
}

#results-thumbs {
    text-align: center;
}

.job-detail#collection-media .media-tools {
    z-index: 20;
}

#results-thumbs .media-holder {
    display: inline-block;
    float: none;
    width: auto;
    height: auto;
    margin: 15px;
}

#results-thumbs .media-holder .thumbnail {
    position: relative;
    bottom: auto;
    left: auto;

    width: 250px;
    min-height: 250px;
    height: auto;
    margin: 0;
    padding: 10px;

    border: 1px solid transparent;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.table_wrapper .overlay-detail .select:hover {
    background-position: 0 -62px;
}

.table_wrapper.active .overlay-detail .select,
.table_wrapper.active .overlay-detail .select:hover {
    background-position: 0 -124px;
}

span.action-btn.blue,
a.action-btn.blue,
button.action-btn.blue {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#results-thumbs .media-holder.singleview .thumbnail {
    position: relative;
    left: 0;

    width: auto;
    max-width: 600px;
    height: auto;
    margin: 20px auto 0 auto;
}

#results-thumbs .media-holder.singleview {
    width: 100%;
    height: auto;
    min-height: 100%;
    margin-right: auto;
    margin-bottom: 20px;
    margin-left: auto;
}

#results-thumbs .media-holder.singleview .thumbnail .image-holder {
    width: 100%;
    height: auto;
}

#results-thumbs .row .media-holder.listview {
    position: relative;

    float: left;
    width: 50%;
}

.media-holder.listview .thumbnail .select,
.mode-select-thumb
    .list-media-view.media-holder:not(.active)
    .thumbnail
    .select {
    width: 70px;
    height: 70px;

    background-position: 0 0;
    -moz-background-size: 100%;
    background-size: 100%;
}

.media-holder.listview .thumbnail .select:hover {
    background-position: 0 -70px;
}

.media-holder.listview.active .thumbnail .select {
    background-position: 0 -140px;
}

#results-thumbs .row .media-holder.listview {
    margin: 0;
}

#results-thumbs ul.listview-info {
    margin: 0 25px 0 280px;

    text-align: left;
}

ul.listview-info li {
    font-size: 16px;
    font-weight: 200;
    line-height: 22px;
}

ul.listview-info li strong {
    font-size: 18px;
    font-weight: bold;
    color: #535b5f;
}

ul.listview-info li p {
    color: rgba(51, 51, 51, 0.67);
}

#results-thumbs .media-holder .thumbnail:hover,
#results-thumbs .ui-selecting .thumbnail,
#results-thumbs .media-holder.active .thumbnail {
    color: #008bc5;

    border: 1px solid rgba(34, 211, 197, 0.8);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

#results-thumbs .media-holder.active .thumbnail {
    border: 1px solid #ff6b00;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

#results-thumbs .media-holder .thumbnail p {
    max-width: 80%;
    height: 30px;
    margin: 5px 0 0 0;

    font-family: 'Brown-Bold';
    font-size: 14px;
    color: #94889d;
    letter-spacing: 0;
    white-space: normal;
    height: auto;
}

.ui-menu .ui-menu-item.ui-state-focus,
ul.ui-autocomplete li.active a,
ul.ui-autocomplete .ui-state-focus,
ul.auto-complete li.active a {
    background: #ff6b00;
}

.media-holder .thumbnail > span {
    position: relative;
    right: 0;
    bottom: 30px;

    display: inline-block !important;
    float: right;
    margin: 0;
    margin-top: 3px;
    padding: 4px 6px 8px 6px;

    font-size: 12px;
    line-height: 9px;
    color: #fff;
    text-transform: lowercase;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
}

.media-holder .thumbnail span.extension.eps {
    background: #5cb9bb;
}

.media-holder .thumbnail span.extension.wav,
.media-holder .thumbnail span.extension.mov {
    background: #5cb9bb;
}
.media-holder .thumbnail span.extension.zip {
    background: #5cb9bb;
}
.media-holder .thumbnail span.extension.psd,
.media-holder .thumbnail span.extension.gif {
    background: #5cb9bb;
}
.media-holder .thumbnail span.extension.pdf {
    background: #5cb9bb;
}
.media-holder .thumbnail span.extension.png {
    background: #5cb9bb;
}

#results-thumbs .media-holder .thumbnail .image-holder {
    width: 100%;
    height: 156px;

    background-color: #f2f4f5;
}

#results-thumbs .media-holder.portrait .thumbnail .image-holder {
    text-align: center;
}

#modal-container .modal .content .restriction {
    text-align: left;
}

.media-holder.portrait.listview a.thumbnail .image-holder img {
    width: auto;
}

/*Collections*/

.content-container.collections {
    padding-top: 146px;
}

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

.media-tools > .media-tools-right {
    margin-right: 20px;
}

.collection-navigation {
    width: 250px;
    top: 150px;
    border: 1px solid #ebebeb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.collection-navigation ul li h3 {
    margin: 0;
    padding: 15px;

    font-family: 'Brown-Bold';
    font-size: 13px;
    color: #4c4c4c;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a,
.collection-navigation ul li.dropdown.active ul li.active a {
    font-family: 'Brown-Bold';
    font-size: 13px;
    color: #fff;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff6b00;
}

ul li span.count {
    padding: 3px 7px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #fff;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff6b00;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

ul li.active > a > span.count {
    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #ff6b00;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fefdf9;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content-container.collections .collections-container {
    margin-left: 330px;
}

.collection-holder .thumbnail .share-holder {
    top: 25px;
    right: 25px;
    bottom: auto;
    z-index: 89;

    padding-bottom: 10px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.collection-holder .thumbnail .share-holder:hover ul.auto-complete {
    display: block;
}

.collection-holder .thumbnail .share,
.collection-holder .thumbnail .share:hover {
    right: auto;
    bottom: auto;

    float: none;
    height: auto;
    padding: 0;

    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fff),
        to(rgba(255, 255, 255, 0.9))
    );
    background: -webkit-linear-gradient(
        top,
        #fff 0%,
        rgba(255, 255, 255, 0.9) 100%
    );
    background: -moz-linear-gradient(
        top,
        #fff 0%,
        rgba(255, 255, 255, 0.9) 100%
    );
    background: linear-gradient(
        to bottom,
        #fff 0%,
        rgba(255, 255, 255, 0.9) 100%
    );
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.collection-holder .thumbnail .share:hover > .fa {
    color: #ff6b00;
}

.collection-holder .thumbnail .share ul.auto-complete {
    right: 50%;

    display: block;
    width: 180px;
    min-width: 0;
    margin-top: 10px;
    margin-right: -90px;
    padding: 10px 0;
    overflow: visible;

    pointer-events: none;

    background: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    opacity: 0;
}

.collection-holder .thumbnail .share:hover ul.auto-complete,
.collection-holder .thumbnail .share-holder:hover .share ul.auto-complete {
    top: 100%;
    right: 50%;
    z-index: 89;

    margin-right: -90px;

    pointer-events: all;

    opacity: 1;
}

ul.auto-complete:before,
ul.auto-complete:after {
    left: 50%;

    margin-left: -8px;
}

.collection-holder .thumbnail .share ul.auto-complete li a {
    padding: 10px 15px !important;

    font-size: 13px;
    color: #4c4c4c;
}

.collection-holder .thumbnail .share ul.auto-complete li a .fa {
    margin-right: 5px;

    font-size: 18px;
    vertical-align: -8%;
}

.collection-holder .thumbnail .share > .fa {
    min-width: 40px;
    height: 40px;
    padding: 0;

    font-size: 22px;
    line-height: 40px;
    color: #cddbdf;
    text-align: center;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.collection-navigation ul li.dropdown.active ul {
    margin: 10px 0;
}

.collection-navigation ul li.dropdown.alwaysopen a {
    padding: 10px 15px;

    font-family: 'Brown-Regular';
    font-size: 13px;
    color: #4c4c4c;
}

.collection-navigation ul li.dropdown.active ul li a i.fa {
    font-size: 14px;
    color: #4c4c4c;
}

.collection-navigation ul li.dropdown.alwaysopen a:hover {
    color: #535b5f;
}

.collection-holder {
    width: auto;
    height: auto;
    margin: 0 25px 25px 0;
}

.control-group li.active a i {
    color: #fff !important;
}

.collection-holder .thumbnail {
    position: relative;
    bottom: auto;
    left: 0;
    z-index: 1;

    width: auto;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding: 17px;

    border: 1px solid #ebebeb;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.collection-holder .thumbnail:hover {
    z-index: 2;
}

.collection-holder:after {
    position: absolute;
    top: 10px;
    right: 0;
    bottom: 0;
    left: 10px;
    z-index: -1;

    display: block;
    width: 247px;
    height: 218px;

    border: 1px solid #f0ebd7;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;

    content: '';
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

.collection-holder .thumbnail h4 {
    width: 216px;
    height: auto;
    margin: 10px 0;
    padding: 4px 0;
    overflow: hidden;

    font-family: 'Brown-Bold';
    font-size: 14px;
    color: #94889d;
    white-space: nowrap;
    letter-spacing: 0;
    text-overflow: ellipsis;
}

.collection-holder .thumbnail span.count {
    position: relative;
    bottom: auto;

    font-family: 'Brown-Regular';
    font-size: 12px;
    color: #827f7b;
}

.collection-holder .thumbnail .image-holder {
    width: 216px;
    height: 125px;

    background-image: url(/5.0.5/includes/img/account/globus/bg-png.png);
}

.collection-holder .thumbnail .image-holder .active.fa {
    display: none;
}

.collection-holder:before {
    display: none;
}

#modal-container {
    background: rgba(255, 255, 255, 0.5);
}

#single-collection-top .cta-main-container a.action-btn {
    height: 35px;

    font-family: 'Brown-Bold';
    font-size: 14px;
    line-height: 35px;
    color: #fff;
    letter-spacing: 0;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #5cb9bb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#single-collection-top {
    padding: 20px 25px;
    padding-top: 235px;

    background-color: #efefef;
}

#single-collection-top h1 {
    height: auto;

    font-size: 30px;
    font-weight: 200;
    line-height: 42px;
    color: #333;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.single-collection time {
    display: block;
    margin-top: 15px;

    font-size: 14px;
    font-weight: 200;
    color: #999d9f;
}
.content-container.single-collection {
    padding-top: 35px;
}

[data-module='workflow'] .single-collection time {
    display: block;
}

[data-module='collections'] .content-container.collections {
    padding-top: 110px;
}

#collection-media {
    margin-top: 313px;
}

#collection-detail {
    top: 310px;

    padding: 0;
}

.jobview-top#single-collection-top {
    padding-top: 130px;
}

.job-detail#collection-detail {
    top: 230px;
}

#collection-detail .description,
#collection-detail ul li {
    border: 0;
}

#collection-detail h2 {
    font-size: 18px;
    font-weight: 200;
    color: #535b5f;
}

#collection-media .media-tools {
    padding: 0;
}

#collection-detail ul li .pull-right {
    margin-top: 6px;

    color: #ff6b00;
}

#single-collection-top .cta-main-container a.cta-main.cta-dropdown-trigger {
    margin-left: -1px;
}

/*Slider transition*/

.content-container.dashboard {
    padding: 180px 20px 50px 30px;
}

.item .carousel-caption {
    text-align: center;

    background-image: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(237, 237, 237, 0)),
        color-stop(24%, rgba(0, 0, 0, 0.7)),
        color-stop(82%, rgba(0, 0, 0, 0.7)),
        to(rgba(215, 215, 215, 0))
    );
    background-image: -webkit-linear-gradient(
        left,
        rgba(237, 237, 237, 0) 0%,
        rgba(0, 0, 0, 0.7) 24%,
        rgba(0, 0, 0, 0.7) 82%,
        rgba(215, 215, 215, 0) 100%
    );
    background-image: -moz-linear-gradient(
        left,
        rgba(237, 237, 237, 0) 0%,
        rgba(0, 0, 0, 0.7) 24%,
        rgba(0, 0, 0, 0.7) 82%,
        rgba(215, 215, 215, 0) 100%
    );
    background-image: linear-gradient(
        -270deg,
        rgba(237, 237, 237, 0) 0%,
        rgba(0, 0, 0, 0.7) 24%,
        rgba(0, 0, 0, 0.7) 82%,
        rgba(215, 215, 215, 0) 100%
    );
    -webkit-box-shadow: inset 0 -1px 0 0 #f0ebd7, inset 0 1px 0 0 #f0ebd7;
    -moz-box-shadow: inset 0 -1px 0 0 #f0ebd7, inset 0 1px 0 0 #f0ebd7;
    box-shadow: inset 0 -1px 0 0 #f0ebd7, inset 0 1px 0 0 #f0ebd7;

    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-transform: translateX(160px) scale(1.1);
    -moz-transform: translateX(160px) scale(1.1);
    -ms-transform: translateX(160px) scale(1.1);
    transform: translateX(160px) scale(1.1);
    opacity: 0;

    filter: alpha(opacity=0);
}

.item.active .carousel-caption {
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
    -webkit-transform: translateX(0px) scale(1);
    -moz-transform: translateX(0px) scale(1);
    -ms-transform: translateX(0px) scale(1);
    transform: translateX(0px) scale(1);
    opacity: 1;

    filter: alpha(opacity=100);
}

/*Full width slider*/

.collection-stream {
    position: static;

    float: left;
    width: 74%;
    margin: 0;

    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.content-container.dashboard {
    position: static;

    max-width: none;
    margin: 0 45px 45px 45px;
    padding-top: 360px;

    background: #eee;
}

.content-container.dashboard.single {
    padding-top: 180px;
}

.single .dashboard-side {
    top: 0;
}

.carousel {
    position: absolute;
    top: 110px;
    right: 0;
    left: 0;

    margin: 0 45px;

    background-color: #000;
}

.carousel-inner > .item {
    height: 200px;
    max-height: none;
}

.dashboard-side {
    position: relative;
    top: -10px;
    right: 15px;
    z-index: 89;

    float: right;
    width: 23%;
    margin-bottom: 50px;
    padding: 0;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: transparent;
}

.transfer-footer .btn-default,
.transfer-footer .btn-default:disabled,
.transfer-footer .btn-default:disabled:hover {
    background-color: #b20762;
}
.transfer-percentage {
    border: 6px solid #b20762;
}

/* Slider styling */

.collection-stream .carousel .carousel-inner .item {
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.collection-stream .carousel .carousel-inner .item:before {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    display: block;
    height: 100%;

    background: #608fbf;

    content: '';
}

.collection-stream .carousel .carousel-inner .item:after {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    display: block;
    height: 100%;

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

    content: '';
    -webkit-transition: all 0.7s ease-in-out;
    -moz-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
}

.carousel-indicators {
    display: none;
}

.carousel-control {
    z-index: 60;
}

a.carousel-control,
a.carousel-control:hover,
a.carousel-control:focus,
a.carousel-control:active {
    display: block !important;

    color: #fff;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    opacity: 1;

    filter: alpha(opacity=100);
}

a.carousel-control:hover {
    color: #008bc5;
}

a.carousel-control .fa-angle-left:before {
    content: '\f053';
}

.dashboard a.carousel-control .fa-angle-left:before,
.dashboard a.carousel-control .fa-angle-right:before {
    display: none;
}

.carousel:hover a.carousel-control.left,
.carousel a.carousel-control.left {
    left: 0;
    opacity: 1;
}

.carousel:hover a.carousel-control.right,
.carousel a.carousel-control.right {
    right: 0;
    opacity: 1;
}

a.carousel-control .fa-angle-right:before {
    content: '\f054';
}

a.carousel-control i.fa {
    transform: translateY(-50%);
    margin-top: 0 !important;
    font-size: 18px;
    line-height: 52px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;

    -webkit-transition: background-color 0.2s ease-out;
    -moz-transition: background-color 0.2s ease-out;
    transition: background-color 0.2s ease-out;
}

.dashboard i.fa.fa-angle-left {
    width: 40px;
    height: 40px;

    background-image: url(/5.0.5/includes/img/account/britvic/Arrow-l.png);
    margin-left: -15px;
}

.dashboard i.fa.fa-angle-right {
    width: 40px;
    height: 40px;

    background-image: url(/5.0.5/includes/img/account/britvic/Arrow-r.png);
}

#carousel-holder:hover .carousel-control {
    width: 80px;
}

#carousel-holder .carousel-control {
    display: none !important;
}

header .nav-bar .nav-bar-right {
    position: relative;
    top: 0;
    left: -30px;
    z-index: 50;

    float: none;
    width: auto;
    margin: 15px 0 0 50px;
}

a.carousel-control:hover i.fa {
    color: #fff;

    background-color: transparent;
}

a.carousel-control.right i.fa {
    -webkit-border-radius: 3px 0 0 3px;
    -moz-border-radius: 3px 0 0 3px;
    border-radius: 3px 0 0 3px;
}

.carousel-caption a.read-more:hover {
    border: none;
}

.carousel-caption {
    display: none;
}

.dashboard-side > div {
    margin-bottom: 20px !important;
    padding: 25px;

    background: #fff;
}

.dashboard-side .dashboard-dropbox {
    border: 3px dashed rgba(0, 0, 0, 0.1);
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dashboard-side .dashboard-dropbox a {
    color: rgba(0, 0, 0, 0.15);
}

.dashboard-dropbox h2 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3;
    text-transform: none;
}

.dashboard-side ul {
    border: 0;
}

.dashboard-side ul li a {
    padding: 10px 0;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #4c4c4c;

    border: 0;
}

.scrollup {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #5cb9bb;
}

.dashboard-side ul.quick-list li a:after {
    display: none;
}

.dashboard-side ul li a:hover {
    color: #333;
}

.dashboard-side ul.quick-list li:first-child {
    border-top: 0;
}

.dashboard-side ul li.more-news {
    position: relative;

    margin: 10px -25px -25px -25px;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.dashboard-side ul li.more-news a {
    padding: 20px 25px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #4c4c4c;
}

.dashboard-side ul li a span {
    display: block;
    margin-top: 5px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #a1a4a9;
}

.dashboard-side .news-item a {
    position: relative;

    padding-bottom: 15px;
    padding-left: 60px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #4c4c4c;

    -webkit-box-shadow: inset 0 -1px 0 0 #f2f2f2;
    -moz-box-shadow: inset 0 -1px 0 0 #f2f2f2;
    box-shadow: inset 0 -1px 0 0 #f2f2f2;
}

.dashboard-side a .collection-thumb-holder {
    position: absolute;
    left: 0;

    padding: 0;
}

.transfer {
    background: #608fbf;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.transfer-header {
    border: none;
}

.transfer-splashscreen .bynder-transfer-browse-button:hover,
.transfer-splashscreen.transfer-dragover:before {
    background: #608fbf;
}

.transfer-body {
    color: #fff;
}

.share-group {
    border-bottom: 1px solid #fff;
}

#bynder-transfer-recipient li.list-group-item {
    color: #fff;
}

.transfer-body .panel-group .panel.panel-default > .panel-heading {
    margin: 0 15px;
    padding: 10px 0;

    font-size: 12px;
    color: #4c4c4c;

    border-top: none;
    border-bottom: 2px solid #fff;
}

.transfer-body .form-group .form-control {
    border: none;
    border: 1px solid #efefef;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 3px 0 rgba(185, 185, 185, 0.2);
    -moz-box-shadow: inset 0 1px 3px 0 rgba(185, 185, 185, 0.2);
    box-shadow: inset 0 1px 3px 0 rgba(185, 185, 185, 0.2);
}

.transfer-body .form-group .form-control.form-message {
    font-size: 13px;
    color: #fff;

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

.transfer-body
    .panel-group
    .panel.panel-default
    > .panel-heading
    .panel-title
    a {
    font-size: 12px;
    color: #fff;
}

.transfer-body .panel-group .panel .list-group .list-group-item {
    font-size: 12px;
    color: #fff;
}

.transfer-settings .transfer-header button {
    z-index: 10;

    font-size: 10px;
    color: #fff;

    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #608fbf;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.transfer-body .form-group:first-of-type .form-control {
    font-size: 12px;
    color: #4c4c4c;

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

.transfer-body > .panel-group > .panel:first-child {
    display: none;
}

.bynder-transfer-browse-button {
    font-size: 14px;
    color: #fff;
}

.transfer-footer {
    margin-top: 20px;
    text-align: center;
}

.transfer-footer #transfer-send {
    left: auto;
    display: inline-block;
    width: 85px;
    margin-bottom: 30px;
}

.transfer-footer .fa {
    margin-top: 10px;
}

div#sharewidget {
    padding: 25px 10px 10px 10px;
}

#shareExpire,
#shareFilesAdded {
    margin-top: 10px;
}

#transfer-send {
    left: 35%;

    width: 70px;
    height: 28px;

    font-size: 16px;
    line-height: 28px;
    color: #fff;

    border: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #608fbf;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.dashboard-side h3 {
    margin: 0 0 25px 0;

    font-family: 'Brown-Bold';
    font-size: 16px;
    line-height: 16px;
    color: #4c4c4c;
    letter-spacing: 0;
}

div#last-media-slider {
    margin: 0;
}

/* Dashboard collection */

.collection {
    margin-top: 10px;
    padding: 0;
}

.collection * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.collection.news {
    margin: 20px 0;
    padding: 25px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.05),
        inset 0 0 0 1px rgba(1, 1, 1, 0.13);
    -moz-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.05),
        inset 0 0 0 1px rgba(1, 1, 1, 0.13);
    box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.05),
        inset 0 0 0 1px rgba(1, 1, 1, 0.13);
}

.single .collection.news {
    margin: 0;
}

.collection.news time,
.column-left a.description time {
    display: block;

    font-size: 8px;
    color: #282828;
    text-transform: uppercase;
}

.collection.news time .fa {
    display: none;
}

.collection.news h1 {
    margin: 0 0 20px 0;

    font-size: 34px;
    font-weight: 200;
    line-height: 43px;
}

.news-image {
    position: relative;

    width: auto;
    height: 300px;
    max-height: 300px;
    margin: -25px -25px 25px -25px;

    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.news-image img {
    position: absolute;
    top: 50%;
    left: 50%;

    -webkit-transform: translateY(-50%) translateX(-50%);
    -moz-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%);
}

.news-image:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    display: block;

    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;

    content: '';
}

.collection.news h1 a {
    color: #333;
}

.news-content p {
    font-size: 16px;
    line-height: 1.6;
    color: rgba(51, 51, 51, 0.67);
}

.news-content {
    padding: 0;
}

.collection span.label,
.collection.news span.label {
    display: none;
}

.column-left {
    padding: 10px 20px 0 0;
}

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

.unit-switch-container a.unit-dropdown {
    height: 50px;

    line-height: 50px;
}

.unit-switch-container.show .unit-switch-dropdown {
    top: 50px;
}

.column-left a.main {
    height: 460px;
    overflow: hidden;

    border: 1px solid #ded3b8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.column-right a.small {
    height: 220px;

    border: 1px solid #ded3b8;
}

.column-right a.big {
    height: 220px;

    border: 1px solid #ded3b8;
}

.column-right {
    background: transparent;
}

.column-right a {
    margin: 10px 0 20px 0;
    overflow: hidden;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.column-right .media-left {
    padding: 0 10px 0 0;
}

.column-right .media-right {
    padding: 0 0 0 10px;
}

.column-left:before,
.column-left:after,
.column-right .media-left a:before,
.column-right .media-right a:before,
.column-right .media-left a:after,
.column-right .media-right a:after {
    display: none;
}

.column-left a.description {
    right: 40px;
    bottom: 20px;
    left: 20px;
    z-index: 10;

    max-height: none;
    padding: 20px;

    color: #fff;

    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

.column-left a.description h1 {
    margin: 0;

    font-size: 21px;
    color: #282828;
}

.column-left a.description p {
    max-height: 175px;
    margin-top: 10px;
    padding-bottom: 10px;
    overflow: hidden;

    font-size: 12px;
    line-height: 16px;
    color: #282828;

    border-bottom: 2px solid #efefef;
}

/* Navigation tiles */

.navigation-tile {
    height: 155px;
}

.navigation-tiles {
    margin: -20px -10px 20px -10px;
    padding: 0;
}

.navigation-image + .navigation-content {
    top: auto;
}

.navigation-content {
    display: none;
}

.navigation-tile > a {
    position: relative;

    height: 135px;
    margin: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;

    border: 2px solid #808080;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;

    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

.navigation-image,
.navigation-content {
    overflow: hidden;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.navigation-image {
    background-color: #fff;
    background-repeat: no-repeat;
}

.navigation-tile > a:hover {
    -webkit-transform: translateY(-3px);
}

.navigation-tiles .navigation-tile {
    width: 16.6% !important;
}

.navigation-image + .navigation-content:hover {
    background-color: transparent;
}

.has-tagfilter.content-container .media-tools {
    margin-top: 0;
}

.filterbar {
    top: 157px;
}

a.action-btn:not(.disabled):hover,
button.action-btn:hover,
a.tag:hover,
a.group-btn:hover,
ul.group-btns li a.group-btn:hover {
    color: #fff;

    background: #ff6b00;
}

#clearFilter {
    margin-top: 1px;

    line-height: 31px;
}

.navigation-tile h1 {
    height: auto;
    margin: 0;
    padding: 15px 25px 10px 25px;

    font-size: 16px;
    color: #282828;
    text-align: center;
    letter-spacing: 0;
    text-transform: uppercase;
}

.navigation-tile p {
    display: none;
    height: auto;

    font-size: 15px;
    color: #7b8aad;
    text-align: center;
    letter-spacing: 0;
}

/*=============================================================================
Workflow
=============================================================================*/

.content-container.brands.workflow.dashboard,
.content-container.brands.workflow.sub-navigation {
    width: auto;
    max-width: none;
    padding: 0;
    margin-top: 145px;
}

.workflow-header {
    margin: 0 10px 10px 10px;
}

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

.tableofcontents h3 {
    top: 10px;
    right: 0;
    left: 0;

    width: auto;

    border: 0;
    background: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

body.hasSidebar #media-container.content-container.ui-selectable.media,
body.hasSidebar .content-container.media {
    padding: 220px 0 50px 275px;
}

.tableofcontents {
    position: fixed;
    top: 190px;
    z-index: 10;

    min-width: 36px;
    max-width: 36px;
    max-height: 36px;
    margin-left: -25px;
    padding: 0;
    overflow: hidden;

    border: 1px solid #cddbdf;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #f2f4f5;
    background-color: #f2f4f5;
    -webkit-box-shadow: inset 1px 0 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 6px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 6px rgba(0, 0, 0, 0.05);

    -webkit-transition: max-height 0.4s ease-in, max-width 0.2s ease-in 0.4s,
        background-color 0.2s ease-in;
    -moz-transition: max-height 0.4s ease-in, max-width 0.2s ease-in 0.4s,
        background-color 0.2s ease-in;
    -o-transition: max-height 0.4s ease-in, max-width 0.2s ease-in 0.4s,
        background-color 0.2s ease-in;
}

.tableofcontents:hover {
    z-index: 10;

    max-width: 380px;
    max-height: 500px;

    background-color: #fff;
    -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);

    cursor: pointer;
    -webkit-transition: max-width 0.4s ease-in, max-height 0.2s ease-in 0.4s;
    -moz-transition: max-width 0.4s ease-in, max-height 0.2s ease-in 0.4s;
    -o-transition: max-width 0.4s ease-in, max-height 0.2s ease-in 0.4s;
}

.tableofcontents ul {
    padding-top: 0;
}

.tableofcontents ul li {
    padding: 0;
}

.tableofcontents h3,
.tableofcontents ul li a {
    display: block;
    padding: 10px 20px;

    color: #999d9f;
}
.tableofcontents h3 {
    position: static;
    top: 0;

    width: 200px;
    padding: 0;

    font-size: 18px;
    font-weight: 200;
    line-height: 38px;
}

.tableofcontents h3,
.tableofcontents ul li a:hover {
    color: #535b5f;

    background-color: #fff;
}

.tableofcontents:hover h3 i {
    color: #999;
}

.tableofcontents h3 i {
    width: 36px;

    color: #cddbdf;
    text-align: center;
}

.module-navigation {
    position: relative;
    right: 40%;
    z-index: 10;

    float: right;
    width: auto;
    padding: 0;

    line-height: 40px;

    border: 1px solid #e8e8e8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.show-all a.campaign-block {
    border: 1px solid #e8e8e8;
    background: #989898;
    -webkit-box-shadow: inset 0 -1px 0 0 #f0f0f0;
    -moz-box-shadow: inset 0 -1px 0 0 #f0f0f0;
    box-shadow: inset 0 -1px 0 0 #f0f0f0;
}

.show-all:hover a.campaign-block {
    border: 1px solid transparent;
    background-color: #989898;
    -webkit-box-shadow: inset 0 -1px 0 0 #f0f0f0;
    -moz-box-shadow: inset 0 -1px 0 0 #f0f0f0;
    box-shadow: inset 0 -1px 0 0 #f0f0f0;
}

.brand-holder.show-all:hover .campaign-data {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
}

.campaign-action:hover {
    border: 1px solid #5cb9bb;
    background-color: #5cb9bb;
}

.campaign-action.action-delete:hover {
    border: 1px solid #5cb9bb;
    background-color: #5cb9bb;
}

.campaign-data {
    padding: 15px 20px 20px 20px;
}

.workflow .brand-holder .campaign-badges > ul > li.campaign-progress > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #16a1e1;
}

.workflow .brand-holder .campaign-badges > ul > li.campaign-changes > span {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f67800;
}

.workflow .brand-holder .campaign-badges > ul > li.campaign-complete > span {
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border-radius: 3px !important;
    background: #00d166;
}

.campaign-title:before {
    border-top: 1px solid #ebebeb;

    content: '';
}

.progress-bar {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #5cb9bb;
}

.workflow .brand-holder .progress {
    background-color: #e8e8e8;
}

.workflow
    .brand-holder
    .campaign-badges
    > ul
    > li.footer-campaign
    > span.footer-data {
    display: block;
    height: 15px;
    padding: 0 7px;

    font-size: 9px;
    font-weight: normal;
    line-height: 14px;
    color: #fff;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.wf-wrapper .btn-primary,
#briefingroom-modal-container .btn-primary,
#briefingroom-modal-container .btn-primary:hover {
    border: none;
    background-color: #5cb9bb;
}

a.user-assign {
    color: #5cb9bb;

    border: 1px solid #5cb9bb;
}

a.user-assign:hover {
    background-color: #5cb9bb;
}

.new-campaign .upload-btn i {
    color: #999;
}

ul.module-nav {
    padding: 5px;
}

ul.module-nav > li {
    border: 0;
    border-right: 2px solid #eee;
}

ul.module-nav > li:last-of-type {
    border-right: none;
}

table.table td a.job-title,
.wf-dashboard-job-left a.job-title {
    color: #282828;
}

a.module-nav-link {
    font-family: 'Brown-Regular';
    font-size: 12px;
    line-height: 32px;
    color: #576065;
}

ul.module-nav > li.active > a.module-nav-link {
    height: 32px;
    padding: 3px 20px;

    font-family: 'Brown-Bold';
    font-size: 12px;
    color: #5cb9bb;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 0;
}

ul.module-nav > li.active:after {
    display: none;
}

ul.module-nav > li.active > a.module-nav-link {
    font-family: 'Brown-Bold';
    font-size: 12px;
    line-height: 32px;
    color: #5cb9bb;

    background: transparent;
}

.workflow .media-results span.results {
    margin-right: 0;
}

.workflow-header .media-results {
    position: absolute;
    right: 0;

    margin: 0;
}

.workflow-header .list-buttons {
    position: absolute;
    right: 68px;
}

.workflow-header > h1,
.wf-empty-state h1 {
    font-size: 24px;
    color: #282828;
}

.wf-empty-state {
    color: #999d9f;
}

.campaign-title p i .span-link {
    font-family: 'ProximaNova-Regular';
    font-size: 12px;
    font-style: normal;
    color: #5cb9bb;
}

.campaign-action {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    cursor: pointer;
}

.campaign-title > p {
    font-family: 'Brown-Bold';
    font-size: 14px;
    line-height: 25px;
    color: #94889d;
    letter-spacing: 0;
}

.campaign-title > p > i {
    font-family: 'ProximaNova-Regular';
    font-size: 12px;
    font-style: normal;
    color: #999;
}

.workflow-header.header-overview > h1 {
    line-height: 34px;
}

.show-all .campaign-data,
.show-all .campaign-info {
    color: #333;

    border: 1px solid #e8e8e8;
    background: #fff;
}

.campaign-data {
    border: 1px solid #e8e8e8;
    background: #fff;
}

.show-all .campaign-img > i {
    font-size: 55px;
    color: #5cb9bb;
}

.campaign-img > i {
    position: relative;
    top: 41%;

    margin-top: -60px;
}

.panel,
.campaign-block,
.brand-holder:hover .campaign-block {
    border: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.workflow .brand-holder {
    position: relative;

    float: left;
    width: 23%;
    height: 0;
    min-height: 0;
    margin: 1%;
    padding: 0;
    padding-bottom: 23%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.campaign-img:after {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

a.campaign-block {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    height: auto;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #f2f4f5;
}

.brand-holder.show-closed .show-closed-container {
    width: auto;
    height: 289.53px;
}

.workflow .brand-holder.listview-collection {
    width: 99%;
}

.campaign-img {
    height: 100%;
    min-height: 100%;
    overflow: hidden;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

.mentions-input-box,
.wf-wrapper .comment-form .form-group {
    margin-bottom: 0;
}

.mentions-input-box textarea,
.wf-wrapper .mentions-input-box textarea {
    border-bottom: 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.comment-form .comment-tips {
    position: relative;
    top: -2px;

    display: block;
    margin-bottom: 10px;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 12px;
    color: #76898f;

    border: 1px solid #cddbdf;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: transparent;
}

.comment-form .comment-tips p {
    margin: 0;
}

.comment-form .comment-tips .group-btns {
    display: none;
}

.wf-stage-add-comment:before {
    height: 180px;
}

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

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

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
    .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% - 120px);
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/*=============================================================================
Guidelines
=============================================================================*/

#styleguide-container ul.group-btns.big li a.group-btn {
    min-width: 50px;
    height: 40px;
    padding: 0;

    font-size: 16px;
    color: #939598;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fa-mail-forward:before,
.fa-share:before {
    content: '\f1e0';
}

.fa-edit:before,
.fa-pencil-square-o:before {
    content: '\f040';
}

.editmode .tableofcontents-check {
    height: 40px;

    line-height: 40px;
    color: #999d9f;

    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.tableofcontents-check label {
    height: 40px;
    margin: 0;

    line-height: 40px;
}

#styleguide-container ul.group-btns.big li.publish a.group-btn {
    padding: 0 15px;

    font-size: 16px;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f2f4f5;
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
}

#styleguide-container ul.group-btns.big li.publish a.group-btn.blue {
    padding: 0;

    font-size: 22px;
    color: #fff;

    background-color: #103184;
}

#styleguide-version-history li .status.head {
    background-color: #c1086a;
}

#styleguide-container ul.group-btns.big li a.group-btn:hover {
    color: #000;
}

p.caption {
    font-family: 'ArialMT';
    font-size: 14px;
    line-height: 24px;
    color: #747474;
}

#styleguide-container [class^='icon-'],
#styleguide-container [class*=' icon-'] {
    width: auto;
    height: auto;
    margin: 0;

    vertical-align: middle !important;

    background-image: none;
}

#styleguide-page-content .brand-holder {
    margin: 0 25px 25px 0;
}

#styleguide-page-content .brand-holder > .thumbnail {
    width: auto;
    height: auto;
    padding: 0;

    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

#styleguide-page-content .brand-holder .thumbnail p {
    position: absolute;
    bottom: 0;
    left: 0;

    margin: 0;
    padding: 25px;
}

#styleguide-page-content .brand-holder a.thumbnail .image-holder {
    width: 220px;
    height: 220px;
    margin: 0;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

#styleguide-page-content .brand-holder a.thumbnail .image-holder:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    content: '';
}

#styleguide-page-content
    .brand-holder
    img[src='/5.0.5/includes/img/brands/brand-medium.jpg'] {
    display: none;
}

.brand-holder > .thumbnail {
    width: auto;
    height: auto;
    padding: 0;

    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.brand-holder > .thumbnail:hover,
#styleguide-page-content .brand-holder > .thumbnail:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.brand-holder a.thumbnail .image-holder {
    z-index: 1;

    width: 193px;
    height: 193px;
    margin: 0;

    background-color: #fff;
}

.brand-holder a.thumbnail .image-holder:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;

    content: '';
}

.brand-holder.subs > .thumbnail:before,
.brand-holder.subs > .thumbnail:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;

    display: block;
    width: auto;
    height: auto;

    border: 1px solid #cddbdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f2f4f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    content: '';
    -webkit-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    transform: rotate(-6deg);
}

.brand-holder.subs > .thumbnail:after {
    position: absolute;
    z-index: -1;

    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.brand-holder .thumbnail .image-holder img {
    position: absolute;

    max-width: 50%;
    max-height: 50%;
    margin: auto;
    padding-bottom: 40px;
}

.brand-holder .thumbnail p {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    width: auto;
    margin: 0;
    padding: 5px 15px 27px 15px;
    overflow: visible;

    font-family: 'Brown-Bold';
    font-size: 14px;
    color: #94889d;
    letter-spacing: 0;

    border-top: 1px solid #eee;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(255, 255, 255, 1)),
        to(rgba(255, 255, 255, 0.9))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.9) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.9) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(255, 255, 255, 1) 0%,
        rgba(255, 255, 255, 0.9) 100%
    );
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.brand-holder .brand-bottom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;

    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px 8px 15px;

    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.brand-holder .thumbnail span.media-count,
.brand-holder .thumbnail span.has-options.blue {
    position: relative;
    right: auto;

    display: inline-block;
    float: none;
    height: auto;
    padding: 0;

    font-size: 14px;
    font-weight: 400;
    line-height: inherit;
    color: rgba(51, 51, 51, 0.67);

    border: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.brand-holder .thumbnail span.has-options.blue {
    margin-left: 5px;
    padding-left: 7px;

    color: rgba(51, 51, 51, 0.67);
    text-shadow: none;

    border-left: 1px solid rgba(51, 51, 51, 0.15);
}

.subbrand-container .subbrand-info h2 {
    font-size: 26px;
    font-weight: 200;
    color: #333;
}

.brand-holder .action-btn.edit-brand {
    top: 15px;
    right: 15px;
    z-index: 2;

    width: auto;
    height: 40px;
    padding: 0;

    line-height: 40px;

    border: 0;
    background: #fff;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #fff),
        color-stop(100%, rgba(255, 255, 255, 0.9))
    );
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.1);
}

.brand-holder .action-btn.edit-brand .fa {
    width: 40px;
    height: 40px;

    font-size: 22px;
    line-height: 40px;
    line-height: 1;
}

.brand-holder.show-all .brand-bottom {
    border-top-color: transparent;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.brand-holder.show-all .thumbnail p {
    width: auto;
}

.brand-holder.show-all .thumbnail p:after {
    top: auto;
}

.brand-holder.show-all .thumbnail .image-holder .fa {
    margin-top: 55px;

    color: #008bc5;
}

.brand-holder.show-all a.thumbnail .image-holder {
    background-color: #f9f9f9;
}

#styleguide-container .group {
    margin-bottom: 25px;
}

#styleguide-container .editmode .group {
    margin-bottom: 50px;
}

.editmode .between:before {
    right: 0;
    left: 0;

    width: auto;
    padding: 0;

    background: #f2f4f5;
}

.editmode .between:after {
    position: absolute;
    top: -5px;
    left: 50%;

    width: 30px;
    height: 30px;
    margin-left: -15px;

    font-size: 20px;
    font-weight: bold;
    line-height: 24px;
    color: #fff;
    text-align: center;
    text-shadow: none;

    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    background: #f2f4f5;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    content: '+';
}

#styleguide-sidebar {
    position: fixed;
    top: 200px;
    bottom: 100px;

    float: left;
    width: 200px;
    margin-top: 0;
    margin-left: 20px;
    padding: 0 10px;

    border: 1px solid #efefee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#styleguide-sidebar #styleguide-nav {
    max-height: 100%;
    overflow: auto;
}

#styleguide-sidebar ul li.chapter.active ul.pages,
#styleguide-sidebar ul li.chapter.opened ul.pages {
    margin: 5px 1px 10px 0;
    padding: 0;

    border: 0;
}

#styleguide-sidebar ul li .title > p:after {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;

    height: 22px;
    padding-top: 10px;
    padding-left: 13px;

    font-family: FontAwesome;
    font-size: 14px;
    color: #0d377b;

    content: '\f0d7';
}

#styleguide-sidebar ul li span.page {
    padding: 5px 0;

    font-size: 14px;
    line-height: 14px;
    color: #747474;
}

#styleguide-sidebar ul li span.page:hover {
    color: #535b5f;
}

#styleguide-sidebar ul li.opened > ul li.active > span.page,
#styleguide-sidebar ul li.opened > ul li:hover > span.page {
    background: transparent;
}

#styleguide-sidebar ul li .title {
    left: 0;

    padding: 10px 0;

    font-family: 'Brown-Bold';
    font-size: 14px;
    line-height: 11px;
    color: #666;

    background: transparent;

    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

#styleguide-sidebar ul li.active .title:hover {
    margin-left: 0;
}

#styleguide-sidebar ul li .title:hover {
    margin-left: 3px;
}

#styleguide-sidebar ul li span.page {
    font-family: 'Brown-Regular';
    font-size: 14px;
    line-height: 14px;
    color: #666;

    border-bottom: 1px solid #ecf3fb;
}

#styleguide-sidebar ul li.opened > ul li.active > span.page {
    font-weight: normal;
}

.arrow-styleguide {
    right: 2px;

    margin-top: -11px;
}

#styleguide-sidebar ul li .title .fa,
.pages .page .fa.arrow-styleguide {
    display: none !important;
}

#styleguide-content {
    position: relative;

    min-height: 700px;
    margin-bottom: 50px;
    margin-left: 270px;
    padding: 25px;

    border: 1px solid #efefee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}

#styleguide-sidebar ul li:last-child .title {
    border-bottom: 1px solid #ecf3fb;
}

#styleguide-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 200px 25px 0 25px;
}

#styleguide-sidebar a.action-btn.edit-nav {
    position: absolute;
    top: -1px;
    left: -30px;

    width: 30px;
    height: 30px;
    margin: 0;
    padding: 0;
    overflow: hidden;

    text-align: center;

    border: 1px solid #ebebeb;
    border-right: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#styleguide-sidebar a.action-btn.edit-nav:hover {
    color: #000;
}

#styleguide-page-header,
#pdf-page-header,
.editmode #styleguide-page-footer,
#styleguide-page-content {
    margin: 0;
    padding: 0;

    border: 0;
}

.editmode #styleguide-page-footer {
    padding: 15px;

    border-left: 1px solid #cddbdf;
    -webkit-border-radius: 5px 0 0 5px;
    -moz-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
    background: #f2f4f5;
    background: -moz-linear-gradient(left, #f2f4f5 0%, #fff 30%);
    background: -webkit-gradient(
        linear,
        left top,
        right top,
        from(#f2f4f5),
        color-stop(30%, #fff)
    );
    background: -webkit-linear-gradient(left, #f2f4f5 0%, #fff 30%);
    background: linear-gradient(to right, #f2f4f5 0%, #fff 30%);
    background-color: #f2f4f5;
    -webkit-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.05);
    box-shadow: inset 1px 0 3px rgba(0, 0, 0, 0.05);
}

#styleguide-page-header {
    margin-bottom: 25px;
}

#styleguide-page-header h1,
#pdf-page-header h1 {
    font-family: 'Brown-Bold';
    font-size: 28px;
    color: #94889d;
}

p[style='text-align:center'] {
    margin-right: -75px;
    margin-left: -75px;
}

#styleguide-container .content-text .paragraph.intro span,
#styleguide-container h3.intro span {
    margin: 0;

    font-size: 21px !important;
    color: #747474 !important;
}

#styleguide-container .content-text .paragraph,
#styleguide-container .content-text .paragraph span {
    font-family: 'ArialMT' !important;
    font-size: 14px;
    line-height: 24px !important;
    color: #747474;
}

a.bynder-widget-btn {
    font-size: 16px;
    font-weight: normal;
    color: #fff;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #103184;
}

#styleguide-container .content-title h2,
#styleguide-container p.paragraph,
#styleguide-container h2.title {
    margin: 0;

    font-size: 16px;
    line-height: 1.6 !important;
    color: rgba(51, 51, 51, 0.67);
}

#styleguide-container .content-title h2,
#styleguide-container .content-text .paragraph strong,
#styleguide-container p.paragraph strong {
    font-family: 'ArialMT';
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    line-height: 24px;
    color: #747474;
}

#styleguide-container h3.intro strong {
    font-size: 28px !important;
}

#styleguide-container h2.title {
    margin-top: 25px;

    font-family: 'Brown-Bold' !important;
    font-size: 21px;
    color: #94889d !important;
}

#styleguide-page-content table td[width='50%'] {
    padding-right: 3%;
}

.filters-holder.styleguide .filters > li.category {
    display: none;
}

.draft-notification,
.notcurrent-notification {
    position: absolute;
    top: -60px;
    right: 0;
    left: 215px;

    height: 36px;
    padding: 0 15px;

    line-height: 36px;
    text-align: left;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #ff6b00;
}

.notcurrent-notification {
    background: #c1086a;
}

.draft-notification a.action-btn,
.notcurrent-notification a.action-btn {
    float: right;
    height: 36px;

    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    color: #fff;

    border: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.draft-notification p,
.notcurrent-notification p {
    font-size: 16px;
    font-weight: 200;
    color: #fff;
}

/*=============================================================================
Guidelines landing
=============================================================================*/

.guidelines-landing .content-container.guidelines {
    max-width: 1200px;
    height: 100%;
    padding: 0;
}

a.guideline-block {
    position: relative;

    width: 23%;
    height: 0;
    min-height: 0;
    margin: 1%;
    padding: 0;
    padding-bottom: 23%;
    overflow: hidden;

    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-image: -webkit-gradient(
        linear,
        left bottom,
        right top,
        from(#005192),
        to(#0093cf)
    );
    background-image: -webkit-linear-gradient(
        left bottom,
        #005192 0%,
        #0093cf 100%
    );
    background-image: -moz-linear-gradient(
        left bottom,
        #005192 0%,
        #0093cf 100%
    );
    background-image: linear-gradient(to right top, #005192 0%, #0093cf 100%);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05),
        0 1px 6px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05),
        0 1px 6px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05),
        0 1px 6px rgba(0, 0, 0, 0.1);

    -webkit-transition: all 0.1s ease-in;
    -moz-transition: all 0.1s ease-in;
    transition: all 0.1s ease-in;
}

a.guideline-block img {
    position: absolute;
    top: -220px;
    right: -220px;
    bottom: -220px;
    left: -220px;

    min-width: 100%;
    max-width: none;
    min-height: 100%;
    max-height: none;
    margin: auto;
}

a.guideline-block:hover {
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05),
        0 4px 12px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05),
        0 4px 12px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05),
        0 4px 12px rgba(0, 0, 0, 0.2);
}

a.guideline-block:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    border: 1px solid rgba(0, 0, 0, 0.1);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        color-stop(50%, rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.4))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.4) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.4) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0) 50%,
        rgba(0, 0, 0, 0.4) 100%
    );

    content: '';
    -webkit-transition: all linear 0.2s;
    -moz-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

a.guideline-block:hover:after {
    background-color: rgba(0, 0, 0, 0.5);
}

a.guideline-block h3,
a.guideline-block p {
    position: absolute;
    right: 25px;
    bottom: 25px;
    left: 25px;
    z-index: 1;

    margin: 0;

    color: #fff;

    -webkit-transition: all 0.2s ease-in;
    -moz-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in;
}

a.guideline-block h3 {
    font-size: 18px;
    font-weight: 200;
}

a.guideline-block h3 .fa {
    display: none;
}

a.guideline-block p {
    bottom: 0;

    font-size: 14px;
    font-weight: 200;

    opacity: 0;
}

a.guideline-block:hover h3 {
    bottom: 65px;
}

a.guideline-block:hover p {
    bottom: 25px;

    opacity: 1;
}

/*=============================================================================
Grid filters
=============================================================================*/
.smart-filter-container .grid-filter .grid-item,
.smart-filter-container .grid-filter li a.selected .grid-item:after {
    width: 125px;
    height: 125px;

    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.smart-filter-container .grid-filter li label {
    max-width: 125px;

    font-size: 14px;
    font-weight: 200;
}

.smart-filter-container .grid-filter li:not(.disabled) a:hover label,
.smart-filter-container .grid-filter li a.selected label {
    color: #008bc5;
}

.filter-meta .filter-level.grid-filter li.disabled a {
    opacity: 1;
}

.filter-level.grid-filter {
    width: 423px;
}

.smart-filter-container .grid-filter li a.selected .grid-item:after {
    border-color: #0186c0;
    border-bottom-color: #005192;
    border-left-color: #0c6fad;
    -webkit-box-shadow: 0 1px 6px 0 rgba(0, 139, 197, 0.3);
    -moz-box-shadow: 0 1px 6px 0 rgba(0, 139, 197, 0.3);
    box-shadow: 0 1px 6px 0 rgba(0, 139, 197, 0.3);
}

.modal header {
    padding-left: 15px;
}

#modal-container .modal .content .disclaimer-media {
    display: block;
}

/*=============================================================================
Landing page
=============================================================================*/
p.cbox_messagebox {
    text-align: center;
}

body#login .login-container button {
    color: #fff;

    background: #1ca0de;
}

body#login ul.admin-options > li:first-child > a {
    width: 50px;
    height: 50px;
    margin-top: 20px;
    padding: 0;

    text-indent: -9999px;

    background: transparent url(/5.0.5/includes/img/account/globus/language-icon.png)
        center center no-repeat;
}

body#login ul.admin-options > li > div.admin-dropdown {
    top: 67px;
}

#login .login-container .input-holder input,
.dashboard-side .login-container .input-holder input {
    width: 257px;
}

#login .login-container {
    width: 360px;
    margin: -100px 0 0 -180px;
}

.dashboard-side #last-media-slider.carousel {
    position: relative;
    top: auto;
    right: auto;
    left: auto;

    margin-bottom: 0;
    padding: 0;

    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #fff;
    overflow: hidden;
}

.dashboard-side #last-media-slider .carousel-inner,
.dashboard-side #last-media-slider .carousel-inner .item a.img-responsive {
    background-size: contain;
    max-height: 220px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#last-media-slider.carousel-fade .item {
    height: 220px;
}

.carousel-controls.widget-slider {
    display: block;
}

.guideline-intro {
    display: none;
}

body[data-module='styleguide'] {
    background: #fff !important;
    background-attachment: fixed;
    -moz-background-size: cover;
    background-size: cover;
}

body[data-styleguide-section=''] {
    background: #eee;
}

body[data-module='styleguide'] .content-container p,
.content p {
    font-size: 18px;
    line-height: 1.7em;
    font-weight: 100;
}

.guidelines-landing {
    height: 100%;

    background-image: url(/5.0.5/includes/img/account/globus/globus.jpg);
    background-attachment: fixed;
    background-position: center center;
    -moz-background-size: cover;
    background-size: cover;
}

.guideline-blocks.clearfix {
    margin-top: 180px;
}

/*====================== Brandstore ==============================*/

#brandstore-container .brandstore-header {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#brandstore-container .brandstore-header .callout h1 a {
    height: auto;

    font-size: 21px;
    font-weight: bold;
    color: #103184;
    text-transform: uppercase;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

[data-module='brandstore'] i.fa.fa-fw.fa-angle-right {
    display: none;
}

[data-module='workflow'] header .tool-bar {
    display: none;
}

[data-module='workflow'] .fa-picture-o:before {
    font-family: FontAwesome;

    content: '\f01c' !important;
}

#brandstore-container .product-block:hover {
    border-color: #103184;
}

#brandstore-container .product-block .bottom-holder {
    padding: 5px 15px 15px 15px;

    border: none;
    background-color: transparent;
}

#brandstore-container .product-block-holder .product-price {
    font-size: 21px;
    font-weight: bold;
    color: #103184;
}

.nav-bar-search.dashboard-search .nav-bar-searchbox {
    left: 0;

    width: 625px;
}

.fa-minus-square-o:before,
.fa-plus-square-o:before {
    content: '\f0d7';
}

#brandstore-container .product-block p {
    font-size: 12px;
    color: #747474;
}

#brandstore-container .product-block .product-title {
    font-size: 14px;
    font-weight: bold;
    color: #103184;
}

#brandstore-container .product-block a.action-btn,
#brandstore-container .product-block button.action-btn {
    left: 18%;

    width: 50%;

    font-size: 14px;
    font-weight: bold;
    line-height: 17px;
    color: #fff;

    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    background: #103184;
}

#brandstore-container .product-block .image-holder {
    width: 90%;
    margin: 10px;
}

#brandstore-container .brandstore-filter > ul > li.open > a {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #103184;
}

#brandstore-container .brandstore-filter .no-select > a.active {
    font-size: 14px;
    font-weight: bold;
    line-height: 14px;
    color: #103184;
}

#brandstore-container .brandstore-filter > ul > li ul > li a {
    font-size: 14px;
    line-height: 14px;
    color: #747474;
}

#brandstore-container .brandstore-filter > ul > li > a {
    padding: 10px 0;

    font-size: 14px;
    line-height: 14px;
    color: #747474;
}

#brandstore-container .product-blocks-container h3 {
    display: none;
}

#brandstore-container .brandstore-header.small {
    padding-bottom: 0;
}

#brandstore-container .brandstore-filter {
    margin-top: 10px;

    border: 1px solid #efefee;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    background: #fff;
}

.budgets {
    display: none;
}

#brandstore-container .brandstore-filter .no-select > a.active {
    font-weight: 200;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats hr + span {
    display: none;
}

.media-holder dl {
    margin: 0;
    padding: 5px 0 0 0;
}

.media-holder dt {
    line-height: 15px;
}

#login .login-container .alt-login form p:nth-of-type(3):before {
    content: 'Are you a Agency or Agency Customer?';
    color: #000;
    font-size: 14px;
}

#login .login-container .alt-login form p:nth-of-type(3) a {
    display: block;
    height: auto;
    min-height: 20px;
    margin: 6px 0;
    padding: 10px 20px;

    font-size: 13px;
    font-weight: 700;
    line-height: 20px;
    color: #fff;
    text-align: center;

    background: #1ca0de;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -ms-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

#image_enlarger > a.nav.left,
#image_enlarger > span.detail-loader.left {
    left: 10px;
}

#image_enlarger > a.nav.right,
#image_enlarger > span.detail-loader.right {
    width: 50px;
    right: 10px;
}

footer.fixed .footer-btn {
    background-color: #608fbf;
    color: #fff;
    height: 30px;
    padding: 11px 30px;
    line-height: 30px;
    transition: 200ms;
}

footer.fixed .footer-btn:hover {
    background-color: #3bb6ed;
    color: #fff !important;
}

footer.fixed .footer-btn:hover span {
    color: #fff !important;
}

footer.fixed .footer-btn .text {
    color: #fff;
}

footer.fixed .footer-btn:hover .text {
    color: #222;
}

body#login #custom-video-button {
    display: none;
}

#custom-support-form-button span {
    display: none;
}

#custom-support-form-button:after {
    content: 'Contact us';
}

/*=============================================================================
Media queries
=============================================================================*/

@media (max-width: 1024px) {
    .navigation-image {
        background-size: contain;
    }

    a.guideline-block,
    .workflow .brand-holder {
        width: 31.3333%;
        margin: 1%;
        padding-bottom: 31.3333%;
    }
    #styleguide-container {
        padding-right: 0;
        padding-bottom: 0;
        padding-left: 0;
    }
    #styleguide-sidebar a.action-btn.edit-nav {
        border-color: transparent;
        background-color: transparent;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #styleguide-sidebar {
        bottom: 0;

        padding-bottom: 100px;
    }
    #styleguide-content {
        margin-bottom: 0;
        margin-left: 250px;
        padding-right: 30px;

        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    #styleguide-sidebar {
        top: 170px;

        margin-left: 0;

        background: #f2f4f5;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
    }
    #styleguide-sidebar ul li.chapter.active ul.pages,
    #styleguide-sidebar ul li.chapter.opened ul.pages {
        margin-left: 0;

        border-right: 0;
        border-left: 0;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0;
    }
    #styleguide-sidebar ul li span.page {
        padding-left: 25px;
    }
    #styleguide-sidebar ul li.opened > ul li.active > span.page {
        padding-left: 23px;
    }
}

.media-info::-webkit-scrollbar {
    width: 8px;
}

.media-info::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

.media-info::-webkit-scrollbar-thumb {
    background-color: #23d3c5;
}

@media (max-width: 768px) {
    a.guideline-block,
    .workflow .brand-holder {
        width: 48%;
        margin: 1%;
        padding-bottom: 48%;
    }
}

@media (max-width: 568px) {
    a.guideline-block,
    .workflow .brand-holder {
        width: 100%;
        margin: 1% 0;
        padding-bottom: 100%;
    }
}

/*=======================
BLANK CONTAINER
=======================*/
.blank__container {
    padding-top: 110px;
}

/*=======================
Collection detail fix
=======================*/
#collectionDetailContent {
    margin-top: 135px;
}

.content-container.single-collection:has(.filterbar.show.active) #collectionDetailContent {
    margin-top: 98px;
}
/*=======================
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
=======================*/