:root {
    --userComponentCardSelectedColor: #54bceb;
    --userComponentCardSelectedColorHover: #4da7d1;
    --userComponentCardSelectedColorActive: #4693b7;
}

@font-face {
    font-family: 'Avant Garde';
    font-weight: 400;
    src: url('/5.0.5/includes/fonts/ITC/2F8877_0_0.eot');
    src: url('/5.0.5/includes/fonts/ITC/2F8877_0_0.eot?#iefix')
            format('embedded-opentype'),
        url('/5.0.5/includes/fonts/ITC/2F8877_0_0.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/ITC/2F8877_0_0.woff') format('woff'),
        url('/5.0.5/includes/fonts/ITC/2F8877_0_0.ttf') format('truetype');
}

@font-face {
    font-family: 'Franklin Gothic';
    src: url('/5.0.5/includes/fonts/Franklin/2F8877_1_0.eot');
    src: url('/5.0.5/includes/fonts/Franklin/2F8877_1_0.eot?#iefix')
            format('embedded-opentype'),
        url('/5.0.5/includes/fonts/Franklin/2F8877_1_0.woff2') format('woff2'),
        url('/5.0.5/includes/fonts/Franklin/2F8877_1_0.woff') format('woff'),
        url('/5.0.5/includes/fonts/Franklin/2F8877_1_0.ttf') format('truetype');
}

body {
    font-family: 'Franklin Gothic', Helvetica, Arial, sans-serif;

    background-color: #fff;
}

h1,
h2,
h3 {
    font-family: 'Avant Garde';
    font-weight: 400;
    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;
}

b,
strong {
    font-weight: 400;

    -webkit-font-smoothing: antialiased;
}

#breadcrumbs li,
#breadcrumbs li a {
    color: #fff !important;
}

.content-container {
    padding: 205px 25px 50px 25px;
}

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: #54bceb;
}

ul.badges li a span {
    position: relative;

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

    line-height: 22px;
    color: #333;

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

.update.info {
    background: #54bceb;
}

ul.group-btns.actions-bar li a.group-btn {
    height: 36px;

    font-size: 14px;
    line-height: 36px;
    color: #333;

    border: 2px solid #f1f1f2;
    border-left-width: 0;
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    border-color: #f1f1f2;
    background-color: #f1f1f2;
}

ul.group-btns li:first-child a.group-btn {
    padding-left: 15px;

    border-left-width: 2px;
    -webkit-border-top-left-radius: 25px;
    -moz-border-radius-topleft: 25px;
    border-top-left-radius: 25px;
    -webkit-border-bottom-left-radius: 25px;
    -moz-border-radius-bottomleft: 25px;
    border-bottom-left-radius: 25px;
}

ul.group-btns li:last-child a.group-btn {
    padding-right: 15px;

    -webkit-border-top-right-radius: 25px;
    -moz-border-radius-topright: 25px;
    border-top-right-radius: 25px;
    -webkit-border-bottom-right-radius: 25px;
    -moz-border-radius-bottomright: 25px;
    border-bottom-right-radius: 25px;
}

header .tool-bar ul.actions-bar {
    float: right;
    margin: 7px 0 6px 10px;
}

header .tool-bar ul.actions-bar.hidden {
    display: block !important;
    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;
}

#breadcrumbs {
    margin-top: 0;
}

.filters {
    max-height: 50px !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;
}

span.action-btn.blue,
a.action-btn.blue,
button.action-btn.blue {
    background-color: #54bceb;
}

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

    font-family: 'Avant Garde';
    font-size: 12px;
    font-weight: 400;
    line-height: 40px;
    color: #fff;
    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;
}

.filters > li.filter.active > a {
    color: #54bceb;
}

.filters li.disabled a,
.filters li.disabled,
.filters li a.disabled {
    opacity: 0.5;
}

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

.filters > li.filter.active > a:hover {
    color: #54bceb;
}

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

.filter-level h2 {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}

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

    font-size: 14px;
    line-height: 38px;
    color: #76898f;

    border: 0 solid #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #f2f4f5;
    -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: #54bceb;

    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,
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;
    padding: 0;

    color: #76898f;

    border-color: transparent;
    background-color: #f2f4f5;
}

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: #54bceb;
}

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 {
    background: #333;
}

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

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader {
    right: -10px;

    height: 29px;

    line-height: 29px;
    color: #77787b;
}

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

    width: 364px;
    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::-webkit-input-placeholder {
    color: #77787b;
}
.nav-bar-search input.search:-moz-placeholder {
    color: #77787b;
}
.nav-bar-search input.search::-moz-placeholder {
    color: #77787b;
}
.nav-bar-search input.search:-ms-input-placeholder {
    color: #77787b;
}
.nav-bar-search input.search::placeholder {
    color: #77787b;
}

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

.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: 400;
    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: 400;
    color: #333;

    -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: 400;
}

.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: 70px;
}

header.base {
    background-color: transparent;
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1),
        0 0 0 1px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.05);
}

header > .admin-bar {
    background: #000;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    font-family: 'Avant Garde';
    font-size: 12px;
    font-weight: 400;
    line-height: 33px;
    color: #fff;
    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;
}

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

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

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

.unit-switch-container a.unit-dropdown > span {
    display: none;
}

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

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

ul.admin-options > li > a.profile > .avatar {
    background-color: #fff;
}

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

    background-color: transparent;
}

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

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

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

    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);

    webkit-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.1);
}

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

    font-size: 14px;
    font-weight: 400;
    line-height: 40px;

    border: 0;
    background: #54bceb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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: 400;
    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: 400;
    line-height: 26px;
    color: #333;

    background-color: #fff;
}

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

.nav-bar-search .search-icon {
    top: 0;
    left: 0;

    width: 36px;
    height: 24px;

    font-size: 16px;
    line-height: 26px;
    color: #77787b;
}

.nav-bar-search input.search,
.nav-bar-search input.search:focus {
    height: 24px;
    padding: 0 25px 0 40px;

    font-size: 12px;
    font-weight: 400;
    line-height: 24px;

    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

header .nav-bar {
    height: 95px;

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

.nav-bar .nav-main {
    margin-top: 15px;
}

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

    height: 42px;
    margin: 14px 0;
    padding: 0 20px;

    font-family: 'Avant Garde';
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
    color: #333;

    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 {
    font-weight: 400;
    color: #54bceb;
}

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

.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: inline-block;
}

header > .nav-bar > a.account-logo {
    float: left;
    margin-top: 36px;
    margin-right: 40px;
}

.filterbar {
    top: 187px;
}

#media-container.content-container.ui-selectable {
    padding-top: 200px;
}

.cta-main-container li a.cta-main,
.cta-main-container li a.cta-main:hover {
    height: 42px;
    margin: 14px 0;
    margin-top: 29px;
    padding-left: 20px;

    font-family: 'Avant Garde';
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;

    border: 0;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    background-color: #54bceb;
    -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;

    -webkit-font-smoothing: antialiased;
}

.cta-main-container a.cta-main.cta-dropdown-trigger,
.cta-main-container a.cta-main.cta-dropdown-trigger:hover {
    margin-left: -2px;
    padding-right: 5px;
    padding-left: 0;

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

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

    background: #77787b;
}

.cta-main-container {
    float: right;
    margin: 0;
}

.cta-main-container li:only-of-type a.cta-main {
    padding: 0 25px;

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

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

    background-color: #54bceb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

.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: 30px;

    border: 2px solid #76898f;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-font-smoothing: antialiased;
}

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

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

    height: 40px;
    padding: 0 10px;
    padding-left: 15px;

    font-family: 'Avant Garde';
    font-size: 14px;
    line-height: 41px;
    color: #333;
    text-align: center;

    border: 0;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    background-color: #f1f1f2;
}

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

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

    font-family: 'Avant Garde';
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    color: #333;
    text-transform: uppercase;

    border: 2px solid #f1f1f2;
    -webkit-border-radius: 25px 0 0 25px;
    -moz-border-radius: 25px 0 0 25px;
    border-radius: 25px 0 0 25px;
    background-color: transparent;
}

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

    border-color: #333;
    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 {
    width: 38px;

    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;

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

    content: '';
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all:after,
#image_upload header ul.actions-bar li.select a.group-btn.select-all:after {
}

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: #fff;

    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: 36px;
    padding-right: 15px;

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

    -webkit-border-radius: 0 25px 25px 0;
    -moz-border-radius: 0 25px 25px 0;
    border-radius: 0 25px 25px 0;
    background-color: transparent;
}

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

    font-family: 'Avant Garde';
    font-size: 14px;
    font-weight: 400;
    line-height: 38px;
    color: #333;
    letter-spacing: 0;
    text-transform: uppercase;

    border: 2px solid #f1f1f2;
    border-left: 0;
    background-color: transparent;
}

/*Media thumbnails*/

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

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

.media-holder .thumbnail .media-status {
    padding-top: 20px;

    text-transform: none;

    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(0, 0, 0, 0)),
        to(rgba(0, 0, 0, 0.65))
    );
    background: -webkit-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: -moz-linear-gradient(
        top,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.65) 100%
    );
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0) 0%,
        rgba(0, 0, 0, 0.65) 100%
    );
}

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

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

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

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

#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;
    margin: 0;
    padding: 15px;

    border: 2px solid #e6e6e6;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -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: 400;
    line-height: 22px;
}

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

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: #54bceb;

    border-color: #bbbbbd;
    -webkit-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.05);
    -moz-box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.05);
    box-shadow: 0 2px 4px 0 rgba(1, 1, 1, 0.05);
}

#results-thumbs .media-holder.active .thumbnail {
    border-color: #54bceb;
    -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);
}

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

    font-size: 16px;
    font-weight: 400;
    line-height: 30px;
}

.media-holder .thumbnail > span {
    position: relative;
    right: auto;
    bottom: auto;

    display: inline-block !important;
    margin: 0;
    margin-top: 5px;
    padding: 1px 5px 4px 5px;

    font-size: 12px;
    font-weight: 400;
    text-transform: none;

    background-color: #868688;
}

.media-holder .thumbnail span.extension.eps {
    background-color: #952d98;
}

.media-holder .thumbnail span.extension.wav,
.media-holder .thumbnail span.extension.mov {
    background: #444;
}
.media-holder .thumbnail span.extension.zip {
    background: #f18e00;
}
.media-holder .thumbnail span.extension.psd,
.media-holder .thumbnail span.extension.gif {
    background: #e4312c;
}
.media-holder .thumbnail span.extension.pdf {
    background: #c3004a;
}
.media-holder .thumbnail span.extension.png {
    background: #005192;
}

#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: 161px;
}

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

.collection-navigation {
    top: 170px;

    width: 250px;

    border: 2px solid #f1f1f2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

    font-size: 18px;
    font-weight: 400;
    color: #333;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a,
.collection-navigation ul li.dropdown.active ul li.active a {
    font-weight: bold;
    color: #333;

    background: transparent;
}

ul li span.count {
    margin-top: -2px;
    padding: 5px 10px;

    font-size: 12px;
    font-weight: 400;
    color: #fff !important;

    background-color: #54bceb;
}

ul li.active > a > span.count {
    background-color: #54bceb;
}

.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: #54bceb;
}

.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: 14px;
    font-weight: 400;
    color: #333;
}

.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-size: 16px;
    font-weight: 400;
    color: #999d9f;
}

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

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

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

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

    -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);
}

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

.collection-holder:before,
.collection-holder: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(-4deg);
    -moz-transform: rotate(-4deg);
    -ms-transform: rotate(-4deg);
    transform: rotate(-4deg);
}

.collection-holder:after {
    position: absolute;
    z-index: 0;

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

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

    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: #333;
}

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

    font-size: 16px;
    font-weight: 400;
}

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

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

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

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

#single-collection-top .cta-main-container a.action-btn {
    height: 42px;
    padding: 0 20px;

    font-family: 'Avant Garde';
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;

    border: 0;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background: #333;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

    -webkit-font-smoothing: antialiased;
}

#single-collection-top {
    position: absolute;

    padding: 20px 25px;
    padding-top: 245px;

    background-color: #f1f1f2;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
#single-collection-top h1 {
    height: auto;

    font-size: 30px;
    font-weight: 400;
    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-top .cta-main-container {
    margin-right: 0;
}

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

    font-size: 16px;
    font-weight: 400;
    color: #999d9f;
}

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

#collection-detail {
    top: 340px;

    padding: 0;
}

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

#collection-detail h2 {
    font-size: 16px;
    font-weight: 400;
    color: #333;
}

#single-collection-top h1 strong {
    font-weight: 400;
}

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

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

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

/*Slider transition*/

.item .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(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: 70%;
    margin: 0;

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

.content-container.dashboard {
    position: static;

    padding-top: 730px;
}

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

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

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

    background-color: #000;
}

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

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    height: 100%;

    object-fit: cover;
}

.dashboard-side {
    position: relative;
    top: 20px;
    z-index: 89;

    float: right;
    width: 27%;
    padding: 0;
}

/* 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: -webkit-gradient(
        linear,
        left top,
        right top,
        from(rgba(0, 0, 0, 0.5)),
        to(rgba(0, 0, 0, 0))
    );
    background: -webkit-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    background: -moz-linear-gradient(
        left,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0) 100%
    );
    background: linear-gradient(
        to right,
        rgba(0, 0, 0, 0.5) 0%,
        rgba(0, 0, 0, 0) 100%
    );

    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: inset 0 0 10px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.3);

    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;
}

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: #54bceb;
}

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

a.carousel-control.left {
    left: -50px;

    opacity: 0;
}

.carousel:hover a.carousel-control.left {
    left: 0;

    opacity: 1;
}

a.carousel-control.right {
    right: -50px;
}

.carousel:hover a.carousel-control.right {
    right: 0;

    opacity: 1;
}

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

a.carousel-control i.fa {
    margin-top: -10px;

    font-size: 18px;
    line-height: 52px;

    -webkit-border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
    background-color: rgba(255, 255, 255, 0.1);

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

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

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 {
    top: auto;
    right: 0;
    bottom: 200px;
    left: 0;
    z-index: 89;

    width: auto;
    max-width: 960px;
    margin: 0 auto;
    padding: 0 400px 0 100px;

    background-color: transparent;
}

.carousel-caption h3 {
    margin: 0;

    font-size: 55px;
    line-height: normal;
    color: #fff;
    text-transform: none;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}

.carousel-caption p {
    margin: 0;

    font-family: 'Avant Garde';
    font-size: 20px;
    font-weight: 400;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);

    -webkit-font-smoothing: antialiased;
}

.carousel-caption a.read-more {
    height: 40px;
    margin-top: 25px;
    padding: 0 25px;

    font-family: 'Avant Garde';
    font-size: 14px;
    font-weight: 400;
    line-height: 42px;
    color: #fff;
    text-transform: uppercase;

    border-color: transparent;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    background-color: #54bceb;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;

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

    -webkit-font-smoothing: antialiased;
}

.carousel-caption a.read-more:hover {
    color: #54bceb;

    border-color: transparent;
    background-color: #fff;
}

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

    border: 2px solid #f1f1f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.95);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.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-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    color: rgba(51, 51, 51, 0.67);

    border: 0;
}

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

.dashboard-side ul.quick-list li {
    border-top: 1px solid rgba(0, 0, 0, 0.05);
}

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

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

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

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

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

    color: rgba(51, 51, 51, 0.67);
}

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

    font-size: 14px;
    color: rgba(51, 51, 51, 0.33);
}

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

    padding-left: 60px;
}

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

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

    font-size: 20px;
    font-weight: 400;
    color: #333;
    text-transform: uppercase;
}

/* Dashboard collection */

.collection {
    padding: 0;
}

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

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

    border: 2px solid #f1f1f2;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background-color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

.collection.news time,
.column-left a.description time {
    display: block;
    margin: 20px 0 0 0;
    padding-top: 20px;

    font-size: 14px;
    color: rgba(51, 51, 51, 0.33);
    text-shadow: 0 1px 0 #fff;

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

.collection.news time .fa,
.column-left a.description time .fa {
    display: none;
}

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

    font-size: 28px;
    font-weight: 400;
    line-height: 43px;
}

.collection.news h2 {
    margin-top: 0;
    margin-bottom: 20px;

    text-transform: none;
}

.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 {
    object-fit: cover;
}

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

    display: block;

    border: 1px solid #f1f1f2;
    -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 0 0 0;
}

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

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

.column-right {
    background: transparent;
}

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

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

.column-right .media-left {
    padding: 0 10px 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: 10px;
    bottom: 10px;
    left: 10px;
    z-index: 10;

    max-height: none;
    padding: 25px;

    color: #fff;

    border: 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff;
    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: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

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

    font-size: 26px;
    font-weight: 400;
    color: #000;
}

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

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

/* Navigation tiles */

.navigation-tiles {
    z-index: 89;

    margin: 10px -10px 40px -10px;
    padding: 0;
}

.navigation-tile > a {
    position: relative;

    height: 260px;
    margin: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.navigation-content {
    padding: 0;
}

.navigation-tile > a {
    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;
}

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

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

.navigation-image {
    -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);
}

.navigation-image + .navigation-content {
    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%
    );
}

.navigation-tile > a: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);

    -webkit-transform: translateY(-3px);
}

.navigation-tile h1 {
    position: absolute;
    bottom: 0;

    margin: 0;
    padding: 25px;

    font-size: 18px;
    font-weight: 400;
}

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

.content-container.brands.workflow.dashboard,
.content-container.brands.workflow.sub-navigation {
    width: auto !important;
    max-width: 1200px !important;
    margin-top: 165px;
    padding: 0 25px 50px 25px;
}

.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;
}

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

    min-width: 36px;
    max-width: 36px;
    max-height: 36px;
    margin-left: -55px;
    padding: 0;

    border: 1px solid #cddbdf;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    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: 400;
    line-height: 38px;
}

.tableofcontents h3,
.tableofcontents ul li a:hover {
    color: #333;
}

.tableofcontents:hover h3 i {
    color: #54bceb;
}

.tableofcontents h3 i {
    width: 36px;

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

.module-navigation {
    border-color: #cddbdf;
    background-color: transparent;
}

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

ul.module-nav > li {
    border: 0;
}

a.module-nav-link,
ul.module-nav > li.active > a.module-nav-link {
    height: 40px;
    margin-right: 5px;
    padding: 0 15px;

    font-size: 16px;
    font-weight: 400;
    line-height: 40px;
    color: #333;

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

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

ul.module-nav > li.active > a.module-nav-link {
    font-weight: bold;
}

a.module-nav-link:hover,
ul.module-nav > li.active > a.module-nav-link {
    background-color: rgba(0, 0, 0, 0.05);
}

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

.workflow-header .media-results {
    margin: 0;
}

.workflow-header > h1,
.wf-empty-state h1 {
    font-size: 34px;
    font-weight: 400;
    line-height: 43px;
    color: #222;
}

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

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

.show-all a.campaign-block {
    border: 0;
    background-color: #f0faff;
    -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);
}

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

.show-all .campaign-img > i {
    color: #005391;
}

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

    margin-top: -60px;
}

.panel,
.campaign-block,
.brand-holder:hover .campaign-block {
    border: 0;
    -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);
}

.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: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

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

    width: auto;
    height: auto;

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

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

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

.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;
}
/*=============================================================================
Guidelines
=============================================================================*/

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

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

    -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: #96bf0d;
}

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

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

#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: 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);
}

.brand-holder > .thumbnail:hover,
#styleguide-page-content .brand-holder > .thumbnail:hover {
    -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15),
        0 0 0 1px rgba(0, 0, 0, 0.15);
    box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.15);
}

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

    width: 220px;
    height: 220px;
    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 p {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2;

    width: auto;
    margin: 0;
    padding: 15px 15px 45px 15px;
    overflow: visible;

    font-size: 16px;
    font-weight: 400;
    line-height: 1.4;
    white-space: normal;

    -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: 0 0 0 1px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}

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

    width: auto;
    height: auto;
    margin: 0;
    padding: 0 15px 15px 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: 400;
    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-heiight: 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: #54bceb;
}

.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: 190px;
    bottom: 100px;

    float: left;
    width: 250px;
    margin-top: 0;
    margin-left: 30px;
    padding: 14px 0 15px 0;

    border: 0;
    -webkit-border-radius: 0 0 0 3px;
    -moz-border-radius: 0 0 0 3px;
    border-radius: 0 0 0 3px;
    -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);
}

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

#styleguide-sidebar:after {
    position: absolute;
    top: 1px;
    right: -1px;
    bottom: 1px;

    display: block;
    width: 2px;

    background-color: #fff;

    content: '';
}

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

    border: 0;
}

#styleguide-sidebar ul li .title {
    padding: 10px 25px;

    border: 0;
    background: transparent;

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

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

    color: #999d9f;
}

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

#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;

    font-family: 'Avant Garde';
    font-size: 13px;
    font-weight: 400;
    color: #333;
}

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

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

#styleguide-sidebar ul li.opened > ul li.active > span.page {
    padding-left: 13px;

    color: #333;

    border-left: 2px solid #333;
}

.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: 280px;
    padding: 85px 75px 50px 75px;

    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
    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);
}

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

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

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

    text-align: center;

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

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

#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-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-size: 34px;
    font-weight: 400;
    line-height: 43px;
    text-transform: uppercase;
}

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

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

    font-size: 32px !important;
    font-weight: 400;
    line-height: 47px !important;
    color: #005192;
    text-transform: none;
}

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

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

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

#styleguide-container .content-title h2,
#styleguide-container h2.title,
#styleguide-container .content-text .paragraph strong,
#styleguide-container p.paragraph strong {
    color: #333 !important;
}

#styleguide-container .content-title h2,
#styleguide-container h2.title {
    font-family: 'Avant Garde' !important;
    font-weight: 400;
    text-transform: uppercase;

    -webkit-font-smoothing: antialiased;
}

#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: 16px;
    right: 75px;
    left: 75px;

    height: 36px;
    padding: 0 15px;

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

    border: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: rgb(241, 142, 0);
    background: #005192;
}

.notcurrent-notification {
    background: #5b6334;
}

.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: 400;
    color: #fff;
}

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

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

a.guideline-block {
    position: relative;

    border: 2px solid #f1f1f2;
    border-radius: 5px;
    width: 31.3333%;
    height: 0;
    min-height: 0;
    margin: 0 1%;
    padding: 0;
    padding-bottom: 30%;
    overflow: hidden;

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

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

.guideline-block img {
    position: relative;

    max-height: 250px;
    margin: auto;
}

.guideline-intro {
    margin-top: 200px;
}

a.guideline-block h3 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    margin-top: 0;
}

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

a.guideline-block p {
    bottom: 0;

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

    opacity: 1;
    text-align: center;
}

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: 400;
}

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

.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/hi-tec/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;

    background: transparent;
}

.dashboard-side #last-media-slider .carousel-inner,
.dashboard-side #last-media-slider .carousel-inner .item a.img-responsive {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

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

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

body[data-module='styleguide'] {
    background: url(/5.0.5/includes/img/account/hi-tec/hi-tec-blur.png) no-repeat
        center center;
    background-attachment: fixed;
    -moz-background-size: cover;
    background-size: cover;
}

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

.guidelines-landing {
    height: 100%;

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

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

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

    font-size: 30px;
    font-weight: 400;
    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;
}

#brandstore-container .brandstore-filter > ul > li > a {
    padding: 10px 0;

    font-size: 18px;
    font-weight: 400;
    color: #333;
}

#brandstore-container .brandstore-filter .no-select > a.active {
    font-weight: 400;
}

a.guideline-block {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -moz-box-orient: vertical;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

a.guideline-block h3 {
    -webkit-box-ordinal-group: 2;
    -moz-box-ordinal-group: 2;
    -ms-flex-order: 2;
    -webkit-order: 2;
    order: 2;
}

a.guideline-block p {
    -webkit-box-ordinal-group: 3;
    -moz-box-ordinal-group: 3;
    -ms-flex-order: 3;
    -webkit-order: 3;
    order: 3;
}

a.guideline-block img {
    -webkit-box-ordinal-group: 1;
    -moz-box-ordinal-group: 1;
    -ms-flex-order: 1;
    -webkit-order: 1;
    order: 1;
    min-height: 240px;
    max-width: 100%;
}

/*=============================================================================
Media queries
=============================================================================*/

@media (max-width: 1024px) {
    ul.admin-options > li > a.profile {
        width: 30px;
        overflow: hidden;

        font-size: 0;
    }
    header > .nav-bar > a.account-logo {
        width: 70%;
    }
    .nav-bar .nav-main .hidden-nav a .fa-ellipsis-v {
        display: inline-block;
    }
    .nav-bar .nav-main .hidden-nav {
        height: 70px;
    }
    .nav-bar .nav-main .hidden-nav > a {
        width: 23px;
        overflow: hidden;

        background-color: #fff;
        -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.13),
            0 1px 3px rgba(0, 0, 0, 0.08);
        -moz-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.13),
            0 1px 3px rgba(0, 0, 0, 0.08);
        box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.13),
            0 1px 3px rgba(0, 0, 0, 0.08);
    }
    .nav-bar .nav-main .hidden-nav a .fa-ellipsis-v:before {
        content: '\f0c9';
    }
    .carousel-inner > .item {
        height: 550px;
    }
    .carousel-caption {
        bottom: 50px;

        max-width: none;
        padding: 0 150px 0 75px;
    }
    .carousel-caption h3 {
        margin-bottom: 15px;

        font-size: 46px;
        line-height: 46px;
    }
    .column-left {
        position: static;
    }
    .content-container.dashboard {
        padding: 600px 75px 50px 75px;
    }
    .navigation-tile {
        height: 180px;
    }
    .navigation-tile > a {
        height: 160px;
    }
    .dashboard-side {
        top: -10px;
    }

    .cta-main-container {
        position: absolute;
        right: 340px;
    }
    a.guideline-block,
    .workflow .brand-holder {
        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 (max-width: 768px) {
    header.base {
        min-width: 0;
    }
    header > .nav-bar > a.account-logo {
        width: 70%;
    }
    .carousel {
        position: relative;

        margin-right: -40px;
        margin-left: -40px;
    }
    .dashboard-side {
        width: 100%;
        margin-top: 40px;
    }
    .collection-stream {
        width: 100%;
    }
    a.carousel-control {
        opacity: 0 !important;
    }
    .carousel-inner > .item {
        height: 50%;
    }
    .content-container.dashboard {
        padding: 0 40px 50px 40px;
    }
    .carousel-caption {
        bottom: 40px;

        padding: 0 80px 0 40px;
    }
    .navigation-tiles {
        margin-top: 20px;
    }
    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: 136px;
}

/*=======================
Collection detail fix
=======================*/
#collectionDetailContent {
    margin-top: 156px;
}

.content-container.single-collection:has(.filterbar.show.active) #collectionDetailContent {
    margin-top: 115px;
}
/*=======================
SELECT2 UPDATE
=======================*/
.select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 34, 51, 0.1);
  min-height: 40px !important;
  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: #666;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 200px;
}

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

.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 {
  white-space: normal;
  padding-right: 0;
  display: block;
}
.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: 16px !important;
  line-height: 24px;
  color: #666;
  background-color: #f7f8f9;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  float: none;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice div {
  order: 1 !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: rgba(0, 34, 51, 0.1);
  margin-top: 8px;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #44444e;
  margin-left: 3px !important;
  margin-right: 3px !important;
  order: 2 !important;
}
.select2-container--default .select2-selection--multiple .select2-search--inline {
  display: inline-flex;
  float: none;
}
.select2-container--default .select2-selection--multiple .select2-search--inline .select2-search__field {
  margin-top: 8px;
}

.select2.select2-container.select2-container--default .select2-selection--multiple .select2-selection__clear {
  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: -2px;
}
.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 .select2-search--inline .select2-search__field {
  width: 250px !important;
}
.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: 260px !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;
}

.wf-wrapper .popover-content .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
  width: 204px !important;
}

.wf-wrapper .stage-management .stage-item .properties .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus {
  width: 226px !important;
}

.single-collection .popover .select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 180px !important;
}

.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;
}

#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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-container--default .select2-selection--multiple {
  background: transparent;
  color: #666;
}
#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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: #666;
}
#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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #fff;
  color: #666;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
  max-width: 100%;
  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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-selection__choice:hover {
  color: #666;
}
#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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-selection__choice .select2-selection__choice__remove {
  color: #666;
  float: right;
  right: 0;
}
#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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-search__field {
  display: inline-flex;
  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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .select2-search__field:focus {
  width: 259px !important;
  background-color: #fff;
}
#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,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li .media-info-extend .propertyHolder.multiEditPropertyHolder .controls input:hover {
  background-color: #fff;
}

#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 6px !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: 270px !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: 270px !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: #fff;
  color: #666;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px 2px 0px !important;
}
#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: #666;
}
#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: #666;
}
#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: #fff;
}
#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: #fff;
}

#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .control-group li.select2-selection__choice {
  padding: 0px 5px;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-search__field::placeholder,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field::placeholder {
  color: #666;
}

#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;
}
#media-detail-tags .select2-container.select2-container--default.tags.select2-container—above .select2-selection--multiple .select2-selection__choice,
.select2.select2-container.select2-container--default.tags.select2-container .select2-selection--multiple .select2-selection__choice {
  border-radius: 5px;
}
#media-detail-tags .select2-container.select2-container--default.tags.select2-container—above li.select2-search--inline input.select2-search__field,
.select2.select2-container.select2-container--default.tags.select2-container li.select2-search--inline input.select2-search__field {
  width: 100% !important;
}

#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;
}

div.upload-media div.media-holder.edit.active.landscape ul {
  padding: 0px 5px !important;
}
div.upload-media div.media-holder.edit.active.landscape ul li.select2-search input.select2-search__field[role=searchbox] {
  width: 100% !important;
  padding: 0px 5px !important;
}

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