@charset "UTF-8";
@font-face {
  font-family: "Gotham-Light";
  font-weight: 200;
  src: url("/5.0.5/includes/fonts/Gotham/gotham-light.eot");
  src: url("/5.0.5/includes/fonts/Gotham/gotham-light.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/Gotham/gotham-light.woff2") format("woff2"), url("/5.0.5/includes/fonts/Gotham/gotham-light.woff") format("woff"), url("/5.0.5/includes/fonts/Gotham/gotham-light.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Book";
  font-weight: 300;
  src: url("/5.0.5/includes/fonts/Gotham/gotham-book.eot");
  src: url("/5.0.5/includes/fonts/Gotham/gotham-book.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/Gotham/gotham-book.woff2") format("woff2"), url("/5.0.5/includes/fonts/Gotham/gotham-book.woff") format("woff"), url("/5.0.5/includes/fonts/Gotham/gotham-book.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Medium";
  font-weight: 500;
  src: url("/5.0.5/includes/fonts/Gotham/gotham-medium.eot");
  src: url("/5.0.5/includes/fonts/Gotham/gotham-medium.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/Gotham/gotham-medium.woff2") format("woff2"), url("/5.0.5/includes/fonts/Gotham/gotham-medium.woff") format("woff"), url("/5.0.5/includes/fonts/Gotham/gotham-medium.ttf") format("truetype");
}
@font-face {
  font-family: "Gotham-Bold";
  font-weight: 700;
  src: url("/5.0.5/includes/fonts/Gotham/gotham-bold.eot");
  src: url("/5.0.5/includes/fonts/Gotham/gotham-bold.eot?#iefix") format("embedded-opentype"), url("/5.0.5/includes/fonts/Gotham/gotham-bold.woff2") format("woff2"), url("/5.0.5/includes/fonts/Gotham/gotham-bold.woff") format("woff"), url("/5.0.5/includes/fonts/Gotham/gotham-bold.ttf") format("truetype");
}
:root {
  --userComponentCardSelectedColor: #171B4A;
  --userComponentCardSelectedColorHover: rgb(20.7, 24.3, 66.6);
  --userComponentCardSelectedColorActive: rgb(18.4, 21.6, 59.2);
}

body {
  font-family: "Gotham-Book", "Helvetica Neue", Helvetica;
  font-size: 14px;
  color: #333;
  background-color: #fdfdfd;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

p {
  font-family: "Gotham-Book";
  font-size: 14px;
}

b,
strong {
  font-family: "Gotham-Bold";
}

a,
a.link-primary,
a:visited,
a.onlineLinkPreview,
.view-link-online,
.control-group .copytoclipboard,
table.table td a.job-title,
.wf-dashboard-job-left a.job-title,
.activity-title > a,
.wf-jobs-list a,
table.table td a,
.span-link {
  font-family: "Gotham-Book";
  color: #171B4A;
  text-decoration: none;
  -webkit-transition: color ease 0.3s;
  -moz-transition: color ease 0.3s;
  transition: color ease 0.3s;
}

a:hover,
.filter-level-container.advanced li.radio:hover,
.filter-level-container.advanced li.checkbox:hover,
#newFilesdropzone:hover {
  color: #FF4F35 !important;
}

/*=======================
BUTTONS
=======================*/
button.btn,
button.btn-default,
button.action-btn,
button.action-btn.blue,
button.action-btn.black,
span.action-btn,
span.action-btn.black,
a.action-btn,
a.action-btn.blue,
a.action-btn.black,
a.tag,
.filters .tag,
a.action-btn:not(.disabled),
#carousel-holder .carousel-caption a.read-more,
.admin-right ul.admin-options li.logout button.action-btn,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a,
#image_enlarger .bottom .action-btn,
#image_upload > .upload-container header a.action-btn.black,
a.dialogbutton.dialog-cancel,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit,
ul.group-btns.blue li a.group-btn,
.wf-wrapper .btn-default,
.wf-wrapper .btn-primary,
#briefingroom-modal-container .btn-primary {
  color: #fff;
  border: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  outline: none !important;
  background-color: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

button.btn:hover,
button.btn-default:hover,
button.action-btn:hover,
button.action-btn.blue:hover,
button.action-btn.black:hover,
span.action-btn:hover,
span.action-btn.black:hover,
a.action-btn:hover,
a.action-btn.blue:hover,
a.action-btn.black:hover,
a.tag:hover,
.filters .tag:hover,
a.action-btn:not(.disabled):hover,
#carousel-holder .carousel-caption a.read-more:hover,
.admin-right ul.admin-options li.logout button.action-btn:hover,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:hover,
#image_enlarger .bottom .action-btn:hover,
#image_upload > .upload-container header a.action-btn.black:hover,
a.dialogbutton.dialog-cancel:hover,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit:hover,
ul.group-btns.blue li a.group-btn:hover,
.wf-wrapper .btn-default:hover,
.wf-wrapper .btn-primary:hover,
#briefingroom-modal-container .btn-primary:hover {
  color: #fff !important;
  border: 0;
  background-color: #FF4F35 !important;
}

button.btn:focus,
button.btn-default:focus,
button.action-btn:focus,
button.action-btn.blue:focus,
button.action-btn.black:focus,
span.action-btn:focus,
span.action-btn.black:focus,
a.action-btn:focus,
a.action-btn.blue:focus,
a.action-btn.black:focus,
a.tag:focus,
.filters .tag:focus,
a.action-btn:not(.disabled):focus,
#carousel-holder .carousel-caption a.read-more:focus,
.admin-right ul.admin-options li.logout button.action-btn:focus,
#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:focus,
#image_enlarger .bottom .action-btn:focus,
#image_upload > .upload-container header a.action-btn.black:focus,
a.dialogbutton.dialog-cancel:focus,
header .tool-bar ul.actions-bar.group-btns.blue li a.group-btn.tip-trigger.group-edit:focus,
ul.group-btns.blue li a.group-btn:focus,
.wf-wrapper .btn-default:focus,
.wf-wrapper .btn-primary:focus,
#briefingroom-modal-container .btn-primary:focus {
  background-color: #ea830c !important;
}

span.action-btn,
a.action-btn,
a.tag,
a.group-btn,
button.action-btn,
button.action-btn:focus {
  height: 30px;
  line-height: 28px;
  color: #fff;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

button.icon-close:hover,
.modal-close:hover {
  color: #FF4F35 !important;
  background-color: transparent !important;
}

.bg-primary {
  background-color: #171B4A;
}

/*=======================
HEADER
=======================*/
header.base {
  z-index: 99;
  height: auto;
  background: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

header > .admin-bar {
  z-index: 110;
  height: 60px;
  padding: 0 25px;
  background: #f8f8f8;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

a.admin-bar-logo.powered,
a.admin-bar-logo {
  height: 60px;
  margin: 0;
  line-height: 60px;
}

.unit-switch-container {
  position: absolute;
  top: 50%;
  left: 25px;
  z-index: 120;
  margin: 0;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.unit-switch-container a.unit-dropdown,
.unit-switch-container.show a.unit-dropdown {
  padding: 0 20px 0 15px;
  color: #333;
  background-color: rgba(255, 255, 255, 0.6);
}

.unit-switch-container a.unit-dropdown:hover,
.unit-switch-container.show a.unit-dropdown:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

.unit-switch-container a.unit-dropdown:hover {
  background-color: rgba(255, 255, 255, 0.8);
}

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

.unit-switch-container.show .unit-switch-dropdown {
  top: 35px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

/* Admin-right */
.admin-right ul.badges li > a {
  height: 60px;
  padding: 0 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #171B4A;
}

.admin-right ul.badges li > a i.fa {
  height: 60px;
  line-height: 60px;
}

ul.admin-options > li:hover > a,
.admin-right ul.badges li:hover > a {
  color: #FF4F35;
  background-color: rgba(0, 0, 0, 0.1);
}

/* Notifications */
.admin-right ul.badges li a span {
  min-width: 26px;
  height: 26px;
  margin: 17px 5px 0 5px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Gotham-Bold";
  font-size: 14px;
  font-weight: 700;
  line-height: 26px;
  color: #fff;
  border: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: #FF4F35;
}

ul.badges > li > div.activity-dropdown > ul > li > p {
  max-width: 180px;
  font-size: 12px;
}

ul.admin-options > li > a.profile:hover:before {
  color: #FF4F35;
  -webkit-transition: color ease 0.3s;
  -moz-transition: color ease 0.3s;
  transition: color ease 0.3s;
}

ul.admin-options > li > a.profile:before {
  position: absolute;
  top: 0;
  left: 16px;
  z-index: 10;
  font-family: fontAwesome;
  font-size: 18px;
  color: #171B4A;
  content: "\f007";
}

ul.admin-options > li.touch-block > a.profile:before {
  left: 0px;
}

ul.admin-options > li.touch-block > a.profile {
  padding: 0 10px 0 20px;
}

ul.admin-options > li > a.profile > .avatar {
  position: relative;
  z-index: 20;
  width: 26px;
  height: 26px;
  margin: 17px 5px 0 0;
  line-height: 26px;
  text-align: center;
  border: 0;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background-color: transparent;
}

ul.admin-options > li > a {
  height: 60px;
  padding: 0 10px;
  font-family: "Gotham-Book";
  font-size: 12px;
  line-height: 60px;
  color: #171B4A;
}

.admin-right i.fa,
.admin-right ul.admin-options i.fa {
  font-size: 18px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}

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

/* Admin-right dropdowns */
ul.badges > li.active div.activity-dropdown,
ul.badges > li#shoppingCart > .activity-dropdown,
ul.badges > li.active .activity-dropdown,
ul.admin-options > li:hover > .admin-dropdown,
ul.admin-options > li.hover > .admin-dropdown,
ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

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

ul.badges > li > div.activity-dropdown h2:after {
  top: -10px;
}

ul.badges > li > div.activity-dropdown > ul > li > .actions a.action-btn {
  height: auto;
}

/* Tasks */
ul.badges > li > div.activity-dropdown > ul > li > .actions {
  right: 25px;
}

ul.badges > li > div.activity-dropdown > ul > li > .actions a.remove-task {
  top: 20px;
  right: -15px;
}

/* Navigation */
header .nav-bar {
  height: 80px;
  text-align: right;
  border-bottom: 1px solid #e9eaec;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

html.dashboard header .nav-bar {
  max-width: 1200px;
  margin: 0 auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
}

header .nav-bar a.account-logo {
  width: 240px;
  height: 80px;
  max-height: 80px;
  margin: 0;
  line-height: 80px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: url("/5.0.5/includes/img/account/onegoal/logo-ng.png") no-repeat;
  background-position: center;
  -moz-background-size: contain;
  background-size: contain;
}

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

header .nav-bar .nav-bar-right {
  display: inline-block;
  float: none;
  height: 80px;
  line-height: 80px;
}

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

header .nav-bar .nav-main li a {
  height: 80px;
  margin: 0 10px;
  padding: 0;
  font-family: "Gotham-Book";
  font-size: 14px;
  font-weight: 300;
  line-height: 80px;
  color: #171B4A;
  text-transform: uppercase;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

header .nav-bar .nav-main li a.active {
  font-family: "Gotham-Medium";
  font-weight: 500;
}

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

ul.admin-options > li > div.admin-dropdown ul.single li.sub div.admin-dropdown-sub {
  left: -242px;
}

/* Responsive navigation */
header .nav-bar .nav-main li.hidden-nav > ul {
  border: 1px solid #e9eaec;
  border-top: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

header .nav-bar .nav-main li.hidden-nav > ul li a {
  height: 50px;
  margin: 0;
  padding-left: 10px;
  line-height: 50px;
  text-align: left;
  border-top: 1px solid #e9eaec;
}

/* Upload media button / CTA button */
header .nav-bar .cta-main-container {
  height: 42px;
  margin: 19px 0 0 0;
  line-height: 42px;
}

header .nav-bar .cta-main-container #uploadMedia {
  height: 42px;
  line-height: 42px;
}

header .nav-bar .cta-main-container li a.cta-main {
  height: 42px;
  margin: 0;
  padding: 0 20px;
  font-family: "Gotham-Medium";
  font-weight: 500;
  line-height: 42px;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}

header .nav-bar .cta-main-container li a.cta-main:hover {
  color: #fff !important;
  background: #FF4F35;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

header .nav-bar .cta-main-container li a.cta-main .fa-cloud-upload {
  display: inline-block;
  display: none;
  margin-right: 5px;
}

header .nav-bar .cta-main-container li a.cta-main .fa {
  font-size: 16px;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

header .nav-bar .cta-main-container li a.cta-main.cta-dropdown-trigger {
  width: auto;
  height: 42px;
  padding: 0 15px;
  border-left: 1px solid #fff;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

header .nav-bar .cta-main-container li ul.cta-dropdown {
  min-width: 191px;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

html.dashboard header .tool-bar {
  display: none;
}

/* Searchbar */
.nav-bar-search {
  width: 380px;
  height: 42px;
  margin-top: 9px;
  font-family: "Gotham-Book";
  font-size: 14px;
  line-height: 42px;
  color: #171B4A;
  border: 1px solid #efefef;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}

.nav-bar-search input.search {
  width: 340px;
  height: 42px;
  padding: 0 0 0 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #171B4A;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
}

.nav-bar-search input.search::-webkit-input-placeholder {
  font-family: "Gotham-Book";
  color: #171B4A;
}

.nav-bar-search input.search::-moz-placeholder {
  font-family: "Gotham-Book";
  color: #171B4A;
}

.nav-bar-search input.search:-moz-placeholder {
  font-family: "Gotham-Book";
  color: #171B4A;
}

.nav-bar-search input.search:-ms-input-placeholder {
  font-family: "Gotham-Book";
  color: #171B4A;
}

.nav-bar-search a.spotlightClear,
.nav-bar-search .spotlightLoader,
.nav-bar-search .search-icon {
  top: 0;
  left: 10px;
  height: 42px;
  font-size: 16px;
  line-height: 42px;
  color: #ccc;
}

.nav-bar-search a.spotlightClear:hover,
.nav-bar-search .spotlightLoader:hover,
.nav-bar-search .search-icon:hover {
  color: #171B4A !important;
  -webkit-transition: color ease 0.3s;
  -moz-transition: color ease 0.3s;
  transition: color ease 0.3s;
}

.nav-bar-search a.spotlightClear .fa,
.nav-bar-search .spotlightLoader .fa,
.nav-bar-search .search-icon .fa {
  vertical-align: middle;
}

.nav-bar-search .search-icon {
  line-height: 38px;
}

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

.nav-bar-search .nav-bar-searchbox {
  top: 47px;
  width: 380px;
  padding: 0;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.nav-bar-search .nav-bar-searchbox ul li a span {
  text-transform: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FF4F35;
}

.nav-bar-search #suggestMediaItemPreview {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* Dashboard search */
.nav-bar-search.dashboard-search,
.nav-bar-search.dashboard-search input.search {
  top: 350px;
  display: none;
  width: 480px;
  height: 62px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 62px;
  color: #171B4A;
  border: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.nav-bar-search.dashboard-search {
  border: 1px solid #efefef;
}

.nav-bar-search.dashboard-search input.search {
  width: 470px;
  height: 52px;
  padding: 5px 50px 5px 55px;
}

.nav-bar-search.dashboard-search .search-icon {
  height: 58px;
  font-size: 20px;
  line-height: 56px;
}

.nav-bar-search.dashboard-search a.spotlightClear,
.nav-bar-search.dashboard-search .spotlightLoader {
  top: 0;
  right: 25px;
  height: 58px;
  line-height: 58px;
}

/*=======================
DASHBOARD
=======================*/
.content-container.dashboard {
  position: static;
  width: 100%;
  max-width: 1180px;
  margin: 0 auto;
  padding: calc(var(--headerHeight) + 480px) 0 25px 0;
}

.content-container.dashboard > .collection-stream {
  position: static;
  float: left;
  width: 880px;
  margin: 0 auto;
  padding: 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;
}

/*=======================
DASHBOARD SLIDER
=======================*/
#carousel-holder {
  position: absolute;
  top: var(--headerHeight);
  right: 0;
  left: 0;
  width: 100%;
  height: 480px;
  background: #fdfdfd;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#carousel-holder .carousel-inner > .item {
  height: 480px;
  max-height: none;
}

#carousel-holder .carousel-inner > .item > img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  min-width: 100%;
  max-width: none;
  min-height: 100%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#carousel-holder:hover .carousel-control {
  z-index: 89;
}

#carousel-holder .carousel-caption {
  position: absolute;
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  width: 580px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  background: transparent;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

#carousel-holder .carousel-caption h3 {
  margin: 0 0 35px 0;
  font-family: "Gotham-Bold";
  font-size: 44px;
  font-weight: 700;
  line-height: 60px;
  color: #fff;
  text-transform: uppercase;
}

#carousel-holder .carousel-caption p {
  display: none;
  margin: 0 0 30px 0;
  font-family: "Gotham-Book";
  font-size: 16px;
  color: #fff;
}

#carousel-holder .carousel-caption a.read-more {
  height: 52px;
  margin: 0;
  padding: 0 30px;
  font-family: "Gotham-Medium";
  font-size: 17px;
  font-weight: 500;
  line-height: 52px;
  color: #fff;
  text-transform: uppercase;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #171B4A;
}

.carousel-control {
  opacity: 1;
}

.carousel-control i.fa {
  font-weight: 700;
  color: #fff;
}

.carousel-control:hover i.fa {
  color: #FF4F35;
}

.carousel-indicators li {
  width: 14px;
  height: 14px;
  margin: 0;
  border: none;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  background: rgba(255, 255, 255, 0.5);
}

.carousel-indicators li.active {
  width: 14px;
  height: 14px;
  background: #fff;
}

/*=======================
DASHBOARD NAVIGATION TILES
=======================*/
.content-container.dashboard .navigation-tiles {
  width: 880px;
  height: 100%;
  margin: 0;
  padding: 30px 0 10px 0;
  background-color: transparent;
}

.navigation-tiles .navigation-tile {
  width: 280px !important;
  height: 200px;
  margin: 0 20px 20px 0;
}

.navigation-tiles .navigation-tile:nth-of-type(3n) {
  margin-right: 0;
}

.navigation-tiles .navigation-tile a {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #171B4A;
}

.navigation-tiles .navigation-tile a .navigation-image {
  position: relative;
  width: 100%;
  height: 100%;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  background-repeat: no-repeat;
  -webkit-transition: all ease 1s;
  -moz-transition: all ease 1s;
  transition: all ease 1s;
}

.navigation-tiles .navigation-tile a:hover .navigation-image {
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -ms-transform: scale(1.2);
  transform: scale(1.2);
}

.navigation-tiles .navigation-tile a .navigation-image:before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(1, 52, 105, 0.25);
  content: "";
}

.navigation-tiles .navigation-tile a .navigation-content,
.navigation-tiles .navigation-tile a .navigation-image + .navigation-content {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  max-height: 200px;
  padding: 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background: transparent;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.navigation-tiles .navigation-tile a .navigation-content:hover h1,
.navigation-tiles .navigation-tile a .navigation-content:hover p,
.navigation-tiles .navigation-tile a .navigation-image + .navigation-content:hover h1,
.navigation-tiles .navigation-tile a .navigation-image + .navigation-content:hover p {
  color: #FF4F35;
}

.navigation-tiles .navigation-tile a .navigation-content h1 {
  margin: 0;
  padding: 0 12px;
  overflow: hidden;
  font-family: "Gotham-Bold";
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0;
  text-transform: uppercase;
  text-overflow: ellipsis;
  background: transparent;
  -webkit-transition: color ease-in-out 0.3s;
  -moz-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
}

.navigation-tiles .navigation-tile a .navigation-content p {
  margin: 0;
  padding: 0 12px;
  overflow: hidden;
  font-family: "Gotham-Book";
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  text-overflow: ellipsis;
  background: transparent;
  -webkit-transition: color ease-in-out 0.3s;
  -moz-transition: color ease-in-out 0.3s;
  transition: color ease-in-out 0.3s;
}

/*=======================
DASHBOARD COLLECTION / FEATURED COLLECTION
=======================*/
.content-container.dashboard .collection.clearfix {
  width: 880px;
  height: 440px;
  margin: 0 0 20px 0;
  padding: 0;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: transparent;
  -webkit-box-shadow: 0 5px 60px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 5px 60px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 5px 60px 0 rgba(0, 0, 0, 0.05);
}

.collection.clearfix .column-left,
.collection.clearfix .column-left a.main {
  width: 50%;
  height: 100%;
  z-index: 98;
}

.collection.clearfix .column-left a.main {
  display: none;
}

.collection.clearfix .column-left a.description {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  margin: 0;
  padding: 55px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  -webkit-border-radius: 10px 0 0 10px;
  -moz-border-radius: 10px 0 0 10px;
  border-radius: 10px 0 0 10px;
  background: #fff;
}

.collection.clearfix .column-left a.description h1 {
  margin: 0 0 40px 0;
  overflow: hidden;
  font-family: "Gotham-Bold";
  font-size: 24px;
  font-weight: 700;
  line-height: 24px;
  color: #171B4A;
  text-transform: uppercase;
  text-overflow: ellipsis;
}

.collection.clearfix .column-left a.description p {
  width: auto;
  height: auto;
  max-height: none;
  overflow: hidden;
  font-family: "Gotham-Book";
  font-size: 16px;
  line-height: 16px;
  color: #333;
  letter-spacing: 0;
  word-break: break-all;
}

.collection.clearfix .column-left a.description time {
  font-family: "Gotham-Book";
  font-size: 12px;
  color: #fff;
}

.collection.clearfix .column-right {
  float: right;
  width: 50%;
  height: 100%;
  margin-left: 0;
  background: transparent;
}

.collection.clearfix .column-right .media-left,
.collection.clearfix .column-right .media-right {
  width: 50%;
}

.collection.clearfix .column-right .media-left a.small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
}

.collection.clearfix .column-right .media-left a.big {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #fff;
}

.collection.clearfix .column-right .media-right a.big {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #fff;
  -webkit-border-radius: 0 10px 0 0;
  -moz-border-radius: 0 10px 0 0;
  border-radius: 0 10px 0 0;
}

.collection.clearfix .column-right .media-right a.small {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0 0 10px 0;
  -moz-border-radius: 0 0 10px 0;
  border-radius: 0 0 10px 0;
}

.collection.clearfix .column-right a.big,
.collection.clearfix .column-right a.small {
  width: 220px;
  height: 220px;
}

.collection.clearfix .column-left:before,
.collection.clearfix .column-left:after,
.collection.clearfix .column-right .media-left a:before,
.collection.clearfix .column-right .media-left a:after,
.collection.clearfix .column-right .media-right a:before,
.collection.clearfix .column-right .media-right a:after {
  content: none;
}

.collection.clearfix span.label {
  display: none;
}

.collection.clearfix:nth-of-type(2n) .column-left {
  float: right;
}

.collection.clearfix:nth-of-type(2n) .column-right .media-right a.big {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.collection.clearfix:nth-of-type(2n) .column-right .media-right a.small {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.collection.clearfix:nth-of-type(2n) .column-right .media-left a.big {
  -webkit-border-radius: 0 0 0 10px;
  -moz-border-radius: 0 0 0 10px;
  border-radius: 0 0 0 10px;
}

.collection.clearfix:nth-of-type(2n) .column-right .media-left a.small {
  -webkit-border-radius: 10px 0 0 0;
  -moz-border-radius: 10px 0 0 0;
  border-radius: 10px 0 0 0;
}

/*=======================
DASHBOARD NEWS
=======================*/
.collection.news {
  margin: 0 0 20px 0;
  padding: 0;
  background: #fff;
}

.collection.news .news-content {
  padding: 20px 2px;
}

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

/*=======================
DASHBOARD SIDE
=======================*/
.dashboard-side {
  position: static;
  top: 0;
  float: left;
  width: 280px;
  margin: 30px 0 0 20px;
  padding: 0;
}

.dashboard-side > div {
  position: relative;
  margin: 0 0 20px 0;
  padding: 20px;
  color: #333;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

.dashboard-side > div > h3 {
  margin: 0 0 20px 0;
  font-family: "Gotham-Bold";
  font-size: 16px;
  font-weight: 700;
  color: #171B4A;
  text-transform: uppercase;
}

.dashboard-side ul,
.dashboard-side ul li a {
  padding: 0;
  border: 0;
}

/* Quicklinks */
.dashboard-side .quicklinks ul,
.dashboard-side .quicklinks ul li a {
  border: none;
}

.dashboard-side .quicklinks ul li {
  position: relative;
  height: 25px;
  padding-left: 30px;
  line-height: 25px;
}

.dashboard-side .quicklinks ul li .collection-thumb-holder img {
  position: absolute;
  top: 2px;
  left: 0;
  height: 20px;
}

.dashboard-side .quicklinks ul li a {
  position: relative;
  width: 190px;
  height: 25px;
  margin: 0 0 5px 0;
  padding: 0 20px 0 0;
  overflow: hidden;
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #333;
  text-overflow: ellipsis;
  word-break: break-all;
}

.dashboard-side ul.quick-list li a:after {
  position: absolute;
  top: 0;
  right: 0;
  height: 25px;
  font-family: "FontAwesome";
  font-size: 20px;
  line-height: 25px;
  color: #333;
  letter-spacing: 0;
  content: "\f105";
}

.dashboard-side ul.quick-list li:hover a:after {
  color: #FF4F35;
  -webkit-transition: color ease 0.3s;
  -moz-transition: color ease 0.3s;
  transition: color ease 0.3s;
}

/* Latest news */
.dashboard-side .news {
  margin: 0 0 20px 0;
}

.dashboard-side .news .news-list {
  border: none;
}

.dashboard-side .news .news-list .news-item a {
  margin: 0 0 10px 0;
  padding: 0 0 10px 0;
  font-family: "Gotham-Book";
  font-size: 12px;
  font-weight: 300;
  color: #333;
  border: none;
  -webkit-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
}

.dashboard-side .news .news-list .news-item a .collection-thumb-holder {
  padding: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.dashboard-side .news .news-list .news-item a span {
  margin: 1px 0 0 50px;
  font-family: "Gotham-Book";
  font-size: 10px;
  color: #333;
}

.dashboard-side .news .news-list .more-news a {
  font-family: "Gotham-Book";
  font-size: 12px;
  color: #171B4A;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Recently added media */
.dashboard-side #last-media-slider.carousel {
  margin-bottom: 0;
}

.dashboard-side #last-media-slider .carousel-inner {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

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

/* Sharebox */
.transfer-splashscreen .bynder-transfer-browse-button {
  font-family: "Gotham-Bold";
  font-size: 16px;
  font-weight: 700;
  color: #171B4A;
  text-transform: uppercase;
}

.transfer-settings:before {
  font-family: "Gotham-Bold";
  font-size: 16px;
  font-weight: 700;
  color: #171B4A;
  text-transform: uppercase;
  content: "share your files";
}

.transfer-splashscreen .bynder-transfer-browse-button:hover,
.transfer-splashscreen.transfer-dragover:before {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

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

.transfer-header,
.share-group {
  border: none;
}

.transfer-settings .bynder-transfer-browse-button {
  padding: 0;
  font-size: 12px;
}

.transfer-settings .transfer-header button {
  right: 0;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #171B4A;
}

#bynder-transfer:hover button.btn-default {
  background-color: #FF4F35;
}

.transfer-settings .bynder-transfer-browse-button:hover {
  cursor: pointer;
}

.transfer-body a {
  color: #333;
}

.transfer-body .form-group,
.transfer-body .share-group {
  margin: 0;
  padding: 0;
}

.transfer-body .share-group {
  margin-bottom: 15px;
}

.transfer-body .form-group .form-control {
  font-size: 12px;
}

.transfer-body .share-group .btn-group .btn-primary {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FF4F35;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.transfer-body .share-group .btn-group .btn-primary.active {
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.transfer-body .panel-group .panel.panel-default > .panel-heading {
  padding: 10px 0;
  border: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.transfer-body > .panel-group {
  margin-bottom: 20px;
}

.transfer-body > .panel-group span {
  font-size: 12px;
}

#shareExpire,
#shareFilesAdded {
  margin: 10px 0 0 0;
  padding: 0;
}

.transfer-body li.list-group-item {
  line-height: 15px;
}

.transfer-footer .btn-default {
  width: 78px;
  height: 30px;
  margin: 0 auto;
  font-family: "Gotham-Medium";
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  text-transform: uppercase;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #171B4A;
}

.transfer-footer .btn-default .fa {
  display: none;
}

/*=======================
ASSETS PAGE / ASSETBANK PAGE / MEDIA PAGE
=======================*/
header .tool-bar {
  max-height: 60px;
  font-size: 14px;
  line-height: 60px;
  background-color: #fff;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

header .tool-bar .filters-holder {
  height: 60px;
  margin: 0 0 0 -15px;
  padding: 0;
  line-height: 60px;
}

header .tool-bar .filters-holder ul.filters {
  height: 60px;
  max-height: 60px !important;
  padding: 0;
  font-size: 14px;
}

header .tool-bar > .filters-holder > ul.filters > li.filter > a {
  height: 60px;
  margin: 0 -4px 0 0;
  padding: 0 15px;
  font-family: "Gotham-Book";
  font-size: 14px;
  font-weight: 300;
  line-height: 60px;
  color: #333;
  border-right: 1px solid #f5f5f5;
}

header .tool-bar > .filters-holder > ul.filters > li.filter.active > a {
  font-family: "Gotham-Bold";
  font-weight: 700;
}

header .tool-bar > .filters-holder > ul.filters > li.filter > a .fa.fa-caret-down {
  margin: 0 0 0 10px;
  -webkit-transition: color 0s;
  -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: color 0s;
  -moz-transition: transform 0.3s, -moz-transform 0.3s;
  transition: color 0s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s;
}

header .tool-bar > .filters-holder > ul.filters > li.filter > a.disabled,
.filters li.disabled a,
.filters li.disabled,
.filters li a.disabled {
  color: rgba(68, 68, 78, 0.5);
}

/* Filters */
.filters > li .filter-level-container {
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 6px rgba(0, 0, 0, 0.2);
}

.filters > li.active .filter-level-container {
  top: 60px;
}

.tool-bar .filter-navigation a:hover,
.tool-bar > .filters-holder > ul.filters > li.filter > a:hover {
  color: #FF4F35 !important;
}

.filter-level.disabled {
  display: none;
}

.filter-level-container.advanced .filter-level li input[type=radio],
.filter-level-container.advanced .filter-level li input[type=checkbox] {
  margin-top: 5px;
  margin-right: 5px;
}

.filter-level-container.advanced li.radio label input[type=radio] {
  margin-top: 3px;
}

.filter-level li input[type=text].input-append,
.filter-level li input[type=number].input-prepend,
.filter-level li input[type=text].input-prepend,
.filter-level li input[type=number].input-prepend {
  height: 32px;
}

.filter-level li label span.searchCount {
  top: 18px;
  width: auto;
  height: 20px;
  line-height: 20px;
  color: #171B4A;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
}

.filters > li a.selected span.searchSelected,
.filters > li a.selected span.searchCount {
  color: #fff;
  background-color: #171B4A;
}

.filters > li a.selected span.searchSelected:before,
.filters > li a.selected span.searchCount:before {
  margin-top: 2px;
  color: #fff;
}

.filter.advanced .filter-level li label {
  line-height: 20px;
}

.advanced .filter-level span.input-label,
.filter-level li .action-btn.btn-appen,
.filter-level #dpiFilter button.action-btn {
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.filter-navigation {
  margin-top: 0;
  padding-left: 0;
  border: none;
}

/* Action-bar / selection options */
header .tool-bar ul.actions-bar {
  height: 60px;
  margin: 0;
  overflow: visible;
  line-height: 60px;
}

header .tool-bar ul.actions-bar li.select a.group-btn.select-all,
header .tool-bar ul.actions-bar li.select a.group-btn.select-dropdown {
  width: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #f5f5f5;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: transparent !important;
}

header .tool-bar ul#select-actions li.select a.group-btn.select-all {
  border-right: none;
  background: transparent !important;
}

header .tool-bar ul#select-actions li.select a.group-btn.select-all:before {
  position: absolute;
  left: 50%;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #333;
  content: "\f096";
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

header .tool-bar ul#select-actions li.select a.group-btn.select-all:hover:before {
  color: #FF4F35;
}

header .tool-bar ul#select-actions.active li.select a.group-btn.select-all:before {
  position: absolute;
  left: 50%;
  font-family: "FontAwesome";
  font-size: 16px;
  color: #333;
  content: "\f046";
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

header .tool-bar ul#select-actions.active li.select a.group-btn.select-all:hover:before {
  color: #FF4F35;
}

header .tool-bar ul#select-actions.active li.select a.group-btn.select-all .fa-refresh {
  width: 24px;
  background-color: #fff;
}

header .tool-bar ul.actions-bar li.select:hover ul.auto-complete {
  top: 47px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

header .tool-bar ul.actions-bar li a.group-btn {
  width: auto;
  height: 30px;
  line-height: 30px;
  color: #333;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}

header .tool-bar ul.actions-bar li a.group-btn:hover {
  color: #FF4F35 !important;
  border: none;
  background-color: transparent !important;
}

header .tool-bar ul.actions-bar li a.group-btn:hover .fa {
  color: #FF4F35;
}

/* Filterbar */
.filterbar.show {
  top: 200px;
  height: 40px;
  margin: 1px 0 0 0;
  padding: 0 25px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 40px;
  border-bottom: 1px solid #f5f5f5;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.filterbar a.tag {
  height: 30px;
  margin: 5px 5px 0 0;
  line-height: 30px;
  display: inline-block;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.filterbar a.tag span {
  display: inline-block;
  height: 30px;
  margin-top: -10px;
  line-height: 30px;
  margin-right: 3px;
}

.filterbar a.tag span.selected-color {
  max-height: 28px;
}

.filterbar a.tag span .fa {
  height: 30px;
  margin: 10px 0 0 5px;
  font-size: 14px;
  line-height: 30px;
}

.filterbar a.tag:hover span .fa {
  opacity: 1;
}

.filterbar a.tag > .fa {
  margin-right: 5px;
}

/* Clear / Save filter */
.filterbar #clearFilter,
.filterbar #saveFilters {
  display: inline-block;
  height: 30px;
  margin: 5px 5px 0 0;
  padding: 0 35px 0 15px;
  font-size: 12px;
  line-height: 30px;
  vertical-align: top;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #171B4A;
}

.filterbar #clearFilter:hover,
.filterbar #saveFilters:hover {
  color: #fff;
  background: #FF4F35;
}

.filterbar #clearFilter .fa-times-circle {
  position: absolute;
  right: 15px;
  height: 30px;
  line-height: 30px;
  opacity: 0.5;
}

.filterbar #clearFilter:hover .fa-times-circle {
  opacity: 1;
}

.filterbar #saveFilters {
  padding: 0 15px;
}

.filterbar #saveFilters .fa {
  margin-right: 5px;
}

#save-filter-dropdown-holder {
  margin: 0;
  padding: 0;
}

#save-filter-dropdown-holder,
#save-filter-dropdown-holder > div,
#save-filter-dropdown-holder > div > .filters,
#save-filter-dropdown,
#save-filter-dropdown > a {
  height: 60px;
  max-height: 60px !important;
  line-height: 60px;
}

.filters #save-filter-dropdown > a {
  padding: 0 5px;
}

#save-filter-dropdown > a:hover,
#save-filter-dropdown .filter-level li label .searchEdit .fa:hover {
  color: #171B4A !important;
}

#save-filter-dropdown .filter-level li label .searchEdit .fa {
  vertical-align: middle;
}

/* Assetbank content area */
.has-tagfilter.content-container .media-tools,
body[data-module=media] .media-tools {
  margin: 0 0 40px 0;
}

.media-tools ul.media-tools-left > li {
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

.media-tools ul.media-tools-left > li.media-results {
  margin-right: 25px;
}

.media-tools ul.media-tools-left li.media-results span.selected-results {
  top: 0;
  width: auto;
  min-width: 30px;
  height: 30px;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Gotham-Bold";
  font-size: 13px;
  font-weight: 700;
  line-height: 30px;
  color: #fff;
  text-align: center;
  letter-spacing: 0;
  border: none;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background-color: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.media-tools ul.media-tools-left li.media-results span.results {
  height: 30px;
  margin: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Gotham-Light";
  font-size: 12px;
  font-weight: 200;
  line-height: 30px;
  color: #333;
  letter-spacing: 0;
  border: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.media-tools ul.media-tools-left li.media-results span.results strong {
  font-family: "Gotham-Book";
  font-weight: 300;
}

/* Order by */
.media-tools ul.media-tools-left li.media-sort a.sort {
  height: 30px;
  font-family: "Gotham-Light";
  font-size: 13px;
  font-weight: 200;
  line-height: 30px;
  color: #333;
  letter-spacing: 0;
  border-right: 1px solid #e9eaec;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.media-tools ul.media-tools-left li.media-sort a.sort strong {
  font-family: "Gotham-Book";
  font-weight: 300;
}

/* Sort order */
.media-tools ul.media-tools-left li.media-sort.sort-order {
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.media-tools ul.media-tools-left li.media-sort.sort-order a.sort {
  padding: 0 5px;
  border-right: 0;
  border-left: 1px solid #fdfdfd;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

/* Order by dropdown */
.media-tools ul.media-tools-left li.media-sort ul.auto-complete {
  z-index: 85;
  min-width: 200px;
  padding: 0;
  border: 0;
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.media-tools ul.media-tools-left li.media-sort ul.auto-complete li.active a {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #FF4F35;
}

.media-tools ul.media-tools-left li.media-sort ul.auto-complete li.active a:hover {
  color: #fff !important;
}

/* View buttons */
.media-tools ul.group-btns li a.group-btn {
  height: 30px;
  line-height: 30px;
  color: #333;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.media-tools ul.group-btns li a.group-btn.duplicate-finder {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.media-tools ul.group-btns:nth-of-type(2) li:first-of-type a.group-btn {
  border-right: 0;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.media-tools ul.group-btns:nth-of-type(2) li:nth-of-type(3) a.group-btn {
  border-left: 0;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.media-tools ul.group-btns li.active a.group-btn {
  color: #fff;
  background-color: #171B4A;
}

.media-tools ul.group-btns li.active a.group-btn:hover {
  background-color: #171B4A;
}

.media-tools ul.group-btns li.active a.group-btn:hover i.fa {
  color: #FF4F35;
}

.media-tools ul.group-btns li.active a.group-btn i.fa {
  color: #fff;
}

/* Assetbank content */
#media-container.content-container.media {
  margin: 0;
  padding: 235px 25px 0 25px;
  text-align: center;
}

#media-container.content-container.media.has-tagfilter {
  padding-top: 275px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}

#results-thumbs .media-holder {
  width: 225px;
  height: auto;
  margin: 0 20px 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  border: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#results-thumbs .media-holder.active .thumbnail {
  padding: 9px;
  border: 2px solid #171B4A;
}

#results-thumbs .media-holder.active .thumbnail span.extension {
  top: 149px;
  right: 9px;
}

#results-thumbs .media-holder.active .thumbnail:hover {
  padding: 9px;
  border: 2px solid #171B4A;
}

#results-thumbs .media-holder .thumbnail {
  width: 100%;
  min-width: 220px;
  height: auto;
  min-height: 190px;
  padding: 10px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

#results-thumbs .media-holder .thumbnail:hover {
  padding: 9px;
  border: 2px solid #171B4A;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  cursor: pointer !important;
}

#results-thumbs .media-holder .thumbnail:hover span.extension {
  top: 149px;
  right: 9px;
}

.media-holder .thumbnail .image-holder,
.media-holder.portrait .thumbnail .image-holder {
  width: 100%;
  height: 130px;
  border: 1px solid #fafafa;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

#results-thumbs .media-holder .thumbnail p {
  max-width: 155px;
  height: 20px;
  max-height: 40px;
  margin: 10px 0 0 0;
  font-family: "Gotham-Medium";
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  color: #171B4A;
}

#results-thumbs .media-holder .thumbnail p:hover,
#results-thumbs .media-holder .portrait .thumbnail p:hover {
  height: auto;
  white-space: normal;
  word-break: break-all;
}

#results-thumbs .media-holder .thumbnail span.extension,
#results-thumbs .media-holder ul.listview-info span.extension {
  top: 150px;
  right: 10px;
  bottom: auto;
  display: inline-block;
  width: auto;
  height: 23px;
  padding: 0 7px;
  font-family: "Gotham-Book";
  font-size: 12px;
  font-weight: 400;
  line-height: 21px;
  color: #fff;
  text-align: center;
  text-transform: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #FF4F35;
}

#results-thumbs .media-holder .thumbnail .media-status .archive {
  float: right;
}

/* Asset selector */
.media-holder .thumbnail .select,
.media-holder.listview .thumbnail .select,
.table_wrapper .overlay-detail .select,
.table_wrapper.active .overlay-detail .select {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  color: rgba(255, 255, 255, 0.75);
  border-top: 70px solid #9b9b9b;
  border-left: 70px solid transparent;
}

.media-holder .thumbnail .select:hover,
.media-holder.listview .thumbnail .select:hover,
.table_wrapper .overlay-detail .select:hover,
.table_wrapper.active .overlay-detail .select:hover {
  color: rgba(255, 255, 255, 0.75);
  border-top: 70px solid #171B4A;
  border-left: 70px solid transparent;
}

.media-holder .thumbnail .select:after,
.media-holder.listview .thumbnail .select:after,
.table_wrapper .overlay-detail .select:after {
  position: absolute;
  margin-top: -63px;
  margin-left: -32px;
  font-family: FontAwesome;
  font-size: 24px;
  content: "\f00c";
}

.media-holder.active .thumbnail .select,
.media-holder.active .thumbnail:hover .select,
.media-holder.listview.active .thumbnail .select,
.table_wrapper.active .overlay-detail .select,
.table_wrapper.active .overlay-detail .select:hover {
  color: #fff !important;
  border-top: 70px solid #171B4A;
}

.media-holder dl {
  margin: 10px 0 0 0;
  padding: 5px 0 0 0;
  color: #333;
  border-top: 1px solid #e1e1e1;
}

/* Single view */
#results-thumbs .media-holder.singleview {
  width: 50%;
}

#results-thumbs .media-holder.singleview .thumbnail p {
  max-width: 100% !important;
}

/* List view */
#results-thumbs .listviewrow .media-holder.listview {
  width: 50%;
  min-width: 400px;
  margin: 0;
  padding: 0;
}

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

#results-thumbs .listviewrow .media-holder.listview ul.listview-info {
  margin-left: 230px;
}

#results-thumbs .listviewrow .media-holder.listview ul.listview-info li {
  padding-top: 0;
}

#results-thumbs .listviewrow .media-holder.listview a.thumbnail,
#results-thumbs .listviewrow .media-holder.portrait.listview a.thumbnail {
  width: 200px;
  height: 150px;
  margin: 0;
}

/* Duplicate finder */
.primary-duplicate .media-holder.listview .thumbnail .image-holder {
  width: 100%;
}

/*=======================
ASSET DETAIL / IMAGE DETAIL
=======================*/
#image_enlarger {
  background-color: rgba(56, 56, 56, 0.98);
}

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

#image_enlarger .image-detail-toolbar {
  right: 360px;
  -webkit-transition: 0.6s;
  -moz-transition: 0.6s;
  transition: 0.6s;
}

#image_enlarger a.overlay-resize {
  height: 60px;
  line-height: 62px;
  color: #fff;
}

#image_enlarger a.overlay-resize .fa {
  font-size: 18px;
}

#bynder-modal-container.fullscreen #image_enlarger .image-detail-toolbar {
  right: 0;
}

#image_enlarger a.close .times {
  margin-top: 10px;
}

#image_enlarger a.close {
  font-size: 0;
}

#image_enlarger a.close .times {
  margin-top: 16px;
  font-size: 0;
}

#image_enlarger a.close .times:before {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  font-size: 28px;
  color: #fff;
  content: "\f00d";
}

#image_enlarger a.close:hover .times:before {
  color: #FF4F35;
}

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

#image_enlarger > figure > div.table_wrapper .overlay-stats.bottom {
  padding: 20px;
}

/* Asset detail side */
#image_enlarger > figure > div.table_wrapper .overlay-detail {
  top: 0;
  right: 0;
  bottom: 0;
  width: 360px;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav {
  width: 100%;
  border-bottom: 1px solid #333;
}

#image_enlarger ul.media-info > li.toggle-active > a.action-btn,
#image_enlarger ul.media-info > li.toggle-active > a.action-btn:hover {
  color: #333 !important;
  background-color: transparent !important;
}

#image_enlarger ul.media-info li .control-group .controls.meta-option input[type=checkbox] {
  float: left;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li,
#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li a {
  color: #333;
}

#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a:hover,
#image_enlarger .bottom .action-btn:hover {
  color: #FF4F35;
  background-color: #fff;
}

#image_enlarger ul.media-info > li.toggle-active#related-media-assets {
  border-bottom: 0;
}

#image_enlarger ul.media-info li .media-info-extend > input,
#image_enlarger ul.media-info li .control-group .controls input[type=text] {
  padding-left: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  border: 1px solid rgba(51, 51, 51, 0.1);
}

#image_enlarger ul.media-info li .media-info-extend > input:hover,
#image_enlarger ul.media-info li .control-group .controls input[type=text]:hover {
  border: 1px solid rgba(51, 51, 51, 0.1) !important;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail .bottom {
  background: #fff;
}

#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a .media-item-info {
  margin-top: 3px;
}

#image_enlarger ul.media-info li .control-group .controls input.title {
  width: 275px;
  margin-left: 0;
  padding-left: 0;
}

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

#image_enlarger .bottom .action-btn.black {
  color: #fff;
  border-color: transparent;
}

#image_enlarger ul.media-info li .media-info-extend.media-downloads ul li a,
#image_enlarger .bottom .action-btn {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.media-info-extend.crop input.number,
.media-info-extend.crop .size input.number {
  color: #333;
}

#mediaSaveForm li.toggle-active .media-info-extend > .controls > .checkbox input[type=checkbox] {
  margin-left: -17px;
}

#mediaSaveForm li.toggle-active .media-info-extend > .controls > .checkbox {
  padding-top: 0;
}

#image_enlarger ul.media-info li.alert {
  color: #333;
}

#image_enlarger > figure > div.table_wrapper > div.cell_wrapper {
  -webkit-transition: padding 0.8s;
  -moz-transition: padding 0.8s;
  transition: padding 0.8s;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail nav ul li span {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #171B4A;
}

#image_enlarger ul.media-info > li.toggle-versions a.delete i.delete-mediaitem {
  color: #FF4F35;
}

#image_enlarger ul.media-info > li.toggle-versions a.delete.disabled i.delete-mediaitem {
  color: #cecece;
}

/*=======================
Upload media / asset upload / image upload
=======================*/
#image_upload,
#image_upload > .upload-container header {
  background: rgba(153, 153, 153, 0.99);
}

#image_upload ul.media-info {
  width: 260px;
  padding: 5px 20px;
}

#image_upload > .upload-container nav.edit {
  border: none;
  background: #fff !important;
}

#image_upload > .upload-container nav.edit .selected {
  color: #333;
  border-bottom: 1px solid #e9eaec;
  background-color: transparent;
}

#image_upload > .upload-container .bottom {
  background: #fff;
}

#image_enlarger ul.media-info > li.toggle-active,
#image_enlarger ul.media-info > li.toggle-versions,
#image_enlarger ul.media-info > li.toggle-additionals,
#image_enlarger ul.media-info > li.toggle-derivatives,
#image_enlarger ul.media-info > li.toggle-statistics,
#image_upload ul.media-info > li.toggle-active {
  border-bottom: 1px solid #333;
}

.propertyHolder.multiEditPropertyHolder {
  color: #333;
}

#image_upload ul.media-info li .control-group .controls textarea,
#image_upload ul.media-info li .control-group .controls input {
  margin-left: 0 !important;
  color: #333;
}

#image_upload ul.media-info li .control-group .controls input:hover,
#image_upload ul.media-info li .control-group .controls input:focus {
  color: #333;
}

#image_enlarger ul.media-info li .control-group .controls input.title,
#image_upload ul.media-info li .control-group .controls input.title {
  padding-left: 0;
  border: 0;
}

#image_upload ul.media-info li .control-group .controls input.use-filenames[type=checkbox] {
  margin-left: 0;
}

#image_enlarger ul.media-info > li.edited > a.action-btn,
#image_upload ul.media-info > li.edited > a.action-btn {
  color: #333;
}

#image_upload > .upload-container nav.edit ul li.dropdown .control-group .controls input.inline {
  width: 225px;
  color: #333;
}

.media-info-extend .control-group {
  color: #333;
}

#image_upload ul.media-info li .media-info-extend ul.advanced-categories > li {
  padding-left: 2px;
}

#image_upload > .upload-container nav.edit ul li .media-info-extend .metaPropertiesContainer .control-group label {
  margin-left: 2px;
}

#image_upload > .upload-container nav.edit ul li.dropdown .control-group .controls textarea.inline {
  padding: 0;
}

#toggleBrandMethod,
#toggleCategoryMethod span {
  color: #333;
}

#toggleBrandMethod:hover,
#toggleCategoryMethod span:hover {
  color: #333;
}

#image_upload .media-info a.action-btn,
#image_upload .media-info a.action-btn:hover {
  color: #333 !important;
  background-color: transparent !important;
}

.upload-container .meta-option .add-custom-option,
#image_upload .media-info .media-info-extend .control-group li label {
  color: #333;
}

#image_enlarger ul.media-info li .media-info-extend .controls.action {
  background-color: #fff;
}

#image_upload .media-info .media-info-extend.indented {
  margin-left: 0;
}

/* Hovers */
.overlay-stats a:hover,
.media-info li a:hover,
a.toggle-option:hover,
a.toggle-option-all:hover {
  color: #FF4F35;
}

#image_upload .media-info .media-info-extend .control-group li label:hover {
  color: #FF4F35;
}

/* Text color */
#toggleBrandMethod i.fa.fa-fw,
#toggleCategoryMethod i.fa.fa-fw,
#toggleBrandMethod:hover,
#toggleCategoryMethod:hover span {
  color: #333;
}

/* Asset detail and upload media */
#image_enlarger ul.media-info {
  width: 320px;
}

#image_enlarger ul.media-info li .control-group .controls textarea,
#image_enlarger ul.media-info li .control-group .controls input[type=text],
#image_enlarger ul.media-info li .control-group .controls input[name=tagList],
#image_upload ul.media-info li .control-group .controls textarea,
#image_upload ul.media-info li .control-group .controls .tagit-new input {
  color: #333;
}

#image_enlarger ul.media-info li b,
#image_upload ul.media-info li b,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul li span a {
  color: #333;
}

#image_enlarger ul.media-info > li > a.action-btn,
#image_upload ul.media-info > li > a.action-btn,
#image_upload ul.media-info li.description .heading {
  color: #333;
}

#image_enlarger ul.media-info > li.toggle-active.active > a.action-btn,
#image_upload ul.media-info > li.toggle-active.active > a.action-btn {
  color: #333;
}

#image_enlarger ul.media-info > li.toggle-active > a.action-btn:hover,
#image_upload ul.media-info > li.toggle-active > a.action-btn:hover {
  color: #333 !important;
  background-color: transparent !important;
}

#image_enlarger > figure > div.table_wrapper .overlay-detail ul li time,
#image_enlarger .overlay-detail ul,
#image_enlarger ul.media-info li a.link,
#image_upload ul.media-info li a.link {
  color: #333;
}

#image_enlarger ul.media-info > li.toggle-active > a.action-btn:hover .fa-caret-down,
#image_upload ul.media-info > li.toggle-active > a.action-btn:hover .fa-caret-down {
  color: #333;
}

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

#image_enlarger ul.media-info > li > a.action-btn,
#image_upload ul.media-info > li > a.action-btn,
#image_upload ul.media-info li.description .heading {
  color: #333 !important;
  background-color: transparent !important;
}

/* Input fields & textareas */
#image_upload ul.media-info li .control-group .controls textarea,
#image_enlarger ul.media-info li .control-group .controls textarea,
#image_upload > .upload-container nav.edit ul li.dropdown .control-group .controls textarea.inline,
#image_upload ul.media-info li .control-group .controls textarea:focus,
#image_enlarger ul.media-info li .control-group .controls textarea:focus,
#image_upload ul.media-info li .control-group .controls textarea:hover,
#image_enlarger ul.media-info li .control-group .controls textarea:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info li .control-group .controls textarea:hover {
  min-width: 250px;
  max-width: 250px;
  height: 80px;
  min-height: 0;
  margin: 0;
  padding: 0 0 0 5px;
  border: 1px solid rgba(51, 51, 51, 0.1);
}

.option-holder,
.option-header,
.option-holder.option-categories .option-container,
.option-footer {
  color: #333;
  background-color: #fff;
}

#image_upload .tags.select2-container-multi .select2-choices .select2-search-choice div {
  word-break: normal;
}

#image_upload .highlight {
  border: 1px solid #963333 !important;
}

#image_upload .media-tools ul.media-tools-left > li {
  border: 0;
}

.media-holder .thumbnail .delete:hover {
  color: #FF4F35;
}

/*=======================
COLLECTIONS PAGE
=======================*/
body[data-module=collections] header .nav-bar ul.cta-main-container li#uploadMedia a.cta-main {
  border-right: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

body[data-module=collections] header {
  border-bottom: 1px solid #fafafb;
}

body[data-module=collections] header .tool-bar {
  height: auto;
  min-height: 0;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.content-container.collections {
  padding: 140px 0 0 0;
}

.collection-navigation {
  top: 170px;
  width: 220px;
  padding: 0 0 5px 0;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

.collection-navigation ul {
  padding: 0;
}

.collection-navigation ul li h3 {
  margin: 0;
  padding: 10px 15px;
  font-family: "Gotham-Bold";
  font-size: 16px;
  font-weight: 700;
  color: #171B4A;
}

.collection-navigation ul li a {
  max-width: 155px;
  max-height: 35px;
  padding: 0 0 0 15px;
  overflow: hidden;
  font-family: "Gotham-Book";
  font-size: 14px;
  font-weight: 300;
  line-height: 35px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
  word-break: break-all;
}

.collection-navigation ul li a .fa {
  margin-right: 5px;
  color: #333;
}

.collection-navigation ul li span.count {
  position: absolute;
  right: 15px;
  min-width: 23px;
  height: 20px;
  margin: 7px 0 0 0;
  padding: 0 7px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Gotham-Bold";
  font-size: 12px;
  font-weight: 700;
  line-height: 22px;
  color: #333;
  border: 0;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  background-color: #f5f5f5;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a,
.collection-navigation ul li.dropdown.active ul li.active a {
  color: #171B4A;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: transparent;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a .fa,
.collection-navigation ul li.dropdown.active ul li.active a .fa {
  color: #171B4A;
}

.collection-navigation ul li.dropdown.alwaysopen ul li.active a span.count,
.collection-navigation ul li.dropdown.active ul li.active a span.count {
  color: #fff;
  background-color: #171B4A;
}

/* Media tools */
.content-container.collections .collections-container {
  padding-top: 30px;
}

.content-container.collections .collections-container .media-tools {
  margin: 0 0 20px 0;
  padding: 0;
}

.collections-container .media-tools-left,
.collections-container .media-tools-left .media-sort {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.collections-container .media-tools-left .media-sort .dropdown-search {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.media-tools > .media-tools-left > li.media-sort p,
.chosen-container-single .chosen-single span {
  margin: 0;
  font-family: "Gotham-Book";
  font-size: 12px;
  font-weight: 300;
  color: #333;
}

.content-container.collections .collections-container .media-tools .media-tools-left .media-sort .dropdown-search a.chosen-single {
  font-family: "Gotham-Book";
  font-size: 12px;
  font-weight: 300;
  color: #333;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

.chosen-container .chosen-results li.highlighted {
  background: #171B4A;
}

#collections-container ul.media-tools-right {
  border: 1px solid #e9eaec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#collections-container ul.media-tools-right li.media-sort > a {
  font-family: "Gotham-Light";
  font-size: 12px;
  font-weight: 200;
  color: #333;
  letter-spacing: 0;
  border: 0;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#collections-container ul.media-tools-right li.media-sort > a strong {
  font-family: "Gotham-Book";
  font-weight: 300;
  color: #151515;
}

#collections-container ul.media-tools-right li.media-sort > a:hover strong {
  color: #FF4F35;
}

#collections-container ul.media-tools-right li.media-sort ul.auto-complete {
  padding: 0;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#collections-container ul.media-tools-right li.media-sort ul.auto-complete li a {
  color: #333 !important;
}

#collections-container ul.media-tools-right li.media-sort ul.auto-complete li.active a {
  color: #fff !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #FF4F35;
}

/* Collection tiles */
#collections-container .collection-holder {
  width: 220px;
  height: 220px;
  margin: 0 20px 20px 0;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#collections-container .collection-holder:before {
  display: none;
}

#collections-container .collection-holder .thumbnail {
  bottom: auto;
  left: auto;
  height: 200px;
  margin: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

#collections-container .collection-holder .thumbnail h4 {
  position: static;
  margin: 10px 0 0 0;
  font-family: "Gotham-Medium";
  font-size: 14px;
  font-weight: 600;
  color: #171B4A;
}

#collections-container .collection-holder .thumbnail span.count {
  bottom: 15px;
  font-family: "Gotham-Book";
  font-size: 12px;
  font-weight: 300;
  color: #333;
}

#collections-container .collection-holder .thumbnail .share-holder {
  right: 15px;
}

#collections-container .collection-holder .thumbnail .share-holder .share {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#collections-container .collection-holder .thumbnail .share:hover ul.auto-complete {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#collections-container .collection-holder .thumbnail .share:hover ul.auto-complete li a {
  color: #333;
}

#collections-container .collection-holder.selector-enabled .thumbnail .select:hover {
  border-top-color: #171B4A;
}

#collections-container .collection-holder.selector-enabled.active .thumbnail .select {
  border-top-color: #171B4A;
}

#collections-container .collection-holder.selector-enabled.active .thumbnail {
  box-shadow: inset 0 0 0 2px #171B4A;
}

/* Collection detail */
#single-collection-top {
  padding-top: 245px;
}

#single-collection-top .cta-main-container > li > a,
#single-collection-top .cta-main-container li.collection-delete a.action-btn {
  height: 40px !important;
  margin-right: 5px !important;
  padding: 0 15px;
  line-height: 40px !important;
  color: #fff;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#single-collection-top .cta-main-container > li > a:hover,
#single-collection-top .cta-main-container li.collection-delete a.action-btn:hover {
  color: #fff !important;
  background-color: #FF4F35;
}

#single-collection-top .cta-main-container > li > a.cta-dropdown-trigger {
  width: auto;
  padding: 0 5px;
}

#single-collection-top .cta-main-container li.show ul.cta-dropdown {
  border: 1px solid #e9eaec;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#single-collection-top .cta-main-container a.cta-main.cta-dropdown-trigger .fa {
  padding-right: 5px;
}

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

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

.collections-container #rootCollectionOrderByFilter button.action-btn.cancel.gray {
  color: #171B4A;
}

/*=======================
NEWS
=======================*/
.content-container.dashboard.single,
.content-container.dashboard.single .collection-stream {
  width: 1180px;
}

.content-container.dashboard.single .dashboard-side {
  display: none;
}

.content-container.dashboard.single .collection-stream .collection.news {
  width: 100%;
  margin: 0 0 25px 0;
  padding: 0 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.content-container.dashboard.single .collection-stream .collection.news .news-content {
  padding: 25px 0;
}

.content-container.dashboard.single .collection-stream .collection.news .news-image,
.content-container.dashboard.single .collection-stream .collection.news .news-image img,
.content-container.dashboard.single .collection-stream .collection.news .news-content img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

/*=======================
STYLEGUIDE
=======================*/
body[data-module=styleguide] header .nav-bar .nav-bar-right {
  right: 275px;
}

#styleguide-button-export {
  height: 42px;
  font-family: "Gotham-Bold";
  font-size: 14px;
  line-height: 44px;
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#styleguide-button-export:hover {
  color: #fff;
  background-color: #FF4F35;
}

.filters-holder #styleguide-save {
  margin-top: 14px;
  color: #fff !important;
}

#styleguide-container {
  padding-top: 310px;
}

#styleguide-container:before {
  position: absolute;
  margin-top: -70px;
  font-family: "Gotham-Bold";
  font-size: 24px;
  line-height: 24px;
  color: #FF4F35;
  content: "Brand Hub";
}

#styleguide-sidebar {
  width: 380px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#styleguide-sidebar-content {
  margin: 50px 0 0 0;
}

#styleguide-sidebar-content > div {
  margin: 60px 0 0 0 !important;
}

#styleguide-sidebar a.edit-sidebar {
  max-width: 150px;
  margin: 0 auto 15px auto;
}

.arrow-styleguide {
  right: 30px;
}

#styleguide-sidebar a.action-btn.edit-nav {
  position: absolute;
  top: 15px;
  left: 50%;
  z-index: 10;
  margin: 0 auto 15px auto;
  padding: 0 15px;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

#styleguide-sidebar ul li.chapter {
  margin-bottom: 20px;
  padding: 20px 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
}

#styleguide-sidebar ul li.chapter:first-child {
  padding-top: 60px;
}

#styleguide-sidebar ul li.chapter > .title {
  padding: 0 30px;
  font-family: "Gotham-Medium";
  color: #FF4F35;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: #fff;
}

#styleguide-sidebar ul li.chapter.opened > .title {
  margin-bottom: 15px;
}

#styleguide-sidebar ul li.chapter > .title p {
  font-family: "Gotham-Medium";
  font-size: 14px;
  color: #171B4A;
}

#styleguide-sidebar ul.pages li.page span.page {
  margin: 0 20px;
  padding: 10px;
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #171B4A;
  -webkit-box-shadow: inset 0 -1px 0 0 #f5f5f5;
  -moz-box-shadow: inset 0 -1px 0 0 #f5f5f5;
  box-shadow: inset 0 -1px 0 0 #f5f5f5;
}

#styleguide-sidebar li.chapter.opened > ul.pages > li:nth-last-child(2) span {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#styleguide-sidebar ul.pages li.page.active span.page {
  margin: 0 20px;
  padding: 10px;
  font-family: "Gotham-Medium";
  color: #171B4A;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

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

#styleguide-sidebar ul li.opened > ul li:hover > span.page {
  color: #171B4A;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#styleguide-sidebar ul li.chapter.opened > ul li:hover > span.page span,
#styleguide-sidebar ul li.chapter.opened > ul li:hover > span.page i {
  color: #FF4F35;
}

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

#styleguide-sidebar ul li.add {
  text-align: center;
}

#styleguide-sidebar .editmode a.action-btn {
  display: inline-block;
  margin: 10px auto;
}

#styleguide-page-header,
#pdf-page-header {
  margin-left: 400px;
  padding: 30px 20px 0 20px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

#styleguide-page-header h1.header-title,
#pdf-page-header h1.header-title {
  font-family: "Gotham-Book";
  font-size: 31px;
  color: #FF4F35;
  letter-spacing: 0.1px;
}

#styleguide-page-header .styleguide-controls li a.group-btn {
  font-size: 16px;
  color: #d2d2d2;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#styleguide-page-header .styleguide-controls li a.group-btn .fa {
  height: 30px;
  margin: 0;
  line-height: 30px;
  vertical-align: top !important;
}

#styleguide-page-content {
  margin-left: 400px;
  padding: 25px 20px 0 20px;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

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

.editmode #styleguide-page-footer {
  margin-left: 400px;
}

#styleguide-container ul.group-btns.big li.new-embed-toolbar a.group-btn {
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #171B4A;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

#styleguide-sidebar .styleguide-toolbar-buttons li a, ul.styleguide-toolbar-buttons li a {
  font-family: "fontAwesome";
}

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

body[data-module=styleguide] #main.guidelines-landing .content-container.guidelines {
  padding: 220px 0 50px 0;
}

body[data-module=styleguide] #main.guidelines-landing .content-container.guidelines .guideline-intro {
  margin: 0;
}

body[data-module=styleguide] #main.guidelines-landing .content-container.guidelines .guideline-blocks a.guideline-block {
  padding: 0;
  margin-right: 20px;
  width: 210px;
  min-height: 300px;
}

body[data-module=styleguide] #main.guidelines-landing .content-container.guidelines .guideline-blocks a.guideline-block h3 {
  font-size: 14px;
  line-height: 15px;
  height: 30px;
}

body[data-module=styleguide] #main.guidelines-landing .content-container.guidelines .guideline-blocks a.guideline-block h3 i.fa.fa-chevron-right {
  margin-left: 5px;
}

body[data-module=styleguide] #main.guidelines-landing .content-container.guidelines .guideline-blocks a.guideline-block:nth-of-type(4n) {
  margin-right: 0;
}

/*=======================
WORKFLOW
=======================*/
body[data-module=workflow] header .tool-bar {
  width: 100%;
  max-height: 40px;
  line-height: 40px;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

body[data-module=workflow] header .tool-bar ul.breadcrumb {
  height: 40px;
  margin: 0;
  line-height: 40px;
}

body[data-module=workflow] header .tool-bar ul.breadcrumb li a {
  color: #333;
}

.content-container.brands.workflow.sub-navigation {
  width: 1180px;
  margin-top: 180px;
}

.content-container.workflow .module-navigation {
  position: absolute;
  left: 50%;
  z-index: 89;
  margin: 15px 5px 25px 5px;
  padding: 0;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: transparent;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.content-container.workflow.dashboard.brands.sub-navigation .media-results {
  margin-top: 30px;
}

.content-container.workflow.dashboard.brands.sub-navigation .module-navigation {
  margin-top: 10px;
}

.content-container.workflow .module-navigation .module-nav {
  padding: 0;
  background-color: #fdfdfd;
}

.content-container.workflow .module-navigation ul.module-nav li {
  height: 40px;
  padding: 10px 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 0;
  border-right: 1px solid #e9eaec;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.95);
  -webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 2px 1px #fff;
  -moz-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 2px 1px #fff;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 2px 1px #fff;
}

.content-container.workflow .module-navigation ul.module-nav li:last-of-type {
  border-right: 0;
}

.content-container.workflow .module-navigation ul.module-nav li a {
  font-family: "Gotham-Book";
  font-size: 12px;
  color: #333;
}

.content-container.workflow .module-navigation ul.module-nav > li.active a {
  font-family: "Gotham-Bold";
}

.content-container.workflow .module-navigation ul.module-nav > li.active:after {
  display: none;
}

.workflow-header {
  width: 1200px;
  margin: 20px auto 25px auto;
}

.workflow-header h1 {
  float: left;
  font-family: "Gotham-Medium";
  font-size: 24px;
  font-weight: 500;
  line-height: 24px;
  color: #333;
  text-transform: uppercase;
}

.workflow-header .media-results.viewtoggle-container span {
  color: #333;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.workflow-header .viewtoggle-container .change-view-type.view-selected {
  color: #fff;
  background-color: #FF4F35;
}

.workflow-header .list-buttons.right.listview-item a.action-btn.list-show-all-jobs {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  background-color: #FF4F35;
}

.workflow-header {
  margin-top: 15px;
}

.workflow-campaigns-header {
  padding-top: 40px;
}

.campaign-action:hover {
  background-color: #171B4A;
  border-color: #171B4A;
  color: #fff !important;
}

span.wf-new-stage-progress.stage-progress-progress {
  background-color: #171B4A;
}

.content-container.dashboard.workflow {
  position: relative;
  max-width: none;
  padding-top: 50px;
}

.content-container.dashboard.workflow.brands.sub-navigation {
  padding-top: 0;
}

.content-container.dashboard.workflow.sub-navigation .wf-dashboard-holder {
  margin-top: 80px;
}

.campaign-overview .grid-row-holder .brand-holder:hover .campaign-actions {
  opacity: 0.8;
}

.campaign-overview .grid-row-holder .brand-holder .campaign-actions a:hover .fa-pencil {
  color: #fff;
}

.brand-holder:hover .campaign-info {
  margin-top: 0;
  padding-top: 5px;
}

.campaign-overview .grid-row-holder .brand-holder.show-all a {
  border: none;
}

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-img {
  background-color: #171B4A;
}

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-img .fa {
  font-size: 0;
}

.campaign-img > i.fa-picture-o {
  margin-top: 50px;
}

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-img .fa:before {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 40px;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
  content: "\f01c";
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-data {
  height: 100px;
  color: #171B4A;
  border: none;
  background-color: #fff;
}

.campaign-overview > .grid-row-holder {
  width: 1200px;
  margin-top: 50px;
}

.workflow .brand-holder {
  width: 220px;
  margin: 0 20px 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #e9eaec;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

.workflow .brand-holder .hidden {
  display: none;
}

.campaign-overview .grid-row-holder .brand-holder > a {
  width: 100%;
  height: 250px;
  background-color: #fff;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-img {
  height: 145px;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data {
  position: static;
  height: 100px;
  padding: 20px 10px;
  overflow: visible;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title p {
  max-width: 200px;
  max-height: 20px;
  overflow: hidden;
  font-family: "Gotham-Medium";
  font-size: 14px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.campaign-overview .grid-row-holder .brand-holder.show-all a .campaign-data .campaign-title i {
  color: #171B4A;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title i {
  position: absolute;
  bottom: 20px;
  max-width: calc(100% - 100px);
  overflow: hidden;
  font-family: "Gotham-Book";
  font-size: 10px;
  color: #333;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-title .span-link {
  color: #171B4A;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges {
  position: absolute;
  top: auto;
  right: 10px;
  bottom: 20px;
}

.campaign-overview .grid-row-holder .brand-holder:hover a .campaign-data .campaign-badges {
  bottom: 43px;
}

.campaign-overview .grid-row-holder .brand-holder:hover a .campaign-data .campaign-title i {
  bottom: 40px;
}

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-badges ul li span {
  min-width: 20px;
  height: 17px;
  padding: 0 3px;
  font-family: "Gotham-Medium";
  font-size: 9px;
  font-weight: 600;
  line-height: 19px;
  color: #fff;
  text-align: center;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}

.workflow-header .media-results span.selected-results {
  -webkit-border-radius: 5px 0 0 5px !important;
  -moz-border-radius: 5px 0 0 5px !important;
  border-radius: 5px 0 0 5px !important;
  background-color: #FF4F35;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

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

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

.progress-current.current .stage-number {
  background-color: #171B4A;
}

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

.preset-attachments-upload.file-hover .job-attachments-dropbox,
.job-attachments-upload.file-hover .job-attachments-dropbox,
.job-attachments-dropbox:hover {
  border-color: #FF4F35;
}

.media-holder .thumbnail.add .image-holder > i {
  color: #171B4A;
}

.media-holder .thumbnail.add:hover {
  cursor: pointer;
}

.stage-body .wf-stage-content-holder .media-tools .filter-container .media-sort ul.auto-complete li a.active {
  color: #FF4F35;
}

/*test 5*/
.media-holder.error .thumbnail,
.media-holder .thumbnail:hover,
.media-holder.rejected .thumbnail:hover,
.media-holder.approved .thumbnail:hover {
  border-color: #171B4A;
}

.select2-results .select2-highlighted {
  background-color: #171B4A;
}

.media-holder .thumbnail.add:hover .image-holder > i {
  color: #FF4F35;
}

.media-holder.file-hover .thumbnail.add,
.media-holder .thumbnail.add:hover {
  border-color: #FF4F35;
}

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

.campaign-overview .grid-row-holder .brand-holder a .campaign-data .campaign-info .campaign-info-block {
  max-width: 140px;
  max-height: 25px;
  overflow: hidden;
  font-family: "Gotham-Book";
  font-size: 9px;
  color: #171B4A;
  text-overflow: ellipsis;
}

.brand-holder .progress-bar {
  background-color: #171B4A;
}

.campaign-overview .grid-row-holder .brand-holder.show-closed .show-closed-container {
  width: 220px;
  height: 250px;
}

.campaign-collection-list {
  margin: 75px 0;
}

.campaign-collection-list .listview-collection {
  width: 100% !important;
}

body[data-module=workflow] .media-holder.portrait .thumbnail .image-holder {
  width: auto;
}

.mentions-input-box .mentions > div > strong {
  margin: 0 0 0 -5px;
  padding: 2px 5px 0 10px;
}

.media-holder.portrait .wf-stage-asset .thumbnail {
  top: 32px;
  bottom: 33px;
}

span.action-btn.red,
a.action-btn.red,
button.action-btn.red {
  border: none;
}

a.dialogbutton.dialog-cancel {
  line-height: 24px;
}

.empty-value {
  color: #cecece;
}

.wf-wrapper .modal-header .close:hover {
  color: #FF4F35 !important;
  background-color: transparent !important;
}

/* Workflow sidebar feature */
body .content-container.brands.workflow.sub-navigation.sidebar-feature {
  margin-top: 140px !important;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-navigation {
  height: calc(100% - 140px) !important;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-header h1 {
  float: unset;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-header .workflow-campaigns-header {
  margin-top: 40px;
}

/*=======================
LOGIN PAGE
=======================*/
#login .login-container {
  width: 360px;
  margin: -100px 0 0 -160px;
}

#login .login-container a.account-logo {
  width: 120px;
  height: 120px;
  margin: -60px 0 0 -60px;
  border: none;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 60px rgba(0, 0, 0, 0.1);
}

#login .login-container .form {
  padding: 75px 40px 50px 40px;
  color: #333;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  -moz-box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
  box-shadow: 0 1px 2px 0 rgba(59, 94, 110, 0.05);
}

.cbox_messagebox_info {
  text-align: center;
  border: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #FF4F35;
}

#login .login-container .form .alt-login p {
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #333;
}

#login .login-container .form .alt-login button {
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #fff;
  letter-spacing: 0;
}

#login .login-container .form #regular-login input {
  width: 280px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333;
  border: 1px solid #dee2e4;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #fff;
}

#login .login-container .form #regular-login .input-holder span i.fa {
  top: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #ccc;
  border: none;
}

#login .login-container .form #regular-login .input-holder span i.fa:after {
  position: absolute;
  top: 10px;
  left: 40px;
  width: 1px;
  height: 20px;
  background-color: #e6e6e6;
  content: "";
}

#login .login-container .lost-password a {
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #333;
  opacity: 0.6;
}

#login .login-container .form-bottom button {
  font-size: 16px;
}

/* Login dropbox */
#login .dashboard-dropbox {
  background: rgba(255, 255, 255, 0.85);
}

#login .dashboard-dropbox.open {
  background: rgba(255, 255, 255, 0.85);
}

#login .dashboard-dropbox a.dropLink {
  color: #333;
  border-color: #333;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

#login .dashboard-dropbox a.dropLink:hover {
  border-color: #FF4F35;
}

#login .dashboard-dropbox.open .files {
  background: transparent;
}

#login .dashboard-dropbox .files ul li .loading {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: #171B4A;
}

#login .login-container .dropbox-receiver label {
  color: #333;
}

#login .login-container .dropbox-receiver select {
  color: #333;
  background-color: #ccc;
}

#login .dropbox-input-holder .fa {
  margin-left: 7px;
  color: #ccc;
}

#login .dashboard-dropbox textarea {
  border: 1px solid #ccc;
}

#login .dashboard-dropbox input,
#login .dashboard-dropbox textarea {
  color: #333;
}

#login .dashboard-dropbox .confirm .fa,
#login .dashboard-dropbox .confirm h2 {
  color: #333;
}

#login .dashboard-dropbox .files ul li.clearfix p {
  color: #FF4F35;
}

#login .dashboard-dropbox .files ul li.converting p,
#login .dashboard-dropbox .files ul li.complete p {
  color: #fff;
}

#login form .dropbox-input-holder .captcha-holder h1,
#login form .dropbox-input-holder .captcha-holder p {
  color: #333;
}

#login form .captcha-holder input[name=captcha] {
  padding: 0;
}

/* Login general */
#login ul.admin-options {
  background: rgba(0, 0, 0, 0.05);
}

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

/*=======================
WAITINGROOM page
=======================*/
.collection-navigation .active > a > .state-icon {
  border-color: #171B4A;
}

.status-change .wf-job-status:before,
.status-change .wf-job-status,
td.row-status.status-change:before {
  border-color: #1eada5;
  background-color: #1eada5;
}

.collection-navigation ul li.dropdown.alwaysopen .control-group.waitingroom-menu li a .fa,
.collection-navigation ul li.dropdown.alwaysopen .control-group.waitingroom-menu li.active a .fa {
  color: #333;
}

.tools-container ul li.tools-results span.results-part {
  background-color: #171B4A;
}

/*=======================
FOOTER
=======================*/
footer.fixed .footer-btn .text,
footer.fixed .footer-btn {
  font-family: "Gotham-Book";
  font-size: 14px;
  color: #333;
}

footer.fixed .footer-btn .text:hover,
footer.fixed .footer-btn:hover {
  color: #FF4F35;
}

/*=======================
GENERAL
=======================*/
::-moz-selection {
  background: #FF4F35;
}

::selection {
  background: #FF4F35;
}

input:-moz-placeholder {
  color: #333 !important;
}

input::-moz-placeholder {
  color: #333 !important;
}

input:-ms-input-placeholder {
  color: #333 !important;
}

input::-webkit-input-placeholder {
  color: #333 !important;
}

textarea:-moz-placeholder {
  color: #333 !important;
}

textarea::-moz-placeholder {
  color: #333 !important;
}

textarea:-ms-input-placeholder {
  color: #333 !important;
}

textarea::-webkit-input-placeholder {
  color: #333 !important;
}

select,
textarea,
input[type=text],
input[type=password],
input[type=datetime],
input[type=datetime-local],
input[type=date],
input[type=month],
input[type=time],
input[type=week],
input[type=number],
input[type=email],
input[type=url],
input[type=search],
input[type=tel],
input[type=color] {
  color: #333;
  border: 1px solid rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

select:focus,
textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=date]:focus,
input[type=month]:focus,
input[type=time]:focus,
input[type=week]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=url]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=color]:focus {
  border: 1px solid rgba(2, 52, 106, 0.5) !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  box-shadow: none !important;
}

input:focus:invalid {
  border: 1px solid rgba(185, 74, 72, 0.5) !important;
}

textarea:focus:invalid {
  border: 1px solid rgba(185, 74, 72, 0.5) !important;
}

select:focus:invalid {
  border: 1px solid rgba(185, 74, 72, 0.5) !important;
}

td.disabled,
a.disabled {
  color: #cecece !important;
}

pre,
input,
button,
select,
textarea,
.ui-menu .ui-menu-item {
  font-family: "Gotham-Book", "Helvetica Neue", Helvetica;
  outline: none !important;
}

/*=======================
MISCELLANEOUS
=======================*/
.content-container {
  padding-top: 220px;
}

.scrollup {
  right: 15px;
  bottom: 15px;
  font-size: 0;
  color: #fff !important;
  text-indent: 100px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  background: none #171B4A;
}

.scrollup:hover {
  color: #fff !important;
  -webkit-transition: all 0.1s;
  -moz-transition: all 0.1s;
  transition: all 0.1s;
}

.scrollup:before {
  position: absolute;
  right: 10px;
  bottom: 5px;
  font-family: "FontAwesome";
  font-size: 45px;
  font-weight: 200;
  content: "\f106";
}

.update.info,
.update.warning {
  background: #FF4F35;
}

.ui-selectable-helper {
  border: 1px dotted #333;
}

.page-component fieldset .control-group .tip {
  margin-left: -30px;
}

.languages,
#brandstore-container .table table tbody tr:hover,
.content-container .table table tbody tr:hover {
  color: #FF4F35;
}

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

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

.content-container .page-component .form-actions button.action-btn,
.content-container .page-component .form-actions a.action-btn {
  border: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.content-container .page-component .form-actions button.action-btn {
  background-color: #FF4F35;
}

header .tool-bar > .filters-holder > ul.filters > li.filter .filter-level-container#colorFilter .filter-level .form-item input {
  width: 266px;
}

#lookAndFeelManagement .upload-box.watermark-box {
  height: 160px;
}

a.dialogbutton.dialog-cancel {
  height: 20px;
  line-height: 20px;
}

.table.news a.action-btn {
  padding: 3px 10px;
}

.filter-level ul.stand li.selected span.searchCount {
  background-color: #171B4A;
}

.status-progress .wf-job-status:before,
.status-progress .wf-job-status {
  border-color: #171B4A;
  background-color: #171B4A;
}

div.pie-progress {
  background-color: #FF4F35;
}

.dashboard-side a .collection-thumb-holder {
  background: none;
}

.workflow-header > h1 a {
  color: #171B4A;
}

.stage-btn.success:hover {
  color: #fff !important;
}

/*=======================
ANIMATION
=======================*/
#carousel-holder {
  -webkit-animation: fadein 2s;
  -moz-animation: fadein 2s;
  animation: fadein 2s;
}

@keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-moz-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadein {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/*=======================
Collection detail fix
=======================*/
#collectionDetailContent {
  margin-top: 150px;
}

.content-container.single-collection:has(.filterbar.show.active) #collectionDetailContent {
  margin-top: 110px;
}

/*=======================
RESPONSIVE
=======================*/
@media screen and (max-width: 1200px) {
  .content-container.dashboard {
    padding-right: 25px;
    padding-left: 25px;
  }
  .dashboard-side {
    width: 100%;
    margin-left: 0;
  }
  .content-container.brands.workflow.sub-navigation {
    width: auto;
  }
  .campaign-overview > .grid-row-holder {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  }
  .workflow-header {
    width: 960px;
  }
}
/* Smartfilter fix */
body[data-module=media] header.base .tool-bar .filters-holder ul.filters.clearfix li.filter.filter-meta.active .filter-level-container.smart-filter-container {
  overflow-y: scroll;
}

header.base {
  min-width: unset;
}

/* Asset detail - Asset Metaproperty Permissions */
#image_enlarger .toggle-additionals .media-info-extend #rootAssetMetapropertyPermissions button.action-btn.cta-main.blue.button-small {
  background: #171B4A !important;
  border: 0 !important;
  border-radius: 4px !important;
  color: #fff !important;
}
#image_enlarger .toggle-additionals .media-info-extend #rootAssetMetapropertyPermissions button.action-btn.cta-main.blue.button-small:hover {
  background: #FF4F35 !important;
  color: #fff !important;
}
#image_enlarger .toggle-additionals .media-info-extend #rootAssetMetapropertyPermissions button.action-btn.cta-main.blue.button-small:active {
  background: #FF4F35 !important;
}

/* Collection detail listview */
.single-collection #collection-media .row.listviewrow {
  float: left;
}

/* Workflow Sidebar Navigation */
body .content-container.brands.workflow.sub-navigation.sidebar-feature {
  width: 100%;
  margin-left: 0;
  margin-top: 150px;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-navigation {
  position: fixed;
  height: calc(100% - 110px);
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-navigation:after {
  content: " ";
  position: absolute;
  height: 110px;
  width: 281px;
  background: rgb(255, 255, 255);
  top: -110px;
  right: 0px;
  border-right: 1px solid rgb(230, 233, 235);
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature {
  flex: 1;
  margin: 24px 24px 0 296px;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-header {
  width: unset;
  max-width: unset;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-header .media-results {
  margin-right: 10px;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-header > h1 {
  max-width: calc(100% - 100px);
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .grid-row-holder .brand-holder, body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .grid-row-holder .brand-holder.show-all {
  width: calc(25% - 20px);
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-overview > .grid-row-holder {
  width: unset;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .campaign-collection-list,
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .workflow-jobs-container.job-overview .workflow-jobs-list {
  overflow-x: scroll;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-campaigns-header .overview-filter,
body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-jobs-header .overview-filter {
  margin-bottom: 10px;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .campaign-collection-list {
  overflow-x: scroll;
}
body .content-container.brands.workflow.sub-navigation.sidebar-feature .brand-holder {
  margin-right: 20px;
  padding-right: 0;
}

@media screen and (max-width: 1200px) {
  body .content-container.brands.workflow.sub-navigation.sidebar-feature {
    margin-left: 0;
    margin-right: 0;
  }
  body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .grid-row-holder .brand-holder, body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-holder.sidebar-feature .grid-row-holder .brand-holder.show-all {
    width: calc(33% - 20px);
  }
}
/* Blank container */
.blank__container {
  padding-top: calc(var(--headerHeight, 110px));
}

/* Adminbar Profile & Settings - New code 2025 */
header > .admin-bar div div.admin-right ul.admin-options div li.touch-block a {
  color: #171B4A;
}
header > .admin-bar div div.admin-right ul.admin-options div li.touch-block a:hover {
  color: #171B4A;
}
header > .admin-bar div div.admin-right ul.admin-options div li.touch-block a.settings {
  font-size: 0;
}

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

/*=======================
SELECT2 UPDATE
=======================*/
.select2-container--default .select2-selection--single {
  border: 1px solid rgba(0, 34, 51, 0.1);
  min-height: 40px;
  line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
  line-height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  height: 40px;
}

.select2-container--default .select2-selection--single .select2-selection__clear {
  color: #212C40;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  min-width: 200px;
}

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

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

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

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
  padding-right: 20px;
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
  line-height: 40px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
  color: rgba(0, 34, 51, 0.1);
  margin-top: 8px;
  margin-right: -1px;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
  color: #132034;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
  border: 1px solid rgba(0, 34, 51, 0.1);
  border-radius: 30px;
  line-height: 24px;
  color: #212C40;
  background-color: #f7f8f9;
}

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

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

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

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

.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .wf-message-options .private-group-select label {
  margin-top: -7px;
}

.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .select2-container {
  width: 250px !important;
  top: 7px;
}

.wf-asset-activity.wf-stage-activity .wf-message-options.left .private-group-select .select2-container--default .select2-selection--multiple {
  position: relative;
  z-index: 1;
}

.wf-wrapper .select2.select2-container.select2-container--default.select2-container--below.select2-container--focus,
.wf-wrapper .select2-container--default .select2-selection--multiple {
  width: 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;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-container--default .select2-selection--multiple,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-container--default .select2-selection--multiple,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-container--default .select2-selection--multiple,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-container--default .select2-selection--multiple {
  background: transparent;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-container--default .select2-selection--multiple .select2-selection__clear,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-container--default .select2-selection--multiple .select2-selection__clear {
  margin-top: 8px;
  margin-right: 1px;
  color: rgba(255, 255, 255, 0.65);
}

#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #264251;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
  max-width: 200px;
  overflow: hidden;
  white-space: normal;
  word-break: break-all;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice:hover {
  color: #fff;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice .select2-selection__choice__remove,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.65);
  float: right;
  right: 0;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-selection__choice > div,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-selection__choice > div,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-selection__choice > div,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-selection__choice > div {
  padding-right: 12px;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-search__field,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field {
  width: 259px !important;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-search__field:hover, #image_upload .upload-container nav.edit ul.media-info li .select2-search__field:focus,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:focus,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .select2-search__field:focus,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .select2-search__field:focus {
  width: 259px !important;
  background-color: #264251;
}

#image_upload .upload-container nav.edit ul.media-info li .controls input:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .controls input:hover,
#image_enlarger ul.media-info li .media-info-extend.automated-tags .controls input:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info .media-info-extend .control-group .controls input:hover {
  background-color: #264251;
}

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

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

#image_upload .upload-container nav.edit ul.media-info li .select2-search__field,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field {
  width: 210px !important;
}

#image_upload .upload-container nav.edit ul.media-info li .select2-search__field:hover, #image_upload .upload-container nav.edit ul.media-info li .select2-search__field:focus,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:hover,
#image_upload .upload-container nav.edit ul.media-info li .media-info-extend .select2-search__field:focus {
  width: 210px !important;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-container--default .select2-selection--multiple,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-container--default .select2-selection--multiple {
  background: transparent;
  border: 1px solid transparent;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice {
  padding: 0 8px;
  border-radius: 16px;
  background-color: #264251;
  color: #fff;
  font-size: 14px;
  line-height: 30px;
  font-weight: var(--user-theme-brandFontWeightBase, 400);
  margin: 2px 4px;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice:hover {
  color: #fff;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice .select2-selection__choice__remove,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice .select2-selection__choice__remove {
  color: rgba(255, 255, 255, 0.65);
  position: absolute !important;
  right: 5px;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-selection__choice > div,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-selection__choice > div {
  padding-right: 12px;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field {
  width: 259px !important;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field:hover, #image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .select2-search__field:focus,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .select2-search__field:focus {
  width: 259px !important;
  background-color: #264251;
}

#image_upload ul.media-info > li.toggle-active:has(label[for=tagList]) .controls input:hover,
#image_enlarger > figure > div.table_wrapper .overlay-detail ul.media-info > li#media-edit-tags .controls input:hover {
  background-color: #264251;
}

#media-detail-tags .select2-container.select2-container--default.tags.select2-container—above,
.select2.select2-container.select2-container--default.tags.select2-container {
  width: 100% !important;
}

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

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

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

/*=======================
END SELECT2 UPDATE
=======================*/
/*=======================
IMPERSONATE HEADER CODE
=======================*/
.nav-bar-search.dashboard-search {
  top: calc(var(--headerHeight, 110px) + 20px);
}

.content-container.dashboard {
  padding: calc(var(--headerHeight, 110px) + 400px) 0 20px 0;
}

#carousel-holder {
  top: calc(var(--headerHeight, 110px));
}

body[data-module=media] #media-container.content-container.media.ui-selectable {
  padding-top: calc(var(--headerHeight, 110px) + 80px);
}

body[data-module=media] .filterbar.show ~ #media-container.content-container.media.ui-selectable {
  padding-top: calc(var(--headerHeight, 110px) + 60px + 40px + 20px);
}

#media-container.content-container.media {
  padding: calc(var(--headerHeight, 110px) + 80px) 0 0 20px;
}

#media-container.content-container.media.has-tagfilter {
  padding: calc(var(--headerHeight, 110px) + 120px) 0 0 20px;
}

body.hasSidebar #media-container.content-container.ui-selectable.media.has-tagfilter {
  padding-top: calc(var(--headerHeight, 110px) + 120px);
}

body[data-module=media] #media-container.content-container.media.ui-selectable.mapview {
  padding: calc(var(--headerHeight, 110px) + 80px) 20px 0 20px;
}

.content-container.collections {
  padding: calc(var(--headerHeight, 110px)) 0 0 0;
}

.collection-navigation {
  top: calc(var(--headerHeight, 110px) + 20px);
}

header.small ~ .collection-navigation {
  top: calc(var(--headerHeight, 110px) - 50px + 23px);
}

.content-container.single-collection {
  padding-top: calc(var(--headerHeight, 110px) + 60px);
}

.filterbar.show ~ .content-container.single-collection {
  padding-top: calc(var(--headerHeight, 110px) + 100px);
}

#styleguide-container {
  padding: calc(var(--headerHeight, 110px) + 80px) 20px 50px 20px;
}

.content-container.guidelines {
  padding: calc(var(--headerHeight, 110px) + 60px + 20px) 20px 60px 20px;
}

.content-container.brands.workflow.sub-navigation {
  margin-top: calc(var(--headerHeight, 110px) + 60px);
}

.campaign-calendar #single-collection-top {
  padding-top: calc(var(--headerHeight, 110px) + 40px);
}

body .content-container.brands.workflow.sub-navigation.sidebar-feature {
  margin-top: calc(var(--headerHeight, 110px) + 40px);
}

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

body .content-container.brands.workflow.sub-navigation.sidebar-feature .workflow-navigation:after {
  height: calc(var(--headerHeight, 110px));
  top: calc(-1 * var(--headerHeight, 110px));
}

.jobview-top#single-collection-top {
  padding: calc(var(--headerHeight, 110px) + 60px) 20px 20px 20px;
}

.jobview-top#single-collection-top .cta-main-container {
  top: calc(var(--headerHeight, 110px) + 60px);
}

.wf-wrapper.asset-view-wrapper {
  margin-top: calc(var(--headerHeight, 110px) + 40px);
}

#login .login-container {
  top: calc(var(--headerHeight, 110px) + 40px);
}

.content-container.single-collection#waitingroom-view {
  padding-top: calc(var(--headerHeight, 110px));
}

html.select-overflow .content-container.brands {
  padding: calc(var(--headerHeight, 110px) + 20px) 20px 20px 20px;
}

#media-container.content-container.ui-selectable {
  padding: calc(var(--headerHeight, 110px) + 20px) 0 20px 20px;
}

#pim-view.content-container.metaproperty-view.single-collection {
  padding-top: calc(var(--headerHeight, 110px));
}

.content-container.dashboard.single.newspage {
  padding-top: calc(var(--headerHeight, 110px) + 20px);
}

.content-container.videos {
  padding: calc(var(--headerHeight, 110px)) 20px 20px 20px;
}

.content-container {
  padding: calc(var(--headerHeight, 110px) + 60px + 20px) 20px 60px 20px;
}

.content-container.dashboard.single {
  padding-top: calc(var(--headerHeight, 110px) + 40px);
}

.content-container#editNews {
  padding-top: calc(var(--headerHeight, 110px) + 20px);
}

#settings-wrapper {
  margin: calc(var(--headerHeight, 110px) + 20px) 20px 0 20px;
}

/*=======================
END IMPERSONATE HEADER CODE
=======================*/