:root {
    --userComponentCardSelectedColor: #021e5c;
    --userComponentCardSelectedColorHover: #071c53;
    --userComponentCardSelectedColorActive: #0b194a;
}

/*=============================================================================
Light blue:     #0074bc
Dark blue:      #021e5c
=============================================================================*/

body {
    color: #424143;

    background-color: #f2f2f2;
}

.dashboard body {
    background-color: #fff;
}

.filterbar {
    top: 150px;

    width: 956px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;

    background-color: #f2f2f2;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}

.filterbar.small {
    top: 130px;
}

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

a,
a:visited {
    color: #424143;
}

a:hover,
a.link-primary,
a.link-primary:visited {
    color: #021e5c;
}

a.link-primary:hover {
    color: #c7002d;
}

.scrollup,
.update.info {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #021e5c;
}

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

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

.navigation-tiles {
    height: 360px;
    padding: 195px 25% 25px 0;

    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: #e6e7e8;
}

.navigation-tiles:after,
.navigation-tiles:before {
    position: absolute;
    top: 0;
    bottom: -1px;
    left: -1000px;

    display: block;
    width: 1020px;

    border-bottom: 1px solid rgba(0,0,0,0.1);
    background-color: #e6e7e8;

    content: '';
}

.navigation-tiles:after {
    right: -1000px;
    left: auto;
}

.navigation-tile {
    position: relative;

    float: right;
    height: 0;
    padding-bottom: 23%;
}

.navigation-tile h1 {
    position: absolute;
    top: -40px;
    right: 0;
    left: 0;

    margin: 0;
    margin-top: -15px;

    line-height: 30px;
    text-align: center;

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

.navigation-tiles a {
    position: absolute;
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;

    height: auto;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background: #000;
}

.navigation-tile.locked:after {
    position: absolute;
    top: 25px;
    right: 25px;

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    font-size: 28px;
    color: #fff;

    content: '\f023';

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

.navigation-tile p {
    position: relative;
    top: 50%;

    color: #888;
    text-align: center;

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

.navigation-content {
    padding: 25px;
}

.navigation-image {
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;

    opacity: 0.7;
}

.navigation-image + .navigation-content {
    top: auto;
    bottom: 0;

    -webkit-border-radius: 0 0 4px 4px;
       -moz-border-radius: 0 0 4px 4px;
            border-radius: 0 0 4px 4px;
    background: -webkit-linear-gradient(315deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background:    -moz-linear-gradient(315deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
    background:         linear-gradient(135deg, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%);
}

header.base {
    right: 0;
    left: 0;

    width: auto;
    padding: 0;

    background-color: #fff;
}

.navigation-content {
    height: 40px;

    background: #fff !important;
}

.dashboard-intro h1 a {
    margin-left: 20px;
    padding: 8px 15px 8px 15px;

    color: #fff;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #021e5c;
}

.dashboard-side .quicklinks ul li:nth-child(6) a {
    position: relative;
    right: 25px;

    width: 100%;
    padding: 10px 25px;

    color: #021e5c;

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

.dashboard-intro h1 a:after {
    margin-left: 5px;

    font-family: FontAwesome;
    font-size: 16px;

    content: '\f054';
}

.brand-info,
.brand-info:before,
.brand-info:after {
    background-color: #e6e7e8;
}

.brand-holder.active:after {
    border-bottom-color: #e6e7e8;
}

.content-container.collections .collections-container {
    right: 0;
}
body[data-module='workflow'] .single-collection,
#single-collection-top,
.content-container,
header > .admin-bar,
header .nav-bar,
header .tool-bar,
#media-container.content-container.ui-selectable,
.content-container.no-toolbar,
.content-container.dashboard {
    width: 956px;
    margin: 0 auto;
    padding-right: 0;
    padding-left: 0;
}

.content-container.no-toolbar {
    margin-top: 140px;
}

#single-collection-top h1 {
    height: auto;
    padding-right: 280px;

    font-size: 28px;
    line-height: 28px;
}

@media screen and (min-width: 1360px) {
    body[data-module='workflow'] .single-collection,
    #single-collection-top,
    .content-container,
    header > .admin-bar,
    header .nav-bar,
    header .tool-bar,
    #media-container.content-container.ui-selectable,
    .content-container.no-toolbar,
    .content-container.dashboard {
        width: 1200px;
        margin: 0 auto;
        padding-right: 0;
        padding-left: 0;
    }
    .filterbar {
        width: 1200px;
    }
}


#single-collection-top {
    top: 150px;

    padding-top: 60px;
    padding-bottom: 30px;

    background:    -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,1) 90%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(90%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
    background:         linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,1) 90%,rgba(255,255,255,0) 100%); /* W3C */
    background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

    -webkit-transition: top 0.2s ease;
       -moz-transition: top 0.2s ease;
            transition: top 0.2s ease;

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */
}


nav.collection-navigation {
    position: relative;
    top: 100px;
    left: auto;

    float: none;
    padding: 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;
}

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

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

    font-size: 18px;
}

.collection-navigation ul li.dropdown.active ul li a {
    padding: 6px 10px;

    font-size: 13px;
}
.collection-navigation ul li.dropdown.active ul li.active a {
    color: #021e5c;

    background-color: transparent;
}

#collection-detail .description textarea {
    width: 210px;
}

ul li span.count,
ul li.active > a > span.count {
    color: #fff;

    background-color: #021e5c;
}

.content-container.collections .collections-container .media-tools {
    position: relative;
    z-index: 3;

    margin-right: 20px;
}

.content-container.collections .collections-container {
    left: 256px;

    margin-right: -20px;
    margin-left: 0;
}

.collection-holder .thumbnail,
.collection-holder:before {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}
.collection-holder .thumbnail h4 {
    overflow: hidden;

    font-size: 18px;
    font-weight: normal;
    color: #424143;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.content-container.single-collection {
    position: relative;

    padding: 0 80px;
}

#collection-detail {
    top: 320px;
    left: 80px;

    width: 230px;
    padding: 0;
}

#single-collection-top .cta-main-container {
    right: 0;
    bottom: 40px;
}

.content-container {
    padding-top: 200px;
}

#media-container.content-container.ui-selectable {
    padding-top: 170px;
    padding-right: 80px;
    padding-left: 80px;
}

@media screen and (min-width: 1360px) {
    nav.collection-navigation {
        left: 50%;

        margin-left: -600px;
    }

    .content-container.collections .collections-container {
        left: 260px;
    }
}

@media screen and (max-width: 1359px) {
    .navigation-tile h1 {
        top: -20px;

        font-size: 22px;
    }

    .navigation-tile p {
        top: auto;
        bottom: -20px;

        font-size: 13px;
    }

    .dashboard-side ul li a {
        font-size: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .navigation-content {
        padding: 20px;
    }
}

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

#collection-media {
    margin-top: 280px;
    margin-left: 244px;
}

#collection-detail h2 {
    font-size: 18px;
}

.ie9 #collection-detail {
    position: absolute;
}

.ie9 #collection-media {
    margin-top: 350px;
}

a.tag,
a.group-btn,
a.action-btn,
span.action-btn,
button.action-btn,
button.action-btn:focus {
    font-size: 14px;

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

.filters > li.filter > a {
    margin-right: -4px;

    font-weight: 600;

    border: 1px solid #eee;
}

.media-holder.active .thumbnail .select,
.media-holder.active .thumbnail:hover .select {
    opacity: 1 !important;
}

.ui-selectable .media-holder .thumbnail:hover .select {
    opacity: 1;
}

.filters li.filter:nth-child(6) a,
.filters li.filter:nth-child(7) a {
    border: none;
}

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

.filters-holder {
    margin-top: -2px;
}

.fa-times-circle:before {
    font-family: FontAwesome;

    content: '\f1f8';
}

a.filter-button.tags,
.filter.advanced .filter-button {
    opacity: 0.5;
}

.filterbar a.tag span i {
    font-size: 14px;
    color: #D71925;

    opacity: 1;
}

i.fa.fa.fa-filter {
    margin-right: 5px;
}

#clearFilter {
    font-size: 14px;

    background-color: #D71925;
}

a.tag,
#image_upload > .upload-container nav.edit ul li a.tag {
    margin-bottom: 5px;

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

.filter-tags a.tag span.searchCount {
    top: 0;
    right: 0;

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

a.action-btn.blue,
span.action-btn.blue,
button.action-btn.blue,
.scrollup {
    background-color: #021e5c;
}

ul.group-btns li a.group-btn {
    height: 30px;

    line-height: 30px;
    color: #6f6e6e;

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

    -webkit-transition: all 0s;
       -moz-transition: all 0s;
         -o-transition: all 0s;
}

a.action-btn:hover,
button.action-btn:hover,
a.tag:hover,
a.group-btn:hover,
ul.group-btns li a.group-btn:hover {
    color: #021e5c;

    background-color: #ebebeb;
}

a.action-btn.blue:hover,
button.action-btn.blue:hover,
a.tag.active,
#image_upload > .upload-container nav.edit ul li a.tag.active {
    color: #fff;

    background-color: #204d89;
}

ul.group-btns li:last-child a.group-btn,
ul.group-btns li:last-child a.group-btn {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
}

ul.group-btns.blue li a.group-btn,
ul.group-btns li.active a.group-btn {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #021e5c;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;

    -webkit-transition: all 0s;
       -moz-transition: all 0s;
         -o-transition: all 0s;
}

.tool-bar ul.group-btns.blue li a.group-btn,
.tool-bar ul.group-btns li.active a.group-btn {
    min-width: 14px;
    height: 30px;
    margin-top: 5px;
    margin-left: 1px;
    padding: 0 10px;

    line-height: 32px;
    vertical-align: top;
}

span.action-btn.blue:hover,
a.action-btn.blue:hover,
button.action-btn.blue:hover,
ul.group-btns.blue li a.group-btn:hover,
.cta-main-container a.cta-main:hover {
    color: #fff;

    background-color: #204d89;
}

ul.ui-autocomplete li.active a,
ul.ui-autocomplete .ui-state-focus,
ul.auto-complete li.active a {
    background-color: #021e5c;
}

ul.ui-autocomplete,
ul.auto-complete {
    padding: 0;

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

.collection-holder .thumbnail .share:hover ul.auto-complete {
    right: -10px;
    left: auto;

    min-width: 180px;
    padding: 10px 0;

    text-align: left;
}

.save-filters-holder {
    margin-top: -2px;
}

.save-filters-holder .filters > li.filter#save-filter-dropdown > a {
    margin-right: 2px;
}

/*==================
Admin bar
==================*/

header > .admin-bar {
    width: auto;
    padding: 10px 15px;

    background: rgb(22,27,54);
    background:    -moz-linear-gradient(left,  rgba(22,27,54,1) 0%, rgba(50,63,117,1) 30%, rgba(22,27,54,1) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(22,27,54,1)), color-stop(30%,rgba(50,63,117,1)), color-stop(100%,rgba(22,27,54,1)));
    background: -webkit-gradient(linear, left top, right top, from(rgba(22,27,54,1)), color-stop(30%, rgba(50,63,117,1)), to(rgba(22,27,54,1)));
    background:         linear-gradient(to right,  rgba(22,27,54,1) 0%,rgba(50,63,117,1) 30%,rgba(22,27,54,1) 100%);
    background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.lt-ie10 header > .admin-bar {
    background: #021e5c;
}

a.admin-bar-logo.powered {
    display: none;
    height: 25px;
    margin-top: 0;
}

a.admin-bar-logo {
    background-image: url(/5.0.5/includes/img/common/logo-bynder-black.png);
}

ul.badges li > a,
ul.admin-options > li > a,
.unit-switch-container > a.unit-dropdown {
    height: 25px;
    margin-top: 0;
    padding: 0 15px;

    font-size: 13px;
    line-height: 25px;
}

ul.badges li > a:hover,
ul.badges > li.active > a {
    background-color: transparent;
}

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

ul.admin-options > li > a.profile > .avatar {
    width: 25px;
    height: 25px;
    margin: 0;
    margin-right: 5px;

    background-color: #e6e7e8;
}

ul.badges li a span {
    top: 0;

    min-width: 22px;
    height: 25px;
    margin: 0;
    margin-left: 5px;

    font-weight: normal;
    line-height: 25px;

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

ul.badges > li > a i.fa {
    height: 25px;

    line-height: 25px;
}

.unit-switch-container a.unit-dropdown {
    padding-right: 25px;
    padding-left: 10px;

    font-weight: normal;
}

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

ul.admin-options > li > a .fa.fa-lg {
    vertical-align: -12%;
}

ul.admin-options > li > a:before {
    position: absolute;
    left: 0;

    display: block;
    width: 1px;
    height: 15px;
    margin-top: 5px;

    background-color: #ebebeb;

    content: '';
}

ul.admin-options > li:hover > a {
    background-color: transparent;
}

ul.admin-options > li:hover > div.admin-dropdown ul.public-sub.alt-login {
    border-bottom: none;
}

ul.admin-options > li:hover > div.admin-dropdown ul.public-sub.alt-login li {
    margin-top: 20px;
}

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

    background-color: #fff;
}

ul.admin-options .alt-login p {
    display: none;
}

ul.admin-options ul.alt-login button {
    color: #021e5c;
    
    background-color: #ebebeb;
}

ul.admin-options .admin-dropdown > form {
    display: none;
}

.nav-bar-search {
    top: 55px;
    left: -webkit-calc((100% - 1050px) / 2 + 250px);
    left:    -moz-calc((100% - 1050px) / 2 + 250px);
    left:         calc((100% - 1050px) / 2 + 250px);

    float: left;
    width: auto;
    margin: 0;
    padding: 5px;

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

.nav-bar-search input.search {
    width: 175px;
    height: 30px;
    padding: 0 30px;
    padding-right: 35px;

    font-size: 12px;
    line-height: 25px;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
       -moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
        -ms-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
         -o-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
            box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
}

.ie9 .nav-bar-search,
.ie10 .nav-bar-search {
    top: 55px;
    left: 250px;

    float: left;
    width: auto;
    margin: 0;
}

.ie9 .nav-bar-search input.search,
.ie10 .nav-bar-search input.search {
    width: 175px;
    margin-right: 35px;
    margin-left: 30px;
    padding: 0 15px;

    font-size: 12px;
    line-height: 24px;
}

.nav-bar-search input.search:focus {
    background-color: #fff;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
       -moz-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
        -ms-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
         -o-box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
            box-shadow: 0 1px 0 rgba(0,0,0, 0.1);
}

.nav-bar-search .search-icon {
    top: 5px;
    right: 5px;
    left: 5px;

    width: 30px;
    height: 30px;

    line-height: 28px;
    color: #021e5c;

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

.nav-bar-search .nav-bar-searchbox ul li a span {
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #021e5c;
}

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

    height: 30px;

    line-height: 30px;
}

.nav-bar-search .nav-bar-searchbox {
    top: 35px;
    right: 0;
    left: auto;

    padding: 0;

    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0, 0, 0, 0.15);
       -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0, 0, 0, 0.15);
}

.nav-bar-search .nav-bar-searchbox:after {
    display: none;
}

/*==================
Navigation bar
==================*/

header .nav-bar {
    width: auto;
    max-width: 1190px;
    max-height: 40px;
    padding: 10px 10px;

    text-align: right;

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

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


header > .nav-bar > a.account-logo {
    max-height: 40px;
    margin: 0;

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

header > .nav-bar > a.account-logo img {
    max-height: 40px;
}

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

    height: 30px;
    margin-right: 1px;
    padding: 0 10px;

    line-height: 30px;

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

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

.nav-bar .nav-main a:hover,
.nav-bar .nav-main a.active {
    color: #021e5c;
}

.nav-bar .nav-main a.active:after {
    position: absolute;
    right: 10px;
    bottom: 0;
    left: 10px;

    height: 2px;

    background-color: #021e5c;

    content: '';
}

header .nav-bar .nav-bar-right {
    display: inline-block;
    float: none;
    width: auto;
    margin-right: 10px;

    background-color: transparent;
}

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

.cta-main-container {
    margin: 0;
    padding: 5px;

    text-align: left;

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

.cta-main-container li a.cta-main {
    height: 30px;
    margin: 0;
    padding: 0 10px;

    line-height: 30px;
    color: #fff;

    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    background-color: #021e5c;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

#single-collection-top .cta-main-container a.action-btn,
.wf-wrapper .cta-main-container .action-btn {
    height: 30px;

    line-height: 30px;
}

.cta-main-container a.cta-main.cta-dropdown-trigger {
    width: 30px;

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

/*==================
Media thumbs
==================*/

#results-thumbs {
    margin-right: -5px;
    margin-left: -5px;
}

.media-results span.selected-results,
.media-results span.results,
.media-sort a.sort,
.media-order a.order {
    top: 0;

    height: 30px;

    line-height: 30px;

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

.media-results span.selected-results {
    min-width: 10px;

    text-align: center;

    background-color: #021e5c;
}

.media-results span.results,
.media-sort a.sort,
.media-order a.order {
    padding: 0 15px;

    background-color: #fff;
}

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

.media-holder a.thumbnail .select {
    top: 17px;
    right: 17px;
}


#results-thumbs .media-holder a.thumbnail .image-holder {
    width: 194px;
    min-width: 170px;
    height: 150px;

    border: 2px solid #fff;
    background-color: #e6e7e8;
}

#results-thumbs .media-holder.portrait a.thumbnail .image-holder {
    height: 150px;
}

#results-thumbs .media-holder a.thumbnail,
#results-thumbs .media-holder.portrait a.thumbnail {
    position: relative;
    bottom: 0;
    left: 0;

    width: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding: 15px;

    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background-color: #f9f9f9;
    -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);
}

#results-thumbs .media-holder a.thumbnail:hover,
#results-thumbs .media-holder.portrait a.thumbnail:hover {
    position: relative;
    z-index: 1;

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

#results-thumbs .media-holder.singleview a.thumbnail {
    overflow: visible;
}

.media-holder a.thumbnail:hover,
.ui-selecting a.thumbnail,
.media-holder.active a.thumbnail {
    border-width: 0;
    border-style: solid;
    border-color: #021e5c;
}

#results-thumbs .media-holder.active a.thumbnail .image-holder,
#results-thumbs .media-holder.ui-selecting a.thumbnail .image-holder {
    border: 2px solid #021e5c;
    background-color: #e6e7e8;
}

#results-thumbs .media-holder a.thumbnail,
#results-thumbs .media-holder,
.hidden-gridfix {
    width: auto;
}

#results-thumbs .row {
    float: none;
    width: auto;
    margin-right: 8px;
    margin-left: 8px;
}
#results-thumbs .media-holder.listview {
    width: 50%;
    margin-right: 0;
    margin-left: 0;
}

.ui-selectable-helper {
    border: 2px solid #021e5c;
    background-color: rgba(220, 0, 50, 0.1);
}

#results-thumbs .media-holder {
    height: 240px;
    margin: 5px;

    vertical-align: top;
}

.media-holder a.thumbnail p,
.media-holder.portrait .thumbnail p {
    max-width: 166px;
    height: 20px;
    margin: 10px 0 0 0;
    padding-left: 2px;

    line-height: 20px;
}

.media-holder a.thumbnail:hover p,
.media-holder.portrait .thumbnail:hover p {
    max-width: 166px;
    height: auto;
    overflow: visible;

    white-space: normal;
    text-overflow: initial;
}

.media-holder a.thumbnail > span {
    top: 180px;
    right: 17px;
    bottom: auto;
}

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

#results-thumbs .media-holder.singleview .thumbnail:hover p {
    width: auto;
    max-width: none;
}

#results-thumbs .media-holder.singleview a.thumbnail .image-holder {
    width: 100%;
    height: auto;
}
#results-thumbs .media-holder.singleview a.thumbnail {
    max-width: 800px;
    margin: 0 auto;
}

#results-thumbs .media-holder.listview a.thumbnail .image-holder {
    width: 120px;
    min-width: 0;
    height: 90px;
}

/*==================
Toolbar
==================*/

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

/*==================
Toolbar
==================*/
header .tool-bar {
    min-height: 0;
    margin-top: 0;
    padding: 0;

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

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

ul.filters-bar > li {
    border-right: 0;
}
ul.filters-bar > li a.filter-button {
    height: 40px;
    margin: 0;
    padding: 0 10px;

    line-height: 40px;

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

ul.filters-bar > li a.filter-button:hover {
    color: #021e5c;

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

ul.filters-bar > li.active a.filter-button,
ul.filters-bar > li.active a.filter-button:hover {
    color: #021e5c;

    background-color: #fff;
    -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0,0,0,0.15);
       -moz-box-shadow: 0 0 0 1px rgba(0,0,0,0.15), 0 0 10px rgba(0,0,0,0.15);
            box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 0 10px rgba(0,0,0,0.15);
}

ul.filters-bar > li.active a.filter-button:after {
    bottom: -10px;

    height: 20px;
}

ul.filters-bar > li div.filter-dropdown {
    top: 40px;

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

header .tool-bar ul.actions-bar,
header .tool-bar ul.actions-bar li.select {
    height: 40px;
    margin-top: 0;
}
header .tool-bar ul.actions-bar li.select a.group-btn,
header .tool-bar ul.actions-bar.active li.select a.group-btn {
    top: 0;

    width: 36px;
    height: 30px;
    margin-top: 5px;
    margin-left: 1px;
    padding: 0;

    line-height: 30px;
    color: #424143;
    vertical-align: top;

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

header .tool-bar ul.actions-bar li.select a.group-btn.select-all {
    width: 36px;

    background-position: center 0;
}

header .tool-bar ul.actions-bar.part li.select a.group-btn.select-all {
    background-color: #e6e7e8;
    background-position: center -29px;
}

header .tool-bar ul.actions-bar.active li.select a.group-btn.select-all {
    background-color: #e6e7e8;
    background-position: center -59px;
}

ul.group-btns li a.group-btn {
    background: #fff;
}

/*==================
Dashboard
==================*/

header .tool-bar {
    padding-top: 0;
    padding-bottom: 0;

    -webkit-box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
        -ms-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
         -o-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
            box-shadow: none;
}

.content-container.dashboard {
    position: relative;

    padding-top: 105px;
    padding-right: 0;
    padding-left: 0;

    -webkit-backface-visibility: hidden;
       -moz-backface-visibility: hidden;
            backface-visibility: hidden;
}

.collection-stream {
    position: static;

    margin-right: 0;

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

.single .collection-stream {
    padding-top: 35px;
}

.single .dashboard-side {
    top: 145px;
}

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

.carousel-inner {
    display: none;
}

.nav-bar-search.dashboard-search {
    top: 130px;
    right: 20%;
    left: 20%;
    z-index: 89;

    width: auto;
    margin: 0 5px;
    padding: 15px;

    -webkit-border-radius: 8px;
       -moz-border-radius: 8px;
            border-radius: 8px;
    background-color: #ccc;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.nav-bar-search.dashboard-search input.search {
    width: 80%;
    margin: 0 auto;
    padding: 5px 10%;

    font-size: 16px;
    text-align: center;
}

.nav-bar-search.dashboard-search .search-icon {
    top: 15px;
    left: 15px;

    font-size: 18px;
    line-height: 58px;
}

.nav-bar-search.dashboard-search .nav-bar-searchbox {
    top: 76px;
    right: 15px;
    left: 15px;

    width: auto;
}

.nav-bar-search.dashboard-search a.spotlightClear,
.nav-bar-search.dashboard-search .spotlightLoader {
    top: 15px;
    right: 15px;
    bottom: 15px;

    width: 60px;

    line-height: 60px;
    text-align: center;
}

.collection-stream .carousel .carousel-inner .item {
    -webkit-transition-duration: 0.8s;
       -moz-transition-duration: 0.8s;
            transition-duration: 0.8s;
    -webkit-transition-property: opacity;
       -moz-transition-property: opacity;
            transition-property: opacity;
    opacity: 0;
}

.collection-stream .carousel .carousel-inner .active,
.collection-stream .carousel .carousel-inner .next.left,
.collection-stream .carousel .carousel-inner .prev.right {
    opacity: 1;
}

.collection-stream .carousel .carousel-inner .active.left,
.collection-stream .carousel .carousel-inner .active.right {
    left: 0;
    z-index: 1;

    opacity: 0;
}

.collection-stream .carousel .carousel-control {
    z-index: 11;
}

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

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
    width: 100%;
    min-width: 100%;
}

.carousel-indicators {
    display: none;
}

.carousel-indicators li,
.carousel-indicators .active {
    width: 14px;
    height: 14px;
    margin: 0;
    margin-right: 3px;

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

.carousel-indicators .active {
    background-color: #021e5c;
}

.dashboard-side {
    top: 300px;
    right: -20px;

    width: 25%;
    padding: 0;
}

.dashboard-side .quicklinks {
    height: 300px;
    margin: 5px;
    padding: 25px;

    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: #021e5c;
}

.dashboard-intro {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 1;

    margin: 130px 0 20px 0;
    padding: 0;

    text-align: center;

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

.dashboard-side h3 {
    margin: 0;
    margin-bottom: 10px;

    font-size: 22px;
}

.dashboard-side .quicklinks h3,
.dashboard-side .quicklinks ul li a {
    color: #fff;
}

.dashboard-side ul.quick-list li a:after {
    float: right;
    margin-top: 3px;
}

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

    border-color: rgba(255,255,255,0.1);
}

.collection {
    float: left;
    width: 100%;
    margin: 0;
    margin-top: 25px;
    padding: 0;
}

.collection:before,
.collection:after {
    display: table;

    content: ' ';
}

.collection:after {
    clear: both;
}

.column-left {
    z-index: 60;
}

.column-left a.main,
.column-right .media-left a,
.column-right .media-right a {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

    border: 5px solid #fff;
}

.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 {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;

    max-height: none;
    padding: 40px;
    padding-top: 60px;

    color: #fff;
    text-align: left;

    border: 0;
    background: rgba(2, 30, 92, 0.4);
}

.column-left a.description:hover {
    background: rgba(2, 30, 92, 0.6);
}


.column-left a.description h1 {
    font-size: 36px;
}

.news-content {
    width: 40%;
    padding: 0;
}

.news-content span.label {
    display: none;
}

.collection.news h1 {
    margin-top: 0;

    font-size: 22px;
}

.collection.news h1,
.collection.news h2 {
    margin-bottom: 15px;
}

.news-image {
    float: right;
    width: 50%;
}

.single .news-image {
    float: none;
}

span.label {
    top: 45px;
    left: 45px;
    z-index: 81;

    height: 30px;
    padding: 0 10px;

    font-size: 14px;
    line-height: 30px;
    text-transform: none;

    background-color: #021e5c;
}

.column-left a.description time {
    bottom: 40px;
    left: 45px;

    font-size: 14px;
}

#styleguide-container {
    max-width: 956px;
    padding-right: 80px;
    padding-left: 80px;
}

/* NEWS BLOCKS */

.collection.news {
    float: left;
    width: 50%;
    height: auto;
    margin: 0;
    padding: 0;

    background-color: #f2f2f2;
}

.collection.news p:empty {
    display: none;
}

.collection.news time {
    display: none;
}

.collection.news .news-image {
    position: relative;
    z-index: 0;

    width: 100%;
}

.collection.news .news-content {
    position: relative;
    top: 0;
    z-index: 1;

    width: auto;
    padding: 15px;
}

.collection.news .news-content h1 {
    position: relative;
}

.collection.news .news-content h2 {
    font-size: 14px;
}

.collection.news .news-content h2:before,
.collection.news .news-content h1:after {
    display: inline-block;
    margin-right: 4px;

    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;

    content: '\f023';

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

.collection.news .news-content h1:after {
    position: absolute;
    top: 0;
    right: 0;

    margin-top: 8px;

    content: '\f054';
}

.single .collection.news .news-content h1:after {
    display: none;
}

.collection.news .news-content a {
    display: block;

    color: #fff;
}

.single .collection.news .news-content a {
    display: inline-block;

    color: inherit;
}

.collection.news .news-content a:hover {
    text-decoration: underline;
}

.collection.news .news-image + .news-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    color: #fff;

    border: 5px solid #fff;
    background-color: rgba(2, 30, 92, 0.5);
}

.single .collection.news .news-image + .news-content {
    position: static;

    color: inherit;

    border: 0;
    background-color: transparent;
}

.collection.news .news-image + .news-content:hover {
    background-color: rgba(2, 30, 92, 0.75);
}

.single .collection.news .news-image + .news-content:hover {
    background-color: transparent;
}

.single .collection.news {
    width: 100%;
    padding-top: 0;
    padding-left: 0;
}

@media screen and (min-width: 1360px) {
    #styleguide-container {
        max-width: 1200px;
    }
    .collection.news .news-content {
        padding: 25px;
    }
    .collection.news {
        width: 33.333%;
    }
    .dashboard-side .quicklinks {
        height: 355px;
    }
    .navigation-tiles {
        height: 440px;
    }
}

.carousel-caption {
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;

    width: auto;
    padding: 0 25px;
    padding-top: 0;

    background-color: rgba(2, 30, 92, 0.8);
}

.carousel-caption h3 {
    display: inline-block;
    height: 60px;
    margin: 0;

    font-size: 22px;
    font-weight: lighter;
    line-height: 60px;
}

.carousel-caption p {
    display: inline-block;
    width: 70%;
    margin: 0;

    font-size: 16px;
}

.carousel-caption p:empty {
    display: none;
}

.carousel-caption a.read-more,
.carousel-caption a.read-more:hover {
    float: right;
    height: 60px;
    padding: 0;

    font-size: 22px;
    font-weight: bold;
    line-height: 60px;

    border: 0;
}

#styleguide-sidebar {
    width: 210px;

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

#styleguide-sidebar ul li .title {
    padding: 4px 0;

    color: #021e5c;

    border: 0;
    background: transparent;
}

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

#styleguide-sidebar a.action-btn.edit-nav {
    display: inline-block;
    margin: 0;
    margin-bottom: 15px;
}

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

.arrow-styleguide {
    right: 0;
}

#styleguide-sidebar ul li.chapter.active ul.pages,
#styleguide-sidebar ul li.chapter.opened ul.pages {
    border: 0;
}

#styleguide-page-header,
#pdf-page-header,
#styleguide-page-content,
#styleguide-page-footer {
    margin-left: 250px;
    padding: 0;

    border: 0;
}

#styleguide-page-content {
    padding: 25px 0;
}

#styleguide-button-export {
    margin-right: 0;
}

#styleguide-page-header h1,
#pdf-page-header h1 {
    font-size: 30px;
    font-weight: normal;
}

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

#styleguide-container .content-title h2,
#styleguide-container h2.title {
    margin-top: 25px;
    margin-bottom: 5px;

    font-size: 18px;
    color: #021e5c !important;
}

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

    font-size: 26px;
    line-height: 1.3;
}

#styleguide-container .content-container p,
#styleguide-container .content p {
    margin: 0;
}

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

.guideline-block {
    position: relative;

    display: block;
    float: left;
    width: 240px;
    height: 420px;
    margin-right: 10px;
    padding: 30px;
    padding-left: 20px;

    color: #444;

    border-left: 10px solid #f8f8f8;
    background-color: #f8f8f8;
}

.guideline-block img {
    max-width: 240px;
    padding: 20px 0;
}

.guideline-block:hover {
    border-left: 10px solid #d8d8d8;
}

.guideline-block h3 {
    font-size: 18px;
    line-height: 1;
}
.guideline-block h3,
.guideline-block h4 {
    margin: 0;
    padding: 0;

    color: #444;
}

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

    color: #444;
}

.guideline-block:hover h3,
.guideline-block:hover h3 {
    color: #021e5c;
}

/*==================
Dashboard specific styles
==================*/

.dashboard-side .news {
    display: none;
}

ul.admin-options > li.hover > div.admin-dropdown ul.public-sub.alt-login {
    margin: 0 15px;
}

ul.admin-options > li.hover > div.admin-dropdown ul.public-sub.alt-login li {
    margin: 20px 0;
}

#image_enlarger > figure > div.table_wrapper .overlay-stats.bottom {
    pointer-events: none;

    border: 0;
}

#image_enlarger > figure > div.table_wrapper > div.cell_wrapper.top {
    text-align: center;
    vertical-align: middle;
}

#image_enlarger > a.nav.right,
#image_enlarger > span.detail-loader.right {
    right: 15px;

    width: 50px;
}

#image_enlarger a.close {
    right: 15px;

    width: 50px;
}

@media screen and (max-width: 1116px) {
    #single-collection-top,
    .content-container,
    header > .admin-bar,
    header .nav-bar,
    header .tool-bar,
    #media-container.content-container.ui-selectable,
    .content-container.no-toolbar,
    .content-container.dashboard {
        width: auto;
        margin: 0 auto;
        padding-right: 25px;
        padding-left: 25px;
    }
    header .nav-bar {
        padding-right: 10px;
        padding-left: 10px;
    }
    .filterbar {
        width: 100%;
    }
    .dashboard-side {
        right: 25px;

        margin-right: 0;
    }
}

@media screen and (max-width: 1200px) {
    .nav-bar-search {
        left: 250px;
    }
}

/*==================
Workflow Calendar
==================*/
.availability-management .fte-container {
    margin-top: 0;
    padding-top: 0;
}

.user-search {
    margin-left: 0;
    padding: 0 20px;

    text-align: left;

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

.user-search-form label {
    font-size: 14px;
    font-weight: 400;
    color: #666;
}

.fte-calendar-holder {
    margin-left: 0;
}

.vis.timeline.root {
    width: 100% !important;
}

.vis.timeline.root,
.vis.timeline .vispanel.bottom,
.vis.timeline .vispanel.center,
.vis.timeline .vispanel.left,
.vis.timeline .vispanel.right,
.vis.timeline .vispanel.top,
.vis.timeline .labelset .vlabel,
.vis.timeline .foreground .group {
    border-color: #eee;
}

.vis.timeline .vlabel {
    text-align: right;
}

.user-search-form li {
    margin-right: 20px;
}

.labelset .vlabel:nth-child(odd) {
    background-color: #f9f9f9;
}

.availability-management #single-collection-top,
.availability-management #single-collection-top.small {
    position: relative;
    top: auto;

    padding-top: 200px;
}
/*==================
Workflow Calendar Detail
==================*/
.job-detail-wide#single-collection-top {
    top: auto;

    width: 1000px;
    margin: 0 auto;
    padding-right: 25px;
    padding-left: 25px;

    background-color: #f9f9f9;
}

.job-detail-wide#single-collection-top.small {
    top: auto;

    padding-top: 200px;
}

.job-detail.job-detail-wide#collection-media {
    width: 1050px;
    margin: 0 auto;
    margin-top: 20px;
}

.job-detail.job-detail-wide .stage {
    margin-right: 0;
}

.job-detail-wide#single-collection-top .cta-main-container {
    right: 25px;
}

.job-detail.job-detail-wide .wf-asset-activity {
    max-width: none;
}

ul.activity-list:before {
    display: none;
}

.vis.timeline .item {
    color: #fff;
}

.media-preview.popover {
    display: none !important;
}

.job-detail#collection-detail {
    left: auto;
}

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

.job-detail#collection-media {
    margin-left: 300px;
}

#single-collection-top .cta-main-container {
    right: 25px;
}

/*==================
Pim View
==================*/
.metaproperty-view #single-collection-top {
    top: auto;

    margin-right: 0;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

.metaproperty-view .cta-main-container .bulk-share {
    margin-top: 0;
}

.metaproperty-view .cta-main-container {
    background-color: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
}

.metaproperty-view #collection-media .media-tools header {
    overflow: visible;
}

.content-container .table {
    overflow: auto;
}

.metaproperty-view #collection-media header .tool-bar ul.actions-bar,
.metaproperty-view #collection-media  header .tool-bar ul.actions-bar li.select {
    top: 2px;
    right: 7px;
}

.metaproperty-view #collection-media header .tool-bar {
    width: auto;
}

footer.fixed ul.footer-btns {
    position: fixed;    
    top: 50%;
    bottom: 50%;
    left: -96px;

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

#entity-holder-container .brand-holder {
    margin: 5px
}

#entity-holder-container .brand-holder > .thumbnail {
    width: 180px;
}

#entity-holder-container .brand-holder .thumbnail > p {
    height: 38px;
    white-space: pre-wrap;
    text-overflow: clip;
}

#entity-holder-container .brand-holder .thumbnail > .metaentity-description {
    height: 110px;
    margin: 5px 0 0 0;
    overflow-y: auto;
    font-size: 12px;
    line-height: 18px;
    word-break: break-word;
}

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

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

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

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

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

/*=======================
BLANK CONTAINER
=======================*/

.blank__container {
    padding-top: 105px;
}